@jxsuite/studio 3.0.0 → 4.1.0

package/dist/chunks/studio-dm19q43r.js

@@ -0,0 +1,195 @@
+import {
+  SETTINGS,
+  clearSettings,
+  hasSetting,
+  onSettingsChanged,
+  readStoredSetting,
+  setSetting,
+  setSettings
+} from "./studio-92ab2jqe.js";
+import {
+  getPlatform
+} from "./studio-9ab8gqsm.js";
+
+// src/services/ai-settings.ts
+function getOpenAiKey() {
+  return readStoredSetting(SETTINGS.aiOpenAiKey);
+}
+function setOpenAiKey(key) {
+  setSetting(SETTINGS.aiOpenAiKey, key || "");
+}
+function hasOpenAiKey() {
+  return hasSetting(SETTINGS.aiOpenAiKey);
+}
+function getBaseUrl() {
+  return readStoredSetting(SETTINGS.aiBaseUrl);
+}
+function storedModel() {
+  return readStoredSetting(SETTINGS.aiModel);
+}
+function setModel(modelId) {
+  setSetting(SETTINGS.aiModel, modelId || "");
+}
+function saveAiProvider(provider) {
+  setSettings([
+    [SETTINGS.aiOpenAiKey, provider.apiKey],
+    [SETTINGS.aiBaseUrl, provider.baseUrl],
+    [SETTINGS.aiModel, provider.model]
+  ]);
+}
+function clearAiProvider() {
+  clearSettings([SETTINGS.aiOpenAiKey, SETTINGS.aiBaseUrl, SETTINGS.aiModel]);
+}
+
+// src/services/ai-models.ts
+function aiConnection() {
+  return { apiKey: getOpenAiKey(), baseUrl: getBaseUrl() };
+}
+function fingerprint(credentials) {
+  return `${credentials.apiKey}\x00${credentials.baseUrl}`;
+}
+var cache = null;
+var cacheKey = "";
+var proxyConfigured = false;
+var proxyManaged = false;
+var proxyDefaultModel = "";
+var proxyCode;
+var proxyProbe = null;
+var probeListeners = new Set;
+var PROBE_STALE_MS = 600000;
+var probeSettledAt = 0;
+var probeRefreshInstalled = false;
+function resetModelCache() {
+  cache = null;
+  cacheKey = "";
+  proxyConfigured = false;
+  proxyManaged = false;
+  proxyDefaultModel = "";
+  proxyCode = undefined;
+  proxyProbe = null;
+  probeSettledAt = 0;
+}
+var CONNECTION_KEYS = new Set([
+  SETTINGS.aiOpenAiKey.key,
+  SETTINGS.aiBaseUrl.key,
+  SETTINGS.cfToken.key,
+  SETTINGS.cfAccountId.key
+]);
+onSettingsChanged((keys) => {
+  if (keys.some((key) => CONNECTION_KEYS.has(key))) {
+    resetModelCache();
+  }
+});
+function cachedModels(credentials) {
+  return cache && cacheKey === fingerprint(credentials) ? cache : null;
+}
+function cachedModel(id) {
+  return cache?.find((model) => model.id === id);
+}
+function modelToolSupport(id) {
+  return cachedModel(id)?.toolSupport;
+}
+function modelContextWindow(id) {
+  return cachedModel(id)?.contextWindow;
+}
+function ensureProxyProbe(onSettled) {
+  if (onSettled) {
+    probeListeners.add(onSettled);
+  }
+  proxyProbe ??= fetchAvailableModels({ force: true }).catch(() => {}).then(() => {
+    probeSettledAt = Date.now();
+    for (const notify of probeListeners) {
+      notify();
+    }
+  });
+}
+function refreshStaleProbe() {
+  if (!proxyManaged || probeSettledAt === 0 || Date.now() - probeSettledAt < PROBE_STALE_MS) {
+    return false;
+  }
+  proxyProbe = null;
+  probeSettledAt = 0;
+  ensureProxyProbe();
+  return true;
+}
+function installProbeRefresh() {
+  if (typeof window === "undefined" || probeRefreshInstalled) {
+    return;
+  }
+  probeRefreshInstalled = true;
+  window.addEventListener("focus", () => {
+    refreshStaleProbe();
+  });
+}
+installProbeRefresh();
+function hasAiCredentials() {
+  return hasOpenAiKey() || isProxyConfigured();
+}
+function isProxyConfigured() {
+  return proxyConfigured;
+}
+function isManagedProxy() {
+  return proxyManaged;
+}
+function proxyStateCode() {
+  return proxyCode;
+}
+function getProxyDefaultModel() {
+  return proxyDefaultModel;
+}
+function preferredModel() {
+  return storedModel() || getProxyDefaultModel() || SETTINGS.aiModel.default;
+}
+function siblingRoute(chatUrl, segment) {
+  let url;
+  try {
+    url = new URL(chatUrl, "http://jx.invalid");
+  } catch {
+    return chatUrl;
+  }
+  url.pathname = url.pathname.replace(/[^/]*$/, segment);
+  return /^https?:/i.test(chatUrl) ? url.href : `${url.pathname}${url.search}`;
+}
+async function fetchAvailableModels(opts = {}) {
+  const credentials = opts.credentials ?? aiConnection();
+  const key = fingerprint(credentials);
+  if (cache && cacheKey === key && !opts.force) {
+    return cache;
+  }
+  const plat = getPlatform();
+  const chatUrl = await Promise.resolve(plat.aiChatUrl());
+  const modelsUrl = siblingRoute(chatUrl, "models");
+  const headers = {};
+  if (credentials.apiKey) {
+    headers["X-Api-Key"] = credentials.apiKey;
+  }
+  if (credentials.baseUrl) {
+    headers["X-Api-Base-URL"] = credentials.baseUrl;
+  }
+  const resp = await fetch(modelsUrl, { headers });
+  if (!resp.ok) {
+    throw new Error(`HTTP ${resp.status}`);
+  }
+  const data = await resp.json();
+  proxyConfigured = data.configured === true;
+  proxyManaged = data.managed === true;
+  proxyDefaultModel = data.defaultModel ?? "";
+  proxyCode = data.code;
+  cache = (data.models || []).map((m) => {
+    const model = { id: m.id, name: m.name || m.id };
+    if (typeof m.contextWindow === "number") {
+      model.contextWindow = m.contextWindow;
+    }
+    if (typeof m.toolSupport === "boolean") {
+      model.toolSupport = m.toolSupport;
+    }
+    return model;
+  });
+  cacheKey = key;
+  return cache;
+}
+
+export { getOpenAiKey, setOpenAiKey, hasOpenAiKey, getBaseUrl, storedModel, setModel, saveAiProvider, clearAiProvider, aiConnection, resetModelCache, cachedModels, modelToolSupport, modelContextWindow, ensureProxyProbe, hasAiCredentials, isProxyConfigured, isManagedProxy, proxyStateCode, preferredModel, fetchAvailableModels };
+
+//# debugId=B5FEB391B6B9721764756E2164756E21
+//# sourceMappingURL=studio-dm19q43r.js.map

package/dist/chunks/{studio-2x9zbxmx.js → studio-ef49pnzx.js}

@@ -1,18 +1,20 @@
 import {
-  activeRegistry,
   shell,
   updateSiteConfig
-} from "./studio-r5xbtctf.js";
+} from "./studio-msd847zn.js";
+import {
+  projectState
+} from "./studio-p4ngc046.js";
+import {
+  activeRegistry
+} from "./studio-t7qb9db8.js";
 import {
   html,
   nothing
-} from "./studio-5x5774ak.js";
-import {
-  projectState
-} from "./studio-cjm7fdjf.js";
+} from "./studio-kryvsw6j.js";
 import {
   getPlatform
-} from "./studio-sas7mt3k.js";
+} from "./studio-9ab8gqsm.js";
 
 // ../create/scaffold.ts
 var CF_ADAPTERS = new Set(["cloudflare-pages", "cloudflare-workers"]);
@@ -381,5 +383,5 @@ function renderDeployChecklist() {
 
 export { platformSupportsPublish, listAccounts, latestDeployment, writeDeployConfig, connectDeploy, currentDeploy, noteDeployment, deployStatusItem, renderDeployChecklist };
 
-//# debugId=F16370A3EAFA6BE564756E2164756E21
-//# sourceMappingURL=studio-2x9zbxmx.js.map
+//# debugId=0CDC7B7E4FF1BF6164756E2164756E21
+//# sourceMappingURL=studio-ef49pnzx.js.map

package/dist/chunks/{studio-ay8wcr2b.js → studio-eqq1w638.js}

@@ -2,10 +2,11 @@ import {
   AsyncDirective,
   directive,
   isPrimitive
-} from "./studio-kvfx9z2c.js";
+} from "./studio-4rzyrtjz.js";
 import {
   noChange
-} from "./studio-5x5774ak.js";
+} from "./studio-kryvsw6j.js";
+
 // ../../node_modules/lit-html/development/directives/private-async-helpers.js
 class PseudoWeakRef {
   constructor(ref) {
@@ -105,11 +106,8 @@ class UntilDirective extends AsyncDirective {
   }
 }
 var until = directive(UntilDirective);
-// ../../node_modules/lit-html/development/directives/when.js
-function when(condition, trueCase, falseCase) {
-  return condition ? trueCase(condition) : falseCase?.(condition);
-}
-export { until, when };
 
-//# debugId=6810A26C9093588464756E2164756E21
-//# sourceMappingURL=studio-ay8wcr2b.js.map
+export { until };
+
+//# debugId=1A6E4B9F13159A4A64756E2164756E21
+//# sourceMappingURL=studio-eqq1w638.js.map

package/dist/chunks/{studio-5efrtn1m.js → studio-ew0djmhg.js}

@@ -1,35 +1,39 @@
+import {
+  validateProjectConfig
+} from "./studio-q9jd1a60.js";
 import {
   renderForm,
   resolveContextPointer
-} from "./studio-3dkcd4c5.js";
-import {
-  validateProjectConfig
-} from "./studio-6kv3apa9.js";
+} from "./studio-x4qkdat5.js";
 import {
   deriveSecretEnvName
-} from "./studio-pkp61mh8.js";
+} from "./studio-3bqpr0zh.js";
 import {
   paneOfContainer
-} from "./studio-j595e748.js";
+} from "./studio-2b946z26.js";
+import {
+  commitProjectConfig
+} from "./studio-msd847zn.js";
+import {
+  projectState
+} from "./studio-p4ngc046.js";
 import {
-  commitProjectConfig,
-  errorMessage,
   paneRegion
-} from "./studio-r5xbtctf.js";
+} from "./studio-t7qb9db8.js";
+import {
+  errorMessage
+} from "./studio-9n4mrmnb.js";
+import {
+  notify
+} from "./studio-xrapxwwc.js";
 import {
   html,
   nothing,
   render
-} from "./studio-5x5774ak.js";
-import {
-  projectState
-} from "./studio-cjm7fdjf.js";
-import {
-  notify
-} from "./studio-qpfq7xhm.js";
+} from "./studio-kryvsw6j.js";
 import {
   getPlatform
-} from "./studio-sas7mt3k.js";
+} from "./studio-9ab8gqsm.js";
 
 // src/settings/contributed-section.ts
 var selectedEntries = new Map;
@@ -333,5 +337,5 @@ function renderMapLayout(contribution, opts, rerender, paneId) {
 
 export { selectContributedEntry, renderContributedSection };
 
-//# debugId=476B6C93D3487B0864756E2164756E21
-//# sourceMappingURL=studio-5efrtn1m.js.map
+//# debugId=4A4373631E35B2FD64756E2164756E21
+//# sourceMappingURL=studio-ew0djmhg.js.map

package/dist/chunks/{studio-tr20m8g8.js → studio-f3wqjtk5.js}

@@ -212,6 +212,10 @@ var schema_default = {
           description: "Named export in $src module. Defaults to the state key name.",
           type: "string"
         },
+        $lazy: {
+          description: "Load $src on first call instead of importing it up front. The function then returns a promise, so it may only be called from a handler or lifecycle hook — never bound as a computed value. Use it for code most visitors never reach.",
+          type: "boolean"
+        },
         $prototype: {
           const: "Function",
           type: "string"
@@ -559,7 +563,7 @@ var schema_default = {
       type: "object"
     },
     ClassMethodDef: {
-      description: "A class method or accessor definition. Capability roles (parse, serialize, discover, load) mark static methods that hosts (compiler, server, studio) invoke for format dispatch.",
+      description: "A class method or accessor definition. Capability roles (parse, serialize, rewrite, discover, load) mark static methods that hosts (compiler, server, studio) invoke for format dispatch.",
       properties: {
         $prototype: {
           const: "Function",
@@ -629,6 +633,7 @@ var schema_default = {
             "accessor",
             "parse",
             "serialize",
+            "rewrite",
             "discover",
             "load",
             "projectData",
@@ -2566,6 +2571,20 @@ var schema_default = {
             }
           ]
         },
+        onconfigurationchange: {
+          description: 'Event handler for the "configurationchange" event.',
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            },
+            {
+              $ref: "#/$defs/FunctionDef"
+            }
+          ]
+        },
         onconnect: {
           description: 'Event handler for the "connect" event.',
           oneOf: [
@@ -5422,6 +5441,20 @@ var schema_default = {
             }
           ]
         },
+        onstream: {
+          description: 'Event handler for the "stream" event.',
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            },
+            {
+              $ref: "#/$defs/FunctionDef"
+            }
+          ]
+        },
         onsubmit: {
           description: 'Event handler for the "submit" event.',
           oneOf: [
@@ -22777,6 +22810,7 @@ var schema_default = {
         "body",
         "br",
         "button",
+        "camera",
         "canvas",
         "caption",
         "circle",
@@ -22873,6 +22907,7 @@ var schema_default = {
         "meter",
         "mfrac",
         "mi",
+        "microphone",
         "mmultiscripts",
         "mn",
         "mo",
@@ -22961,6 +22996,7 @@ var schema_default = {
         "u",
         "ul",
         "use",
+        "usermedia",
         "var",
         "video",
         "view",
@@ -24257,5 +24293,5 @@ var project_schema_default = {
 
 export { schema_default, project_schema_default };
 
-//# debugId=54E7850A0697E18F64756E2164756E21
-//# sourceMappingURL=studio-tr20m8g8.js.map
+//# debugId=1B8D337EFC897DC464756E2164756E21
+//# sourceMappingURL=studio-f3wqjtk5.js.map

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

@@ -1,43 +1,43 @@
 import {
   parseMediaEntries,
   schemeOfQuery
-} from "./studio-6z5eyjwn.js";
-import {
-  live
-} from "./studio-c31yb4t6.js";
+} from "./studio-950k0dx6.js";
 import {
   mediaDisplayName,
   mountStylebookCanvas,
   panToStylebookTag,
   serializeJxPath,
   tabOfPane
-} from "./studio-j595e748.js";
+} from "./studio-2b946z26.js";
 import {
-  activeTab,
   getEffectiveMedia,
   getEffectiveStyle,
+  shell
+} from "./studio-msd847zn.js";
+import {
+  activeTab,
   isSpliceablePath,
-  shell,
   varDisplayName
-} from "./studio-r5xbtctf.js";
+} from "./studio-trxrabqf.js";
 import {
   classMap
-} from "./studio-twsafr1e.js";
+} from "./studio-m3hwn7y1.js";
+import {
+  componentRegistry
+} from "./studio-bgxt93ga.js";
 import {
+  projectState,
+  updateSession
+} from "./studio-p4ngc046.js";
+import {
+  live,
   ref,
   repeat
-} from "./studio-kvfx9z2c.js";
+} from "./studio-4rzyrtjz.js";
 import {
   html,
   render
-} from "./studio-5x5774ak.js";
-import {
-  componentRegistry
-} from "./studio-s519zc99.js";
-import {
-  projectState,
-  updateSession
-} from "./studio-cjm7fdjf.js";
+} from "./studio-kryvsw6j.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-43tfn7cs.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=3813E2C630DE133B64756E2164756E21
+//# sourceMappingURL=studio-fbf92ckf.js.map