@jxsuite/studio 3.0.0 → 4.0.0

package/dist/chunks/{studio-6kv3apa9.js → studio-68n67094.js}

@@ -1,7 +1,7 @@
 import {
   project_schema_default,
   schema_default
-} from "./studio-tr20m8g8.js";
+} from "./studio-9r6j5ev1.js";
 import {
   __require,
   __toESM
@@ -36,23 +36,32 @@ function getValidator(kind) {
   })();
   return compiling[kind];
 }
+function asSchema(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && Object.keys(value).length > 0 ? value : undefined;
+}
 function applyProjectSchemas(schemas) {
-  const document = schemas?.document ?? CORE.document;
-  const project = schemas?.project ?? CORE.project;
+  const document = asSchema(schemas?.document) ?? CORE.document;
+  const project = asSchema(schemas?.project) ?? CORE.project;
+  const applied = document !== CORE.document || project !== CORE.project;
   if (document === active.document && project === active.project) {
-    return Boolean(schemas?.document || schemas?.project);
+    return applied;
   }
   active.document = document;
   active.project = project;
   compiling.document = null;
   compiling.project = null;
-  return Boolean(schemas?.document || schemas?.project);
+  return applied;
 }
 function resetProjectSchemas() {
   applyProjectSchemas(null);
 }
+var ERROR_PROPERTY_KEYS = ["unevaluatedProperty", "additionalProperty", "missingProperty"];
 function formatErrors(validate) {
-  return (validate.errors || []).map((e) => `${e.instancePath || "(root)"}: ${e.message}`);
+  return (validate.errors || []).map((e) => {
+    const key = ERROR_PROPERTY_KEYS.find((name) => typeof e.params?.[name] === "string");
+    const property = key ? ` (${String(e.params?.[key])})` : "";
+    return `${e.instancePath || "(root)"}: ${e.message}${property}`;
+  });
 }
 async function validateDoc(doc) {
   const validate = await getValidator("document");
@@ -61,6 +70,13 @@ async function validateDoc(doc) {
   }
   return formatErrors(validate);
 }
+async function validateDocOrNull(doc) {
+  const validate = await getValidator("document");
+  if (!validate) {
+    return null;
+  }
+  return validate(doc) ? [] : formatErrors(validate);
+}
 async function validateProjectConfig(config) {
   const validate = await getValidator("project");
   if (!validate || validate(config)) {
@@ -69,7 +85,7 @@ async function validateProjectConfig(config) {
   return formatErrors(validate);
 }
 
-export { applyProjectSchemas, resetProjectSchemas, validateDoc, validateProjectConfig };
+export { applyProjectSchemas, resetProjectSchemas, validateDoc, validateDocOrNull, validateProjectConfig };
 
-//# debugId=65EFF2410CACDD1964756E2164756E21
-//# sourceMappingURL=studio-6kv3apa9.js.map
+//# debugId=8C68AEE13E72EFF064756E2164756E21
+//# sourceMappingURL=studio-68n67094.js.map

package/dist/chunks/{studio-0rqqhrdy.js → studio-7nte2hj4.js}

@@ -1,7 +1,7 @@
 import {
   noChange,
   render
-} from "./studio-5x5774ak.js";
+} from "./studio-kryvsw6j.js";
 
 // ../../node_modules/@lit/reactive-element/development/css-tag.js
 var NODE_MODE = false;
@@ -610,4 +610,4 @@ if (DEV_MODE2 && global3.litElementVersions.length > 1) {
 export { css, defaultConverter, notEqual, LitElement };
 
 //# debugId=5925B997A81EB5AC64756E2164756E21
-//# sourceMappingURL=studio-0rqqhrdy.js.map
+//# sourceMappingURL=studio-7nte2hj4.js.map

package/dist/chunks/{studio-xntfdy1x.js → studio-8swrjbny.js}

@@ -1,43 +1,43 @@
 import {
   parseMediaEntries,
   schemeOfQuery
-} from "./studio-6z5eyjwn.js";
-import {
-  live
-} from "./studio-c31yb4t6.js";
+} from "./studio-pdfjntbk.js";
 import {
   mediaDisplayName,
   mountStylebookCanvas,
   panToStylebookTag,
   serializeJxPath,
   tabOfPane
-} from "./studio-j595e748.js";
+} from "./studio-kjjsjak4.js";
 import {
-  activeTab,
   getEffectiveMedia,
   getEffectiveStyle,
+  shell
+} from "./studio-hbtp0eh1.js";
+import {
+  activeTab,
   isSpliceablePath,
-  shell,
   varDisplayName
-} from "./studio-r5xbtctf.js";
+} from "./studio-2zkz8evn.js";
 import {
   classMap
-} from "./studio-twsafr1e.js";
+} from "./studio-m3hwn7y1.js";
 import {
+  live,
   ref,
   repeat
-} from "./studio-kvfx9z2c.js";
+} from "./studio-4rzyrtjz.js";
 import {
   html,
   render
-} from "./studio-5x5774ak.js";
+} from "./studio-kryvsw6j.js";
 import {
   componentRegistry
-} from "./studio-s519zc99.js";
+} from "./studio-bgxt93ga.js";
 import {
   projectState,
   updateSession
-} from "./studio-cjm7fdjf.js";
+} from "./studio-p4ngc046.js";
 import {
   __require
 } from "./studio-a0tswy0w.js";
@@ -491,6 +491,7 @@ function buildStylebookDoc(opts) {
 
 // src/style/project-styles.ts
 var PROJECT_STYLES_TITLE = "Project Styles";
+var PROJECT_STYLES_VIEW = "stylebook";
 var TOKEN_GROUPS = [
   { id: "color", prefix: "--color-", title: "Colors" },
   { id: "font", prefix: "--font-", title: "Fonts" },
@@ -736,6 +737,7 @@ function noopCommandDeps() {
     undo: () => {},
     redo: () => {},
     openInBrowser: () => {},
+    buildSite: () => {},
     closeDocument: () => {},
     duplicateSelection: () => {},
     deleteSelection: () => {},
@@ -793,9 +795,20 @@ function defaultCommands(deps) {
       group: "2_output",
       when: (ctx) => ctx.project.isSite,
       enablement: documentOpen,
-      requires: "a built page to open",
+      requires: "a page to preview",
       run: () => deps.openInBrowser()
     },
+    {
+      id: "project.buildSite",
+      title: "Build Site",
+      category: "Project",
+      level: "project",
+      menus: ["commandbar/overflow", "palette"],
+      group: "2_output",
+      when: (ctx) => ctx.project.isSite,
+      requires: "a site project",
+      run: () => deps.buildSite()
+    },
     {
       id: "edit.undo",
       title: "Undo",
@@ -860,7 +873,7 @@ function defaultCommands(deps) {
         description: "Turn the selected element into a repeater template, rendering it once per item of a " + "data collection the author picks in the dialog this opens."
       },
       run: () => {
-        import("./convert-to-repeater-6vvx96n2.js").then(({ convertToRepeater }) => convertToRepeater());
+        import("./convert-to-repeater-dhw1nrz9.js").then(({ convertToRepeater }) => convertToRepeater());
       }
     },
     {
@@ -1062,7 +1075,7 @@ function inspectorFocusCommands(deps) {
   });
 }
 
-export { transposeStylebookStyle, tokenLabel, groupTokens, listTokenContexts, readTokenOverride, writeTokenOverride, addableContexts, stylebook_meta_default, renderStylebookMode, selectStylebookTag, INSPECTOR_TABS, noopCommandDeps, defaultCommands };
+export { transposeStylebookStyle, PROJECT_STYLES_TITLE, PROJECT_STYLES_VIEW, tokenLabel, groupTokens, listTokenContexts, readTokenOverride, writeTokenOverride, addableContexts, stylebook_meta_default, renderStylebookMode, selectStylebookTag, INSPECTOR_TABS, noopCommandDeps, defaultCommands };
 
-//# debugId=46ED955C46B01FC864756E2164756E21
-//# sourceMappingURL=studio-xntfdy1x.js.map
+//# debugId=1C28C0702015039E64756E2164756E21
+//# sourceMappingURL=studio-8swrjbny.js.map

package/dist/chunks/studio-92ab2jqe.js

@@ -0,0 +1,282 @@
+import {
+  notify
+} from "./studio-xrapxwwc.js";
+import {
+  getPlatform,
+  hasPlatform
+} from "./studio-9ab8gqsm.js";
+
+// src/services/settings/definitions.ts
+function normalizeBaseUrl(raw) {
+  return raw.trim().replace(/\/+$/, "");
+}
+function trimmed(raw) {
+  return raw.trim();
+}
+var SETTINGS = {
+  aiBaseUrl: {
+    default: "",
+    key: "jx.ai.baseUrl",
+    normalize: normalizeBaseUrl,
+    scope: "user"
+  },
+  aiOpenAiKey: {
+    default: "",
+    key: "jx.ai.openaiKey",
+    normalize: trimmed,
+    scope: "user",
+    secret: true
+  },
+  aiModel: {
+    default: "gpt-4o",
+    key: "jx.ai.model",
+    normalize: trimmed,
+    scope: "user"
+  },
+  keybindings: {
+    default: "",
+    key: "jx.keybindings",
+    normalize: (raw) => raw.trim() === "{}" ? "" : raw.trim(),
+    scope: "user"
+  },
+  theme: {
+    default: "",
+    key: "jx-studio-theme",
+    normalize: trimmed,
+    scope: "user"
+  },
+  showIgnoredFiles: {
+    default: "",
+    key: "jx.files.showIgnored",
+    normalize: trimmed,
+    scope: "user"
+  },
+  cfAccountId: {
+    default: "",
+    key: "jx.cf.accountId",
+    normalize: trimmed,
+    scope: "user"
+  },
+  cfToken: {
+    default: "",
+    key: "jx.cf.token",
+    normalize: trimmed,
+    scope: "user",
+    secret: true
+  }
+};
+var ALL_SETTINGS = Object.values(SETTINGS);
+var USER_SETTINGS = ALL_SETTINGS.filter((definition) => definition.scope === "user");
+var USER_SETTING_KEYS = USER_SETTINGS.map((definition) => definition.key);
+
+// src/services/settings/write-queue.ts
+function createWriteQueue(opts) {
+  const schedule = opts.schedule ?? queueMicrotask;
+  let pending = null;
+  let tail = Promise.resolve();
+  let idle = Promise.resolve();
+  function flush() {
+    const patch = pending;
+    pending = null;
+    if (!patch) {
+      return tail;
+    }
+    tail = tail.then(() => opts.send(patch)).catch((error) => {
+      opts.onError?.(error, patch);
+    });
+    return tail;
+  }
+  return {
+    enqueue(patch) {
+      if (pending) {
+        Object.assign(pending, patch);
+        return;
+      }
+      pending = { ...patch };
+      idle = new Promise((resolve) => {
+        schedule(() => {
+          flush().then(resolve);
+        });
+      });
+    },
+    settled() {
+      return idle;
+    }
+  };
+}
+
+// src/services/settings/kernel.ts
+var values = new Map;
+function writeCache(key, value) {
+  try {
+    if (value === null) {
+      globalThis.localStorage?.removeItem(key);
+    } else {
+      globalThis.localStorage?.setItem(key, value);
+    }
+  } catch {}
+}
+try {
+  for (const definition of ALL_SETTINGS) {
+    const cached = globalThis.localStorage?.getItem(definition.key);
+    if (cached !== null && cached !== undefined) {
+      values.set(definition.key, cached);
+    }
+  }
+} catch {}
+function readStoredSetting(definition) {
+  return values.get(definition.key) ?? "";
+}
+function hasSetting(definition) {
+  return (values.get(definition.key) ?? "") !== "";
+}
+var listeners = new Set;
+function onSettingsChanged(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function announce(keys) {
+  for (const listener of listeners) {
+    listener(keys);
+  }
+}
+var queue = createWriteQueue({
+  onError(error) {
+    notify("error", "Your settings could not be saved.", {
+      detail: error instanceof Error ? error.message : String(error),
+      key: "settings-write",
+      source: "Settings"
+    });
+  },
+  async send(patch) {
+    if (!hasPlatform()) {
+      return;
+    }
+    const platform = getPlatform();
+    if (!platform.patchSettings) {
+      return;
+    }
+    const set = {};
+    const remove = [];
+    for (const [key, value] of Object.entries(patch)) {
+      if (value) {
+        set[key] = value;
+      } else {
+        remove.push(key);
+      }
+    }
+    await platform.patchSettings({ remove, set });
+  }
+});
+function settingsSettled() {
+  return queue.settled();
+}
+function apply(patch) {
+  const moved = [];
+  for (const [key, next] of Object.entries(patch)) {
+    const before = values.get(key) ?? null;
+    if (before === next) {
+      continue;
+    }
+    if (next === null) {
+      values.delete(key);
+    } else {
+      values.set(key, next);
+    }
+    writeCache(key, next);
+    moved.push(key);
+  }
+  return moved;
+}
+function setSetting(definition, value) {
+  const next = definition.normalize ? definition.normalize(value) : value;
+  const moved = apply({ [definition.key]: next });
+  if (moved.length > 0) {
+    queue.enqueue({ [definition.key]: next });
+    announce(moved);
+  }
+}
+function setSettings(entries) {
+  const patch = {};
+  for (const [definition, value] of entries) {
+    patch[definition.key] = definition.normalize ? definition.normalize(value) : value;
+  }
+  const moved = apply(patch);
+  if (moved.length > 0) {
+    queue.enqueue(patch);
+    announce(moved);
+  }
+}
+function clearSettings(definitions) {
+  const patch = {};
+  for (const definition of definitions) {
+    patch[definition.key] = null;
+  }
+  const moved = apply(patch);
+  if (moved.length > 0) {
+    queue.enqueue(patch);
+    announce(moved);
+  }
+}
+async function hydrateSettings() {
+  if (!hasPlatform()) {
+    return;
+  }
+  const platform = getPlatform();
+  if (!platform.getSettings) {
+    return;
+  }
+  let stored;
+  try {
+    stored = await platform.getSettings();
+  } catch {
+    return;
+  }
+  const incoming = {};
+  let needsMigration = false;
+  for (const definition of USER_SETTINGS) {
+    const backendValue = stored[definition.key];
+    if (backendValue) {
+      incoming[definition.key] = backendValue;
+    } else if (values.get(definition.key)) {
+      needsMigration = true;
+    }
+  }
+  const moved = apply(incoming);
+  if (moved.length > 0) {
+    announce(moved);
+  }
+  if (needsMigration) {
+    const push = {};
+    for (const definition of USER_SETTINGS) {
+      const value = values.get(definition.key);
+      if (value && !stored[definition.key]) {
+        push[definition.key] = value;
+      }
+    }
+    queue.enqueue(push);
+  }
+}
+function adoptRemoteSettings(stored) {
+  const patch = {};
+  for (const definition of USER_SETTINGS) {
+    patch[definition.key] = stored[definition.key] ?? null;
+  }
+  const moved = apply(patch);
+  if (moved.length > 0) {
+    announce(moved);
+  }
+}
+function watchRemoteSettings() {
+  if (!hasPlatform()) {
+    return;
+  }
+  getPlatform().subscribeSettings?.(adoptRemoteSettings);
+}
+
+export { SETTINGS, readStoredSetting, hasSetting, onSettingsChanged, settingsSettled, setSetting, setSettings, clearSettings, hydrateSettings, watchRemoteSettings };
+
+//# debugId=C4A4FABDAA7EC06E64756E2164756E21
+//# sourceMappingURL=studio-92ab2jqe.js.map

package/dist/chunks/{studio-sas7mt3k.js → studio-9ab8gqsm.js}

@@ -71,5 +71,5 @@ function hasPlatform() {
 
 export { registerPlatform, platformInFlight, getPlatform, hasPlatform };
 
-//# debugId=02671227FE10A79C64756E2164756E21
-//# sourceMappingURL=studio-sas7mt3k.js.map
+//# debugId=48AA6894A0BB2F0464756E2164756E21
+//# sourceMappingURL=studio-9ab8gqsm.js.map

package/dist/chunks/{studio-ry1vz5sv.js → studio-9c4k4vhv.js}

@@ -1,26 +1,28 @@
 import {
   renderDeployChecklist
-} from "./studio-2x9zbxmx.js";
+} from "./studio-ahjfdy6e.js";
 import {
   registerPanel,
   renderEmptyState
-} from "./studio-j595e748.js";
+} from "./studio-kjjsjak4.js";
 import {
-  openModal,
   setBottomTab
-} from "./studio-r5xbtctf.js";
+} from "./studio-hbtp0eh1.js";
 import {
-  repeat
-} from "./studio-kvfx9z2c.js";
-import {
-  html,
-  nothing
-} from "./studio-5x5774ak.js";
+  openModal
+} from "./studio-t7qb9db8.js";
 import {
   notify,
   now,
   reactive
-} from "./studio-qpfq7xhm.js";
+} from "./studio-xrapxwwc.js";
+import {
+  repeat
+} from "./studio-4rzyrtjz.js";
+import {
+  html,
+  nothing
+} from "./studio-kryvsw6j.js";
 
 // src/panels/activity-panel.ts
 var activities = reactive([]);
@@ -351,5 +353,5 @@ function showProgressModal(opts) {
 
 export { beginActivity, activityIdleBlockers, registerActivityPanel, showProgressModal };
 
-//# debugId=9B0932D5C517D62864756E2164756E21
-//# sourceMappingURL=studio-ry1vz5sv.js.map
+//# debugId=55F83A7B38610BED64756E2164756E21
+//# sourceMappingURL=studio-9c4k4vhv.js.map