@jxsuite/studio 4.0.0 → 5.0.0

package/dist/chunks/extension-sections-fy7q4fe9.js

@@ -0,0 +1,651 @@
+import"./studio-6nzaktvy.js";
+import {
+  loadFormats2,
+  loadExtensions2,
+  getFormats2
+} from "./studio-79y5sz51.js";
+import {
+  registerSettingsSection2,
+  unregisterSettingsSection2
+} from "./studio-0hqbpbd0.js";
+import"./studio-7r42c6ca.js";
+import"./studio-yxa81f45.js";
+import {
+  reactive
+} from "./studio-p1dw8wfw.js";
+import"./studio-q3x06vmj.js";
+import"./studio-6ewqv390.js";
+import"./studio-az3zd49t.js";
+import"./studio-5jy81t3s.js";
+import {
+  registerSurface,
+  mountSurface,
+  openDialogSurface,
+  layerHost2
+} from "./studio-erdatzvp.js";
+import"./studio-57mf66w2.js";
+import"./studio-1k325pwf.js";
+import"./studio-3gxv60tn.js";
+import"./studio-tjjk7jvk.js";
+import"./studio-kcgff4r0.js";
+import {
+  renderContributedSection
+} from "./studio-7xptrg0j.js";
+import {
+  dataSurfaceAvailable,
+  testConnection,
+  pushSchema,
+  openGridSourcePicker
+} from "./studio-em9nw8eh.js";
+import"./studio-8jn5yhyn.js";
+import"./studio-81390n6f.js";
+import"./studio-tb3ev01j.js";
+import"./studio-25hkdrkw.js";
+import"./studio-y9zedyjn.js";
+import"./studio-cpvb2ed1.js";
+import"./studio-26d7myd1.js";
+import"./studio-rpyah2ew.js";
+import"./studio-x3rty6tr.js";
+import"./studio-vz68yn9e.js";
+import"./studio-qahxvnan.js";
+import"./studio-rkstz940.js";
+import"./studio-d055c37e.js";
+import"./studio-esrxgwh6.js";
+import"./studio-q0a3yk4n.js";
+import"./studio-4m0haseg.js";
+// src/surfaces/data-actions.json
+var data_actions_default = {
+  $schema: "https://jxsuite.com/schema/v1",
+  $id: "StudioDataActions",
+  $description: "The actions row a data-domain settings section grows: test a connection, push the schema, open the rows as a grid. It is an ISLAND inside `surfaces/settings-contributed.json` — the generic contributed-section renderer stays extension-agnostic and draws an empty host, and `panels/data-grid.ts` mounts this into it — which is the seam that lets the data surface contribute verbs without the settings machinery learning what a connection is.",
+  tagName: "div",
+  attributes: {
+    part: "data-actions"
+  },
+  style: {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: "var(--jx-space-2)",
+    fontFamily: "var(--jx-font-sans)",
+    fontSize: "var(--jx-text-md)",
+    '& [part="result"]': {
+      fontSize: "var(--jx-text-sm)",
+      color: "var(--fg-dim)"
+    },
+    '& [part="result"][data-ok="false"]': {
+      color: "var(--danger)"
+    },
+    '& [part="result"][data-ok="true"]': {
+      color: "var(--success, var(--accent))"
+    }
+  },
+  children: [
+    {
+      tagName: "span",
+      attributes: {
+        part: "test-slot",
+        role: "none"
+      },
+      style: {
+        display: "contents"
+      },
+      $switch: {
+        $ref: "#/state/testState"
+      },
+      cases: {
+        shown: {
+          tagName: "jx-button",
+          attributes: {
+            part: "test"
+          },
+          $props: {
+            variant: "secondary",
+            size: "sm",
+            disabled: {
+              $ref: "#/state/testDisabled"
+            }
+          },
+          onclick: {
+            $prototype: "Function",
+            body: [
+              {
+                operator: "call",
+                target: {
+                  $ref: "#/state/test"
+                },
+                value: []
+              }
+            ]
+          },
+          children: [
+            {
+              tagName: "span",
+              textContent: "${state.testLabel}"
+            }
+          ]
+        }
+      }
+    },
+    {
+      tagName: "jx-button",
+      attributes: {
+        part: "push"
+      },
+      $props: {
+        variant: "secondary",
+        size: "sm"
+      },
+      onclick: {
+        $prototype: "Function",
+        body: [
+          {
+            operator: "call",
+            target: {
+              $ref: "#/state/push"
+            },
+            value: []
+          }
+        ]
+      },
+      children: [
+        {
+          tagName: "span",
+          textContent: "Push Schema"
+        }
+      ]
+    },
+    {
+      tagName: "jx-button",
+      attributes: {
+        part: "grid"
+      },
+      $props: {
+        variant: "secondary",
+        size: "sm"
+      },
+      onclick: {
+        $prototype: "Function",
+        body: [
+          {
+            operator: "call",
+            target: {
+              $ref: "#/state/openGrid"
+            },
+            value: []
+          }
+        ]
+      },
+      children: [
+        {
+          tagName: "span",
+          textContent: "Open Data Grid"
+        }
+      ]
+    },
+    {
+      tagName: "span",
+      attributes: {
+        part: "result-slot",
+        role: "none"
+      },
+      style: {
+        display: "contents"
+      },
+      $switch: {
+        $ref: "#/state/resultState"
+      },
+      cases: {
+        shown: {
+          $description: "The last test's verdict, and a live region because it arrives after the press that asked for it.",
+          tagName: "span",
+          attributes: {
+            part: "result",
+            role: "status",
+            "data-ok": "${state.resultOk}",
+            title: "${state.resultTitle}"
+          },
+          textContent: "${state.resultText}"
+        }
+      }
+    }
+  ]
+};
+
+// src/surfaces/data-actions.ts
+registerSurface("data-actions", data_actions_default);
+function project(scope, view) {
+  scope.testState = view.testState;
+  scope.testLabel = view.testLabel;
+  scope.testDisabled = view.testDisabled;
+  scope.resultState = view.resultState;
+  scope.resultOk = view.resultOk;
+  scope.resultText = view.resultText;
+  scope.resultTitle = view.resultTitle;
+}
+function mountDataActionsSurface(host, view, actions) {
+  const scope = reactive({
+    openGrid: actions.openGrid,
+    push: actions.push,
+    resultOk: "false",
+    resultState: "hidden",
+    resultText: "",
+    resultTitle: "",
+    test: actions.test,
+    testDisabled: false,
+    testLabel: "Test Connection",
+    testState: "hidden"
+  });
+  project(scope, view);
+  let mounted = null;
+  let disposed = false;
+  const ready = mountSurface("data-actions", scope, host).then((surface) => {
+    if (disposed) {
+      surface.dispose();
+      return surface.root;
+    }
+    mounted = surface;
+    return surface.root;
+  });
+  return {
+    dispose() {
+      disposed = true;
+      mounted?.dispose();
+      mounted = null;
+    },
+    ready,
+    update: (next) => project(scope, next)
+  };
+}
+// src/surfaces/push-plan.json
+var push_plan_default = {
+  $schema: "https://jxsuite.com/schema/v1",
+  $id: "StudioPushPlan",
+  $description: "What pushing the schema would do, or what it did. The dry run is the whole point of the surface: a push rewrites a live database's shape, so the plan is read before the apply, and the confirm dialog around this document is the one that gates it. The ISLAND of `ui/layers.ts`'s confirm dialog rather than a dialog of its own (§12.5).",
+  tagName: "div",
+  attributes: {
+    part: "plan"
+  },
+  style: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--jx-space-2)",
+    minWidth: "0",
+    fontFamily: "var(--jx-font-sans)",
+    fontSize: "var(--jx-text-md)",
+    color: "var(--fg)",
+    '& [part="steps"]': {
+      margin: "0",
+      padding: "0",
+      listStyle: "none",
+      display: "flex",
+      flexDirection: "column",
+      gap: "2px",
+      maxHeight: "40vh",
+      overflowY: "auto"
+    },
+    '& [part="step"]': {
+      fontFamily: "var(--font-mono)",
+      fontSize: "var(--jx-text-sm)",
+      padding: "2px var(--jx-space-2)",
+      borderLeft: "2px solid var(--border)"
+    },
+    '& [part="step"][data-kind="drop"]': {
+      borderLeftColor: "var(--danger)"
+    },
+    '& [part="step"][data-kind="create"]': {
+      borderLeftColor: "var(--success, var(--accent))"
+    },
+    '& [part="warning"]': {
+      margin: "0",
+      fontSize: "var(--jx-text-sm)",
+      color: "var(--warning, var(--fg-dim))"
+    },
+    '& [part="error"]': {
+      margin: "0",
+      fontSize: "var(--jx-text-sm)",
+      color: "var(--danger)"
+    }
+  },
+  children: [
+    {
+      tagName: "ul",
+      attributes: {
+        part: "steps"
+      },
+      children: [
+        {
+          $prototype: "Array",
+          items: {
+            $ref: "#/state/steps"
+          },
+          key: {
+            $ref: "$map/item/key"
+          },
+          map: {
+            tagName: "li",
+            attributes: {
+              part: "step",
+              "data-kind": "${$map.item.kind}"
+            },
+            textContent: "${$map.item.summary}"
+          }
+        }
+      ]
+    },
+    {
+      $prototype: "Array",
+      items: {
+        $ref: "#/state/warnings"
+      },
+      key: {
+        $ref: "$map/item/key"
+      },
+      map: {
+        tagName: "p",
+        attributes: {
+          part: "warning"
+        },
+        textContent: "${$map.item.text}"
+      }
+    },
+    {
+      $prototype: "Array",
+      items: {
+        $ref: "#/state/errors"
+      },
+      key: {
+        $ref: "$map/item/key"
+      },
+      map: {
+        tagName: "p",
+        attributes: {
+          part: "error",
+          role: "alert"
+        },
+        textContent: "${$map.item.text}"
+      }
+    }
+  ]
+};
+
+// src/surfaces/push-plan.ts
+registerSurface("push-plan", push_plan_default);
+function mountPushPlanSurface(host, view) {
+  const scope = reactive({
+    errors: view.errors,
+    steps: view.steps,
+    warnings: view.warnings
+  });
+  let mounted = null;
+  let disposed = false;
+  const ready = mountSurface("push-plan", scope, host).then((surface) => {
+    if (disposed) {
+      surface.dispose();
+      return surface.root;
+    }
+    mounted = surface;
+    return surface.root;
+  });
+  return {
+    dispose() {
+      disposed = true;
+      mounted?.dispose();
+      mounted = null;
+    },
+    ready,
+    update(next) {
+      scope.steps = next.steps;
+      scope.warnings = next.warnings;
+      scope.errors = next.errors;
+    }
+  };
+}
+
+// src/panels/data-grid.ts
+var pushDialog = null;
+function closePushDialog() {
+  const open = pushDialog;
+  pushDialog = null;
+  open?.plan?.dispose();
+  open?.handle.close();
+}
+function noteRows(texts, prefix) {
+  return texts.map((text, index) => ({ key: `${prefix}:${index}`, text }));
+}
+function planView(state) {
+  const shown = state.phase === "done" ? state.result : state.dryRun;
+  return {
+    errors: noteRows(shown?.errors ?? [], "error"),
+    steps: (shown?.plan ?? []).map((step, index) => ({
+      key: `${step.kind}:${index}`,
+      kind: step.kind,
+      summary: step.summary
+    })),
+    warnings: noteRows(shown?.warnings ?? [], "warning")
+  };
+}
+function planMessage(state) {
+  if (state.phase === "loading") {
+    return "Compiling plan…";
+  }
+  if (state.phase === "applying") {
+    return "Applying…";
+  }
+  if (state.phase === "done") {
+    return state.result?.applied ? "Schema applied." : "Push failed.";
+  }
+  const steps = state.dryRun?.plan.length ?? 0;
+  const errors = state.dryRun?.errors?.length ?? 0;
+  return steps === 0 && errors === 0 ? "Nothing to push — the schema is up to date." : "";
+}
+function paintPushDialog() {
+  const state = pushDialog;
+  if (!state) {
+    return;
+  }
+  const confirmable = state.phase === "confirm" && (state.dryRun?.plan.length ?? 0) > 0;
+  state.handle.update({
+    cancelLabel: state.phase === "done" ? "Close" : "Cancel",
+    confirmLabel: confirmable ? "Apply" : "",
+    message: planMessage(state)
+  });
+  state.plan?.update(planView(state));
+}
+async function startPush(connection, onDone) {
+  if (pushDialog) {
+    return;
+  }
+  const state = {
+    connection,
+    dryRun: null,
+    handle: null,
+    onDone,
+    phase: "loading",
+    plan: null,
+    result: null
+  };
+  state.handle = openDialogSurface({
+    cancelLabel: "Cancel",
+    confirmLabel: "",
+    headline: connection ? `Push Schema — ${connection}` : "Push Schema",
+    island: (host) => {
+      state.plan = mountPushPlanSurface(host, planView(state));
+    },
+    layer: layerHost2("dialog"),
+    message: "Compiling plan…",
+    onCancel: closePushDialog,
+    onClosed: () => {
+      if (pushDialog === state) {
+        closePushDialog();
+      }
+    },
+    onConfirm: () => {
+      applyPush();
+    },
+    region: "data/push"
+  });
+  pushDialog = state;
+  const plan = await pushSchema({
+    dryRun: true,
+    ...connection === undefined ? {} : { connection }
+  });
+  if (pushDialog !== state) {
+    return;
+  }
+  state.dryRun = plan;
+  state.phase = "confirm";
+  paintPushDialog();
+}
+async function applyPush() {
+  const state = pushDialog;
+  if (!state) {
+    return;
+  }
+  state.phase = "applying";
+  paintPushDialog();
+  const result = await pushSchema(state.connection === undefined ? {} : { connection: state.connection });
+  if (pushDialog !== state) {
+    return;
+  }
+  state.result = result;
+  state.phase = "done";
+  paintPushDialog();
+  state.onDone();
+}
+var actionsState = { pushing: false, testResult: null, testing: null };
+var mounted = new Map;
+function projectActions(sectionKey, selected) {
+  const { testResult } = actionsState;
+  return {
+    resultOk: testResult?.ok ? "true" : "false",
+    resultState: testResult ? "shown" : "hidden",
+    resultText: testResult ? `${testResult.connection}: ${testResult.ok ? "connected" : testResult.error ?? "failed"}` : "",
+    resultTitle: testResult?.error ?? "",
+    testDisabled: !selected || actionsState.testing !== null,
+    testLabel: actionsState.testing ? "Testing…" : "Test Connection",
+    testState: sectionKey === "connections" ? "shown" : "hidden"
+  };
+}
+function dataSectionActions(sectionKey) {
+  if (sectionKey !== "connections" && sectionKey !== "data" || !dataSurfaceAvailable()) {
+    return null;
+  }
+  return (host, ctx) => paintSectionActions(host, sectionKey, ctx);
+}
+async function runTest(connection, rerender) {
+  actionsState.testing = connection;
+  actionsState.testResult = null;
+  rerender();
+  const result = await testConnection(connection);
+  actionsState.testing = null;
+  actionsState.testResult = { ...result, connection };
+  rerender();
+}
+function paintSectionActions(host, sectionKey, ctx) {
+  const { rerender, selected } = ctx;
+  const existing = mounted.get(host);
+  if (existing) {
+    existing.update(projectActions(sectionKey, selected));
+    return;
+  }
+  const target = () => sectionKey === "connections" ? ctx.selected ?? undefined : undefined;
+  mounted.set(host, mountDataActionsSurface(host, projectActions(sectionKey, selected), {
+    openGrid: () => {
+      openGridSourcePicker();
+    },
+    push: () => {
+      startPush(target(), rerender);
+    },
+    test: () => {
+      const connection = ctx.selected;
+      if (connection) {
+        runTest(connection, rerender);
+      }
+    }
+  }));
+}
+
+// src/settings/extension-sections.ts
+var DEFAULT_SECTION_ORDER = 100;
+function deriveSettingsSection(info) {
+  const studio = info.studio;
+  const settings = studio?.settings;
+  if (!settings) {
+    return null;
+  }
+  const { key } = info.project;
+  const layout = settings.layout ?? "form";
+  const sectionSchema = info.entrySchema ?? {};
+  const entrySchema = layout === "map" ? typeof sectionSchema.additionalProperties === "object" ? sectionSchema.additionalProperties : {} : sectionSchema;
+  const label = settings.label ?? info.project.title ?? key;
+  return {
+    contribution: {
+      entrySchema,
+      key,
+      settings: {
+        ...settings.entry === undefined ? {} : { entry: settings.entry },
+        ...settings.layout === undefined ? {} : { layout: settings.layout }
+      },
+      title: label
+    },
+    icon: settings.icon,
+    key,
+    label,
+    order: settings.order ?? DEFAULT_SECTION_ORDER
+  };
+}
+var registeredKeys = new Set;
+var _inFlight = null;
+function extensionSectionsReady() {
+  return _inFlight ?? Promise.resolve();
+}
+function syncExtensionSettingsSections() {
+  _inFlight ??= runSync().finally(() => {
+    _inFlight = null;
+  });
+  return _inFlight;
+}
+async function runSync() {
+  const [extensions] = await Promise.all([loadExtensions2(), loadFormats2()]);
+  const next = new Set;
+  for (const ext of extensions) {
+    for (const info of ext.contributions) {
+      const derived = deriveSettingsSection(info);
+      if (!derived) {
+        continue;
+      }
+      const { contribution } = derived;
+      registerSettingsSection2({
+        icon: derived.icon,
+        key: derived.key,
+        label: derived.label,
+        order: derived.order,
+        render: (container) => {
+          const actions = dataSectionActions(derived.key);
+          renderContributedSection(container, contribution, {
+            formats: getFormats2(),
+            ...actions === null ? {} : { actions }
+          });
+        }
+      });
+      next.add(derived.key);
+    }
+  }
+  for (const key of registeredKeys) {
+    if (!next.has(key)) {
+      unregisterSettingsSection2(key);
+    }
+  }
+  registeredKeys.clear();
+  for (const key of next) {
+    registeredKeys.add(key);
+  }
+}
+export {
+  extensionSectionsReady,
+  syncExtensionSettingsSections
+};
+
+//# debugId=A4A7254E34AED5D164756E2164756E21
+//# sourceMappingURL=extension-sections-fy7q4fe9.js.map

package/dist/chunks/file-ops-3btj6st0.js

@@ -0,0 +1,47 @@
+import {
+  parseSourceForPath2,
+  parseCollabSource2,
+  setDocumentSavedListener2,
+  saveFile2,
+  exportFile2,
+  confirmFileDelete2,
+  renamePromptMessage2
+} from "./studio-rpyah2ew.js";
+import"./studio-8jn5yhyn.js";
+import"./studio-q0a3yk4n.js";
+import"./studio-qahxvnan.js";
+import"./studio-cpvb2ed1.js";
+import"./studio-tb3ev01j.js";
+import"./studio-26d7myd1.js";
+import"./studio-81390n6f.js";
+import"./studio-rkstz940.js";
+import"./studio-25hkdrkw.js";
+import"./studio-d055c37e.js";
+import"./studio-y9zedyjn.js";
+import"./studio-vz68yn9e.js";
+import"./studio-4m0haseg.js";
+import"./studio-az3zd49t.js";
+import"./studio-q3x06vmj.js";
+import"./studio-6ewqv390.js";
+import"./studio-yxa81f45.js";
+import"./studio-esrxgwh6.js";
+import"./studio-79y5sz51.js";
+import"./studio-6nzaktvy.js";
+import"./studio-3gxv60tn.js";
+import"./studio-erdatzvp.js";
+import"./studio-1k325pwf.js";
+import"./studio-5jy81t3s.js";
+import"./studio-p1dw8wfw.js";
+import"./studio-7r42c6ca.js";
+export {
+  confirmFileDelete2 as confirmFileDelete,
+  exportFile2 as exportFile,
+  parseCollabSource2 as parseCollabSource,
+  parseSourceForPath2 as parseSourceForPath,
+  renamePromptMessage2 as renamePromptMessage,
+  saveFile2 as saveFile,
+  setDocumentSavedListener2 as setDocumentSavedListener
+};
+
+//# debugId=C4DCE4C4E32E01A564756E2164756E21
+//# sourceMappingURL=file-ops-3btj6st0.js.map