mechanica 2.0.3 → 2.1.0-beta.2

package/dist/chunks/{editor-JV0Nhfw4.js → editor-MStotuaz.js}

@@ -1,6 +1,6 @@
 import { a as renderCrop, c as useDialog, d as _plugin_vue_export_helper_default, i as readImageSize, l as VIcon_default, n as VDialog_default, r as analyzeImageFile, s as dialogKey, t as ImagePickerDialog_default } from "./ImagePickerDialog-DJGhtW3r.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { deepEqual, getDefaultValue } from "mechanica-shared";
+import { EDITOR_API_BASE, UPLOADS_PREFIX, deepEqual, getDefaultValue } from "mechanica-shared";
 import { unfoldSchema } from "compact-json-schema";
 import { TextEditor, uid } from "vuewrite";
 import { blocksToMarkdown, markdownToBlocks } from "vuewrite/markdown";
@@ -540,8 +540,6 @@ var ColorField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/editor/lib/image-crop.ts
-/** URL prefix uploaded assets are served under (mirrors the dev assets-store). */
-var UPLOADS_PREFIX = "/@mechanica/assets/";
 var positive = (n) => typeof n === "number" && isFinite(n) && n > 0 ? n : void 0;
 /**
 * Resolve a field's `crop` annotation into cropping intent, or `null` when the
@@ -670,7 +668,7 @@ function derivativeName(src, rect, target) {
 /** A readable, filename-safe stem for an asset src (`hero` from `…/hero.png`). */
 function baseName(src) {
 	if (!src.startsWith(UPLOADS_PREFIX)) return "image";
-	let file = src.slice(19);
+	let file = src.slice(UPLOADS_PREFIX.length);
 	try {
 		file = decodeURIComponent(file);
 	} catch {}
@@ -1047,6 +1045,275 @@ var ImageField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	}
 }), [["__scopeId", "data-v-664f68c6"]]);
 //#endregion
+//#region src/editor/lib/save-queue.ts
+/** Throw from `send` to signal a version conflict (page changed on disk). */
+var SaveConflictError = class extends Error {
+	constructor(message = "Page changed on disk") {
+		super(message);
+		this.name = "SaveConflictError";
+	}
+};
+/**
+* Debounced, status-tracking save pipeline. Only the newest snapshot is ever
+* sent; a failure keeps it around (status `error`) until `retry()` or a newer
+* edit re-triggers the send. No automatic retry loop — the UI surfaces the
+* failure instead.
+*/
+function createSaveQueue(options) {
+	const delay = options.delay ?? 500;
+	const state = reactive({ status: "saved" });
+	let timer = null;
+	let last = null;
+	/** A snapshot exists that the server hasn't confirmed yet. */
+	let unsaved = false;
+	/** The save request currently in flight, if any. */
+	let inflight = null;
+	const cancelTimer = () => {
+		if (timer != null) clearTimeout(timer);
+		timer = null;
+	};
+	function send() {
+		if (inflight) return inflight;
+		if (last == null) return Promise.resolve();
+		cancelTimer();
+		state.status = "saving";
+		const snapshot = last;
+		inflight = options.send(snapshot).then(() => {
+			if (last === snapshot) {
+				unsaved = false;
+				state.status = "saved";
+			} else {
+				state.status = "pending";
+				schedule();
+			}
+		}).catch((error) => {
+			state.status = error instanceof SaveConflictError ? "conflict" : "error";
+		}).finally(() => {
+			inflight = null;
+		});
+		return inflight;
+	}
+	const schedule = () => {
+		cancelTimer();
+		timer = setTimeout(() => void send(), delay);
+	};
+	return {
+		get status() {
+			return state.status;
+		},
+		push(snapshot) {
+			last = snapshot;
+			unsaved = true;
+			if (!inflight) state.status = "pending";
+			schedule();
+		},
+		hasUnsaved: () => unsaved || inflight != null,
+		async flush() {
+			cancelTimer();
+			if (inflight) await inflight;
+			if (unsaved && state.status !== "error" && state.status !== "conflict") await send();
+			return !unsaved;
+		},
+		retry() {
+			if (state.status !== "error" && state.status !== "conflict") return;
+			send();
+		},
+		discard() {
+			cancelTimer();
+			last = null;
+			unsaved = false;
+			state.status = "saved";
+		},
+		flushOnUnload() {
+			if (!unsaved && !inflight) return true;
+			if (state.status === "conflict") return false;
+			if (!options.beacon || last == null) return false;
+			const queued = options.beacon(last);
+			if (queued) {
+				unsaved = false;
+				cancelTimer();
+				state.status = "saved";
+			}
+			return queued;
+		},
+		dispose: cancelTimer
+	};
+}
+//#endregion
+//#region src/editor/lib/backend.ts
+/** A failed request; `message` is fit for showing to the user. */
+var BackendError = class extends Error {
+	status;
+	constructor(message, status) {
+		super(message);
+		this.status = status;
+		this.name = "BackendError";
+	}
+};
+var errorMessage = (body, field) => typeof body?.error === "object" ? body.error[field] : body?.error;
+/** Slug shared with the thumbs CLI's `pageSlug`: `/` → `index`, `/docs/api` → `docs-api`. */
+function pageSlug(path) {
+	const trimmed = path.replace(/^\/+|\/+$/g, "");
+	return trimmed ? trimmed.replace(/\//g, "-") : "index";
+}
+var JSON_HEADERS = { "content-type": "application/json" };
+/** Build a backend over HTTP for a host config (all defaults = the dev server). */
+function createEditorBackend(config = {}) {
+	const base = (config.base ?? EDITOR_API_BASE).replace(/\/+$/, "");
+	const hostHeaders = config.headers ?? {};
+	const hasHostHeaders = Object.keys(hostHeaders).length > 0;
+	const url = (route, params) => {
+		const query = new URLSearchParams();
+		for (const [key, value] of Object.entries(params ?? {})) if (value != null) query.set(key, value);
+		const search = query.toString();
+		return `${base}${route}${search ? `?${search}` : ""}`;
+	};
+	const request = (target, init) => {
+		if (!hasHostHeaders) return init ? fetch(target, init) : fetch(target);
+		return fetch(target, {
+			...init,
+			headers: {
+				...hostHeaders,
+				...init?.headers
+			}
+		});
+	};
+	const postJson = (target, body) => request(target, {
+		method: "POST",
+		headers: JSON_HEADERS,
+		body: JSON.stringify(body)
+	});
+	const readJson = (response) => response.json().catch(() => null);
+	const writePage = async (target, input) => {
+		const response = await postJson(target, input);
+		const data = await readJson(response);
+		if (!response.ok) return {
+			ok: false,
+			error: errorMessage(data, "path") ?? "Could not save the page"
+		};
+		return {
+			ok: true,
+			path: data?.path
+		};
+	};
+	const saveUrl = (target) => url("/save", {
+		path: target.path,
+		locale: target.locale
+	});
+	const upload = async (body, name, derived) => {
+		const response = await request(url("/upload"), {
+			method: "POST",
+			headers: {
+				"x-file-name": encodeURIComponent(name),
+				...derived ? { "x-derived-asset": "1" } : {}
+			},
+			body
+		});
+		if (!response.ok) throw new BackendError(`Upload failed (${response.status})`, response.status);
+		return await response.json();
+	};
+	const writeComposed = async (target, body, verb) => {
+		const response = await postJson(target, body);
+		if (response.status === 409) throw new SaveConflictError();
+		if (!response.ok) throw new BackendError(errorMessage(await readJson(response), "id") ?? `${verb} failed (${response.status})`, response.status);
+		return { version: (await readJson(response))?.version ?? null };
+	};
+	return {
+		capabilities: {
+			composer: true,
+			...config.capabilities
+		},
+		pages: {
+			list: async () => (await request(url("/pages"))).json(),
+			create: (input) => writePage(url("/pages"), input),
+			update: (path, input) => writePage(url("/pages", { path }), input),
+			duplicate: (path, input) => writePage(url("/pages/duplicate", { path }), input),
+			remove: async (path) => (await request(url("/pages", { path }), { method: "DELETE" })).ok,
+			setDraft: async (path, draft) => (await postJson(url("/pages/draft", { path }), { draft })).ok,
+			createTranslation: async (path, locale) => {
+				const response = await request(url("/pages/translation", {
+					path,
+					locale
+				}), { method: "POST" });
+				if (!response.ok && response.status !== 400) throw new BackendError(`Create failed (${response.status})`, response.status);
+			},
+			state: async (path) => {
+				const response = await request(url("/state", { path }));
+				return response.ok ? await response.json() : null;
+			},
+			save: async (target, body) => {
+				const response = await postJson(saveUrl(target), body);
+				if (response.status === 409) throw new SaveConflictError();
+				if (!response.ok) throw new BackendError(`Save failed (${response.status})`, response.status);
+				return {
+					success: true,
+					version: (await readJson(response))?.version ?? null
+				};
+			},
+			saveOnUnload: (target, body) => {
+				const payload = JSON.stringify(body);
+				if (hasHostHeaders) {
+					request(saveUrl(target), {
+						method: "POST",
+						headers: JSON_HEADERS,
+						body: payload,
+						keepalive: true
+					});
+					return true;
+				}
+				return navigator.sendBeacon(saveUrl(target), new Blob([payload], { type: "application/json" }));
+			}
+		},
+		assets: {
+			upload: async (file) => {
+				const { src, previewSrc, width, height } = await upload(file, file.name, false);
+				return {
+					src,
+					previewSrc,
+					width,
+					height
+				};
+			},
+			uploadDerived: async (blob, name) => ({ src: (await upload(blob, name, true)).src }),
+			images: async () => {
+				const response = await request(url("/images"));
+				return response.ok ? await response.json() : [];
+			}
+		},
+		composed: {
+			get: async (id) => {
+				const response = await request(url("/composed/get", { id }));
+				return response.ok ? await response.json() : null;
+			},
+			create: (def) => writeComposed(url("/composed/create"), def, "Create"),
+			save: (id, def, version) => writeComposed(url("/composed/save", { id }), {
+				def,
+				version
+			}, "Save"),
+			remove: async (id) => {
+				await request(url("/composed/delete", { id }), { method: "POST" });
+			}
+		},
+		urls: {
+			pageThumb: (path) => `${base}/thumbs/${pageSlug(path)}.png`,
+			blockThumb: (blockId) => `${base}/thumbs/blocks/${encodeURIComponent(blockId)}.png`,
+			composer: (blockId) => `${base}/composer/${encodeURIComponent(blockId)}`
+		},
+		onStoreChange(listener) {
+			return () => {};
+		}
+	};
+}
+var current = null;
+/**
+* The backend for this page — created on first use from the host's
+* `window.__MECHANICA_EDITOR__` config (absent → the dev server).
+*/
+function editorBackend() {
+	if (!current) current = createEditorBackend(typeof window === "undefined" ? void 0 : window.__MECHANICA_EDITOR__);
+	return current;
+}
+//#endregion
 //#region src/editor/lib/page-list.ts
 var pagesPromise = null;
 /**
@@ -1054,17 +1321,15 @@ var pagesPromise = null;
 * many link fields share one request. Resolves to `[]` when unavailable.
 */
 function fetchPages() {
-	if (!pagesPromise) pagesPromise = fetch("/@mechanica/pages").then((response) => response.json()).catch(() => []);
+	if (!pagesPromise) pagesPromise = editorBackend().pages.list().catch(() => []);
 	return pagesPromise;
 }
 /**
-* The dev-server URL of a page's thumbnail (written by `mechanica thumbs` into
-* `.mech/thumbs/`). Slug mirrors the CLI's `pageSlug`: `/` → `index`,
-* `/docs/api` → `docs-api`. The file may not exist — callers need a fallback.
+* The URL of a page's thumbnail (written by `mechanica thumbs` into
+* `.mech/thumbs/`). The file may not exist — callers need a fallback.
 */
 function pageThumbUrl(path) {
-	const trimmed = path.replace(/^\/+|\/+$/g, "");
-	return `/@mechanica/thumbs/${trimmed ? trimmed.replace(/\//g, "-") : "index"}.png`;
+	return editorBackend().urls.pageThumb(path);
 }
 /**
 * Derive a URL path from a page name: a lowercase ASCII slug, prefixed with
@@ -3217,99 +3482,4 @@ function normalizeTemplate(template) {
 	return [createRootFrame(template.slice())];
 }
 //#endregion
-//#region src/editor/lib/save-queue.ts
-/** Throw from `send` to signal a version conflict (page changed on disk). */
-var SaveConflictError = class extends Error {
-	constructor(message = "Page changed on disk") {
-		super(message);
-		this.name = "SaveConflictError";
-	}
-};
-/**
-* Debounced, status-tracking save pipeline. Only the newest snapshot is ever
-* sent; a failure keeps it around (status `error`) until `retry()` or a newer
-* edit re-triggers the send. No automatic retry loop — the UI surfaces the
-* failure instead.
-*/
-function createSaveQueue(options) {
-	const delay = options.delay ?? 500;
-	const state = reactive({ status: "saved" });
-	let timer = null;
-	let last = null;
-	/** A snapshot exists that the server hasn't confirmed yet. */
-	let unsaved = false;
-	/** The save request currently in flight, if any. */
-	let inflight = null;
-	const cancelTimer = () => {
-		if (timer != null) clearTimeout(timer);
-		timer = null;
-	};
-	function send() {
-		if (inflight) return inflight;
-		if (last == null) return Promise.resolve();
-		cancelTimer();
-		state.status = "saving";
-		const snapshot = last;
-		inflight = options.send(snapshot).then(() => {
-			if (last === snapshot) {
-				unsaved = false;
-				state.status = "saved";
-			} else {
-				state.status = "pending";
-				schedule();
-			}
-		}).catch((error) => {
-			state.status = error instanceof SaveConflictError ? "conflict" : "error";
-		}).finally(() => {
-			inflight = null;
-		});
-		return inflight;
-	}
-	const schedule = () => {
-		cancelTimer();
-		timer = setTimeout(() => void send(), delay);
-	};
-	return {
-		get status() {
-			return state.status;
-		},
-		push(snapshot) {
-			last = snapshot;
-			unsaved = true;
-			if (!inflight) state.status = "pending";
-			schedule();
-		},
-		hasUnsaved: () => unsaved || inflight != null,
-		async flush() {
-			cancelTimer();
-			if (inflight) await inflight;
-			if (unsaved && state.status !== "error" && state.status !== "conflict") await send();
-			return !unsaved;
-		},
-		retry() {
-			if (state.status !== "error" && state.status !== "conflict") return;
-			send();
-		},
-		discard() {
-			cancelTimer();
-			last = null;
-			unsaved = false;
-			state.status = "saved";
-		},
-		flushOnUnload() {
-			if (!unsaved && !inflight) return true;
-			if (state.status === "conflict") return false;
-			if (!options.beacon || last == null) return false;
-			const queued = options.beacon(last);
-			if (queued) {
-				unsaved = false;
-				cancelTimer();
-				state.status = "saved";
-			}
-			return queued;
-		},
-		dispose: cancelTimer
-	};
-}
-//#endregion
-export { createContextMenu as A, placeBlock as C, registerBuiltinFieldEditors as D, uid$1 as E, groupPagesByFolder as F, pageThumbUrl as I, pathFromName as L, SmartLinkField_default as M, fetchPages as N, registerRichTextWidgets as O, filterPages as P, VSelect_default as R, moveBlock as S, removeBlock as T, duplicateBlock as _, SchemaForm_default as a, findParentList as b, shortcutChar as c, compareBlocks as d, createContentBlock as f, cloneBlock as g, humanize as h, normalizeTemplate as i, VSegmented_default as j, contextMenuKey as k, blockAvailableForLayout as l, toBlockMeta as m, createSaveQueue as n, SchemaField_default as o, isUnderFolder as p, createRootFrame as r, FieldControl_default as s, SaveConflictError as t, blockAvailableIn as u, ensureSlotList as v, relocateBlock as w, findParentSlot as x, findBlock as y, VPopover_default as z };
+export { SmartLinkField_default as A, removeBlock as C, contextMenuKey as D, registerRichTextWidgets as E, pathFromName as F, editorBackend as I, createSaveQueue as L, filterPages as M, groupPagesByFolder as N, createContextMenu as O, pageThumbUrl as P, VSelect_default as R, relocateBlock as S, registerBuiltinFieldEditors as T, findBlock as _, FieldControl_default as a, moveBlock as b, blockAvailableIn as c, isUnderFolder as d, toBlockMeta as f, ensureSlotList as g, duplicateBlock as h, SchemaField_default as i, fetchPages as j, VSegmented_default as k, compareBlocks as l, cloneBlock as m, normalizeTemplate as n, shortcutChar as o, humanize as p, SchemaForm_default as r, blockAvailableForLayout as s, createRootFrame as t, createContentBlock as u, findParentList as v, uid$1 as w, placeBlock as x, findParentSlot as y, VPopover_default as z };