@zyrab/domo 1.4.0 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zyrab/domo",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Minimalist DOM builder and chaining-friendly micro-framework with router support.",
   "main": "./src/index.js",
   "type": "module",

package/src/client/base.client.js

@@ -20,7 +20,8 @@ class BaseClient {
   constructor(el = "div") {
     this.element = document.createElement(String(el || "div").toLowerCase());
   }
-  island(enabled = false) {
+  island(component, enabled = true) {
+    this.element.appendChild(this._handleElementInstance(component()));
     return this;
   }
   /**

package/src/server/base.server.js

@@ -1,4 +1,4 @@
-import { fileURLToPath } from "url";
+// import { fileURLToPath } from "url";
 /**
  * @class BaseServer
  * @description Foundational class for Server-side (Virtual) Domo elements.
@@ -30,8 +30,8 @@ class BaseServer {
       _events: [],
       _refs: [],
       _island: false,
+      __island: null,
       _state: {},
-      __file: null,
     };
   }
 
@@ -39,12 +39,14 @@ class BaseServer {
    * Manually mark this element/component as an island.
    * This signals the SSG to bundle the Domo client runtime.
    */
-  island(enabled = true) {
+  island(component, enabled = true) {
     this.element._island = enabled;
     this._getOrSetId();
+
     if (enabled) {
-      this.element.__file = this._getCallerFile(2); // Captures the component file path
+      this.element.__island = component;
     }
+
     return this;
   }
 
@@ -56,10 +58,12 @@ class BaseServer {
   ref(callback) {
     if (typeof callback === "function") {
       this.element._refs.push({
-        name: meta._name || callback.name || "anonymous",
-        path: meta._source || null, // The absolute path s
+        // 2. Use callback.name, or fallback to "anonymous"
+        // (Removed 'meta' reference which caused the crash)
+        name: callback.name || "anonymous",
         handler: callback,
       });
+
       // Ensure element has a stable ID if it has a ref
       this._getOrSetId();
     }
@@ -72,50 +76,15 @@ class BaseServer {
    * @returns {string} The data-domo-id.
    */
   _getOrSetId() {
-    const existing = this.element._attr["data-domo-id"] || this.element._attr["id"];
+    const existing = this.element._attr["data-domo-id"];
     if (existing) {
       return existing;
     }
-
-    // Simple stable hash based on tag and current metadata state
     const hash = Math.random().toString(36).substring(2, 7);
     const id = `d-${hash}`;
     this.element._attr["data-domo-id"] = id;
     return id;
   }
-  /**
-   * Gets the file path of the caller in the stack trace.
-   * @param {number} depth - How many steps back to look (default 2: the caller of the caller)
-   */
-  _getCallerFile(depth = 2) {
-    const originalPrepare = Error.prepareStackTrace;
-    Error.prepareStackTrace = (_, stack) => stack;
-    const stack = new Error().stack;
-    Error.prepareStackTrace = originalPrepare;
-
-    if (!stack || !stack[depth]) return null;
-
-    const filename = stack[depth].getFileName();
-
-    // Clean up "file://" prefixes for Windows/ESM compatibility
-    if (filename && filename.startsWith("file://")) {
-      return fileURLToPath(filename);
-    }
-    return filename;
-  }
-  _getExternalPath(fn, currentFile) {
-    // If the function has no name and is very short, it's likely an inline arrow fn
-    // However, the most reliable way in Node is checking the stack
-    const caller = getCallerFile(3); // Adjust depth based on where this is called
-
-    // Logic: If we can't find a source, or the source is the same as the
-    // component currently being built, we treat it as "inline".
-    if (!caller || caller === currentFile) {
-      return null;
-    }
-
-    return caller;
-  }
 }
 
 export default BaseServer;