use template instead of meta for content

nerdgeschoss · Jan 16, 2025 · bce687a · bce687a
1 parent c8823af
commit bce687a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/frontend/sprinkles/reaction.ts b/app/frontend/sprinkles/reaction.ts
@@ -90,8 +90,10 @@ export class Reaction {
     const rootElement = document.getElementById('root');
     if (!rootElement) throw new Error('Root element not found');
     const metaJson = (
-      document.querySelector('meta[name="reaction-data"]') as HTMLMetaElement
-    ).content;
+      document.querySelector(
+        'template[id="reaction-data"]'
+      ) as HTMLTemplateElement
+    ).content.textContent;
     const data = metaJson ? JSON.parse(decodeURIComponent(metaJson)) : {};
     const meta = new Meta(data);
     meta.path = window.location.pathname + window.location.search;

diff --git a/lib/reaction/tsx_handler.rb b/lib/reaction/tsx_handler.rb
@@ -7,8 +7,8 @@ def render(path, assigns, context)
         id = Pathname.new(path).relative_path_from(Rails.root.join("app", "views")).to_s.sub(".tsx", "")
         response = Response.new(component: id, context:)
         <<~HTML
-          <meta name="reaction-data" content="#{ERB::Util.url_encode(response.to_s)}" />
           <div id="root"></div>
+          <template id="reaction-data" style="display: none;">#{ERB::Util.url_encode(response.to_s)}</template>
         HTML
       end
     end