2023-10-20 22:50:39 +02:00
|
|
|
class TiptapService
|
2024-01-18 12:38:46 +01:00
|
|
|
def to_html(node, substitutions = {})
|
2023-12-20 22:10:51 +01:00
|
|
|
return '' if node.nil?
|
2023-11-15 09:55:10 +01:00
|
|
|
|
2024-01-18 12:38:46 +01:00
|
|
|
children(node[:content], substitutions, 0)
|
|
|
|
end
|
|
|
|
|
2024-02-01 18:55:41 +01:00
|
|
|
# NOTE: node must be deep symbolized keys
|
|
|
|
def used_tags_and_libelle_for(node, tags = Set.new)
|
2024-01-18 12:38:46 +01:00
|
|
|
case node
|
2024-02-01 18:55:41 +01:00
|
|
|
in type: 'mention', attrs: { id:, label: }, **rest
|
|
|
|
tags << [id, label]
|
|
|
|
in { content:, **rest } if content.is_a?(Array)
|
|
|
|
content.each { used_tags_and_libelle_for(_1, tags) }
|
|
|
|
in type:, **rest
|
2024-01-18 12:38:46 +01:00
|
|
|
# noop
|
|
|
|
end
|
|
|
|
|
|
|
|
tags
|
2023-12-20 22:10:51 +01:00
|
|
|
end
|
2023-10-20 22:50:39 +02:00
|
|
|
|
2023-12-20 22:10:51 +01:00
|
|
|
private
|
2023-10-20 22:50:39 +02:00
|
|
|
|
2023-12-20 22:10:51 +01:00
|
|
|
def initialize
|
|
|
|
@body_started = false
|
|
|
|
end
|
2023-10-20 22:50:39 +02:00
|
|
|
|
2024-01-18 12:38:46 +01:00
|
|
|
def children(content, substitutions, level)
|
|
|
|
content.map { node_to_html(_1, substitutions, level) }.join
|
2023-12-20 22:10:51 +01:00
|
|
|
end
|
|
|
|
|
2024-01-18 12:38:46 +01:00
|
|
|
def node_to_html(node, substitutions, level)
|
2023-12-20 22:10:51 +01:00
|
|
|
if level == 0 && !@body_started && node[:type] == 'paragraph' && node.key?(:content)
|
|
|
|
@body_started = true
|
|
|
|
body_start_mark = " class=\"body-start\""
|
2023-10-20 22:50:39 +02:00
|
|
|
end
|
|
|
|
|
2023-12-20 22:10:51 +01:00
|
|
|
case node
|
|
|
|
in type: 'header', content:
|
2024-01-18 12:38:46 +01:00
|
|
|
"<header>#{children(content, substitutions, level + 1)}</header>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'footer', content:, **rest
|
2024-01-18 12:38:46 +01:00
|
|
|
"<footer#{text_align(rest[:attrs])}>#{children(content, substitutions, level + 1)}</footer>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'headerColumn', content:, **rest
|
2024-01-18 12:38:46 +01:00
|
|
|
"<div#{text_align(rest[:attrs])}>#{children(content, substitutions, level + 1)}</div>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'paragraph', content:, **rest
|
2024-01-18 12:38:46 +01:00
|
|
|
"<p#{body_start_mark}#{text_align(rest[:attrs])}>#{children(content, substitutions, level + 1)}</p>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'title', content:, **rest
|
2024-01-18 12:38:46 +01:00
|
|
|
"<h1#{text_align(rest[:attrs])}>#{children(content, substitutions, level + 1)}</h1>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'heading', attrs: { level: hlevel, **attrs }, content:
|
2024-01-18 12:38:46 +01:00
|
|
|
"<h#{hlevel}#{text_align(attrs)}>#{children(content, substitutions, level + 1)}</h#{hlevel}>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'bulletList', content:
|
2024-01-18 12:38:46 +01:00
|
|
|
"<ul>#{children(content, substitutions, level + 1)}</ul>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'orderedList', content:
|
2024-01-18 12:38:46 +01:00
|
|
|
"<ol>#{children(content, substitutions, level + 1)}</ol>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'listItem', content:
|
2024-01-18 12:38:46 +01:00
|
|
|
"<li>#{children(content, substitutions, level + 1)}</li>"
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'text', text:, **rest
|
|
|
|
if rest[:marks].present?
|
|
|
|
apply_marks(text, rest[:marks])
|
2023-10-20 22:50:39 +02:00
|
|
|
else
|
2023-12-20 22:10:51 +01:00
|
|
|
text
|
2023-10-20 22:50:39 +02:00
|
|
|
end
|
2023-12-20 22:10:51 +01:00
|
|
|
in type: 'mention', attrs: { id: }, **rest
|
2024-01-18 12:38:46 +01:00
|
|
|
text = substitutions.fetch(id) { "--#{id}--" }
|
|
|
|
|
2023-12-20 22:10:51 +01:00
|
|
|
if rest[:marks].present?
|
2024-01-18 12:38:46 +01:00
|
|
|
apply_marks(text, rest[:marks])
|
2023-12-20 22:10:51 +01:00
|
|
|
else
|
2024-01-18 12:38:46 +01:00
|
|
|
text
|
2023-12-20 22:10:51 +01:00
|
|
|
end
|
|
|
|
in { type: type } if ["paragraph", "title", "heading"].include?(type) && !node.key?(:content)
|
|
|
|
# noop
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
def text_align(attrs)
|
|
|
|
if attrs.present? && attrs[:textAlign].present?
|
|
|
|
" style=\"text-align: #{attrs[:textAlign]}\""
|
|
|
|
else
|
|
|
|
""
|
2023-10-20 22:50:39 +02:00
|
|
|
end
|
2023-12-20 22:10:51 +01:00
|
|
|
end
|
2023-10-20 22:50:39 +02:00
|
|
|
|
2023-12-20 22:10:51 +01:00
|
|
|
def apply_marks(text, marks)
|
|
|
|
marks.reduce(text) do |text, mark|
|
|
|
|
case mark
|
|
|
|
in type: 'bold'
|
|
|
|
"<strong>#{text}</strong>"
|
|
|
|
in type: 'italic'
|
|
|
|
"<em>#{text}</em>"
|
|
|
|
in type: 'underline'
|
|
|
|
"<u>#{text}</u>"
|
|
|
|
in type: 'strike'
|
|
|
|
"<s>#{text}</s>"
|
|
|
|
in type: 'highlight'
|
|
|
|
"<mark>#{text}</mark>"
|
2023-10-20 22:50:39 +02:00
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|