@jay-framework/compiler-jay-html 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @jay-framework/compiler-jay-html
+
+## 0.5.1
+
+### Patch Changes
+
+- updating the dependencies to be fixed versions
+- Updated dependencies
+  - @jay-framework/compiler-analyze-exported-types@0.5.1
+  - @jay-framework/compiler-shared@0.5.1
+  - @jay-framework/component@0.5.1
+  - @jay-framework/runtime@0.5.1
+  - @jay-framework/secure@0.5.1

package/dist/index.d.ts

@@ -13,6 +13,11 @@ interface JayHeadlessImports {
     contractLinks: JayImportLink[];
     codeLink: JayImportLink;
 }
+interface JayHtmlHeadLink {
+    rel: string;
+    href: string;
+    attributes: Record<string, string>;
+}
 interface JayHtmlSourceFile extends CompilerSourceFile {
     format: SourceFileFormat.JayHtml;
     baseElementName: string;
@@ -20,6 +25,7 @@ interface JayHtmlSourceFile extends CompilerSourceFile {
     body: HTMLElement;
     namespaces: JayHtmlNamespace[];
     headlessImports: JayHeadlessImports[];
+    headLinks: JayHtmlHeadLink[];
 }
 
 declare function generateElementDefinitionFile(parsedFile: WithValidations<JayHtmlSourceFile>): WithValidations<string>;

package/dist/index.js

@@ -5111,7 +5111,17 @@ function processImportedHeadless(headlessImports) {
   });
   return result;
 }
-function renderFunctionImplementation$1(types, rootBodyElement, importStatements, baseElementName, namespaces, headlessImports, importerMode) {
+function renderHeadLinksArray(headLinks) {
+  if (headLinks.length === 0) {
+    return "[]";
+  }
+  const linksCode = headLinks.map((link) => {
+    const attributesCode = Object.keys(link.attributes).length > 0 ? `, attributes: ${JSON.stringify(link.attributes)}` : "";
+    return `{ rel: ${JSON.stringify(link.rel)}, href: ${JSON.stringify(link.href)}${attributesCode} }`;
+  }).join(", ");
+  return `[${linksCode}]`;
+}
+function renderFunctionImplementation$1(types, rootBodyElement, importStatements, baseElementName, namespaces, headlessImports, importerMode, headLinks = []) {
   const variables = new Variables(types);
   const { importedSymbols, importedSandboxedSymbols } = processImportedComponents(importStatements);
   const importedRefNameToRef = processImportedHeadless(headlessImports);
@@ -5139,6 +5149,9 @@ function renderFunctionImplementation$1(types, rootBodyElement, importStatements
   const preRenderType = `${elementType}PreRender`;
   const contractType = `${baseElementName}Contract`;
   let imports = renderedRoot.imports.plus(compilerShared.Import.ConstructContext).plus(compilerShared.Import.RenderElementOptions).plus(compilerShared.Import.RenderElement).plus(compilerShared.Import.ReferencesManager).plus(compilerShared.Import.jayContract);
+  if (headLinks.length > 0) {
+    imports = imports.plus(compilerShared.Import.injectHeadLinks);
+  }
   const { imports: refImports, renderedRefs } = renderRefsType(renderedRoot.refs, refsType);
   imports = imports.plus(refImports);
   let renderedElement = `export type ${elementType} = JayElement<${viewStateType}, ${refsType}>
@@ -5158,9 +5171,11 @@ ${Indent.forceIndent(code, 4)},
     renderedRoot.refs,
     ReferenceManagerTarget.element
   );
+  const headLinksInjection = headLinks.length > 0 ? `    injectHeadLinks(${renderHeadLinksArray(headLinks)});
+    ` : "";
   const body = `export function render(options?: RenderElementOptions): ${preRenderType} {
 ${renderedRefsManager}    
-    const render = (viewState: ${viewStateType}) => ConstructContext.withRootContext(
+${headLinksInjection}const render = (viewState: ${viewStateType}) => ConstructContext.withRootContext(
         viewState, refManager,
         () => ${renderedRoot.rendered.trim()}
     ) as ${elementType};
@@ -5340,7 +5355,8 @@ function generateElementDefinitionFile(parsedFile) {
       jayFile.baseElementName,
       jayFile.namespaces,
       jayFile.headlessImports,
-      compilerShared.RuntimeMode.WorkerTrusted
+      compilerShared.RuntimeMode.WorkerTrusted,
+      jayFile.headLinks
     );
     return [
       renderImports$1(
@@ -5365,7 +5381,8 @@ function generateElementFile(jayFile, importerMode) {
     jayFile.baseElementName,
     jayFile.namespaces,
     jayFile.headlessImports,
-    importerMode
+    importerMode,
+    jayFile.headLinks
   );
   const renderedFile = [
     renderImports$1(
@@ -5397,7 +5414,8 @@ function generateElementBridgeFile(jayFile) {
     jayFile.baseElementName,
     jayFile.namespaces,
     jayFile.headlessImports,
-    compilerShared.RuntimeMode.WorkerSandbox
+    compilerShared.RuntimeMode.WorkerSandbox,
+    jayFile.headLinks
   );
   let renderedBridge = renderBridge(
     jayFile.types,
@@ -6378,6 +6396,21 @@ async function parseHeadlessImports(elements, validations, filePath, importResol
 function normalizeFilename(filename) {
   return filename.replace(".jay-html", "");
 }
+function parseHeadLinks(root) {
+  const allLinks = root.querySelectorAll("head link");
+  return allLinks.filter((link) => link.getAttribute("rel") !== "import").map((link) => {
+    const attributes = { ...link.attributes };
+    const rel = attributes.rel || "";
+    const href = attributes.href || "";
+    delete attributes.rel;
+    delete attributes.href;
+    return {
+      rel,
+      href,
+      attributes
+    };
+  });
+}
 async function parseJayFile(html, filename, filePath, options, linkedContractResolver) {
   const normalizedFileName = normalizeFilename(filename);
   const baseElementName = changeCase.capitalCase(normalizedFileName, { delimiter: "" });
@@ -6405,6 +6438,7 @@ async function parseJayFile(html, filename, filePath, options, linkedContractRes
     ...headfullImports,
     ...headlessImports.flatMap((_) => _.contractLinks)
   ];
+  const headLinks = parseHeadLinks(root);
   if (validations.length > 0)
     return new compilerShared.WithValidations(void 0, validations);
   let body = root.querySelector("body");
@@ -6420,7 +6454,8 @@ async function parseJayFile(html, filename, filePath, options, linkedContractRes
       body,
       baseElementName,
       namespaces,
-      headlessImports
+      headlessImports,
+      headLinks
     },
     validations
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/compiler-jay-html",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -27,11 +27,11 @@
   },
   "author": "",
   "dependencies": {
-    "@jay-framework/compiler-analyze-exported-types": "workspace:^",
-    "@jay-framework/compiler-shared": "workspace:^",
-    "@jay-framework/component": "workspace:^",
-    "@jay-framework/runtime": "workspace:^",
-    "@jay-framework/secure": "workspace:^",
+    "@jay-framework/compiler-analyze-exported-types": "^0.5.1",
+    "@jay-framework/compiler-shared": "^0.5.1",
+    "@jay-framework/component": "^0.5.1",
+    "@jay-framework/runtime": "^0.5.1",
+    "@jay-framework/secure": "^0.5.1",
     "@types/js-yaml": "^4.0.9",
     "change-case": "^4.1.2",
     "js-yaml": "^4.1.0",
@@ -43,8 +43,8 @@
   },
   "devDependencies": {
     "@caiogondim/strip-margin": "^1.0.0",
-    "@jay-framework/4-react": "workspace:^",
-    "@jay-framework/dev-environment": "workspace:^",
+    "@jay-framework/4-react": "^0.5.1",
+    "@jay-framework/dev-environment": "^0.5.1",
     "@testing-library/jest-dom": "^6.2.0",
     "@types/js-beautify": "^1",
     "@types/node": "^20.11.5",
@@ -59,4 +59,4 @@
     "vite": "^5.0.11",
     "vitest": "^1.2.1"
   }
-}
+}