coralite 0.40.0 → 0.40.2

package/dist/lib/collection-handlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-handlers.d.ts","sourceRoot":"","sources":["../../lib/collection-handlers.js"],"names":[],"mappings":"AAKA;;;;;GAKG;AAEH;;;;;;;;;;;GAWG;AACH,8GARG;IAAkC,GAAG,EAA7B,gBAAgB;IACE,WAAW;IACJ,WAAW,EAApC,eAAe;IACI,QAAQ;IACb,aAAa,GAA3B,GAAG;IACgB,aAAa;CACxC,OAgRF;sCA7RS,mBAAmB;qCAAnB,mBAAmB"}
+{"version":3,"file":"collection-handlers.d.ts","sourceRoot":"","sources":["../../lib/collection-handlers.js"],"names":[],"mappings":"AAKA;;;;;GAKG;AAEH;;;;;;;;;;;GAWG;AACH,8GARG;IAAkC,GAAG,EAA7B,gBAAgB;IACE,WAAW;IACJ,WAAW,EAApC,eAAe;IACI,QAAQ;IACb,aAAa,GAA3B,GAAG;IACgB,aAAa;CACxC,OA2NF;sCAxOS,mBAAmB;qCAAnB,mBAAmB"}

package/dist/lib/coralite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coralite.d.ts","sourceRoot":"","sources":["../../lib/coralite.js"],"names":[],"mappings":"AAwBA;;;;;;;GAOG;AAEH;;;;;GAKG;AACH,2LAHW,cAAc,GACZ,OAAO,CAAC,gBAAgB,CAAC,CAgXrC;;oCAvXS,mBAAmB;sCAAnB,mBAAmB"}
+{"version":3,"file":"coralite.d.ts","sourceRoot":"","sources":["../../lib/coralite.js"],"names":[],"mappings":"AAwBA;;;;;;;GAOG;AAEH;;;;;GAKG;AACH,2LAHW,cAAc,GACZ,OAAO,CAAC,gBAAgB,CAAC,CA0brC;;oCAjcS,mBAAmB;sCAAnB,mBAAmB"}

package/dist/lib/index.js

@@ -4566,7 +4566,6 @@ function createPageHandlers({
   scriptManager,
   createSession
 }) {
-  const { pageCustomElements, childCustomElements } = app._dependencyGraph;
   const onFileSetLocal = async (data) => {
     const rootPath = data.type === "component" ? app.options.path.components : app.options.path.pages;
     const urlPathname = pathToFileURL3(join3("/", relative2(rootPath, data.path.pathname))).pathname;
@@ -4597,34 +4596,11 @@ function createPageHandlers({
       };
     }
     const elements = parseHTML(data.content, app.options.ignoreByAttribute, app.options.skipRenderByAttribute, handleError2);
-    if (true) {
-      const customElementsList = elements && elements.customElements ? elements.customElements : [];
-      for (let i = 0; i < customElementsList.length; i++) {
-        const name = customElementsList[i].name;
-        if (!pageCustomElements[name]) {
-          pageCustomElements[name] = /* @__PURE__ */ new Set();
-          app._dependencyGraph.pageCustomElements[name] = pageCustomElements[name];
-          const component = app.components.getItem(name);
-          if (component && component.result && component.result.customElements && component.result.customElements.length) {
-            const stack = [component.result.customElements];
-            while (stack.length > 0) {
-              const current = stack.pop();
-              for (let i2 = 0; i2 < current.length; i2++) {
-                const element = current[i2];
-                if (!childCustomElements[element.name]) {
-                  childCustomElements[element.name] = name;
-                  const comp = app.components.getItem(element.name);
-                  if (comp && comp.result && comp.result.customElements && comp.result.customElements.length) {
-                    stack.push(comp.result.customElements);
-                  }
-                }
-              }
-            }
-          }
-        }
-        const customElements = pageCustomElements[name];
-        customElements.add(data.path.pathname);
-      }
+    const directPageComponents = app._dependencyGraph.directPageComponents;
+    if (elements && elements.customElements && directPageComponents) {
+      const directComponents = elements.customElements.map((el) => el.name);
+      directPageComponents[data.path.pathname] = directComponents;
+      app._refreshDependencyGraph();
     }
     const mappedContext = await triggerHook("onPageSet", {
       elements,
@@ -4653,17 +4629,15 @@ function createPageHandlers({
   };
   const onPageUpdateLocal = async (newValue, oldValue) => {
     if (app.options.mode === "production") {
+      if (!newValue.result) {
+        await onFileSetLocal(newValue);
+      }
       return newValue.result;
     }
-    let newCustomElements;
     if (!newValue.result) {
       const res = await onFileSetLocal(newValue);
       newValue.result = res.value;
-      newCustomElements = res.value.customElements;
-    } else {
-      newCustomElements = newValue.result.customElements;
     }
-    const oldElements = (oldValue.result.customElements || []).slice();
     const mappedContext = await triggerHook("onPageUpdate", {
       elements: newValue.result,
       page: newValue.result.page,
@@ -4673,51 +4647,31 @@ function createPageHandlers({
     });
     newValue.result = mappedContext.elements;
     newValue = mappedContext.newValue;
-    for (let i = 0; i < newCustomElements.length; i++) {
-      const name = newCustomElements[i].name;
-      let hasElement = false;
-      for (let j = 0; j < oldElements.length; j++) {
-        if (name === oldElements[j].name) {
-          hasElement = true;
-          oldElements.splice(j, 1);
-          break;
-        }
-      }
-      if (!hasElement) {
-        if (!pageCustomElements[name]) {
-          pageCustomElements[name] = /* @__PURE__ */ new Set();
-          app._dependencyGraph.pageCustomElements[name] = pageCustomElements[name];
-        }
-        const customElements = pageCustomElements[name];
-        customElements.add(newValue.path.pathname);
+    const elements = parseHTML(newValue.content, app.options.ignoreByAttribute, app.options.skipRenderByAttribute, handleError2);
+    const directPageComponents = app._dependencyGraph.directPageComponents;
+    if (directPageComponents) {
+      if (elements && elements.customElements) {
+        const directComponents = elements.customElements.map((el) => el.name);
+        directPageComponents[newValue.path.pathname] = directComponents;
+      } else {
+        delete directPageComponents[newValue.path.pathname];
       }
     }
-    oldElements.forEach((oe) => {
-      if (pageCustomElements[oe.name]) {
-        const customElements = pageCustomElements[oe.name];
-        customElements.delete(newValue.path.pathname);
-      }
-    });
+    app._refreshDependencyGraph();
     return newValue.result;
   };
   const onPageDeleteLocal = async (value) => {
-    if (app.options.mode === "production") {
-      return;
-    }
     const res = await triggerHook("onPageDelete", {
       data: value,
       app
     });
-    value = res.data;
-    if (value?.result?.customElements) {
-      value.result.customElements.forEach((ce) => {
-        const ceName = typeof ce === "string" ? ce : ce.name;
-        if (pageCustomElements[ceName]) {
-          const customElements = pageCustomElements[ceName];
-          customElements.delete(value.path.pathname);
-        }
-      });
+    const finalData = res?.data || value;
+    const pathname = finalData?.path?.pathname;
+    const directPageComponents = app._dependencyGraph.directPageComponents;
+    if (pathname && directPageComponents) {
+      delete directPageComponents[pathname];
     }
+    app._refreshDependencyGraph();
   };
   const onComponentSetLocal = async (v) => {
     if (v.content === void 0) {
@@ -5080,16 +5034,6 @@ import { getClientContext, createCoraliteClass, globalClientHooks } from '${base
           customElements.define(id, createCoraliteClass(module.default, getClientContext, globalClientHooks, hydrationData));
           if (window.__coralite__ && window.__coralite__.lifecycle) window.__coralite__.lifecycle._markDefined(id);
         }
-
-        // Upgrade any existing elements that might have been created before the definition was loaded
-        const elements = document.querySelectorAll(id);
-        for (const el of elements) {
-          if (el.constructor === HTMLElement) {
-             // Re-trigger the lifecycle by replacing the element or manually calling upgrade if supported
-             // For most cases, customElements.define handles this automatically if the element is already in DOM,
-             // but if it's currently disconnected it might need help.
-          }
-        }
       }
     })();
     return loadCache[componentId];
@@ -6286,6 +6230,17 @@ function createRenderer({
     try {
       const content = await readFile3(manifestPath, "utf8");
       manifest = JSON.parse(content);
+      for (const [path2, metadata] of Object.entries(manifest.physical || {})) {
+        if (metadata.dependencies) {
+          app._dependencyGraph.directPageComponents[path2] = metadata.dependencies;
+        }
+      }
+      for (const [path2, metadata] of Object.entries(manifest.virtual || {})) {
+        if (metadata.dependencies) {
+          app._dependencyGraph.directPageComponents[path2] = metadata.dependencies;
+        }
+      }
+      app._refreshDependencyGraph();
     } catch (e) {
       if (e.code !== "ENOENT") {
         handleError2({
@@ -6303,14 +6258,19 @@ function createRenderer({
     };
     const componentChanges = /* @__PURE__ */ new Map();
     const allComponents = app.components.list;
+    let anyComponentChanged = false;
     for (const component of allComponents) {
       const { changed, metadata } = await checkFileChange(component.path.pathname, manifest.physical[component.path.pathname]);
       newManifest.physical[component.path.pathname] = metadata;
-      if (changed) {
+      if (changed || !manifest.physical[component.path.pathname]) {
         componentChanges.set(component.result.id, true);
+        anyComponentChanged = true;
         await app.components.updateItem(component.path.pathname);
       }
     }
+    if (anyComponentChanged) {
+      app._refreshDependencyGraph();
+    }
     const pageCustomElements = {
       ...manifest.dependencies,
       ...app._dependencyGraph.pageCustomElements
@@ -6385,10 +6345,17 @@ function createRenderer({
         }
       }
     }
-    const { pageCustomElements: livePageCustomElements } = app._dependencyGraph;
+    const { pageCustomElements: livePageCustomElements, directPageComponents: liveDirectPageComponents } = app._dependencyGraph;
     for (const [id, pages] of Object.entries(livePageCustomElements)) {
       newManifest.dependencies[id] = Array.from(pages);
     }
+    for (const [path2, deps] of Object.entries(liveDirectPageComponents)) {
+      if (newManifest.physical[path2]) {
+        newManifest.physical[path2].dependencies = deps;
+      } else if (newManifest.virtual[path2]) {
+        newManifest.virtual[path2].dependencies = deps;
+      }
+    }
     for (const [id, pages] of Object.entries(manifest.dependencies || {})) {
       if (!newManifest.dependencies[id]) {
         newManifest.dependencies[id] = pages;
@@ -6490,7 +6457,6 @@ function createRenderer({
       });
       renderQueues.delete(buildId);
       sealedQueues.delete(buildId);
-      app._clearDependencies();
       pagesToRender.length = 0;
       skippedPages.length = 0;
     }
@@ -6566,6 +6532,7 @@ async function createCoralite({
     path: path2,
     output: output ? normalize(output) : void 0
   };
+  const trackedOutputFiles = /* @__PURE__ */ new Set();
   const app = {
     options: normalizedOptions,
     pages: null,
@@ -6573,16 +6540,65 @@ async function createCoralite({
     build: null,
     save: null,
     transform: transformNode,
+    trackOutputFile(path3) {
+      trackedOutputFiles.add(normalize(path3));
+    },
+    getTrackedOutputFiles() {
+      return Array.from(trackedOutputFiles);
+    },
+    async writeFile(dest, content, writeOptions = {}) {
+      if (!app.options.output) {
+        throw new Error('app.writeFile requires "output" to be configured');
+      }
+      const fullPath = join5(app.options.output, dest);
+      await mkdir3(dirname7(fullPath), { recursive: true });
+      await writeFile2(fullPath, content, writeOptions);
+      app.trackOutputFile(fullPath);
+      return fullPath;
+    },
     addRenderQueue: null,
     getPagePathsUsingCustomElement: null,
     createComponentElement: null,
     _dependencyGraph: {
       pageCustomElements: {},
-      childCustomElements: {}
+      directPageComponents: {}
+    },
+    _refreshDependencyGraph: () => {
+      const { pageCustomElements, directPageComponents } = app._dependencyGraph;
+      for (const tag in pageCustomElements) {
+        delete pageCustomElements[tag];
+      }
+      const resolveDependencies = (pagePath, directComponents) => {
+        const visited = /* @__PURE__ */ new Set();
+        const allDependencies = /* @__PURE__ */ new Set();
+        const walk = (tags) => {
+          for (const tag of tags) {
+            if (visited.has(tag)) {
+              continue;
+            }
+            visited.add(tag);
+            allDependencies.add(tag);
+            const sharedFn = scriptManager.sharedFunctions[tag];
+            if (sharedFn && sharedFn.components?.length) {
+              walk(sharedFn.components);
+            }
+          }
+        };
+        walk(directComponents);
+        for (const tag of allDependencies) {
+          if (!pageCustomElements[tag]) {
+            pageCustomElements[tag] = /* @__PURE__ */ new Set();
+          }
+          pageCustomElements[tag].add(pagePath);
+        }
+      };
+      for (const [pagePath, directComponents] of Object.entries(directPageComponents)) {
+        resolveDependencies(pagePath, directComponents);
+      }
     },
     _clearDependencies: () => {
       app._dependencyGraph.pageCustomElements = {};
-      app._dependencyGraph.childCustomElements = {};
+      app._dependencyGraph.directPageComponents = {};
     }
   };
   const plugins = {
@@ -6751,11 +6767,16 @@ async function createCoralite({
       const item = app.components.getItem(targetPath);
       const results = [];
       if (item) {
-        const id = app._dependencyGraph.childCustomElements[item.result.id] || item.result.id;
+        const id = item.result.id;
         const pce = app._dependencyGraph.pageCustomElements[id];
         if (pce) {
           pce.forEach((p) => results.push(p));
         }
+      } else {
+        const pce = app._dependencyGraph.pageCustomElements[targetPath];
+        if (pce) {
+          pce.forEach((p) => results.push(p));
+        }
       }
       return results;
     }
@@ -6767,6 +6788,14 @@ async function createCoralite({
   if (assets) {
     app.options.plugins.unshift(staticAssetPlugin(assets));
   }
+  if (externalStyles && output) {
+    for (let i = 0; i < externalStyles.length; i++) {
+      const style = externalStyles[i];
+      if (style.startsWith("/")) {
+        app.trackOutputFile(join5(output, style));
+      }
+    }
+  }
   await Promise.all([
     initHasher(),
     setupPlugins({