@syntrologie/runtime-sdk 2.2.0-canary.13 → 2.2.0-canary.15

package/README.md

@@ -1,6 +1,6 @@
 # Smart Canvas Runtime SDK
 
-## Smart Canvas Runtime SDK (React + Shadow DOM)
+## Runtime SDK (React + Shadow DOM)
 
 The SDK ships a framework-agnostic `<smart-canvas>` custom element with an **open shadow root**. We render everything with React, but the canvas is encapsulated so host Tailwind configs, resets, or stacking contexts can't break the UI.
 

package/dist/{chunk-BBOM2MPC.js → chunk-ZHIFNJPT.js}

@@ -1858,8 +1858,8 @@ var AppRegistry = class {
     if (!registration) {
       throw new Error(`App not registered: ${appId}`);
     }
-    if (registration.state === "active") {
-      console.warn(`[AppRegistry] App already active: ${appId}`);
+    if (registration.state === "active" || registration.state === "activating") {
+      console.warn(`[AppRegistry] App already ${registration.state}: ${appId}`);
       return;
     }
     if (!this.runtime) {
@@ -2091,7 +2091,7 @@ function getAntiFlickerSnippet(config = {}) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.2.0-canary.13";
+var SDK_VERSION = "2.2.0-canary.15";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -3125,26 +3125,33 @@ function useDecision(strategy, defaultValue) {
 }
 
 // src/components/TileCard.tsx
-import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect5, useReducer, useRef as useRef3, useState as useState4 } from "react";
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function WidgetMount({ widgetId, props }) {
+  var _a2;
   const runtime3 = useRuntime();
   const containerRef = useRef3(null);
   const handleRef = useRef3(null);
   const registry = runtime3 == null ? void 0 : runtime3.widgets;
+  const widgetAvailable = (_a2 = registry == null ? void 0 : registry.has(widgetId)) != null ? _a2 : false;
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
   useEffect5(() => {
-    if (!containerRef.current || !registry) return;
-    if (!registry.has(widgetId)) {
-      console.warn(`[TileCard] Widget not found in registry: ${widgetId}`);
-      return;
-    }
+    if (!registry || widgetAvailable) return;
+    return registry.subscribe((event) => {
+      if (event.type === "registered" && event.widgetId === widgetId) {
+        forceUpdate();
+      }
+    });
+  }, [registry, widgetId, widgetAvailable]);
+  useEffect5(() => {
+    if (!containerRef.current || !registry || !widgetAvailable) return;
     const handle = registry.mount(widgetId, containerRef.current, props);
     handleRef.current = handle;
     return () => {
       handle.unmount();
       handleRef.current = null;
     };
-  }, [registry, widgetId, props]);
+  }, [registry, widgetId, props, widgetAvailable]);
   if (!registry || !registry.has(widgetId)) {
     return /* @__PURE__ */ jsxs2(
       "div",
@@ -4203,12 +4210,22 @@ function decodeParam(paramName) {
 var _cachedSource;
 var _cachedConf;
 function getEditorSource() {
+  var _a2;
   if (_cachedSource === void 0) {
     const globalParams = typeof window !== "undefined" ? window.__SYNTRO_EDITOR_PARAMS__ : null;
     if (globalParams == null ? void 0 : globalParams.token) {
       _cachedSource = { token: globalParams.token, api_base: globalParams.apiBase || "" };
+      console.log(
+        `[DIAG] getEditorSource: from __SYNTRO_EDITOR_PARAMS__ (token=${_cachedSource.token.slice(0, 15)}...)`
+      );
     } else {
       _cachedSource = decodeParam("editor_source");
+      console.log(
+        `[DIAG] getEditorSource: from URL param \u2192 ${_cachedSource ? `token=${(_a2 = _cachedSource.token) == null ? void 0 : _a2.slice(0, 15)}...` : "NULL"}`
+      );
+      if (!_cachedSource && typeof window !== "undefined") {
+        console.log(`[DIAG] getEditorSource: URL search = ${window.location.search.slice(0, 200)}`);
+      }
     }
   }
   return _cachedSource;
@@ -4223,8 +4240,12 @@ function getEditorConf() {
         syntro_token: globalParams.syntroToken,
         workspace_id: globalParams.workspaceId
       };
+      console.log(`[DIAG] getEditorConf: from __SYNTRO_EDITOR_PARAMS__ (mode=${_cachedConf.mode})`);
     } else {
       _cachedConf = decodeParam("editor_conf");
+      console.log(
+        `[DIAG] getEditorConf: from URL param \u2192 ${_cachedConf ? `mode=${_cachedConf.mode}` : "NULL"}`
+      );
     }
   }
   return _cachedConf;
@@ -8236,6 +8257,7 @@ var WidgetRegistry = class {
     __publicField(this, "mountedWidgets", /* @__PURE__ */ new Map());
     __publicField(this, "mountIdCounter", 0);
     __publicField(this, "runtimeRef");
+    __publicField(this, "listeners", /* @__PURE__ */ new Set());
   }
   /**
    * Bind a runtime reference so it can be injected into widget mount() calls.
@@ -8266,6 +8288,7 @@ var WidgetRegistry = class {
       source,
       metadata
     });
+    this.notify({ type: "registered", widgetId: id });
   }
   /**
    * Unregister a widget.
@@ -8283,6 +8306,7 @@ var WidgetRegistry = class {
       return false;
     }
     this.widgets.delete(id);
+    this.notify({ type: "unregistered", widgetId: id });
     return true;
   }
   /**
@@ -8390,6 +8414,24 @@ var WidgetRegistry = class {
       (registration) => registration.source === source
     );
   }
+  /**
+   * Subscribe to widget registration changes.
+   */
+  subscribe(callback) {
+    this.listeners.add(callback);
+    return () => {
+      this.listeners.delete(callback);
+    };
+  }
+  notify(event) {
+    for (const listener of this.listeners) {
+      try {
+        listener(event);
+      } catch (error2) {
+        console.error("[WidgetRegistry] Listener error:", error2);
+      }
+    }
+  }
   /**
    * Clean up all mounted widgets.
    */
@@ -8906,7 +8948,15 @@ async function init(options) {
   const auditMode = isAuditMode();
   const reviewMode = isReviewMode();
   const sdkMode = editorMode ? "editor" : auditMode ? "audit" : reviewMode ? "review" : null;
+  console.log(
+    `[DIAG] Mode detection: editor=${editorMode}, audit=${auditMode}, review=${reviewMode}, sdkMode=${sdkMode}`
+  );
+  console.log(`[DIAG] editorSource:`, getEditorSource());
+  console.log(`[DIAG] editorConf:`, getEditorConf());
   debug("Syntro Bootstrap", "SDK mode:", sdkMode != null ? sdkMode : "normal");
+  console.log(
+    `[DIAG] Token resolution: options.token=${options.token ? options.token.slice(0, 15) + "..." : "null"}`
+  );
   let resolvedToken = options.token;
   if (!resolvedToken && sdkMode) {
     const conf = getEditorConf();
@@ -9045,15 +9095,24 @@ async function init(options) {
     debug("Syntro Bootstrap", "Global SynOS object exposed");
   }
   const registeredApps = (_e = (_d = (_c = runtime3.apps).list) == null ? void 0 : _d.call(_c)) != null ? _e : [];
+  console.log(
+    `[DIAG] Activation loop: ${registeredApps.length} apps in registry:`,
+    registeredApps.map((a) => `${a.manifest.id}(${a.state})`).join(", ")
+  );
   for (const app of registeredApps) {
     if (app.state === "registered") {
       try {
         await runtime3.apps.activate(app.manifest.id);
+        console.log(
+          `[DIAG] Activated: ${app.manifest.id} \u2192 widgets: [${runtime3.widgets.list().join(", ")}]`
+        );
       } catch (err) {
+        console.error(`[DIAG] FAILED to activate: ${app.manifest.id}`, err);
         warn("Syntro Bootstrap", `Failed to auto-activate built-in app: ${app.manifest.id}`, err);
       }
     }
   }
+  console.log(`[DIAG] Activation complete. Total widgets: [${runtime3.widgets.list().join(", ")}]`);
   if (experiments == null ? void 0 : experiments.refreshFeatures) {
     try {
       await experiments.refreshFeatures();
@@ -9263,4 +9322,4 @@ export {
   encodeToken,
   Syntro
 };
-//# sourceMappingURL=chunk-BBOM2MPC.js.map
+//# sourceMappingURL=chunk-ZHIFNJPT.js.map