vatts 1.0.2 → 1.0.4-alpha.1

package/dist/renderer.js

@@ -119,6 +119,14 @@ function generateMetaTags(metadata) {
             tags.push(`<meta name="${key}" content="${value}">`);
         }
     }
+    if (metadata.scripts) {
+        for (const [key, value] of Object.entries(metadata.scripts)) {
+            const rest = Object.entries(value).map((r) => {
+                return '' + r[0] + '="' + r[1] + '"';
+            });
+            tags.push(`<script src="${key}" ${rest.join(" ")}></script>`);
+        }
+    }
     return tags.join('\n');
 }
 function obfuscateData(data) {
@@ -161,15 +169,14 @@ function getJavaScriptUrls(req) {
     }
 }
 function ServerRoot({ lang, title, metaTagsHtml, initialDataScript, hotReloadScript, dataScript, children }) {
-    return ((0, jsx_runtime_1.jsxs)("html", { lang: lang, children: [(0, jsx_runtime_1.jsxs)("head", { children: [(0, jsx_runtime_1.jsx)("meta", { charSet: "utf-8" }), (0, jsx_runtime_1.jsx)("title", { children: title }), initialDataScript && ((0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: { __html: initialDataScript } })), metaTagsHtml && ((0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: {
-                            __html: `
-                (() => {
-                  const tpl = document.createElement('template');
-                  tpl.innerHTML = ${JSON.stringify(metaTagsHtml)};
-                  document.head.append(...tpl.content.childNodes);
-                })();
-              `
-                        } }))] }), (0, jsx_runtime_1.jsxs)("body", { children: [dataScript, (0, jsx_runtime_1.jsx)("div", { id: "root", children: children }), hotReloadScript && (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: hotReloadScript } })] })] }));
+    // Concatena tudo que vai no head em uma única string
+    const headContent = `
+        <meta charset="utf-8" />
+        <title>${title}</title>
+        ${initialDataScript ? `<script>${initialDataScript}</script>` : ''}
+        ${metaTagsHtml || ''}
+    `;
+    return ((0, jsx_runtime_1.jsxs)("html", { lang: lang, children: [(0, jsx_runtime_1.jsx)("head", { dangerouslySetInnerHTML: { __html: headContent } }), (0, jsx_runtime_1.jsxs)("body", { children: [dataScript, (0, jsx_runtime_1.jsx)("div", { id: "root", children: children }), hotReloadScript && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, dangerouslySetInnerHTML: { __html: hotReloadScript } }))] })] }));
 }
 async function renderAsStream({ req, res, route, params, allRoutes }) {
     const { generateMetadata } = route;

package/dist/types.d.ts

@@ -187,6 +187,7 @@ export interface Metadata {
     appleTouchIcon?: string;
     manifest?: string;
     other?: Record<string, string>;
+    scripts?: Record<string, Record<string, string>>;
 }
 export interface RouteConfig {
     pattern: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vatts",
-  "version": "1.0.2",
+  "version": "1.0.4-alpha.1",
   "description": "Vatts.js is a high-level framework for building web applications with ease and speed. It provides a robust set of tools and features to streamline development and enhance productivity.",
   "types": "dist/index.d.ts",
   "author": "itsmuzin",