@jxsuite/studio 10.2.0 → 10.3.0

package/src/surfaces/image-editor.ts

@@ -0,0 +1,272 @@
+/// <reference lib="dom" />
+/**
+ * The Image editor surface: one image asset, edited where it is opened (studio.md §9.5).
+ *
+ * This is the adapter. `media/image-editor.ts` keeps the recipe, its undo stack, the decoded source
+ * and the one write door, and hands this module a flat projection: pre-formatted geometry strings,
+ * the values the fields show, and the words the `$switch`es read. The document renders that and
+ * decides nothing.
+ *
+ * **One island.** A drag converts screen pixels into the image's own frame, which needs the frame's
+ * drawn size, so the frame element is captured as it is created (`onNodeCreated`,
+ * studio-ui-guidelines.md §9.4) and the flow asks for its rect. The handles are captured the same
+ * way, so moving the roving tab stop to the next handle focuses an element this module was handed
+ * rather than one it searched for.
+ *
+ * **The container is CLEARED, because this is a pane and not a panel** — the reason
+ * `surfaces/media-pane.ts` gives: the canvas stage is handed to whichever mode owns it whole.
+ *
+ * @docs studio/projects/media
+ */
+
+import { isNonNullObject, isString } from "@jxsuite/schema/guards";
+import { reactive } from "../reactivity";
+import { mountSurface, registerSurface } from "../ui/surface";
+import { rectOf } from "../utils/geometry";
+import imageEditorDoc from "./image-editor.json";
+import type { SurfaceHandle } from "../ui/surface";
+import type { JxScope } from "@jxsuite/runtime/types";
+import type { JxElement } from "@jxsuite/schema/types";
+
+registerSurface("image-editor", imageEditorDoc);
+
+/** One crop handle as the document draws it. */
+export interface ImageHandleRow {
+  id: string;
+  /** Where it sits on screen, as a reader hears it. */
+  label: string;
+  /** `"0"` for the one handle in the tab order, `"-1"` for the other seven. */
+  tabindex: string;
+}
+
+/** Everything the document draws, as one value. */
+export interface ImageEditorView {
+  region: string;
+  /** `loading` while the bytes are read, `refused` with the reason, `ready` with a picture. */
+  status: "loading" | "ready" | "refused";
+  /** What the loading or refused box says. */
+  message: string;
+  name: string;
+  alt: string;
+  /** A same-origin `blob:` URL for the bytes the editor holds. */
+  src: string;
+  /** The oriented aspect, width over height, as a number string. */
+  ratio: string;
+  /** The oriented width in CSS pixels, so the preview is never upscaled. */
+  maxWidth: string;
+  imageWidth: string;
+  imageHeight: string;
+  imageTransform: string;
+  /** The tone pass, the same string the bake sets on its context; `none` when neutral. */
+  filter: string;
+  cropX: string;
+  cropY: string;
+  cropW: string;
+  cropH: string;
+  handles: ImageHandleRow[];
+  handleHelpId: string;
+  /** The ratio the crop is held to, and the picker's rows. */
+  aspect: string;
+  aspectOptions: { label: string; value: string }[];
+  /** The crop area's cursor: `move`, or `default` when there is nowhere for it to go. */
+  moveCursor: string;
+  facts: string;
+  width: string;
+  maxOutputWidth: string;
+  fitLabel: string;
+  fitHint: string;
+  quality: "shown" | "hidden";
+  qualityValue: string;
+  brightness: string;
+  contrast: string;
+  saturation: string;
+  warning: string;
+  /** Disabled flags, each named for the state that disables. */
+  busy: boolean;
+  undecoded: boolean;
+  cannotUndo: boolean;
+  cannotRedo: boolean;
+  cannotFit: boolean;
+  clean: boolean;
+  cannotSave: boolean;
+  saving: boolean;
+}
+
+/** What a control can ask the editor to do. Every one is a decision the flow owns. */
+export interface ImageEditorActions {
+  imageLoaded: (width: number, height: number) => void;
+  imageFailed: (src: string) => void;
+  rotate: (direction: number) => void;
+  flip: (axis: string) => void;
+  undo: () => void;
+  redo: () => void;
+  reset: () => void;
+  save: () => void;
+  fieldEdited: () => void;
+  fitForWeb: () => void;
+  setWidth: (value: string) => void;
+  setAspect: (value: string) => void;
+  setValue: (key: string, value: string) => void;
+  handleDown: (
+    handle: string,
+    pointerId: number,
+    clientX: number,
+    clientY: number,
+    target: Element,
+  ) => void;
+  handleMove: (pointerId: number, clientX: number, clientY: number) => void;
+  handleUp: (pointerId: number) => void;
+  handleFocused: (handle: string) => void;
+  nudge: (handle: string, dx: number, dy: number, large: boolean) => void;
+  cycleHandle: (handle: string, step: number) => void;
+}
+
+export interface ImageEditorSurfaceHandle {
+  ready: Promise<HTMLElement>;
+  /** Whether what was mounted is still inside the host; true while the mount is in flight. */
+  attached: () => boolean;
+  update: (view: ImageEditorView) => void;
+  /** The drawn frame's rect, or null before it exists. */
+  frameRect: () => DOMRect | null;
+  /** Move focus to one handle, when it has been drawn. */
+  focusHandle: (handle: string) => void;
+  /** Commit a number still being typed, so a save writes what is on screen. Keeps the focus. */
+  flushFields: () => void;
+  /** Put the view's values back in the number fields, whatever was typed into them. */
+  syncFields: (view: ImageEditorView) => void;
+  dispose: () => void;
+}
+
+type ImageEditorScope = ImageEditorView & ImageEditorActions;
+
+/** Each number field's `part`, which is also the name of the view value it shows. */
+const FIELD_VALUES = {
+  brightness: "brightness",
+  contrast: "contrast",
+  quality: "qualityValue",
+  saturation: "saturation",
+  width: "width",
+} as const;
+
+function isFieldPart(part: string): part is keyof typeof FIELD_VALUES {
+  return Object.hasOwn(FIELD_VALUES, part);
+}
+
+/**
+ * The `part` a definition declares, or `""`. Read off the DEFINITION, because a node is announced
+ * as it is created, before its attributes are applied.
+ */
+function partOf(def: JxElement | string): string {
+  const part = isString(def) ? undefined : def.attributes?.["part"];
+  return isString(part) ? part : "";
+}
+
+/** The handle a mapped row stands for, read off its `$map` item. */
+function mappedHandle(state: JxScope | undefined): string | null {
+  const map = state?.["$map"];
+  const item = isNonNullObject(map) && "item" in map ? map.item : undefined;
+  return isNonNullObject(item) && "id" in item && isString(item.id) ? item.id : null;
+}
+
+/**
+ * Write a projection into the scope. Each key is assigned through the reactive proxy, which
+ * notifies only when a value moved, so a drag that changes four crop strings redraws those four.
+ */
+function project(scope: ImageEditorScope, view: ImageEditorView): void {
+  Object.assign(scope, view);
+}
+
+/**
+ * Mount the Image editor document into `host`, wired to `actions`.
+ *
+ * @param {HTMLElement} host - The pane's canvas stage
+ * @param {ImageEditorView} view - What to draw right now
+ * @param {ImageEditorActions} actions - What each control does
+ * @returns {ImageEditorSurfaceHandle}
+ */
+export function mountImageEditorSurface(
+  host: HTMLElement,
+  view: ImageEditorView,
+  actions: ImageEditorActions,
+): ImageEditorSurfaceHandle {
+  host.replaceChildren();
+  const scope = reactive<ImageEditorScope>({ ...view, ...actions });
+
+  let frame: Element | null = null;
+  const handles = new Map<string, HTMLElement>();
+  const fields = new Map<keyof typeof FIELD_VALUES, HTMLElement>();
+  let mounted: SurfaceHandle | null = null;
+  let disposed = false;
+  const ready = mountSurface("image-editor", scope, host, {
+    onNodeCreated: (element, _path, def, state) => {
+      // `disposed` first: nodes are still created while a mount that was taken down runs out.
+      if (disposed || !(element instanceof HTMLElement)) {
+        return;
+      }
+      const part = partOf(def);
+      if (part === "frame") {
+        frame = element;
+      } else if (part === "handle") {
+        const id = mappedHandle(state);
+        if (id !== null) {
+          handles.set(id, element);
+        }
+      } else if (isFieldPart(part)) {
+        fields.set(part, element);
+      }
+    },
+  }).then((surface) => {
+    if (disposed) {
+      surface.dispose();
+    } else {
+      mounted = surface;
+    }
+    /* SAFETY: `image-editor.json`'s root definition is a `div` element, so the runtime mounts an
+       HTMLElement; a `Text` root only comes from a document whose root is a bare string. */
+    return surface.root as HTMLElement;
+  });
+
+  return {
+    attached: () => {
+      if (disposed) {
+        return false;
+      }
+      const root = mounted?.root;
+      return root === undefined ? true : host.contains(root);
+    },
+    dispose() {
+      disposed = true;
+      mounted?.dispose();
+      mounted = null;
+      frame = null;
+      handles.clear();
+      fields.clear();
+    },
+    focusHandle: (handle) => {
+      const element = handles.get(handle);
+      if (element?.isConnected) {
+        element.focus();
+      }
+    },
+    frameRect: () => (frame?.isConnected ? rectOf(frame) : null),
+    flushFields: () => {
+      /* A number input commits on blur, which fires its change event synchronously, and the
+         document's handler then takes the value. Focused straight back, so the author's place is
+         not lost to a keystroke that only meant "save". */
+      const active = document.activeElement;
+      if (active instanceof HTMLInputElement && host.contains(active)) {
+        active.blur();
+        active.focus();
+      }
+    },
+    ready,
+    syncFields: (next) => {
+      for (const [part, element] of fields) {
+        if (element.isConnected && "value" in element) {
+          element.value = next[FIELD_VALUES[part]];
+        }
+      }
+    },
+    update: (next) => project(scope, next),
+  };
+}

package/src/surfaces/media-library.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://jxsuite.com/schema/v1",
   "$id": "StudioMediaLibrary",
-  "$description": "The Media workspace's library (`specs/studio.md` §22.6): the project's media as filters, a grid and the selected file's detail. ONE document in two modes. In `manage` it is the Media home tab, with Replace, Open in viewer and Delete under the detail; in `pick` it is the full-size picker inside a `jx-dialog` (`media-pick-dialog.json`), and the dialog's own footer answers Cancel or Use <file>. `media/media-library.ts` keeps every decision (which files a filter keeps, the sort, what a count may claim, where an arrow lands, what Replace writes) and hands this document strings and discriminants. **Unused is drawn with no number until the usage sweep has settled**, and Missing alt text and tags are not drawn at all: each needs a store that does not exist, and a filter that cannot be answered is not shipped as one that always answers nothing.",
+  "$description": "The Media workspace's library (`specs/studio.md` §22.6): the project's media as filters, a grid and the selected file's detail. ONE document in two modes. In `manage` it is the Media home tab, with Replace, Open in viewer, Rename, Duplicate and Delete under the detail; in `pick` it is the full-size picker inside a `jx-dialog` (`media-pick-dialog.json`), and the dialog's own footer answers Cancel or Use <file>. `media/media-library.ts` keeps every decision (which files a filter keeps, the sort, what a count may claim, where an arrow lands, what Replace writes) and hands this document strings and discriminants. **Unused is drawn with no number until the usage sweep has settled**, and Missing alt text and tags are not drawn at all: each needs a store that does not exist, and a filter that cannot be answered is not shipped as one that always answers nothing.",
   "tagName": "div",
   "attributes": {
     "part": "media-library",
@@ -1578,6 +1578,134 @@
                             }
                           ]
                         },
+                        {
+                          "tagName": "div",
+                          "attributes": {
+                            "part": "edit-slot",
+                            "role": "none"
+                          },
+                          "style": {
+                            "display": "contents"
+                          },
+                          "$switch": {
+                            "$ref": "#/state/editable"
+                          },
+                          "cases": {
+                            "yes": {
+                              "tagName": "jx-button",
+                              "attributes": {
+                                "part": "edit-image"
+                              },
+                              "$props": {
+                                "size": "sm",
+                                "variant": "secondary"
+                              },
+                              "onclick": {
+                                "$prototype": "Function",
+                                "body": [
+                                  {
+                                    "operator": "call",
+                                    "target": {
+                                      "$ref": "#/state/editImage"
+                                    },
+                                    "value": []
+                                  }
+                                ],
+                                "description": "Withheld, not disabled, for a file the editor cannot write: a refused format is not offered rather than offered and then refused (studio.md §9.5)."
+                              },
+                              "children": [
+                                {
+                                  "tagName": "span",
+                                  "textContent": "Edit image"
+                                }
+                              ]
+                            },
+                            "no": {
+                              "tagName": "span",
+                              "attributes": {
+                                "hidden": true
+                              }
+                            }
+                          }
+                        },
+                        {
+                          "tagName": "jx-button",
+                          "attributes": {
+                            "part": "rename"
+                          },
+                          "$props": {
+                            "size": "sm",
+                            "variant": "secondary"
+                          },
+                          "onclick": {
+                            "$prototype": "Function",
+                            "body": [
+                              {
+                                "operator": "call",
+                                "target": {
+                                  "$ref": "#/state/rename"
+                                },
+                                "value": []
+                              }
+                            ]
+                          },
+                          "children": [
+                            {
+                              "tagName": "span",
+                              "textContent": "Rename"
+                            }
+                          ]
+                        },
+                        {
+                          "tagName": "div",
+                          "attributes": {
+                            "part": "duplicate-slot",
+                            "role": "none"
+                          },
+                          "style": {
+                            "display": "contents"
+                          },
+                          "$switch": {
+                            "$ref": "#/state/duplicable"
+                          },
+                          "cases": {
+                            "yes": {
+                              "tagName": "jx-button",
+                              "attributes": {
+                                "part": "duplicate"
+                              },
+                              "$props": {
+                                "size": "sm",
+                                "variant": "secondary"
+                              },
+                              "onclick": {
+                                "$prototype": "Function",
+                                "body": [
+                                  {
+                                    "operator": "call",
+                                    "target": {
+                                      "$ref": "#/state/duplicate"
+                                    },
+                                    "value": []
+                                  }
+                                ],
+                                "description": "Withheld, not disabled, on a backend that cannot read a file's raw bytes: a copy read as text would be a broken file (studio.md §9.3)."
+                              },
+                              "children": [
+                                {
+                                  "tagName": "span",
+                                  "textContent": "Duplicate"
+                                }
+                              ]
+                            },
+                            "no": {
+                              "tagName": "span",
+                              "attributes": {
+                                "hidden": true
+                              }
+                            }
+                          }
+                        },
                         {
                           "tagName": "jx-button",
                           "attributes": {

package/src/surfaces/media-library.ts

@@ -4,8 +4,8 @@
  *
  * This is the adapter. `media/media-library.ts` is the flow: which files a filter keeps, in what
  * order, what each count may claim, which tile is selected, where an arrow lands and what Replace,
- * Delete and an upload write. It hands this module one projection, and this module hands the
- * document a scope and reports the nodes the flow needs to hold.
+ * Rename, Duplicate, Delete and an upload write. It hands this module one projection, and this
+ * module hands the document a scope and reports the nodes the flow needs to hold.
  *
  * **Four islands, all through `onNodeCreated`.** The flow needs four nodes the document creates:
  * each tile (watched for viewport entry, so a thumbnail is requested only when it is looked at, and
@@ -97,6 +97,13 @@ export interface MediaLibraryView {
   previewSpecimen: string;
   /** The Replace input's `accept`: the selected file's own format only. */
   replaceAccept: string;
+  /**
+   * Whether the selected file opens in the Image editor (studio.md §9.5): withheld on exactly the
+   * conditions `media.edit` gates on, so the palette and this pane cannot give two answers.
+   */
+  editable: "yes" | "no";
+  /** Whether the host can copy the selected file: `media.duplicate` gates on the same capability. */
+  duplicable: "yes" | "no";
   usageState: "hidden" | "shown";
   usageHeadline: string;
   usageFiles: MediaUsageRow[];
@@ -126,7 +133,13 @@ export interface MediaLibraryActions {
   openDocument: (path: string) => void;
   replace: (input: HTMLInputElement) => void;
   remove: () => void;
+  /** Rename the selected file, through the Rename dialog. */
+  rename: () => void;
+  /** Copy the selected file to a new name beside it, and select the copy. */
+  duplicate: () => void;
   openViewer: () => void;
+  /** Open the selected image in its Image editor. */
+  editImage: () => void;
   reset: () => void;
   /** A tile node was created for `file`. */
   tileHost: (element: HTMLElement, file: string) => void;
@@ -174,6 +187,8 @@ export function emptyMediaLibraryView(): MediaLibraryView {
     query: "",
     region: "",
     replaceAccept: "",
+    editable: "no",
+    duplicable: "no",
     selectedFile: "",
     sort: "",
     sortOptions: [],

package/src/types.ts

@@ -406,7 +406,8 @@ export interface StudioPlatform {
    * tainting stops being a thing that can happen rather than a thing that is worked around.
    *
    * Optional, and feature-detected like every optional member: a backend without it simply does not
-   * offer the image editor, which is the honest degradation `specs/desktop.md` §3.1 asks for.
+   * offer the image editor or a file's Duplicate, which is the honest degradation
+   * `specs/desktop.md` §3.1 asks for.
    */
   readFileBytes?: (path: string) => Promise<ArrayBuffer>;
   writeFile: (path: string, content: string) => Promise<void>;

package/src/workspace/tab-workspace.ts

@@ -47,7 +47,8 @@ export function workspaceOfTab(tab: Tab): WorkspaceId {
   if (mode === "git-diff") {
     return "publish";
   }
-  if (mode === "media") {
+  // The viewer and its editing sibling (`media/image-editor.ts`, §9.5): one file, one workspace.
+  if (mode === "media" || mode === "image") {
     return "media";
   }
   if (CONTENT_MODES.has(mode)) {

package/src/workspace/workspace-switch.ts

@@ -46,6 +46,7 @@ import {
   setCloseLanding,
   setEmptyPaneFallback,
   setTabScope,
+  tabHoldsEditBesideDocument,
   workspace,
 } from "./workspace";
 import { homeWorkspaceOfTabId, isHomeWorkspace, workspaceHomeTabId } from "./workspace-ids";
@@ -119,7 +120,8 @@ export function viewsReplacedBy(
       homeWorkspaceOfTabId(other) !== id &&
       workspaceOfTab(tab) === id &&
       !tab.pinned &&
-      !tab.doc.dirty
+      !tab.doc.dirty &&
+      !tabHoldsEditBesideDocument(tab)
     );
   });
 }

package/src/workspace/workspace.ts

@@ -1063,12 +1063,33 @@ export function promoteTab(tabId: string) {
  */
 export function promoteDirtyPreviewTabs() {
   for (const [id, tab] of workspace.tabs) {
-    if (tab.preview && tab.doc.dirty) {
+    if (tab.preview && (tab.doc.dirty || tabHoldsEditBesideDocument(tab))) {
       promoteTab(id);
     }
   }
 }
 
+/** The answer to {@link tabHoldsEditBesideDocument}, injected by the module that holds the edit. */
+let editBesideDocument: ((tab: Tab) => boolean) | null = null;
+
+/**
+ * Register who answers {@link tabHoldsEditBesideDocument}. Injected rather than imported, because
+ * the Image editor (`media/image-editor.ts`, studio.md §9.5) reaches the upload and collab layers,
+ * every one of which imports this module.
+ */
+export function setEditBesideDocument(answer: (tab: Tab) => boolean): void {
+  editBesideDocument = answer;
+}
+
+/**
+ * Whether this tab holds unsaved work that is NOT in its document: a media tab's document is a
+ * stub, and an image edit is a recipe held beside it, so `tab.doc.dirty` cannot say. Every gate
+ * that discards a tab without asking has to ask this too, or a pending crop goes in silence.
+ */
+export function tabHoldsEditBesideDocument(tab: Tab): boolean {
+  return editBesideDocument?.(tab) ?? false;
+}
+
 /**
  * Pin or unpin a tab, moving it to the boundary of the pinned prefix so the head of the strip is
  * always exactly the pinned set.

package/dist/chunks/adapter-pp011m5x.js

@@ -1,4 +0,0 @@
-import{Gs,Ks,Wr}from"./studio-sxdb9h3q.js";export{Wr as draggable,Gs as dropTargetForElements,Ks as monitorForElements};
-
-//# debugId=12250D3D5E1C3ED864756E2164756E21
-//# sourceMappingURL=adapter-pp011m5x.js.map

package/dist/chunks/add-new-flow-ecqmzz76.js

@@ -1,4 +0,0 @@
-import{Q}from"./studio-nqxqf8p2.js";import{p}from"./studio-jws1a87n.js";import{g,C}from"./studio-y60sts62.js";import"./studio-9rbe2xpw.js";import{Kt,zt,dh,ae}from"./studio-b2qpt0xy.js";import"./studio-ea74s8c1.js";import{Ve,wt,L,R,sn,nt,dt}from"./studio-0w2dr0q8.js";import{Ft,Ma,lr,Pa}from"./studio-hz5n7x27.js";import{Pn,Wt,ln,go}from"./studio-k2sz13zg.js";import"./studio-qn7z4krm.js";import{sS}from"./studio-r7pf0rkv.js";import"./studio-mx6wzh25.js";import"./studio-t98vq4r6.js";import"./studio-399a25za.js";import"./studio-hhp4x8xf.js";import"./studio-th7z3fg7.js";import{Co,Yl}from"./studio-2r90cts3.js";import"./studio-cw0wb9qk.js";import"./studio-0q5jwddh.js";import"./studio-86r8hp7r.js";import"./studio-8wnvtr4z.js";import{Vc,_a,Sa}from"./studio-f746039f.js";import{Yu,Rb}from"./studio-rtfnhrdg.js";import{Ne,Fb}from"./studio-sevbc3xv.js";import"./studio-sxdb9h3q.js";import"./studio-qyed0ah6.js";import"./studio-zwaxn5s2.js";import"./studio-05jfwbmf.js";import"./studio-wxq6v5sv.js";import"./studio-5atwjgkj.js";import{K_,FE,fw,X_,xi}from"./studio-c71806xz.js";import"./studio-r4bcdwhq.js";import"./studio-4jhw38b2.js";import"./studio-rzqaz21g.js";import"./studio-k1wvtp03.js";import{dm}from"./studio-qh8berdz.js";import"./studio-egmw2837.js";import"./studio-cg1bfyhf.js";import"./studio-43y04qck.js";import{oE,Ky}from"./studio-gj98m8gy.js";import{ob,nw,Bs,Rc,P_,lm,iw,F_,mE,nl,j_,Ou,H_,fD,gE,cm,rb,bE,vE,yE,mD,gD,B_}from"./studio-jvgek9xt.js";import{Zg}from"./studio-v1yascv2.js";import{Xg,kd,Ed}from"./studio-jeraxdgv.js";import{ew,hE}from"./studio-886t6ztg.js";import{jl}from"./studio-khwbgrtg.js";import"./studio-mxs3ar9t.js";import{JE,vw}from"./studio-2ejhqns4.js";import{as}from"./studio-kg5ya5r2.js";import"./studio-399xknkb.js";import"./studio-78pywnp2.js";import"./studio-5frqk7c0.js";import{S,xn}from"./studio-cg710sk9.js";import{n,v}from"./studio-8z66jk4z.js";var z={$schema:"https://jxsuite.com/schema/v1",$id:"StudioAddNew",$description:"Add new: the one dialog that creates a page, a collection, a template, a component, a collection entry or an upload (`specs/studio.md` §9.1.1). One `jx-dialog`, so the platform owns modality, Escape, the backdrop and focus restoration. The kinds run down the left as a radiogroup and the chosen kind's name and options fill the right; the line above the buttons is the derived result, the same `deriveCreation` the write performs, so what it says is what is written. Nothing here composes a path, judges a name or knows a format: `create/add-new-flow.ts` keeps every decision and hands this document rows that are already strings, flags that are already booleans and a refusal that is already a sentence.",tagName:"jx-dialog",$props:{headline:"Add new",confirmLabel:{$ref:"#/state/cta"},confirmDisabled:{$ref:"#/state/blocked"},cancelLabel:"Cancel",size:"lg"},attributes:{part:"add-new","data-kind":"${state.kind}"},onconfirm:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/confirm"},value:[]}]},oncancel:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/closed"},value:[]}]},onclose:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/closed"},value:[]}]},ondragover:{$prototype:"Function",body:[{preventDefault:!0}]},ondrop:{$prototype:"Function",body:[{preventDefault:!0},{operator:"call",target:{$ref:"#/state/drop"},value:[{$ref:"event#/dataTransfer/files"}]}]},style:{$description:"The board's two columns in the kit's scale. The kinds take a fixed gutter so the right side does not move under the reader as they switch kinds, and the options column scrolls on its own so a long template list never pushes the result line and the buttons off the dialog. No part here is named `field`, `label`, `body`, `error`, `text` or `actions`: the kit is light DOM, and `jx-textfield`, `jx-select` and `jx-dialog` each draw internal nodes under those names inside this same tree.",'& [part="sheet"]':{display:"flex",gap:"var(--jx-space-5)",minHeight:"360px"},'& [part="kinds-column"]':{flex:"0 0 208px",display:"flex",flexDirection:"column",gap:"var(--jx-space-3)",borderRight:"1px solid var(--border)",paddingRight:"var(--jx-space-3)"},'& [part="kinds"]':{display:"flex",flexDirection:"column",alignItems:"stretch",gap:"var(--jx-space-1)"},'& [part="kind"]':{display:"block"},'& [part="kind"] > [part="control"]':{$description:"A kind is a row with its own two lines, so the button's box stretches across the gutter and starts its content at the left edge rather than centring an icon.",width:"100%",height:"auto",justifyContent:"flex-start",alignItems:"flex-start",textAlign:"start",padding:"var(--jx-space-2) var(--jx-space-3)",gap:"var(--jx-space-3)"},'& [part="kind-text"]':{display:"flex",flexDirection:"column",gap:"2px"},'& [part="kind-name"]':{fontSize:"var(--jx-text-md)",color:"var(--fg)"},'& [part="kind-hint"], & [part="choice-note"]':{fontSize:"var(--jx-text-sm)",color:"var(--fg-dim)",whiteSpace:"normal"},'& [part="chord-note"], & [part="note"], & [part="kind-intro"], & [part="drop-summary"]':{margin:"0",fontSize:"var(--jx-text-sm)",color:"var(--fg-dim)"},'& [part="chord-note"]':{marginTop:"auto"},'& [part="detail"]':{flex:"1",minWidth:"0",display:"flex",flexDirection:"column",gap:"var(--jx-space-4)",maxHeight:"60vh",overflowY:"auto"},'& [part="options"]':{display:"flex",flexDirection:"column",gap:"var(--jx-space-3)"},'& [part="name-slot"], & [part="options-slot"], & [part="url-slot"], & [part="own-page-slot"], & [part="copy-slot"], & [part="locale-slot"], & [part="localized-slot"]':{$description:"Branch hosts are structure rather than layout: `display: contents` puts what they carry straight into the column, so one gap rule spaces every row whether it is drawn or not.",display:"contents"},'& [part="group-label"]':{margin:"0",fontSize:"var(--jx-text-sm)",color:"var(--fg-dim)"},'& [part="url-row"], & [part="pattern-row"]':{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"var(--jx-space-2)"},'& [part="url-label"]':{fontSize:"var(--jx-text-sm)",color:"var(--fg-dim)"},'& [part="route"], & [part="pattern"]':{fontFamily:"var(--font-mono)",fontSize:"var(--jx-text-sm)",color:"var(--fg)"},'& [part="start-row"]':{display:"flex",flexDirection:"column",gap:"var(--jx-space-2)"},'& [part="start-from"], & [part="wrap-in"], & [part="component-start"]':{display:"flex",flexWrap:"wrap",gap:"var(--jx-space-2)"},'& [part="choice-card"] > [part="control"]':{$description:"A choice is a card with a name and a note, as the board draws it: its own two lines inside one radio, so the reader hears one name and sees both.",minWidth:"132px",height:"auto",flexDirection:"column",alignItems:"flex-start",textAlign:"start",padding:"var(--jx-space-2) var(--jx-space-3)",gap:"2px"},'& [part="choice-name"]':{display:"block",fontSize:"var(--jx-text-md)",color:"var(--fg)"},'& [part="choice-note"]':{display:"block"},'& [part="presets"]':{display:"flex",flexWrap:"wrap",gap:"var(--jx-space-2)"},'& [part="drop"]':{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"var(--jx-space-2)",minHeight:"200px",padding:"var(--jx-space-5)",border:"1px dashed var(--border)",borderRadius:"var(--radius)",textAlign:"center"},'& [part="drop"][data-drop="true"]':{borderColor:"var(--accent)",background:"var(--accent-10)"},'& [part="drop-title"]':{margin:"0",fontSize:"var(--jx-text-md)",color:"var(--fg)"},'& [part="browse"]':{display:"inline-flex",alignItems:"center",gap:"var(--jx-space-2)",padding:"var(--jx-space-1) var(--jx-space-3)",border:"1px solid var(--border)",borderRadius:"var(--radius)",color:"var(--fg)",cursor:"pointer"},'& [part="browse"]:focus-within':{outline:"var(--jx-focus-ring)",outlineOffset:"2px"},'& [part="browse-input"]':{$description:"Visually hidden, never `display: none`: the input is the control, and a hidden-from-layout one cannot take focus from the keyboard. The label around it is what is drawn and what is clicked.",position:"absolute",width:"1px",height:"1px",opacity:"0",overflow:"hidden"},'& [part="saved"]':{margin:"0",paddingTop:"var(--jx-space-3)",borderTop:"1px solid var(--border)",fontSize:"var(--jx-text-sm)",color:"var(--fg-dim)",overflowWrap:"anywhere"}},children:[{tagName:"div",attributes:{part:"sheet"},children:[{tagName:"div",attributes:{part:"kinds-column"},children:[{tagName:"jx-action-group",attributes:{part:"kinds"},$props:{selects:"single",label:"What to create",orientation:"vertical",compact:!1},children:[{$prototype:"Array",items:{$ref:"#/state/kinds"},key:{$ref:"$map/item/id"},map:{tagName:"jx-action-button",attributes:{part:"kind","data-kind":"${$map.item.id}"},$props:{label:{$ref:"$map/item/label"},icon:{$ref:"$map/item/icon"},checked:{$ref:"$map/item/checked"}},onclick:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickKind"},value:[{$ref:"$map/item/id"}]}]},children:[{tagName:"span",attributes:{part:"kind-text"},children:[{tagName:"span",attributes:{part:"kind-name"},textContent:"${$map.item.label}"},{tagName:"span",attributes:{part:"kind-hint"},textContent:"${$map.item.hint}"}]}]}}]},{tagName:"p",attributes:{part:"chord-note"},textContent:"${state.chordNote}"}]},{tagName:"section",attributes:{part:"detail","aria-label":"${state.kindLabel}"},children:[{tagName:"p",attributes:{part:"kind-intro"},textContent:"${state.kindHint}"},{tagName:"div",attributes:{part:"name-slot",role:"none"},$switch:{$ref:"#/state/named"},cases:{true:{tagName:"jx-field",attributes:{part:"name-row"},$props:{span:!0,label:{$ref:"#/state/nameLabel"},invalid:{$ref:"#/state/invalid"}},children:[{tagName:"jx-textfield",attributes:{part:"name"},$props:{value:{$ref:"#/state/name"},placeholder:{$ref:"#/state/placeholder"},invalid:{$ref:"#/state/invalid"},error:{$ref:"#/state/error"},required:!0,autocomplete:"off"},oninput:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/setName"},value:[{$ref:"event#/target/value"}]}]},onkeydown:{$prototype:"Function",body:[{$switch:{$ref:"event#/key"},cases:{Enter:[{preventDefault:!0},{operator:"call",target:{$ref:"#/state/confirm"},value:[]}]}}]}}]}}},{tagName:"div",attributes:{part:"options-slot",role:"none"},$switch:{$ref:"#/state/kind"},cases:{page:{tagName:"div",attributes:{part:"options",role:"none"},children:[{tagName:"div",attributes:{part:"locale-slot",role:"none"},$switch:{$ref:"#/state/localeShown"},cases:{true:{tagName:"jx-field",attributes:{part:"locale-row"},$props:{span:!0,label:"Language"},children:[{tagName:"jx-select",attributes:{part:"locale"},$props:{size:"sm",label:"Language",options:{$ref:"#/state/localeOptions"},value:{$ref:"#/state/locale"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickLocale"},value:[{$ref:"event#/target/value"}]}]}}]}}},{tagName:"div",attributes:{part:"url-row"},children:[{tagName:"span",attributes:{part:"url-label"},textContent:"URL"},{tagName:"code",attributes:{part:"route"},textContent:"${state.route}"},{tagName:"jx-action-button",attributes:{part:"edit-url"},$props:{label:"Edit URL",toggles:!0,selected:{$ref:"#/state/editingUrl"},size:"sm"},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/toggleUrl"},value:[]}]},children:[{tagName:"span",textContent:"Edit"}]}]},{tagName:"div",attributes:{part:"url-slot",role:"none"},$switch:{$ref:"#/state/editingUrl"},cases:{true:{tagName:"jx-field",attributes:{part:"url-row-field"},$props:{span:!0,label:"URL"},children:[{tagName:"jx-textfield",attributes:{part:"url"},$props:{size:"sm",mono:!0,value:{$ref:"#/state/url"},placeholder:"/pricing"},oninput:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/setUrl"},value:[{$ref:"event#/target/value"}]}]},onkeydown:{$prototype:"Function",body:[{$switch:{$ref:"event#/key"},cases:{Enter:[{preventDefault:!0},{operator:"call",target:{$ref:"#/state/confirm"},value:[]}]}}]}}]}}},{tagName:"div",attributes:{part:"start-row"},children:[{tagName:"p",attributes:{part:"group-label"},textContent:"Start from"},{tagName:"jx-action-group",attributes:{part:"start-from"},$props:{selects:"single",label:"Start from",compact:!1},children:[{$prototype:"Array",items:{$ref:"#/state/startChoices"},key:{$ref:"$map/item/value"},map:{tagName:"jx-action-button",attributes:{part:"choice-card","data-value":"${$map.item.value}"},$props:{label:{$ref:"$map/item/label"},checked:{$ref:"$map/item/checked"},disabled:{$ref:"$map/item/disabled"},hint:{$ref:"$map/item/reason"},quiet:!1},onclick:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickStart"},value:[{$ref:"$map/item/value"}]}]},children:[{tagName:"span",attributes:{part:"choice-name"},textContent:"${$map.item.label}"},{tagName:"span",attributes:{part:"choice-note"},textContent:"${$map.item.note}"}]}}]}]}]},collection:{tagName:"div",attributes:{part:"options",role:"none"},children:[{tagName:"p",attributes:{part:"group-label"},textContent:"Each ${state.itemNoun} has"},{tagName:"jx-action-group",attributes:{part:"presets"},$props:{selects:"multiple",label:"Fields",compact:!1},children:[{$prototype:"Array",items:{$ref:"#/state/presets"},key:{$ref:"$map/item/id"},map:{tagName:"jx-action-button",attributes:{part:"preset","data-preset":"${$map.item.id}"},$props:{label:{$ref:"$map/item/label"},toggles:!0,selected:{$ref:"$map/item/selected"},quiet:!1,size:"sm",icon:{$ref:"$map/item/icon"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/togglePreset"},value:[{$ref:"$map/item/id"}]}]},children:[{tagName:"span",textContent:"${$map.item.label}"}]}}]},{tagName:"p",attributes:{part:"note"},textContent:"You can add or change fields later."},{tagName:"div",attributes:{part:"localized-slot",role:"none"},$switch:{$ref:"#/state/localizable"},cases:{true:{tagName:"jx-checkbox",attributes:{part:"localized"},$props:{checked:{$ref:"#/state/localized"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/setLocalized"},value:[{$ref:"event#/target/checked"}]}]},children:[{tagName:"span",textContent:"One folder per language (${state.localeSummary})"}]}}},{tagName:"jx-checkbox",attributes:{part:"own-page"},$props:{checked:{$ref:"#/state/ownPage"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/setOwnPage"},value:[{$ref:"event#/target/checked"}]}]},children:[{tagName:"span",textContent:"Give each ${state.itemNoun} its own page"}]},{tagName:"div",attributes:{part:"own-page-slot",role:"none"},$switch:{$ref:"#/state/ownPage"},cases:{true:{tagName:"div",attributes:{part:"pattern-row"},children:[{tagName:"span",attributes:{part:"url-label"},textContent:"at"},{tagName:"code",attributes:{part:"pattern"},textContent:"${state.pattern}"},{tagName:"span",attributes:{part:"url-label"},textContent:"using"},{tagName:"jx-select",attributes:{part:"page-template"},$props:{size:"sm",label:"Template for each page",options:{$ref:"#/state/templateOptions"},value:{$ref:"#/state/pageTemplate"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickPageTemplate"},value:[{$ref:"event#/target/value"}]}]}}]}}}]},template:{tagName:"div",attributes:{part:"options",role:"none"},children:[{tagName:"p",attributes:{part:"group-label"},textContent:"Wrap it in"},{tagName:"jx-action-group",attributes:{part:"wrap-in"},$props:{selects:"single",label:"Wrap it in",compact:!1},children:[{$prototype:"Array",items:{$ref:"#/state/wrapChoices"},key:{$ref:"$map/item/value"},map:{tagName:"jx-action-button",attributes:{part:"choice-card","data-value":"${$map.item.value}"},$props:{label:{$ref:"$map/item/label"},checked:{$ref:"$map/item/checked"},disabled:{$ref:"$map/item/disabled"},hint:{$ref:"$map/item/reason"},quiet:!1},onclick:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickWrap"},value:[{$ref:"$map/item/value"}]}]},children:[{tagName:"span",attributes:{part:"choice-name"},textContent:"${$map.item.label}"},{tagName:"span",attributes:{part:"choice-note"},textContent:"${$map.item.note}"}]}}]},{tagName:"p",attributes:{part:"note"},textContent:"Pages placed in this template fill its Content area. You can add more named areas later."}]},component:{tagName:"div",attributes:{part:"options",role:"none"},children:[{tagName:"p",attributes:{part:"group-label"},textContent:"Start from"},{tagName:"jx-action-group",attributes:{part:"component-start"},$props:{selects:"single",label:"Start from",compact:!1},children:[{$prototype:"Array",items:{$ref:"#/state/componentChoices"},key:{$ref:"$map/item/value"},map:{tagName:"jx-action-button",attributes:{part:"choice-card","data-value":"${$map.item.value}"},$props:{label:{$ref:"$map/item/label"},checked:{$ref:"$map/item/checked"},disabled:{$ref:"$map/item/disabled"},hint:{$ref:"$map/item/reason"},quiet:!1},onclick:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickComponentStart"},value:[{$ref:"$map/item/value"}]}]},children:[{tagName:"span",attributes:{part:"choice-name"},textContent:"${$map.item.label}"},{tagName:"span",attributes:{part:"choice-note"},textContent:"${$map.item.note}"}]}}]},{tagName:"div",attributes:{part:"copy-slot",role:"none"},$switch:{$ref:"#/state/copying"},cases:{true:{tagName:"jx-field",attributes:{part:"copy-row"},$props:{span:!0,label:"Copy of"},children:[{tagName:"jx-select",attributes:{part:"copy-of"},$props:{size:"sm",label:"Component to copy",options:{$ref:"#/state/copyOptions"},value:{$ref:"#/state/copyOf"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickCopy"},value:[{$ref:"event#/target/value"}]}]}}]}}},{tagName:"p",attributes:{part:"note"},textContent:"It appears under Components in the Site panel, ready to drag onto any page."}]},entry:{tagName:"div",attributes:{part:"options",role:"none"},children:[{tagName:"jx-field",attributes:{part:"collection-row"},$props:{span:!0,label:"Collection"},children:[{tagName:"jx-select",attributes:{part:"collection"},$props:{size:"sm",label:"Collection",options:{$ref:"#/state/collectionOptions"},value:{$ref:"#/state/collection"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickCollection"},value:[{$ref:"event#/target/value"}]}]}}]},{tagName:"div",attributes:{part:"locale-slot",role:"none"},$switch:{$ref:"#/state/localeShown"},cases:{true:{tagName:"jx-field",attributes:{part:"locale-row"},$props:{span:!0,label:"Language"},children:[{tagName:"jx-select",attributes:{part:"locale"},$props:{size:"sm",label:"Language",options:{$ref:"#/state/localeOptions"},value:{$ref:"#/state/locale"}},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/pickLocale"},value:[{$ref:"event#/target/value"}]}]}}]}}}]},media:{tagName:"div",attributes:{part:"drop","data-drop":"${state.dropActive}"},ondragover:{$prototype:"Function",body:[{preventDefault:!0},{operator:"call",target:{$ref:"#/state/dragOver"},value:[]}]},ondragleave:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/dragOut"},value:[]}]},children:[{tagName:"jx-icon",attributes:{part:"drop-glyph"},$props:{name:"upload-simple"}},{tagName:"p",attributes:{part:"drop-title"},textContent:"Drop images, video or documents"},{tagName:"label",attributes:{part:"browse"},children:[{tagName:"input",attributes:{part:"browse-input",type:"file",multiple:!0,accept:"${state.uploadAccept}"},onchange:{$prototype:"Function",body:[{operator:"call",target:{$ref:"#/state/choose"},value:[{$ref:"event#/target"}]}]}},{tagName:"span",textContent:"Browse files"}]},{tagName:"p",attributes:{part:"drop-summary"},textContent:"${state.fileSummary}"}]}}}]}]},{tagName:"p",attributes:{part:"saved","aria-live":"polite"},textContent:"${state.saved}"}]};L("add-new",z);function D(e){return{...e,blocked:!e.canConfirm,invalid:e.error!=="",named:e.kind!=="media"}}function E(e){let t=document.createElement("div");t.style.pointerEvents="auto",t.setAttribute(Ve,wt("dialog","add-new")),e.layer.append(t);let r=!1,o=()=>{if(r)return;r=!0,e.actions.closed()},l=()=>r,{actions:a}=e,d=g({...D(e.view),choose:a.choose,closed:o,confirm:a.confirm,dragOut:a.dragOut,dragOver:a.dragOver,drop:a.drop,pickCollection:a.pickCollection,pickComponentStart:a.pickComponentStart,pickCopy:a.pickCopy,pickKind:a.pickKind,pickLocale:a.pickLocale,pickPageTemplate:a.pickPageTemplate,pickStart:a.pickStart,pickWrap:a.pickWrap,setName:(m)=>{d.name=m,a.setName(m)},setLocalized:a.setLocalized,setOwnPage:a.setOwnPage,setUrl:(m)=>{d.url=m,a.setUrl(m)},toggleUrl:a.toggleUrl,togglePreset:a.togglePreset}),f=null,u=()=>{setTimeout(()=>{let m=f?.root;if(r||!(m instanceof HTMLElement))return;let c=m.querySelector('jx-textfield[part="name"]');if(c)dh(c,"all")},0)},b=R("add-new",d,t).then(async(m)=>{f=m;let c=m.root;if(l())return m.dispose(),c;if(await sn(c),l())return c;if(Kt(c),d.named)u();return c});return{close(){let m=f?.root;if(m instanceof HTMLElement)zt(m);f?.dispose(),f=null,t.remove(),o()},host:t,ready:b,update(m){Object.assign(d,D(m))}}}var y="Add new";async function W(){return(await oE()).map((t)=>({name:t.name,ref:t.path})).toSorted((t,r)=>t.name.localeCompare(r.name))}function _(){for(let e of K_("page")){if(e.ext===".json")continue;let t=Ma(e.ext,"serialize");if(t)return{ext:e.ext,name:t.name}}return null}function B(){let e=lr(),t=e?.extensions[0];return e&&t?{ext:t,name:e.name}:null}function J(){return ln(S?.projectConfig??{}).i18n}async function V(e){let t={},{i18n:r}=ln(S?.projectConfig??{});for(let o of await sS(e)){let l=Pn(go(o,r));if(l!==null)t[l]=o}return t}async function P(){await Ft().catch(()=>{});let e=await Promise.all(vw().map(async(t)=>{let r={dir:t.dir,ext:t.ext,formatName:B_(t),name:t.name,schema:t.schema};if(rb(t))r.localeDirs=await V(t);return r}));return{i18n:J(),article:_(),collections:e,componentTags:Ne.map((t)=>t.tagName),copyableTags:Ne.filter((t)=>I(t)).map((t)=>t.tagName),contentFormat:B(),declaredContent:JE(),defaultLayout:S?.projectConfig?.defaults?.layout??null,hasSelection:ew()!==null,layouts:await W()}}function I(e){let{path:t}=e;return n(t)&&e.source!=="npm"&&t.endsWith(".json")}async function Y(){let e=new Map;for(let t of Ne){let{path:r}=t;if(!I(t)||!n(r))continue;try{let o=JSON.parse(await p().readFile(r));if(v(o))e.set(t.tagName,o)}catch{}}return e}function U(e,t){let r=e.trim();if(r===Bs||r==="none"||r==="")return Bs;if(r===Rc)return Rc;let o=nl(r);return t.find((a)=>nl(a.ref)===o||nl(a.ref)===`layouts/${o}`||nl(a.ref)===`layouts/${o}.json`||a.name.toLowerCase()===r.toLowerCase())?.ref??null}function G(e,t){let r={};if(e.collection!==void 0)r.collection=e.collection;if(e.locale!==void 0){if(cm(e.locale,t)===null){let o=t.i18n?.locales??[];throw RangeError(`command "file.new" argument "locale": "${e.locale}" is not a language this `+`project declares — declared: ${o.length===0?"none":o.join(", ")}`)}r.locale=e.locale}if(e.template!==void 0){let o=U(e.template,t.layouts);if(o===null){let l=t.layouts.map((a)=>nl(a.ref));throw RangeError(`command "file.new" argument "template": "${e.template}" names no template — `+`declared: ${[Bs,Rc,...l].join(", ")}`)}if(e.kind==="collection")r.pageTemplate=o===Rc?Bs:o;else if(e.kind==="template")r.startFrom=o===Bs||o===Rc?"":o;else r.startFrom=o}return r}async function X(e){if(e.format===null)return Co(e.doc,null);return Pa(e.format,e.doc,{frontmatter:e.frontmatter??!0,mode:"roundtrip"})}async function F(e,t,r=!1){for(let o of mD(yE(e)))await Promise.all(o.map(async(l)=>{if(!r&&t.has(l))return;t.set(l,gD(l,t)?new Set:await fw(l))}))}function k(e){if(Zg(e),Ed(),e.some((t)=>t.startsWith("pages/")))Rb(),Xg();FE(e).then((t)=>{if(t)Ed(),xn("leftPanel")})}async function T(e,t,r){let o;try{o=await X(t)}catch(l){throw C.error(`Could not prepare ${e}.`,{detail:Q(l),path:e,source:y}),Error(`could not prepare ${e}`,{cause:l})}if(await X_(e,o,{quiet:r,source:y})===null)throw Error(`could not write ${e}`)}async function Z(e){let t=e.config,r=S?.projectConfig?.content,o=v(r)?{...r}:{};if(o[t.name]=t.entry,!(await Yl({content:o})).ok)return null;let a=["project.json"],d=[];for(let u of[{body:e.content,path:e.path},...e.extraWrites])try{await T(u.path,u.body,!0),a.push(u.path)}catch{d.push(u.path)}if(d.length===0)C.success(`Created the ${t.name} collection`);else C.warn(`Created the ${t.name} collection, but ${d.join(" and ")} could not be written.`,{source:y});k(a),dm(t.name),nt("content.showCollection",{collection:t.name},y);let f={kind:"collection",path:`content/${t.name}`,wrote:a};if(e.route!==void 0)f.route=e.route;return f}async function M(e,t,r){if(e.kind==="media"){let l=await Sa(r,{dir:_a,only:"media"});if(l.length===0)return null;let a=l.map((d)=>d.path);return k(a),nt("media.browse",{select:l[0].path},y),{kind:"media",path:_a,wrote:a}}if(e.kind==="collection")return Z(e);let o={kind:e.kind,path:e.path,wrote:[e.path]};if(e.route!==void 0)o.route=e.route;if(e.tag!==void 0)o.tag=e.tag;if(e.kind==="component"&&t.startFrom===P_){let l=await hE(e.tag);if(l===null)return null;return k([l]),await xi(l),o}try{await T(e.path,e.content,!1)}catch{return null}switch(k([e.path]),e.kind){case"component":{Fb(e.path,e.content.doc),await xi(e.path);break}case"template":{Ky(),await xi(e.path);break}case"entry":{if(t.collection!==void 0)dm(t.collection);await jl(e.path);break}default:await xi(e.path)}return o}async function Je(e){let t=e.kind??"page";if(t==="media")throw RangeError('command "file.new": Media is uploaded, not named; run file.new { kind: "media" } with no name to open the upload drop zone.');let r=await P(),o=G({...e,kind:t},r);if(t==="entry"&&o.collection===void 0&&r.collections.length===1)o.collection=r.collections[0].name;let l=bE(t,e.name,o,r),a=new Map;await F(l,a,!0);let d=vE(l,e.name,o,r,(u)=>a.get(u));if(d!=="")throw RangeError(`command "file.new": ${d}`);let f=await M(l,o,[]);if(f===null)throw Error(`file.new could not create ${l.path}; the reason is in Problems.`);return f}async function Ye(e){let t=await P(),r=t.collections.find((u)=>u.name===e);if(!r)return C.error(`"${e}" is not a collection this project declares.`,{source:y}),null;let o=`pages/${as(e)||e}`,l=`${o}/[slug].json`;if((await fw(o)).has("[slug].json"))return C.error(`${l} already exists.`,{detail:"Open it in Design and point its $paths at this collection, or rename it first.",path:l,source:y}),null;let d=fD(r.schema,r.formatName!==null),f=gE(e,d,j_(Ou(t),t),t);try{await T(l,{doc:f,format:null},!1)}catch{return null}return k([l]),l}function j(e){switch(e.kind){case"page":{let t={startFrom:e.pageStart};if(e.editingUrl)t.url=e.url;if(e.locale!=="")t.locale=e.locale;return t}case"template":return{startFrom:e.wrap};case"component":{let t={startFrom:e.componentStart};if(e.componentStart===lm&&e.copyOf!=="")t.copyOf=e.copyOf;return t}case"collection":return{fields:e.fields,localized:e.localized,ownPage:e.ownPage,pageTemplate:e.pageTemplate};case"entry":{let t={};if(e.collection!=="")t.collection=e.collection;if(e.locale!=="")t.locale=e.locale;return t}default:return{files:e.files.length}}}function w(e,t,r,o,l=""){return{checked:e===o?"true":"false",disabled:l!=="",label:t,note:r,reason:l,value:e}}function q(e,t){let r=t.layouts.map((o)=>w(o.ref,o.name,t.defaultLayout!==null&&nl(o.ref)===nl(t.defaultLayout)?"the site's default":"a template",e.pageStart));if(t.article!==null)r.push(w(Rc,"Article","mostly writing",e.pageStart));return r.push(w(Bs,"Blank","no template",e.pageStart)),r}function ee(){let e=ew();if(!e)return"nothing selected";let r=1+(Array.isArray(e.node.children)?e.node.children.length:0);return r===1?"1 element":`${r} elements`}function te(){let e=ae()?.keymap,t=e?.bindingsFor("file.new")??[];if(!e||t.length===0)return"";let[r,...o]=t.map((l)=>e.format(l));return o.length===0?`${r} opens this anywhere.`:`${r} opens this in the desktop app, ${o.join(" or ")} anywhere.`}function O(e,t,r,o){let l=nw[e.kind],a=ob.filter((s)=>s!=="entry"||t.collections.length>0).map((s)=>({checked:s===e.kind?"true":"false",hint:nw[s].hint,icon:nw[s].icon,id:s,label:nw[s].label})),d=r.config?.name??"",f=Yu(d===""?"items":d),u=t.i18n?.locales??[],b=t.collections.find((s)=>s.name===e.collection),m=u.length>0&&(e.kind==="page"||e.kind==="entry"&&b!==void 0&&rb(b)),c=[...t.layouts.map((s)=>({label:s.name,value:s.ref})),{label:"No template",value:Bs}];return{canConfirm:o===""&&!e.busy,chordNote:te(),collection:e.collection,collectionOptions:t.collections.map((s)=>({label:kd(s.name),value:s.name})),componentChoices:[w("blank","Blank","an empty block",e.componentStart),w(P_,"Current selection",ee(),e.componentStart,t.hasSelection===!0?"":"Select an element on the canvas first."),w(lm,"Copy of…","an existing one",e.componentStart,(t.copyableTags??[]).length>0?"":"This project has no components of its own to copy yet.")],copyOf:e.copyOf,copyOptions:[...t.componentDocs?.keys()??[]].map((s)=>({label:`<${s}>`,value:s})),copying:e.componentStart===lm,cta:l.cta,dropActive:e.dropActive?"true":"false",editingUrl:e.editingUrl,error:e.touched||e.kind==="media"?e.kind==="media"?"":o:"",fileSummary:e.files.length===0?"":e.files.map((s)=>s.name).join(", "),itemNoun:f,kind:e.kind,kindHint:l.hint,kindLabel:l.label,kinds:a,locale:e.locale,localeOptions:u.map((s)=>({label:Wt(s),value:s})),localeShown:m,localeSummary:u.join(", "),localizable:u.length>0,localized:e.localized,name:e.name,nameLabel:l.nameLabel,ownPage:e.ownPage,pageTemplate:e.pageTemplate,pattern:r.route??`/${d===""?"items":d}/:slug`,placeholder:l.placeholder,presets:iw.filter((s)=>s!=="richText"||t.contentFormat!==null).map((s)=>{let x=e.fields.includes(s);return{icon:x?"check":"plus",id:s,label:F_[s].label,selected:x}}),route:r.route===void 0||r.route===""?"/":r.route,saved:r.saved,startChoices:q(e,t),templateOptions:c,uploadAccept:Vc(),url:e.url,wrapChoices:[...t.layouts.map((s)=>w(s.ref,s.name,"keeps its frame around this one",e.wrap)),w("","Nothing","a fresh frame",e.wrap)]}}function oe(e,t){let r=e.kind??"page";return r==="entry"&&t.collections.length===0?"page":r}var A=null;function Ge(e={}){if(A)return A.done;let t,r=new Promise((l)=>{t=l}),o={done:r,handle:null};return A=o,ne(e,t,o),r}async function ne(e,t,r){let o=await P(),l=new Map,a={busy:!1,collection:e.collection??o.collections[0]?.name??"",locale:cm(e.locale,o)??o.i18n?.defaultLocale??"",localized:o.i18n!==null&&o.i18n!==void 0,componentStart:"blank",copyOf:"",dropActive:!1,editingUrl:!1,fields:[...mE],files:[],kind:oe(e,o),name:e.name??"",ownPage:!0,pageStart:H_(o,cm(e.locale,o)??o.i18n?.defaultLocale??""),pageTemplate:Ou(o),templateChosen:e.template!==void 0,touched:(e.name??"")!=="",url:"",wrap:Ou(o)===Bs?"":Ou(o)};if(e.template!==void 0){let i=U(e.template,o.layouts);if(i!==null)a.pageStart=i,a.pageTemplate=i===Rc?Bs:i,a.wrap=i===Bs||i===Rc?"":i}if(o.contentFormat===null)a.fields=a.fields.filter((i)=>i!=="richText");let d=!1,f=null,u=()=>bE(a.kind,a.name,j(a),o),b=(i)=>vE(i,a.name,j(a),o,(h)=>l.get(h)),m=()=>{let i=u();if(r.handle?.update(O(a,o,i,b(i))),yE(i).some((h)=>!l.has(h)))F(i,l).then(()=>{if(!d){let h=u();r.handle?.update(O(a,o,h,b(h)))}})},c=(i)=>{i(),m()},s=async()=>{if(a.busy)return;a.touched=!0;let i=u();if(await F(i,l,!0),b(i)!==""){m();return}a.busy=!0,m();try{f=await M(i,j(a),a.files)}catch(N){C.error("Could not create it.",{detail:Q(N),source:y}),f=null}if(a.busy=!1,f===null){m();return}r.handle?.close()},x=u(),K=E({actions:{choose:(i)=>{let h=[...i.files??[]];i.value="",c(()=>{a.files=[...a.files,...h]})},closed:()=>{if(d)return;d=!0,A=null,r.handle?.close(),t(f)},confirm:()=>{s()},dragOut:()=>{c(()=>{a.dropActive=!1})},dragOver:()=>{if(!a.dropActive)c(()=>{a.dropActive=!0})},drop:(i)=>{c(()=>{a.dropActive=!1;let h=i?[...i]:[];if(h.length>0)a.kind="media";a.files=[...a.files,...h]})},pickCollection:(i)=>{c(()=>{a.collection=i})},pickComponentStart:(i)=>{if(c(()=>{a.componentStart=i}),i===lm&&o.componentDocs===void 0)Y().then((h)=>{if(o.componentDocs=h,a.copyOf==="")a.copyOf=h.keys().next().value??"";if(!d)m()})},pickLocale:(i)=>{c(()=>{if(a.locale=i,!a.templateChosen)a.pageStart=H_(o,i)})},setLocalized:(i)=>{c(()=>{a.localized=i})},pickCopy:(i)=>{c(()=>{a.copyOf=i})},pickKind:(i)=>{c(()=>{a.kind=i})},pickPageTemplate:(i)=>{c(()=>{a.pageTemplate=i})},pickStart:(i)=>{c(()=>{a.pageStart=i,a.templateChosen=!0})},pickWrap:(i)=>{c(()=>{a.wrap=i})},setName:(i)=>{c(()=>{a.name=i,a.touched=!0})},setOwnPage:(i)=>{c(()=>{a.ownPage=i})},setUrl:(i)=>{c(()=>{a.url=i,a.touched=!0})},toggleUrl:()=>{c(()=>{if(!a.editingUrl)a.url=u().route??"/";a.editingUrl=!a.editingUrl})},togglePreset:(i)=>{c(()=>{let h=iw.find((N)=>N===i);if(h===void 0)return;a.fields=a.fields.includes(h)?a.fields.filter((N)=>N!==h):[...a.fields,h]})}},layer:dt("dialog"),view:O(a,o,x,b(x))});r.handle=K,m()}export{Ye as addCollectionPage,Je as createDirect,Ge as openAddNew};
-
-//# debugId=B6D44C107ECB0F6664756E2164756E21
-//# sourceMappingURL=add-new-flow-ecqmzz76.js.map