mechanica 2.0.0-alpha.3 → 2.0.0-alpha.4

package/dist/chunks/{create-mechanica-CM_DrG9j.js → create-mechanica-CnBFiyfJ.js}

@@ -446,7 +446,7 @@ var Frame = defineComponent({
 		};
 	}
 });
-var TEXT_TAGS = new Set([
+var TEXT_TAGS = /* @__PURE__ */ new Set([
 	"h1",
 	"h2",
 	"h3",

package/dist/chunks/{editor-pyN0-GS5.js → editor-BYMvxQTM.js}

@@ -1703,7 +1703,7 @@ var builtinWidgets = [
 	}
 ];
 /** Block types owned by the core renderer/codec — widgets can't claim them. */
-var RESERVED_TYPES = new Set([
+var RESERVED_TYPES = /* @__PURE__ */ new Set([
 	"h1",
 	"h2",
 	"h3",

package/dist/chunks/{preview-Bxlqu_RP.js → preview-G5_AFI5P.js}

@@ -1,4 +1,4 @@
-import { i as renderBlocks, t as createMechanica } from "./create-mechanica-CM_DrG9j.js";
+import { i as renderBlocks, t as createMechanica } from "./create-mechanica-CnBFiyfJ.js";
 import { createApp, defineComponent, h } from "vue";
 import { areFieldSchemasRegistered, buildPreviewData, registerFieldSchemas } from "mechanica-shared";
 import { unfoldSchema } from "compact-json-schema";

package/dist/cli.js

@@ -363,7 +363,7 @@ async function exportProject(cwd, ssr, options = {}) {
 		force: true
 	});
 	await mkdir(exportDir, { recursive: true });
-	const DIST_PRIVATE = new Set([
+	const DIST_PRIVATE = /* @__PURE__ */ new Set([
 		"index.html",
 		"ssr.js",
 		"ssr.js.map",

package/dist/composer.js

@@ -1,6 +1,6 @@
 import './editor.css';
-import { c as ANCHOR_H, i as renderBlocks, l as ANCHOR_V, t as createMechanica } from "./chunks/create-mechanica-CM_DrG9j.js";
-import { C as registerBuiltinFieldEditors, N as VSelect_default, P as VPopover_default, S as uid, _ as findParentSlot, a as FieldControl_default, b as relocateBlock, d as humanize, f as cloneBlock, g as findParentList, h as findBlock, i as SchemaField_default, m as ensureSlotList, n as createSaveQueue, o as shortcutChar, p as duplicateBlock, t as SaveConflictError, u as toBlockMeta, v as moveBlock, x as removeBlock, y as placeBlock } from "./chunks/editor-pyN0-GS5.js";
+import { c as ANCHOR_H, i as renderBlocks, l as ANCHOR_V, t as createMechanica } from "./chunks/create-mechanica-CnBFiyfJ.js";
+import { C as registerBuiltinFieldEditors, N as VSelect_default, P as VPopover_default, S as uid, _ as findParentSlot, a as FieldControl_default, b as relocateBlock, d as humanize, f as cloneBlock, g as findParentList, h as findBlock, i as SchemaField_default, m as ensureSlotList, n as createSaveQueue, o as shortcutChar, p as duplicateBlock, t as SaveConflictError, u as toBlockMeta, v as moveBlock, x as removeBlock, y as placeBlock } from "./chunks/editor-BYMvxQTM.js";
 import { d as contents, l as _plugin_vue_export_helper_default, u as VIcon_default } from "./chunks/ImagePickerDialog-BfjNtRoR.js";
 import { Fragment, Teleport, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { buildPreviewData, getDefaultValue, isBinding, registerFieldSchemas, resolveBindings, walkTree } from "mechanica-shared";
@@ -2031,7 +2031,8 @@ var CanvasOverlay_default = /* @__PURE__ */ defineComponent({
 			};
 			gapRaf = requestAnimationFrame(loop);
 			const onMove = (e) => {
-				const raw = startGap + ((axis === "x" ? e.clientX : e.clientY) - startPos) / store.zoom;
+				const pos = axis === "x" ? e.clientX : e.clientY;
+				const raw = startGap + (pos - startPos) / store.zoom;
 				const gap = Math.max(0, e.shiftKey ? snapTo(raw, SNAP) : Math.round(raw));
 				store.setData(id, { gap }, { responsive: true });
 			};
@@ -2065,7 +2066,9 @@ var CanvasOverlay_default = /* @__PURE__ */ defineComponent({
 			const onKey = (e) => padAlt.value = e.altKey;
 			const onMove = (e) => {
 				padAlt.value = e.altKey;
-				const sides = computePaddingDrag(startSides, side, sign * ((axis === "x" ? e.clientX : e.clientY) - startPos) / store.zoom, {
+				const pos = axis === "x" ? e.clientX : e.clientY;
+				const delta = sign * (pos - startPos) / store.zoom;
+				const sides = computePaddingDrag(startSides, side, delta, {
 					symmetric: e.altKey,
 					snap: e.shiftKey ? SNAP : 0
 				});
@@ -2417,7 +2420,8 @@ var ComposerCanvas_default = /* @__PURE__ */ defineComponent({
 				hoverId.value = null;
 				return;
 			}
-			hoverId.value = (document.elementFromPoint(event.clientX, event.clientY)?.closest("[data-block-id]"))?.getAttribute("data-block-id") ?? null;
+			const el = document.elementFromPoint(event.clientX, event.clientY)?.closest("[data-block-id]");
+			hoverId.value = el?.getAttribute("data-block-id") ?? null;
 		}
 		function onCanvasDblClick(event) {
 			const el = event.target.closest("[data-block-id]");

package/dist/editor.css

@@ -1,143 +1,4 @@
-.vicon {
-  width: 1em;
-  height: 1em;
-  flex: none;
-}.mech-modal[data-v-04d89005] {
-  display: flex;
-  flex-direction: column;
-  max-height: 84vh;
-  width: 100%;
-  background: var(--mech-bg);
-  border-radius: 18px;
-  box-shadow: var(--mech-shadow-dialog);
-  overflow: hidden;
-}
-.mech-modal--standard[data-v-04d89005] {
-  max-width: 560px;
-}
-.mech-modal--wide[data-v-04d89005] {
-  max-width: 880px;
-}
-.mech-modal__header[data-v-04d89005] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 18px 14px 12px 24px;
-  flex: none;
-}
-.mech-modal__title[data-v-04d89005] {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  letter-spacing: -0.01em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.mech-modal__close[data-v-04d89005] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: auto;
-  width: 34px;
-  height: 34px;
-  border: none;
-  background: none;
-  color: var(--mech-muted);
-  border-radius: var(--mech-radius-pill);
-  cursor: pointer;
-}
-.mech-modal__close .vicon[data-v-04d89005] {
-  width: 18px;
-  height: 18px;
-}
-.mech-modal__close[data-v-04d89005]:hover {
-  background: var(--mech-hover);
-  color: var(--mech-fg);
-}
-.mech-modal__body[data-v-04d89005] {
-  padding: 4px 24px 24px;
-  overflow-y: auto;
-}
-.mech-modal__actions[data-v-04d89005] {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 24px 18px;
-  flex: none;
-}.mech-image-picker[data-v-4ef9dd0d] {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  min-height: 36vh;
-}
-.mech-image-picker__upload[data-v-4ef9dd0d] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 26px 16px;
-  border: 1px dashed var(--mech-input-border);
-  border-radius: var(--mech-radius);
-  color: var(--mech-muted);
-  font-size: 13px;
-  cursor: pointer;
-  transition: border-color 0.12s, background 0.12s, color 0.12s;
-}
-.mech-image-picker__upload[data-v-4ef9dd0d]:hover, .mech-image-picker__upload.is-dragover[data-v-4ef9dd0d] {
-  border-color: var(--mech-accent);
-  background: var(--mech-accent-soft);
-  color: var(--mech-fg);
-}
-.mech-image-picker__file[data-v-4ef9dd0d] {
-  display: none;
-}
-.mech-image-picker__upload-glyph[data-v-4ef9dd0d] {
-  width: 26px;
-  height: 26px;
-  opacity: 0.7;
-}
-.mech-image-picker__lib-head[data-v-4ef9dd0d] {
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--mech-muted);
-}
-.mech-image-picker__grid[data-v-4ef9dd0d] {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-  gap: 10px;
-}
-.mech-image-picker__item[data-v-4ef9dd0d] {
-  display: block;
-  padding: 0;
-  border: 1px solid var(--mech-border);
-  border-radius: var(--mech-radius-sm);
-  background: var(--mech-active);
-  cursor: pointer;
-  overflow: hidden;
-  aspect-ratio: 1;
-  transition: border-color 0.12s, box-shadow 0.12s;
-}
-.mech-image-picker__item img[data-v-4ef9dd0d] {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.mech-image-picker__item[data-v-4ef9dd0d]:hover {
-  border-color: var(--mech-accent);
-  box-shadow: 0 0 0 2px var(--mech-ring);
-}
-.mech-image-picker__empty[data-v-4ef9dd0d] {
-  margin: 0;
-  padding: 8px 0;
-  color: var(--mech-muted);
-  font-size: 13px;
-}@property --el-dir {
+@property --el-dir {
   syntax: "*";
   inherits: false;
 }
@@ -467,6 +328,145 @@
   background: rgba(0, 0, 0, 0.04);
   border: 1px dashed rgba(0, 0, 0, 0.16);
   border-radius: var(--el-radius, 8px);
+}.vicon {
+  width: 1em;
+  height: 1em;
+  flex: none;
+}.mech-modal[data-v-04d89005] {
+  display: flex;
+  flex-direction: column;
+  max-height: 84vh;
+  width: 100%;
+  background: var(--mech-bg);
+  border-radius: 18px;
+  box-shadow: var(--mech-shadow-dialog);
+  overflow: hidden;
+}
+.mech-modal--standard[data-v-04d89005] {
+  max-width: 560px;
+}
+.mech-modal--wide[data-v-04d89005] {
+  max-width: 880px;
+}
+.mech-modal__header[data-v-04d89005] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 18px 14px 12px 24px;
+  flex: none;
+}
+.mech-modal__title[data-v-04d89005] {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mech-modal__close[data-v-04d89005] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+  width: 34px;
+  height: 34px;
+  border: none;
+  background: none;
+  color: var(--mech-muted);
+  border-radius: var(--mech-radius-pill);
+  cursor: pointer;
+}
+.mech-modal__close .vicon[data-v-04d89005] {
+  width: 18px;
+  height: 18px;
+}
+.mech-modal__close[data-v-04d89005]:hover {
+  background: var(--mech-hover);
+  color: var(--mech-fg);
+}
+.mech-modal__body[data-v-04d89005] {
+  padding: 4px 24px 24px;
+  overflow-y: auto;
+}
+.mech-modal__actions[data-v-04d89005] {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 24px 18px;
+  flex: none;
+}.mech-image-picker[data-v-4ef9dd0d] {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  min-height: 36vh;
+}
+.mech-image-picker__upload[data-v-4ef9dd0d] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 26px 16px;
+  border: 1px dashed var(--mech-input-border);
+  border-radius: var(--mech-radius);
+  color: var(--mech-muted);
+  font-size: 13px;
+  cursor: pointer;
+  transition: border-color 0.12s, background 0.12s, color 0.12s;
+}
+.mech-image-picker__upload[data-v-4ef9dd0d]:hover, .mech-image-picker__upload.is-dragover[data-v-4ef9dd0d] {
+  border-color: var(--mech-accent);
+  background: var(--mech-accent-soft);
+  color: var(--mech-fg);
+}
+.mech-image-picker__file[data-v-4ef9dd0d] {
+  display: none;
+}
+.mech-image-picker__upload-glyph[data-v-4ef9dd0d] {
+  width: 26px;
+  height: 26px;
+  opacity: 0.7;
+}
+.mech-image-picker__lib-head[data-v-4ef9dd0d] {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--mech-muted);
+}
+.mech-image-picker__grid[data-v-4ef9dd0d] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  gap: 10px;
+}
+.mech-image-picker__item[data-v-4ef9dd0d] {
+  display: block;
+  padding: 0;
+  border: 1px solid var(--mech-border);
+  border-radius: var(--mech-radius-sm);
+  background: var(--mech-active);
+  cursor: pointer;
+  overflow: hidden;
+  aspect-ratio: 1;
+  transition: border-color 0.12s, box-shadow 0.12s;
+}
+.mech-image-picker__item img[data-v-4ef9dd0d] {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.mech-image-picker__item[data-v-4ef9dd0d]:hover {
+  border-color: var(--mech-accent);
+  box-shadow: 0 0 0 2px var(--mech-ring);
+}
+.mech-image-picker__empty[data-v-4ef9dd0d] {
+  margin: 0;
+  padding: 8px 0;
+  color: var(--mech-muted);
+  font-size: 13px;
 }.mech-popover[data-v-4884cec4] {
   position: fixed;
   z-index: 2147483680;

package/dist/editor.js

@@ -1,7 +1,7 @@
 import './editor.css';
-import { f as createRouter, h as mechanicaKey, i as renderBlocks, n as pushStateUpdate, r as createComposedComponent, s as registerElements } from "./chunks/create-mechanica-CM_DrG9j.js";
-import { i as getDataEntries, t as buildPreviewContent } from "./chunks/preview-Bxlqu_RP.js";
-import { A as groupPagesByFolder, C as registerBuiltinFieldEditors, D as VSegmented_default, E as createContextMenu, M as pathFromName, O as fetchPages, P as VPopover_default, T as contextMenuKey, _ as findParentSlot, b as relocateBlock, c as compareBlocks, f as cloneBlock, h as findBlock, j as pageThumbUrl, k as filterPages, l as createContentBlock, n as createSaveQueue, o as shortcutChar, p as duplicateBlock, r as SchemaForm_default, s as blockAvailableIn, t as SaveConflictError, u as toBlockMeta, v as moveBlock, w as registerRichTextWidgets, x as removeBlock, y as placeBlock } from "./chunks/editor-pyN0-GS5.js";
+import { f as createRouter, h as mechanicaKey, i as renderBlocks, n as pushStateUpdate, r as createComposedComponent, s as registerElements } from "./chunks/create-mechanica-CnBFiyfJ.js";
+import { i as getDataEntries, t as buildPreviewContent } from "./chunks/preview-G5_AFI5P.js";
+import { A as groupPagesByFolder, C as registerBuiltinFieldEditors, D as VSegmented_default, E as createContextMenu, M as pathFromName, O as fetchPages, P as VPopover_default, T as contextMenuKey, _ as findParentSlot, b as relocateBlock, c as compareBlocks, f as cloneBlock, h as findBlock, j as pageThumbUrl, k as filterPages, l as createContentBlock, n as createSaveQueue, o as shortcutChar, p as duplicateBlock, r as SchemaForm_default, s as blockAvailableIn, t as SaveConflictError, u as toBlockMeta, v as moveBlock, w as registerRichTextWidgets, x as removeBlock, y as placeBlock } from "./chunks/editor-BYMvxQTM.js";
 import { c as useDialog, l as _plugin_vue_export_helper_default, n as VDialog_default, o as createDialogStore, s as dialogKey, u as VIcon_default } from "./chunks/ImagePickerDialog-BfjNtRoR.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, markRaw, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, openBlock, provide, reactive, ref, renderList, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useTemplateRef, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { getDefaultValue, localeLabel, localePath, parseLocalePath, registerFieldSchemas } from "mechanica-shared";
@@ -2262,7 +2262,8 @@ var PageBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const currentName = ref("");
 		watch(current, async (path) => {
 			try {
-				currentName.value = (await fetch("/@mechanica/pages").then((response) => response.json())).find((page) => page.path === path)?.name ?? "";
+				const pages = await fetch("/@mechanica/pages").then((response) => response.json());
+				currentName.value = pages.find((page) => page.path === path)?.name ?? "";
 			} catch {}
 		}, { immediate: true });
 		const openPages = () => dialog.open(PagesDialog_default);
@@ -2329,7 +2330,8 @@ var LocaleSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		async function refresh() {
 			if (!config) return;
 			try {
-				available.value = (await fetch("/@mechanica/pages").then((r) => r.json())).find((p) => p.path === logicalPath.value)?.locales ?? [config.default];
+				const pages = await fetch("/@mechanica/pages").then((r) => r.json());
+				available.value = pages.find((p) => p.path === logicalPath.value)?.locales ?? [config.default];
 			} catch {
 				available.value = [config.default];
 			}

package/dist/index.js

@@ -1,5 +1,5 @@
-import { a as elements, d as usedBlockIds, f as createRouter, h as mechanicaKey, i as renderBlocks, m as useRouter, o as isElementBlock, p as useRoute, r as createComposedComponent, s as registerElements, t as createMechanica, u as loadBlocks } from "./chunks/create-mechanica-CM_DrG9j.js";
-import { a as registerDataEntry, i as getDataEntries, n as mountPreviewApp, r as clearDataEntries, t as buildPreviewContent } from "./chunks/preview-Bxlqu_RP.js";
+import { a as elements, d as usedBlockIds, f as createRouter, h as mechanicaKey, i as renderBlocks, m as useRouter, o as isElementBlock, p as useRoute, r as createComposedComponent, s as registerElements, t as createMechanica, u as loadBlocks } from "./chunks/create-mechanica-CnBFiyfJ.js";
+import { a as registerDataEntry, i as getDataEntries, n as mountPreviewApp, r as clearDataEntries, t as buildPreviewContent } from "./chunks/preview-G5_AFI5P.js";
 import { computed, createApp, createSSRApp, defineComponent, h, inject, isReactive, onMounted, onServerPrefetch, reactive, ref, shallowReactive } from "vue";
 import { localePath, normalizeClassManifest, passDefaultValue } from "mechanica-shared";
 import { unfoldSchema } from "compact-json-schema";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mechanica",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.4",
   "description": "Build Vue 3 websites with a visual block editor",
   "license": "MIT",
   "repository": {
@@ -63,7 +63,7 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "mechanica-shared": "workspace:*",
+    "mechanica-shared": "2.0.0-alpha.4",
     "@vue/compiler-sfc": "^3.5.38",
     "compact-json-schema": "^0.1.5",
     "estree-walker": "^3.0.3",