@jxsuite/studio 2.4.2 → 2.4.3

package/dist/studio.js

@@ -28687,6 +28687,71 @@ function renderAiPanelTemplate() {
   `;
 }
 
+// ../schema/src/component-meta.ts
+function collectSlotDefs(node, out = []) {
+  if (!node || typeof node !== "object" || Array.isArray(node)) {
+    return out;
+  }
+  const el = node;
+  if (el.tagName === "slot") {
+    const attrs = el.attributes;
+    const rawName = attrs?.name;
+    const name = typeof rawName === "string" ? rawName.trim() : "";
+    const { children } = el;
+    out.push({
+      name,
+      ...Array.isArray(children) && children.length > 0 ? { fallback: children } : {}
+    });
+  }
+  if (Array.isArray(el.children)) {
+    for (const c of el.children) {
+      collectSlotDefs(c, out);
+    }
+  }
+  return out;
+}
+function isPropEntry(def) {
+  if (def == null) {
+    return false;
+  }
+  if (typeof def !== "object") {
+    return true;
+  }
+  const obj = def;
+  return !obj.$prototype && !obj.$handler && !obj.$compute;
+}
+function componentMetaFrom(doc, path) {
+  if (!doc || typeof doc !== "object" || Array.isArray(doc)) {
+    return null;
+  }
+  const content = doc;
+  const { tagName } = content;
+  if (typeof tagName !== "string" || !tagName.includes("-")) {
+    return null;
+  }
+  const slots = collectSlotDefs(content);
+  const state2 = content.state ?? {};
+  return {
+    $id: typeof content.$id === "string" && content.$id ? content.$id : null,
+    hasElements: Array.isArray(content.$elements) && content.$elements.length > 0,
+    path,
+    props: Object.entries(state2).filter(([, def]) => isPropEntry(def)).map(([name, def]) => {
+      if (typeof def !== "object" || def === null) {
+        return { default: def, name, type: typeof def };
+      }
+      const obj = def;
+      return {
+        default: obj.default,
+        format: obj.format,
+        name,
+        type: obj.type
+      };
+    }),
+    ...slots.length > 0 ? { slots } : {},
+    tagName
+  };
+}
+
 // ../protocol/src/problem.ts
 var PROBLEM_TYPE_BASE = "https://jxsuite.com/problems/";
 function problemSlug(type) {
@@ -29098,7 +29163,41 @@ function createCloudPlatform(project) {
       return data.result;
     },
     async discoverComponents() {
-      return [];
+      const SKIP = new Set(["node_modules", "dist", ".git", ".claude", ".obsidian", "build"]);
+      const MAX_FILES = 400;
+      const MAX_DEPTH = 6;
+      const jsonPaths = [];
+      const walk = async (dir, depth) => {
+        if (depth > MAX_DEPTH || jsonPaths.length >= MAX_FILES) {
+          return;
+        }
+        let entries;
+        try {
+          entries = await platform.listDirectory(dir);
+        } catch {
+          return;
+        }
+        const dirs = [];
+        for (const entry of entries) {
+          if (entry.type === "directory") {
+            if (!SKIP.has(entry.name) && !entry.name.startsWith(".")) {
+              dirs.push(entry.path);
+            }
+          } else if (entry.name.endsWith(".json") && jsonPaths.length < MAX_FILES) {
+            jsonPaths.push(entry.path);
+          }
+        }
+        await Promise.all(dirs.map(async (d) => walk(d, depth + 1)));
+      };
+      await walk("", 0);
+      const metas = await Promise.all(jsonPaths.map(async (path) => {
+        try {
+          return componentMetaFrom(JSON.parse(await platform.readFile(path)), path);
+        } catch {
+          return null;
+        }
+      }));
+      return metas.filter((m) => m !== null);
     },
     async codeService() {
       return null;
@@ -58591,9 +58690,9 @@ function renderDefsEditor(container) {
 
 // src/version.ts
 var APP_NAME = "Jx Studio";
-var VERSION = "2.4.2";
-var BUILD_DATE = "2026-08-24T19:48:51.173Z";
-var GIT_COMMIT = "7859073";
+var VERSION = "2.4.3";
+var BUILD_DATE = "2026-08-25T03:20:06.206Z";
+var GIT_COMMIT = "624ef53";
 var LINKS = {
   github: "https://github.com/jxsuite/jx",
   docs: "https://github.com/jxsuite/jx#readme",
@@ -61876,5 +61975,5 @@ export {
   hasUnsavedTabs
 };
 
-//# debugId=31462A53C2ABCD7964756E2164756E21
+//# debugId=980E02AF5DBA79D264756E2164756E21
 //# sourceMappingURL=studio.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/studio",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "Jx Studio — visual builder for Jx documents",
   "license": "MIT",
   "repository": {
@@ -57,14 +57,14 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.1.0",
-    "@jxsuite/ai": "^0.36.2",
-    "@jxsuite/collab": "^0.8.1",
-    "@jxsuite/create": "^1.3.5",
-    "@jxsuite/formulas": "^0.0.12",
-    "@jxsuite/markup": "^0.4.5",
-    "@jxsuite/protocol": "^1.2.0",
-    "@jxsuite/runtime": "^2.0.4",
-    "@jxsuite/schema": "^1.8.0",
+    "@jxsuite/ai": "^0.36.3",
+    "@jxsuite/collab": "^0.8.2",
+    "@jxsuite/create": "^1.3.6",
+    "@jxsuite/formulas": "^0.0.13",
+    "@jxsuite/markup": "^0.4.6",
+    "@jxsuite/protocol": "^1.2.1",
+    "@jxsuite/runtime": "^2.0.5",
+    "@jxsuite/schema": "^1.8.1",
     "@spectrum-web-components/accordion": "^1.12.2",
     "@spectrum-web-components/action-bar": "1.12.2",
     "@spectrum-web-components/action-button": "^1.12.2",

package/src/platforms/cloud.ts

@@ -15,8 +15,10 @@ import { negotiateCollab } from "@jxsuite/collab/negotiate";
 import type { CollabNegotiation } from "@jxsuite/collab/negotiate";
 import type { WsCollabConnection } from "@jxsuite/collab/client";
 import type { ProjectConfig } from "@jxsuite/schema/types";
+import { componentMetaFrom } from "@jxsuite/schema/component-meta";
 import type {
   AccountStatus,
+  ComponentMeta,
   CreateProjectDestination,
   DirEntry,
   ExtensionsInfo,
@@ -518,9 +520,66 @@ export function createCloudPlatform(project: CloudProject | null): StudioPlatfor
 
     // ─── Components / code services (cloud: static-only posture) ──────────
 
+    /**
+     * Component discovery, by READING rather than executing.
+     *
+     * This returned `[]` under "no execution of project JS in the cloud", and the cost was not the
+     * loss of discovery — it was the canvas. `canvas-live-render` injects the `$elements` a
+     * document's tags need only when the registry is non-empty, so an empty registry meant nothing
+     * was ever registered, no component was ever fetched, and every component instance rendered as
+     * an unregistered custom element: an empty inline box. A page built from components came up as
+     * blank space between the layout's chrome.
+     *
+     * Discovery does not need to execute anything. For a JSON component it is a file read and a
+     * property lookup — `componentMetaFrom` is that function, shared with the two Bun backends so
+     * "which `state` entries are props" has one answer. Non-JSON component formats DO need a
+     * project-supplied parser, and those stay out: the posture is kept where it actually applies
+     * rather than across the whole feature.
+     *
+     * Bounded rather than unbounded: the walk skips the directories a scan has no business in and
+     * stops at a depth and a file count, because this runs against a remote session over HTTP and a
+     * pathological tree must not turn opening a project into thousands of requests.
+     */
     async discoverComponents() {
-      // No execution of project JS in the cloud (MVP security posture).
-      return [];
+      const SKIP = new Set(["node_modules", "dist", ".git", ".claude", ".obsidian", "build"]);
+      const MAX_FILES = 400;
+      const MAX_DEPTH = 6;
+      const jsonPaths: string[] = [];
+
+      const walk = async (dir: string, depth: number): Promise<void> => {
+        if (depth > MAX_DEPTH || jsonPaths.length >= MAX_FILES) {
+          return;
+        }
+        let entries: DirEntry[];
+        try {
+          entries = await platform.listDirectory(dir);
+        } catch {
+          return; // A directory that vanished mid-walk is not a discovery failure.
+        }
+        const dirs: string[] = [];
+        for (const entry of entries) {
+          if (entry.type === "directory") {
+            if (!SKIP.has(entry.name) && !entry.name.startsWith(".")) {
+              dirs.push(entry.path);
+            }
+          } else if (entry.name.endsWith(".json") && jsonPaths.length < MAX_FILES) {
+            jsonPaths.push(entry.path);
+          }
+        }
+        await Promise.all(dirs.map(async (d) => walk(d, depth + 1)));
+      };
+      await walk("", 0);
+
+      const metas = await Promise.all(
+        jsonPaths.map(async (path) => {
+          try {
+            return componentMetaFrom(JSON.parse(await platform.readFile(path)), path);
+          } catch {
+            return null; // Not JSON, not readable, or not a component — all the same answer here.
+          }
+        }),
+      );
+      return metas.filter((m): m is NonNullable<typeof m> => m !== null) as ComponentMeta[];
     },
 
     async codeService() {