@zyrab/domo-ssg 0.7.0 → 0.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zyrab/domo-ssg",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "A Static Site Generator (SSG) for Domo-based projects.",
   "main": "src/index.js",
   "type": "module",

package/src/event-extraction.js

@@ -107,31 +107,23 @@ export function generateElementScript(id, events = [], states = {}, refs = []) {
       }
     });
 
-    const handlerBody = `async function(e) { e.pre\n${indent(logicLines.join("\n"), 1)}\n}`;
+    const handlerBody = `async function(e) {\n${indent(logicLines.join("\n"), 1)}\n}`;
     listeners.push(`document.querySelector('[data-domo-id="${id}"]').addEventListener("${event}", ${handlerBody});`);
   });
 
-  // 2. Process Refs (Now using the exact same smart lookup!)
+  // 2. Process Refs - Wrapped in IIFE to allow top-level returns and async
   const refLogics = refs
     .map((r) => {
       const { funcName, resolvedPath, fnSource, body } = resolveDependency(r);
 
-      // Track imports/closures just like events
       if (resolvedPath) {
         if (!imports.has(resolvedPath)) imports.set(resolvedPath, new Set());
         imports.get(resolvedPath).add(funcName);
-      } else if (funcName) {
-        closureFunctions.push(fnSource);
-      }
-
-      // Output the Ref logic
-      if (resolvedPath || funcName) {
-        // If it's a named/imported function, pass the element to it: myRefFunction(el)
         return `{\n  const el = document.querySelector('[data-domo-id="${id}"]');\n  if (el) ${funcName}(el);\n}`;
-      } else {
-        // If anonymous, inline the body
-        return `{\n  const el = document.querySelector('[data-domo-id="${id}"]');\n  if (el) {\n${indent(body, 4)}\n  }\n}`;
       }
+
+      // Anonymous Ref Logic wrapped in async IIFE
+      return `{\n  const el = document.querySelector('[data-domo-id="${id}"]');\n  if (el) {\n    (async () => {\n${indent(body || fnSource, 6)}\n    })();\n  }\n}`;
     })
     .join("\n");
 

package/src/event-utils.js

@@ -205,7 +205,7 @@ async function bundleIslands(metadata, jsDir, tempDir) {
   // Extract generated paths for injection
   const allGeneratedPaths = Object.keys(result.metafile.outputs).map((filePath) => {
     const relativeToDist = filePath.replace(/\\/g, "/").split("/").slice(1).join("/");
-    let path = `/${relativeToDist}`;
+    let path = relativeToDist;
 
     // 3. Remove "js/" specifically if it appears immediately after the leading slash
     // This transforms "/js/main.js" -> "/main.js"

package/src/index.js

@@ -5,6 +5,7 @@ import { cleanOutputDir, copyStaticFolder, scanRoutes } from "./file-utils.js";
 import { generateSitemap } from "./sitemap.js";
 import { buildRoutes } from "./route-traversal.js";
 import { registry } from "./Registry.js";
+import { join } from "path";
 
 async function main() {
   const config = await loadConfig();
@@ -33,7 +34,6 @@ main().catch((error) => {
 
 // import { writeFileSync } from "fs";
 // import { build } from "esbuild";
-// import { join } from "path";
 
 // // Your existing plugin to cleanly handle Domo
 // const rewriteDomoPlugin = {