@jxsuite/studio 4.1.0 → 5.0.0

package/dist/chunks/studio-ew0djmhg.js

@@ -1,341 +0,0 @@
-import {
-  validateProjectConfig
-} from "./studio-q9jd1a60.js";
-import {
-  renderForm,
-  resolveContextPointer
-} from "./studio-x4qkdat5.js";
-import {
-  deriveSecretEnvName
-} from "./studio-3bqpr0zh.js";
-import {
-  paneOfContainer
-} from "./studio-2b946z26.js";
-import {
-  commitProjectConfig
-} from "./studio-msd847zn.js";
-import {
-  projectState
-} from "./studio-p4ngc046.js";
-import {
-  paneRegion
-} from "./studio-t7qb9db8.js";
-import {
-  errorMessage
-} from "./studio-9n4mrmnb.js";
-import {
-  notify
-} from "./studio-xrapxwwc.js";
-import {
-  html,
-  nothing,
-  render
-} from "./studio-kryvsw6j.js";
-import {
-  getPlatform
-} from "./studio-9ab8gqsm.js";
-
-// src/settings/contributed-section.ts
-var selectedEntries = new Map;
-var newEntryOpen = new Set;
-var newEntryNames = new Map;
-function selectContributedEntry(sectionKey, entryKey) {
-  const section = projectState?.projectConfig?.[sectionKey];
-  const entries = section && typeof section === "object" && !Array.isArray(section) ? section : {};
-  if (!Object.hasOwn(entries, entryKey)) {
-    return Object.keys(entries);
-  }
-  selectedEntries.set(sectionKey, entryKey);
-  return null;
-}
-var diagnostics = new Map;
-function routeDiagnostics(base, messages) {
-  const fields = {};
-  const section = [];
-  for (const message of messages) {
-    const at = message.indexOf(": ");
-    const pointer = at === -1 ? "" : message.slice(0, at);
-    const text = at === -1 ? message : message.slice(at + 2);
-    if (pointer === base) {
-      section.push(text);
-      continue;
-    }
-    if (!pointer.startsWith(`${base}/`)) {
-      continue;
-    }
-    const [prop] = pointer.slice(base.length + 1).split("/");
-    if (prop && fields[prop] === undefined) {
-      fields[prop] = text;
-    }
-  }
-  return { fields, section };
-}
-async function saveProjectConfig(base, rerender) {
-  const config = projectState.projectConfig;
-  const commit = await commitProjectConfig();
-  if (!commit.ok) {
-    return;
-  }
-  let messages = [];
-  try {
-    messages = await validateProjectConfig(config);
-  } catch (error) {
-    notify.warn(`Could not validate project.json — ${errorMessage(error)}`, {
-      key: "settings:validator",
-      path: "project.json",
-      source: "Settings",
-      tier: "problem"
-    });
-    return;
-  }
-  diagnostics.set(base, routeDiagnostics(base, messages).fields);
-  rerender();
-}
-function applyPatch(target, patch) {
-  for (const [key, value] of Object.entries(patch)) {
-    if (value === undefined) {
-      delete target[key];
-    } else {
-      target[key] = value;
-    }
-  }
-}
-function slugify(name) {
-  return name.toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "");
-}
-function instantiateNewEntry(template, key) {
-  if (!template) {
-    return {};
-  }
-  const substitute = (value) => {
-    if (typeof value === "string") {
-      return value.replaceAll("${key}", key);
-    }
-    if (Array.isArray(value)) {
-      return value.map((item) => substitute(item));
-    }
-    if (value && typeof value === "object") {
-      const out = {};
-      for (const [k, v] of Object.entries(value)) {
-        out[k] = substitute(v);
-      }
-      return out;
-    }
-    return value;
-  };
-  return substitute(template);
-}
-function buildContext(sectionKey, opts, entryKey = null) {
-  const platform = getPlatform();
-  return {
-    fieldKeyPrefix: `$settings.${sectionKey}`,
-    resolvePointer: (pointer, scope) => resolveContextPointer(pointer, {
-      projectConfig: projectState?.projectConfig ?? {},
-      ...scope !== undefined && { scope },
-      ...opts.formats !== undefined && { formats: opts.formats }
-    }),
-    ...typeof platform.setSecrets === "function" ? {
-      commitSecret: async (key, value) => {
-        const envName = deriveSecretEnvName(sectionKey, entryKey, key);
-        await platform.setSecrets({ set: { [envName]: value } });
-        return envName;
-      }
-    } : {}
-  };
-}
-function sectionValue(key) {
-  const config = projectState?.projectConfig;
-  if (!config) {
-    return null;
-  }
-  const existing = config[key];
-  if (existing && typeof existing === "object" && !Array.isArray(existing)) {
-    return existing;
-  }
-  const fresh = {};
-  config[key] = fresh;
-  return fresh;
-}
-function renderContributedSection(container, contribution, opts = {}) {
-  const rerender = () => renderContributedSection(container, contribution, opts);
-  const title = contribution.title ?? contribution.key;
-  const layout = contribution.settings.layout ?? "form";
-  const body = layout === "map" ? renderMapLayout(contribution, opts, rerender, paneOfContainer(container)) : renderFormLayout(contribution, opts, rerender);
-  const selected = layout === "map" ? selectedEntries.get(contribution.key) ?? null : null;
-  const actions = opts.actions ? opts.actions({ rerender, sectionKey: contribution.key, selected }) : nothing;
-  const tpl = html`
-    <div class="settings-section contributed-section">
-      <h3 class="settings-section-title">${title}</h3>
-      ${actions}${body}
-    </div>
-  `;
-  render(tpl, container);
-}
-function renderFormLayout(contribution, opts, rerender) {
-  const value = sectionValue(contribution.key) ?? {};
-  const ui = contribution.settings.entry?.ui;
-  const base = `/${contribution.key}`;
-  return html`
-    <div class="settings-form-panel">
-      ${renderForm(contribution.entrySchema, value, {
-    context: buildContext(contribution.key, opts, null),
-    errors: diagnostics.get(base) ?? {},
-    onChange: (patch) => {
-      const target = sectionValue(contribution.key);
-      if (!target) {
-        return;
-      }
-      applyPatch(target, patch);
-      rerender();
-      saveProjectConfig(base, rerender);
-    },
-    rerender,
-    ...ui !== undefined && { ui }
-  })}
-    </div>
-  `;
-}
-function renderMapLayout(contribution, opts, rerender, paneId) {
-  const { key: sectionKey } = contribution;
-  const entries = sectionValue(sectionKey) ?? {};
-  const entryKeys = Object.keys(entries);
-  const selected = selectedEntries.get(sectionKey) ?? null;
-  const ui = contribution.settings.entry?.ui;
-  const handleCreate = () => {
-    const slug = slugify(newEntryNames.get(sectionKey) ?? "");
-    const target = sectionValue(sectionKey);
-    if (!slug || !target || target[slug]) {
-      return;
-    }
-    target[slug] = instantiateNewEntry(contribution.settings.entry?.newEntry, slug);
-    selectedEntries.set(sectionKey, slug);
-    newEntryOpen.delete(sectionKey);
-    newEntryNames.delete(sectionKey);
-    rerender();
-    saveProjectConfig(`/${sectionKey}`, rerender);
-  };
-  const handleDelete = () => {
-    const target = sectionValue(sectionKey);
-    if (!selected || !target?.[selected]) {
-      return;
-    }
-    delete target[selected];
-    selectedEntries.set(sectionKey, null);
-    rerender();
-    saveProjectConfig(`/${sectionKey}`, rerender);
-  };
-  const handleRename = (newName) => {
-    const target = sectionValue(sectionKey);
-    const slug = slugify(newName);
-    if (!selected || !target || !slug || slug === selected || target[slug]) {
-      return;
-    }
-    const next = {};
-    for (const [k, v] of Object.entries(target)) {
-      next[k === selected ? slug : k] = v;
-      delete target[k];
-    }
-    Object.assign(target, next);
-    selectedEntries.set(sectionKey, slug);
-    rerender();
-    saveProjectConfig(`/${sectionKey}`, rerender);
-  };
-  const listTpl = html`
-    <div class="settings-list-panel">
-      ${entryKeys.map((name) => html`
-          <sp-action-button
-            size="s"
-            data-jx-region=${paneRegion(paneId, `entry:${name}`)}
-            ?selected=${selected === name}
-            @click=${() => {
-    selectedEntries.set(sectionKey, name);
-    rerender();
-  }}
-          >
-            ${name}
-          </sp-action-button>
-        `)}
-      ${newEntryOpen.has(sectionKey) ? html`
-              <div class="settings-inline-form">
-                <sp-textfield
-                  size="s"
-                  placeholder="entry-name"
-                  .value=${newEntryNames.get(sectionKey) ?? ""}
-                  @input=${(e) => {
-    newEntryNames.set(sectionKey, e.target.value);
-  }}
-                  @keydown=${(e) => {
-    if (e.key === "Enter") {
-      handleCreate();
-    }
-    if (e.key === "Escape") {
-      newEntryOpen.delete(sectionKey);
-      rerender();
-    }
-  }}
-                ></sp-textfield>
-                <sp-action-button size="s" @click=${handleCreate}>Create</sp-action-button>
-              </div>
-            ` : html`
-              <sp-action-button
-                size="s"
-                quiet
-                @click=${() => {
-    newEntryOpen.add(sectionKey);
-    rerender();
-  }}
-              >
-                <sp-icon-add slot="icon"></sp-icon-add> New Entry
-              </sp-action-button>
-            `}
-    </div>
-  `;
-  const selectedEntry = selected ? entries[selected] : undefined;
-  const editorTpl = selected && selectedEntry && typeof selectedEntry === "object" ? html`
-          <div class="settings-editor-panel" data-jx-region=${paneRegion(paneId, "editor")}>
-            <div class="settings-editor-header">
-              <sp-textfield
-                size="s"
-                quiet
-                class="entry-name-input"
-                value=${selected}
-                @change=${(e) => {
-    const target = e.target;
-    handleRename(target.value.trim());
-    target.value = selectedEntries.get(sectionKey) ?? selected;
-  }}
-                @keydown=${(e) => {
-    const target = e.target;
-    if (e.key === "Enter") {
-      target.blur();
-    }
-    if (e.key === "Escape") {
-      target.value = selected;
-      target.blur();
-    }
-  }}
-              ></sp-textfield>
-              <sp-action-button size="xs" quiet title="Delete entry" @click=${handleDelete}>
-                <sp-icon-delete slot="icon"></sp-icon-delete>
-              </sp-action-button>
-            </div>
-            ${renderForm(contribution.entrySchema, selectedEntry, {
-    context: buildContext(sectionKey, opts, selected),
-    errors: diagnostics.get(`/${sectionKey}/${selected}`) ?? {},
-    onChange: (patch) => {
-      applyPatch(selectedEntry, patch);
-      rerender();
-      saveProjectConfig(`/${sectionKey}/${selected}`, rerender);
-    },
-    rerender,
-    ...ui !== undefined && { ui }
-  })}
-          </div>
-        ` : html`<div class="settings-empty-state">Select or create an entry</div>`;
-  return html` <div class="settings-two-col">${listTpl} ${editorTpl}</div> `;
-}
-
-export { selectContributedEntry, renderContributedSection };
-
-//# debugId=4A4373631E35B2FD64756E2164756E21
-//# sourceMappingURL=studio-ew0djmhg.js.map