@jxsuite/studio 4.1.0 → 5.1.0

package/dist/chunks/convert-to-repeater-43tfn7cs.js

@@ -1,268 +0,0 @@
-import {
-  defCategory
-} from "./studio-950k0dx6.js";
-import"./studio-7nte2hj4.js";
-import"./studio-1wagb550.js";
-import"./studio-x4qkdat5.js";
-import {
-  fetchPluginSchema
-} from "./studio-qjy2z9bv.js";
-import"./studio-cft9r4r7.js";
-import"./studio-2b946z26.js";
-import"./studio-msd847zn.js";
-import {
-  activeTab,
-  primarySelection,
-  transactDoc
-} from "./studio-trxrabqf.js";
-import"./studio-wcy8trfx.js";
-import"./studio-m3hwn7y1.js";
-import"./studio-g1wdche0.js";
-import"./studio-5ehhackm.js";
-import"./studio-bgxt93ga.js";
-import {
-  childIndex,
-  childList,
-  getNodeAtPath,
-  parentElementPath
-} from "./studio-p4ngc046.js";
-import {
-  showDialog
-} from "./studio-t7qb9db8.js";
-import"./studio-9n4mrmnb.js";
-import"./studio-92ab2jqe.js";
-import"./studio-xrapxwwc.js";
-import {
-  ref
-} from "./studio-4rzyrtjz.js";
-import {
-  html,
-  nothing,
-  render
-} from "./studio-kryvsw6j.js";
-import"./studio-q7v10cg2.js";
-import"./studio-ahn3pdgx.js";
-import"./studio-9ab8gqsm.js";
-import"./studio-t5wqwzdh.js";
-import"./studio-53n8bp04.js";
-import"./studio-a0tswy0w.js";
-
-// src/editor/convert-to-repeater.ts
-async function convertToRepeater() {
-  const tab = activeTab.value;
-  const path = primarySelection(tab?.session.selection);
-  if (!tab || !path || path.length < 2) {
-    return;
-  }
-  const node = getNodeAtPath(tab.doc.document, path);
-  if (!node) {
-    return;
-  }
-  const defs = tab.doc.document.state || {};
-  const config = await promptRepeaterConfig(defs);
-  if (!config) {
-    return;
-  }
-  transactDoc(tab, (t) => {
-    const doc = t.doc.document;
-    if (config.newDef) {
-      if (!doc.state) {
-        doc.state = {};
-      }
-      doc.state[config.newDef.name] = { default: [], type: "array" };
-    }
-    const pp = parentElementPath(path);
-    if (!pp) {
-      return;
-    }
-    const idx = childIndex(path);
-    const parent = getNodeAtPath(doc, pp);
-    if (!parent?.children) {
-      return;
-    }
-    const element = childList(parent)[idx];
-    const repeater = {
-      $prototype: "Array",
-      items: config.items,
-      map: element
-    };
-    if (config.filter) {
-      repeater.filter = config.filter;
-    }
-    if (config.sort) {
-      repeater.sort = config.sort;
-    }
-    parent.children[idx] = repeater;
-  });
-}
-async function promptRepeaterConfig(defs) {
-  const arrayDefs = Object.entries(defs).filter(([, d]) => d?.type === "array" || Array.isArray(d?.default) || d?.$prototype === "Array");
-  const tab = activeTab.value;
-  const docPath = tab?.documentPath;
-  for (const [name, d] of Object.entries(defs)) {
-    const def = d;
-    if (!def?.$prototype || def.$prototype === "Function" || def.$prototype === "Array") {
-      continue;
-    }
-    if (arrayDefs.some(([n]) => n === name)) {
-      continue;
-    }
-    const schema = await fetchPluginSchema({
-      ...def.$src != null && { $src: def.$src },
-      $prototype: def.$prototype
-    }, { ...docPath != null && { documentPath: docPath } });
-    if (schema?.returns?.type === "array") {
-      arrayDefs.push([name, d]);
-    }
-  }
-  const fnDefs = Object.entries(defs).filter(([, d]) => defCategory(d) === "function");
-  let source = arrayDefs.length > 0 ? arrayDefs[0][0] : "__new__";
-  let newDefName = "";
-  let filterDef = "";
-  let sortDef = "";
-  let error = "";
-  return showDialog((done) => {
-    function confirm() {
-      if (source === "__new__") {
-        const name = newDefName.trim();
-        if (!name) {
-          error = "Enter a name for the new state definition.";
-          rerender();
-          return;
-        }
-        if (defs[name]) {
-          error = `"${name}" already exists.`;
-          rerender();
-          return;
-        }
-        if (!/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(name)) {
-          error = "Invalid identifier name.";
-          rerender();
-          return;
-        }
-        done({
-          items: { $ref: `#/state/${name}` },
-          ...filterDef && { filter: { $ref: `#/state/${filterDef}` } },
-          ...sortDef && { sort: { $ref: `#/state/${sortDef}` } },
-          newDef: { name }
-        });
-      } else {
-        done({
-          items: { $ref: `#/state/${source}` },
-          ...filterDef && { filter: { $ref: `#/state/${filterDef}` } },
-          ...sortDef && { sort: { $ref: `#/state/${sortDef}` } }
-        });
-      }
-    }
-    function rerender() {
-      const layer = document.querySelector("#layer-dialog");
-      const slot = layer?.lastElementChild;
-      if (slot) {
-        render(buildTpl(), slot);
-      }
-    }
-    function buildTpl() {
-      return html`
-        <sp-dialog-wrapper
-          open
-          underlay
-          headline="Repeat..."
-          confirm-label="Create Repeater"
-          cancel-label="Cancel"
-          size="s"
-          @confirm=${confirm}
-          @cancel=${() => done(null)}
-          @close=${() => done(null)}
-        >
-          <div style="display:flex;flex-direction:column;gap:12px">
-            <label>
-              <sp-field-label size="s">Items source</sp-field-label>
-              <sp-picker
-                label="Items source"
-                size="s"
-                .value=${source}
-                @change=${(e) => {
-        source = e.target.value;
-        error = "";
-        rerender();
-      }}
-              >
-                ${arrayDefs.map(([name]) => html`<sp-menu-item value=${name}>${name}</sp-menu-item>`)}
-                <sp-menu-divider></sp-menu-divider>
-                <sp-menu-item value="__new__">Create new...</sp-menu-item>
-              </sp-picker>
-            </label>
-
-            ${source === "__new__" ? html`
-                    <label>
-                      <sp-field-label size="s">New definition name</sp-field-label>
-                      <sp-textfield
-                        size="s"
-                        placeholder="myItems"
-                        .value=${newDefName}
-                        ?invalid=${Boolean(error)}
-                        @input=${(e) => {
-        newDefName = e.target.value || "";
-        error = "";
-        rerender();
-      }}
-                        @keydown=${(e) => {
-        if (e.key === "Enter") {
-          confirm();
-        }
-      }}
-                        ${ref((el) => {
-        if (el && source === "__new__") {
-          requestAnimationFrame(() => el.focus());
-        }
-      })}
-                      >
-                        <sp-help-text slot="negative-help-text">${error}</sp-help-text>
-                      </sp-textfield>
-                    </label>
-                  ` : nothing}
-            ${fnDefs.length > 0 ? html`
-                    <label>
-                      <sp-field-label size="s">Filter (optional)</sp-field-label>
-                      <sp-picker
-                        label="Filter"
-                        size="s"
-                        .value=${filterDef}
-                        @change=${(e) => {
-        filterDef = e.target.value;
-        rerender();
-      }}
-                      >
-                        <sp-menu-item value="">None</sp-menu-item>
-                        ${fnDefs.map(([name]) => html`<sp-menu-item value=${name}>${name}</sp-menu-item>`)}
-                      </sp-picker>
-                    </label>
-                    <label>
-                      <sp-field-label size="s">Sort (optional)</sp-field-label>
-                      <sp-picker
-                        label="Sort"
-                        size="s"
-                        .value=${sortDef}
-                        @change=${(e) => {
-        sortDef = e.target.value;
-        rerender();
-      }}
-                      >
-                        <sp-menu-item value="">None</sp-menu-item>
-                        ${fnDefs.map(([name]) => html`<sp-menu-item value=${name}>${name}</sp-menu-item>`)}
-                      </sp-picker>
-                    </label>
-                  ` : nothing}
-          </div>
-        </sp-dialog-wrapper>
-      `;
-    }
-    return buildTpl();
-  });
-}
-export {
-  convertToRepeater
-};
-
-//# debugId=DE9538AF553D935264756E2164756E21
-//# sourceMappingURL=convert-to-repeater-43tfn7cs.js.map

package/dist/chunks/editor-cptq5jp1.js

@@ -1,37 +0,0 @@
-import"./studio-0a5qrh01.js";
-import {
-  CancellationTokenSource1 as CancellationTokenSource,
-  Emitter1 as Emitter,
-  KeyCode,
-  KeyMod,
-  MarkerSeverity1 as MarkerSeverity,
-  MarkerTag,
-  Position1 as Position,
-  Range1 as Range,
-  Selection1 as Selection,
-  SelectionDirection,
-  Token,
-  Uri,
-  editor,
-  languages
-} from "./studio-b9b6t1dg.js";
-import"./studio-a0tswy0w.js";
-export {
-  CancellationTokenSource,
-  Emitter,
-  KeyCode,
-  KeyMod,
-  MarkerSeverity,
-  MarkerTag,
-  Position,
-  Range,
-  Selection,
-  SelectionDirection,
-  Token,
-  Uri,
-  editor,
-  languages
-};
-
-//# debugId=7813877B0A1FDE2264756E2164756E21
-//# sourceMappingURL=editor-cptq5jp1.js.map

package/dist/chunks/entry-commands-e63f1xc0.js

@@ -1,46 +0,0 @@
-import {
-  contentCommands,
-  createEntry,
-  registerContentCommands
-} from "./studio-jc994dnr.js";
-import"./studio-eqq1w638.js";
-import"./studio-6yw4y3my.js";
-import"./studio-x4qkdat5.js";
-import"./studio-b55y6ewx.js";
-import"./studio-cmb03bg5.js";
-import"./studio-q43a5y9h.js";
-import"./studio-qq6jym04.js";
-import"./studio-qcy05dp8.js";
-import"./studio-qjy2z9bv.js";
-import"./studio-cft9r4r7.js";
-import"./studio-4n2b5gzb.js";
-import"./studio-ef49pnzx.js";
-import"./studio-2b946z26.js";
-import"./studio-msd847zn.js";
-import"./studio-trxrabqf.js";
-import"./studio-wcy8trfx.js";
-import"./studio-m3hwn7y1.js";
-import"./studio-g1wdche0.js";
-import"./studio-5ehhackm.js";
-import"./studio-bgxt93ga.js";
-import"./studio-p4ngc046.js";
-import"./studio-t7qb9db8.js";
-import"./studio-9n4mrmnb.js";
-import"./studio-92ab2jqe.js";
-import"./studio-xrapxwwc.js";
-import"./studio-4rzyrtjz.js";
-import"./studio-kryvsw6j.js";
-import"./studio-q7v10cg2.js";
-import"./studio-ahn3pdgx.js";
-import"./studio-9ab8gqsm.js";
-import"./studio-t5wqwzdh.js";
-import"./studio-53n8bp04.js";
-import"./studio-a0tswy0w.js";
-export {
-  contentCommands,
-  createEntry,
-  registerContentCommands
-};
-
-//# debugId=C20C29A7235181ED64756E2164756E21
-//# sourceMappingURL=entry-commands-e63f1xc0.js.map

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

@@ -1,311 +0,0 @@
-import {
-  renderContributedSection
-} from "./studio-ew0djmhg.js";
-import {
-  registerSettingsSection,
-  unregisterSettingsSection
-} from "./studio-7afd21nw.js";
-import"./studio-q9jd1a60.js";
-import"./studio-x4qkdat5.js";
-import {
-  dataSurfaceAvailable,
-  openGridSourcePicker,
-  pushSchema,
-  testConnection
-} from "./studio-3bqpr0zh.js";
-import"./studio-b55y6ewx.js";
-import"./studio-cmb03bg5.js";
-import"./studio-q43a5y9h.js";
-import"./studio-qq6jym04.js";
-import"./studio-qcy05dp8.js";
-import"./studio-qjy2z9bv.js";
-import"./studio-cft9r4r7.js";
-import"./studio-4n2b5gzb.js";
-import"./studio-ef49pnzx.js";
-import"./studio-2b946z26.js";
-import"./studio-msd847zn.js";
-import"./studio-trxrabqf.js";
-import"./studio-wcy8trfx.js";
-import"./studio-m3hwn7y1.js";
-import"./studio-g1wdche0.js";
-import"./studio-5ehhackm.js";
-import"./studio-bgxt93ga.js";
-import"./studio-p4ngc046.js";
-import {
-  openModal
-} from "./studio-t7qb9db8.js";
-import"./studio-9n4mrmnb.js";
-import"./studio-92ab2jqe.js";
-import"./studio-xrapxwwc.js";
-import"./studio-4rzyrtjz.js";
-import {
-  html,
-  nothing
-} from "./studio-kryvsw6j.js";
-import"./studio-q7v10cg2.js";
-import {
-  getFormats,
-  loadExtensions,
-  loadFormats
-} from "./studio-ahn3pdgx.js";
-import"./studio-9ab8gqsm.js";
-import"./studio-f3wqjtk5.js";
-import"./studio-t5wqwzdh.js";
-import"./studio-53n8bp04.js";
-import"./studio-a0tswy0w.js";
-
-// src/panels/data-grid.ts
-var pushDialog = null;
-function closePushDialog() {
-  pushDialog?.handle.close();
-  pushDialog = null;
-}
-async function startPush(connection, onDone) {
-  if (pushDialog) {
-    return;
-  }
-  const handle = openModal(html``, { label: "Push Schema", onDismiss: closePushDialog });
-  pushDialog = { connection, handle, onDone, phase: "loading", plan: null, result: null };
-  renderPushDialog();
-  const plan = await pushSchema({
-    dryRun: true,
-    ...connection === undefined ? {} : { connection }
-  });
-  if (!pushDialog) {
-    return;
-  }
-  pushDialog.plan = plan;
-  pushDialog.phase = "confirm";
-  renderPushDialog();
-}
-async function applyPush() {
-  if (!pushDialog) {
-    return;
-  }
-  pushDialog.phase = "applying";
-  renderPushDialog();
-  const result = await pushSchema(pushDialog.connection === undefined ? {} : { connection: pushDialog.connection });
-  if (!pushDialog) {
-    return;
-  }
-  pushDialog.result = result;
-  pushDialog.phase = "done";
-  renderPushDialog();
-  pushDialog.onDone();
-}
-function pushDialogBody(state) {
-  if (state.phase === "loading" || state.phase === "applying") {
-    return html`<div class="push-dialog-status">
-      ${state.phase === "loading" ? "Compiling plan…" : "Applying…"}
-    </div>`;
-  }
-  const shown = state.phase === "done" ? state.result : state.plan;
-  const steps = shown?.plan ?? [];
-  const warnings = shown?.warnings ?? [];
-  const errors = shown?.errors ?? [];
-  return html`
-    <div class="push-dialog-plan">
-      ${state.phase === "done" ? html`<div class="push-dialog-status">
-              ${shown?.applied ? "Schema applied." : "Push failed."}
-            </div>` : steps.length === 0 && errors.length === 0 ? html`<div class="push-dialog-status">
-                Nothing to push — the schema is up to date.
-              </div>` : nothing}
-      <ul class="push-dialog-steps">
-        ${steps.map((step) => html`<li class="push-step push-step-${step.kind}">${step.summary}</li>`)}
-      </ul>
-      ${warnings.map((w) => html`<div class="push-dialog-warning">${w}</div>`)}
-      ${errors.map((e) => html`<div class="push-dialog-error">${e}</div>`)}
-    </div>
-  `;
-}
-function renderPushDialog() {
-  if (!pushDialog) {
-    return;
-  }
-  const state = pushDialog;
-  const confirmable = state.phase === "confirm" && (state.plan?.plan.length ?? 0) > 0;
-  const tpl = html`
-    <sp-underlay open @close=${closePushDialog}></sp-underlay>
-    <div class="settings-modal push-dialog">
-      <div class="settings-modal-header">
-        <h2 class="settings-modal-title">
-          Push Schema${state.connection ? html` — ${state.connection}` : nothing}
-        </h2>
-      </div>
-      <div class="settings-modal-body">${pushDialogBody(state)}</div>
-      <div class="push-dialog-actions">
-        <sp-action-button size="s" class="push-cancel" @click=${closePushDialog}>
-          ${state.phase === "done" ? "Close" : "Cancel"}
-        </sp-action-button>
-        ${confirmable ? html`<sp-action-button
-                size="s"
-                emphasized
-                class="push-apply"
-                @click=${() => {
-    applyPush();
-  }}
-                >Apply</sp-action-button
-              >` : nothing}
-      </div>
-    </div>
-  `;
-  state.handle.update(tpl);
-}
-var actionsState = { pushing: false, testResult: null, testing: null };
-function dataSectionActions(sectionKey) {
-  if (sectionKey !== "connections" && sectionKey !== "data" || !dataSurfaceAvailable()) {
-    return null;
-  }
-  return (ctx) => renderSectionActions(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 renderSectionActions(sectionKey, ctx) {
-  const { selected, rerender } = ctx;
-  const { testResult } = actionsState;
-  const pushTarget = sectionKey === "connections" && selected ? selected : undefined;
-  return html`
-    <div class="data-section-actions">
-      ${sectionKey === "connections" ? html`<sp-action-button
-              size="s"
-              class="data-action-test"
-              ?disabled=${!selected || actionsState.testing !== null}
-              @click=${() => {
-    if (selected) {
-      runTest(selected, rerender);
-    }
-  }}
-            >
-              ${actionsState.testing ? "Testing…" : "Test Connection"}
-            </sp-action-button>` : nothing}
-      <sp-action-button
-        size="s"
-        class="data-action-push"
-        @click=${() => {
-    startPush(pushTarget, rerender);
-  }}
-      >
-        Push Schema
-      </sp-action-button>
-      <sp-action-button
-        size="s"
-        class="data-action-grid"
-        @click=${() => {
-    openGridSourcePicker();
-  }}
-      >
-        Open Data Grid
-      </sp-action-button>
-      ${testResult ? html`<span
-              class="data-test-result ${testResult.ok ? "ok" : "failed"}"
-              title=${testResult.error ?? ""}
-            >
-              ${testResult.connection}:
-              ${testResult.ok ? "connected" : testResult.error ?? "failed"}
-            </span>` : nothing}
-    </div>
-  `;
-}
-
-// 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([loadExtensions(), loadFormats()]);
-  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;
-      registerSettingsSection({
-        icon: derived.icon,
-        key: derived.key,
-        label: derived.label,
-        order: derived.order,
-        render: (container) => {
-          const actions = dataSectionActions(derived.key);
-          renderContributedSection(container, contribution, {
-            formats: getFormats(),
-            ...actions === null ? {} : { actions }
-          });
-        }
-      });
-      next.add(derived.key);
-    }
-  }
-  for (const key of registeredKeys) {
-    if (!next.has(key)) {
-      unregisterSettingsSection(key);
-    }
-  }
-  registeredKeys.clear();
-  for (const key of next) {
-    registeredKeys.add(key);
-  }
-}
-function resetExtensionSettingsSections() {
-  for (const key of registeredKeys) {
-    unregisterSettingsSection(key);
-  }
-  registeredKeys.clear();
-}
-function extensionSectionKeys() {
-  return [...registeredKeys];
-}
-export {
-  deriveSettingsSection,
-  extensionSectionKeys,
-  extensionSectionsReady,
-  resetExtensionSettingsSections,
-  syncExtensionSettingsSections
-};
-
-//# debugId=5B9EC9A9A7462B1B64756E2164756E21
-//# sourceMappingURL=extension-sections-txv08xxg.js.map