@jxsuite/studio 2.4.3 → 4.0.0

package/dist/chunks/{studio-v1va0vhd.js → studio-pdfjntbk.js}

@@ -1,6 +1,13 @@
 import {
   LitElement
-} from "./studio-0rqqhrdy.js";
+} from "./studio-7nte2hj4.js";
+import {
+  invalidateMediaMeta,
+  mediaMetaSummary,
+  peekMediaMeta,
+  recordImageSize,
+  seedMediaMeta
+} from "./studio-gv8vvshc.js";
 import {
   applyCatalogPick,
   chipSummary,
@@ -19,31 +26,28 @@ import {
   renderOperandEditor,
   resolveContextPointer,
   slotMode
-} from "./studio-ef8t53vc.js";
-import {
-  live
-} from "./studio-c31yb4t6.js";
+} from "./studio-5q69gfag.js";
 import {
   IMAGE_EXTENSIONS,
   MEDIA_EXTENSIONS,
-  UPLOAD_ACCEPT,
-  baseName,
   codeService,
   extensionOf,
   fetchPluginSchema,
   getFunctionArgs,
-  loadUsages,
-  mediaKind,
   mediaSiteUrl,
-  normalizeProjectPath,
-  peekUsages,
   pluginSchemaCache,
-  retryUsages,
+  previewFileSrc,
   setLintMarkers,
-  uploadAssets,
+  uploadAccept,
+  uploadAssets
+} from "./studio-htsf0w6m.js";
+import {
+  loadUsages,
+  peekUsages,
+  retryUsages,
   usageFiles,
   usageHeadline
-} from "./studio-cz2j1c0g.js";
+} from "./studio-cft9r4r7.js";
 import {
   attachInstruction,
   canvasModeOfTab,
@@ -54,7 +58,6 @@ import {
   evaluateExpression,
   extractInstruction,
   isMutating,
-  loopbackAssetSrc,
   openPageAction,
   previewAssetSrc,
   pureSchemeOf,
@@ -64,40 +67,41 @@ import {
   requestCanvasEval,
   staleSelectionMessage,
   tabOfPane
-} from "./studio-pyrw8h0w.js";
+} from "./studio-kjjsjak4.js";
+import {
+  getEffectiveLayoutPath,
+  getEffectiveLocales,
+  getEffectiveMedia,
+  getEffectiveStyle,
+  monacoTheme,
+  setBottomTab,
+  shell
+} from "./studio-hbtp0eh1.js";
 import {
-  BUFFER_COMMIT,
   NAVIGATOR_STATEMENTS_REGION,
+  activeRegistry,
+  getLayerSlot,
+  popoverLayerFor
+} from "./studio-t7qb9db8.js";
+import {
   abbreviateValue,
   activePane,
-  activeRegistry,
   activeTab,
   argsSchema,
   attrLabel,
   booleanArg,
   booleanProperty,
-  bufferIsLive,
-  bufferMovedOn,
-  bufferWrites,
   camelToKebab,
   camelToLabel,
-  cancelBufferWrites,
-  commitBufferWrites,
   detachTab,
-  effect,
   enumArg,
   enumProperty,
   friendlyNameToVar,
-  getEffectiveLayoutPath,
-  getEffectiveLocales,
-  getEffectiveMedia,
-  getEffectiveStyle,
-  getLayerSlot,
   inferInputType,
   insertIntoPane,
+  isMediaFormat,
   kebabToLabel,
   localeLabel,
-  monacoTheme,
   mutateAddDef,
   mutateRemoveDef,
   mutateRenameDef,
@@ -106,76 +110,87 @@ import {
   mutateUpdateProp,
   mutateUpdateProperty,
   mutateUpdateStyle,
-  notify,
   optionalStringArg,
   paneById,
   parseCemType,
   pathArg,
   pathProperty,
-  popoverLayerFor,
   primarySelection,
   promoteTab,
-  setBottomTab,
-  shallowRef,
-  shell,
   sidePane,
   stringArg,
   stringProperty,
   tabIsLive,
-  toRaw,
   transactDoc,
   translationPathFor,
   unifyValues,
   varDisplayName,
-  view,
   workspace
-} from "./studio-ra7ar50f.js";
+} from "./studio-2zkz8evn.js";
+import {
+  BUFFER_COMMIT,
+  bufferIsLive,
+  bufferMovedOn,
+  bufferWrites,
+  cancelBufferWrites,
+  commitBufferWrites,
+  view
+} from "./studio-wcy8trfx.js";
+import {
+  effect,
+  notify,
+  shallowRef,
+  toRaw
+} from "./studio-xrapxwwc.js";
 import {
   classMap,
   ifDefined
-} from "./studio-twsafr1e.js";
+} from "./studio-m3hwn7y1.js";
 import {
   Directive,
   directive,
+  live,
   ref,
   setCommittedValue
-} from "./studio-kvfx9z2c.js";
+} from "./studio-4rzyrtjz.js";
 import {
   html,
   nothing,
   render
-} from "./studio-5x5774ak.js";
+} from "./studio-kryvsw6j.js";
 import {
   combine
 } from "./studio-g1wdche0.js";
 import {
   componentRegistry
-} from "./studio-s519zc99.js";
+} from "./studio-bgxt93ga.js";
 import {
   LIVE_PREVIEW,
   cancelStyleDebounce,
   debouncedStyleCommit,
-  displayTagName,
-  getEventBinding,
   getNodeAtPath,
-  isExpressionDef,
-  isJsonObject,
-  isRef,
-  isTagExpression,
   parentElementPath,
   projectState,
   renderOnly,
   updateUi
-} from "./studio-cjm7fdjf.js";
+} from "./studio-p4ngc046.js";
+import {
+  displayTagName,
+  getEventBinding,
+  isExpressionDef,
+  isJsonObject,
+  isRef,
+  isTagExpression
+} from "./studio-q7v10cg2.js";
 import {
   getExtensions,
   loadExtensions,
   loadMonaco,
   mountStillWanted
-} from "./studio-rqemfhz6.js";
+} from "./studio-eenfkt4e.js";
 import {
   getPlatform
-} from "./studio-sas7mt3k.js";
+} from "./studio-9ab8gqsm.js";
 import {
   __require
 } from "./studio-a0tswy0w.js";
@@ -695,81 +710,6 @@ function derivationCommands(deps) {
   ];
 }
 
-// src/files/media-meta.ts
-var settled = new Map;
-var inFlight = new Map;
-var measured = new Map;
-function metaFrom(path, entry) {
-  const name = baseName(path);
-  const dims = measured.get(path);
-  return {
-    bytes: typeof entry?.size === "number" ? entry.size : null,
-    ext: extensionOf(name),
-    height: dims?.height ?? null,
-    kind: mediaKind({ name }),
-    modified: entry?.modified ?? null,
-    name,
-    path,
-    width: dims?.width ?? null
-  };
-}
-function peekMediaMeta(path) {
-  return settled.get(normalizeProjectPath(path)) ?? null;
-}
-function seedMediaMeta(entries) {
-  for (const entry of entries) {
-    if (entry.type !== "file") {
-      continue;
-    }
-    const path = normalizeProjectPath(entry.path);
-    if (!settled.has(path)) {
-      settled.set(path, metaFrom(path, entry));
-    }
-  }
-}
-function recordImageSize(path, width, height) {
-  if (!(width > 0 && height > 0)) {
-    return false;
-  }
-  const key = normalizeProjectPath(path);
-  const known = measured.get(key);
-  if (known && known.width === width && known.height === height) {
-    return false;
-  }
-  measured.set(key, { height, width });
-  const meta = settled.get(key);
-  if (meta) {
-    settled.set(key, { ...meta, height, width });
-  }
-  return true;
-}
-function invalidateMediaMeta() {
-  settled.clear();
-  measured.clear();
-}
-function formatBytes(bytes) {
-  if (bytes < 1024) {
-    return `${bytes} B`;
-  }
-  if (bytes < 1024 * 1024) {
-    return `${Math.round(bytes / 1024)} KB`;
-  }
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-function mediaMetaSummary(meta) {
-  if (!meta) {
-    return "";
-  }
-  const parts = [];
-  if (meta.width !== null && meta.height !== null) {
-    parts.push(`${meta.width} × ${meta.height}`);
-  }
-  if (meta.bytes !== null) {
-    parts.push(formatBytes(meta.bytes));
-  }
-  return parts.join(" · ");
-}
-
 // src/ui/media-picker.ts
 var mediaCache = [];
 var mediaCacheLoaded = false;
@@ -914,7 +854,7 @@ function renderMediaPickerPopover() {
                     <sp-menu-item value=${m.path}>
                       ${m.isImage ? html`<img
                               slot="icon"
-                              src=${loopbackAssetSrc(m.path)}
+                              src=${previewFileSrc(m.file)}
                               alt=""
                               style="width:24px;height:24px;object-fit:cover;border-radius:var(--spectrum-corner-radius-75, 2px)"
                               @load=${(e) => noteImageSize(m.file, e.target)}
@@ -983,7 +923,7 @@ function pickAndUpload(onCommit) {
   const input = document.createElement("input");
   input.type = "file";
   input.multiple = true;
-  input.accept = UPLOAD_ACCEPT;
+  input.accept = uploadAccept();
   input.addEventListener("change", () => {
     if (input.files?.length) {
       uploadAndAssign(input.files, onCommit);
@@ -997,11 +937,7 @@ function renderMediaPicker(prop, value, onCommit) {
   const isImage = IMAGE_EXTENSIONS.has(extensionOf(currentValue));
   return html`
     <div class="media-picker">
-      ${isImage && currentValue ? html`<img
-              class="media-picker-thumb"
-              src=${loopbackAssetSrc(previewAssetSrc(currentValue))}
-              alt=""
-            />` : nothing}
+      ${isImage && currentValue ? html`<img class="media-picker-thumb" src=${previewAssetSrc(currentValue)} alt="" />` : nothing}
       <sp-textfield
         size="s"
         placeholder="/image.jpg"
@@ -4788,7 +4724,7 @@ function renderComponentPropsFieldsTemplate(node, path, mapSignals, navigateToCo
     const literalDefault = boundRef ? defaultAsString(defs[boundRef.startsWith("#/state/") ? boundRef.slice(8) : boundRef]) || undefined : undefined;
     let debounce;
     let widgetTpl;
-    if (prop.format === "image") {
+    if (isMediaFormat(prop.format)) {
       widgetTpl = renderMediaPicker(prop.name, staticVal, onChange);
     } else if (prop.format === "color") {
       widgetTpl = renderColorSelector(prop.name, staticVal, onChange);
@@ -5128,10 +5064,10 @@ function renderUsagesSection(tagName, componentPath) {
   `;
 }
 function openUsage(path) {
-  import("./files-yew27sn9.js").then((m) => m.openFileInTab(path));
+  import("./files-0cratsr0.js").then((m) => m.openFileInTab(path));
 }
 function showLogicTab() {
-  import("./right-panel-kcnhtc5j.js").then((m) => m.setInspectorTab("events"));
+  import("./right-panel-cqp8bc4v.js").then((m) => m.setInspectorTab("events"));
 }
 function renderPropertiesPanelTemplate(ctx) {
   const tab = activeTab.value;
@@ -6433,7 +6369,7 @@ function renderSignalEditorTemplate(S, name, defArg, ctx) {
     fields = html`
       ${pickerRow("Type", ["string", "integer", "number", "boolean", "array", "object"], def.type || "string", (v) => transactDoc(activeTab.value, (t) => mutateUpdateDef(t, name, { type: v })))}
       ${def.type === "string" || !def.type ? pickerRow("Format", ["", "image", "date", "color"], def.format || "", (v) => transactDoc(activeTab.value, (t) => mutateUpdateDef(t, name, { format: v || undefined }))) : nothing}
-      ${def.format === "image" ? renderFieldRow({
+      ${isMediaFormat(def.format) ? renderFieldRow({
       hasValue: false,
       label: "Default",
       prop: "Default",
@@ -6999,5 +6935,5 @@ function registerSignalsCommands(registry) {
 
 export { isSchemeQuery, schemeOfQuery, parseMediaEntries, DERIVE_PRESETS, PRESET_LABELS, declaredMedia, installDerivationEffects, presetRefusal, deriveRefusal, pinRefusal, derivationCommands, invalidateMediaCache, renderMediaPicker, spTextField, spTextArea, spNumberField, unwrapSignal, dataTypeLabel, registerDataExplorerCommands, registerDataPanel, livePreviewExpression, closeFunctionEditor, logicTarget, revealLogicPanel, openLogicTarget, registerLogicPanel, registerFormulaEditorCommands, JxColorPopover, isColorPopoverOpen, css_meta_default, initCssData, getCssInitialMap, allConditionsPass, autoOpenSections, getLonghands, expandShorthand, compressShorthand, expandBorderSide, compressBorderSide, widgetForType2 as widgetForType, renderStatementEditor, mapSignalsFor, bindableSignalNames, defaultAsString, invalidatePageRouteCache, renderPropertiesPanelTemplate, isInspectorSectionOpen, setInspectorSection, inspectorCommands, registerInspectorCommands, defCategory, defBadgeLabel, isCustomElementDoc, collectCssParts, renderSignalsTemplate, registerSignalsCommands };
 
-//# debugId=9BF36A7266D05ECB64756E2164756E21
-//# sourceMappingURL=studio-v1va0vhd.js.map
+//# debugId=CB884404B44B28B964756E2164756E21
+//# sourceMappingURL=studio-pdfjntbk.js.map