mechanica 2.0.0-alpha.7 → 2.0.0-alpha.9

package/dist/chunks/{page-assets-BjIm0jws.js → page-assets-BCUAuOlo.js}

@@ -658,8 +658,40 @@ function listPages(mechDir, options = {}) {
 		}
 		items.push(item);
 	}
+	if (options.generated?.length) items.push(...generatedPageItems(options.generated, options, config));
 	return items.sort(comparePages);
 }
+/** File-less pages → list rows: one per logical path, with a `locales` union. */
+function generatedPageItems(generated, options, config) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const vp of generated) {
+		const arr = groups.get(vp.path);
+		if (arr) arr.push(vp);
+		else groups.set(vp.path, [vp]);
+	}
+	const items = [];
+	for (const [path, vps] of groups) {
+		const locales = config ? vps.map((v) => v.locale).filter(Boolean) : [];
+		if (options.locale && !locales.includes(options.locale)) continue;
+		const source = (options.locale ? vps.find((v) => v.locale === options.locale) : void 0) ?? (config ? vps.find((v) => v.locale === config.default) : void 0) ?? vps[0];
+		const embedded = {};
+		for (const dataEntry of options.data ?? []) embedded[dataEntry.id] = source.data?.[dataEntry.id] ?? {};
+		const dir = path.slice(1).split("/").slice(0, -1).join("/");
+		const item = {
+			path,
+			name: (typeof source.meta?.title === "string" ? source.meta.title : void 0) ?? path.split("/").pop() ?? path,
+			folderPath: dir === "" ? null : dir,
+			order: 0,
+			orderAfter: null,
+			draft: false,
+			generated: true,
+			...embedded
+		};
+		if (config) item.locales = config.all.filter((code) => locales.includes(code));
+		items.push(item);
+	}
+	return items;
+}
 /** Ordering: by folder, then explicit `orderAfter`, then `order`, then path. */
 function comparePages(a, b) {
 	if (a.folderPath === b.folderPath) {

package/dist/cli.js

@@ -1,4 +1,4 @@
-import { B as readImageManifest, C as getPagePath, I as UPLOADS_PREFIX, J as hasSharp, L as assetFileOf, N as setPageCodec, R as isDerivedAsset, T as listPages, U as updateImageManifest, Y as isRasterImage, a as toBlockMeta, d as readFolderData, f as readFoldersData, i as composedBlockMeta, m as readSiteLocaleOverride, n as blockAssetLinks, p as readSiteData, q as analyzeImageBuffer, r as buildRichTextCodec, t as BLOCKS_MANIFEST_FILE } from "./chunks/page-assets-BjIm0jws.js";
+import { B as readImageManifest, C as getPagePath, I as UPLOADS_PREFIX, J as hasSharp, L as assetFileOf, N as setPageCodec, R as isDerivedAsset, T as listPages, U as updateImageManifest, Y as isRasterImage, a as toBlockMeta, d as readFolderData, f as readFoldersData, i as composedBlockMeta, m as readSiteLocaleOverride, n as blockAssetLinks, p as readSiteData, q as analyzeImageBuffer, r as buildRichTextCodec, t as BLOCKS_MANIFEST_FILE } from "./chunks/page-assets-BCUAuOlo.js";
 import fs from "node:fs";
 import { dirname, join, parse, relative } from "node:path";
 import { applySeoTags, auditPageHtml, buildRobotsTxt, buildSitemap, findUnknownBlocks, generateProject, isPaginatedQuery, localePath, mergeTranslation, migrateContent, paginationVariantPath, registerFieldSchemas, resolveQueryKey, templateBlockIds, validateLinks, walkSchema, walkTree } from "mechanica-shared";
@@ -302,7 +302,8 @@ async function backfillImageMeta(pages, blocksMap, mechDir, warn) {
 * `<cwd>/.mech`.
 *
 * Beyond the pages it also: rewrites + copies uploaded assets
-* (`/@mechanica/assets/…` → `/media/…`), warns about dead internal links,
+* (`/@mechanica/assets/…` → `/media/…`, or `<assetsUrl>/media/…` when a CDN
+* base is set), warns about dead internal links,
 * orphaned uploads and page-level SEO issues, emits `404.html` when a `/404`
 * page exists, and — when a site url is known (plugin `siteUrl` option or
 * `--site-url`) — injects the automatic SEO tags (canonical, `og:url`,
@@ -314,6 +315,7 @@ async function exportProject(cwd, ssr, options = {}) {
 	const index = await readFile(join(cwd, "dist/index.html"), "utf-8");
 	const siteUrl = options.siteUrl ?? ssr.site?.url;
 	const siteName = options.siteName ?? ssr.site?.name;
+	const assetsBase = (options.assetsUrl ?? ssr.assetsUrl ?? "").replace(/\/+$/, "");
 	const composedDefs = ssr.composedList ?? [];
 	const blocks = [...ssr.blocksList.map(toBlockMeta), ...composedDefs.map(composedBlockMeta)];
 	const blocksMap = new Map(blocks.map((block) => [block.id, block]));
@@ -367,7 +369,10 @@ async function exportProject(cwd, ssr, options = {}) {
 	}
 	setPageCodec(richText);
 	const querySource = {
-		listPages: (opts) => listPages(join(cwd, ".mech"), opts),
+		listPages: (opts) => listPages(join(cwd, ".mech"), {
+			...opts,
+			generated: ssr.generatedPages
+		}),
 		fetchJson: async ({ url, ...init }) => {
 			const res = await fetch(url, init);
 			if (!res.ok) throw new Error(`${url} responded ${res.status}`);
@@ -417,7 +422,7 @@ async function exportProject(cwd, ssr, options = {}) {
 		if (typeof src !== "string" || !src.startsWith("/@mechanica/assets/")) return src;
 		const relative = decodeURIComponent(src.slice(UPLOADS_PREFIX.length));
 		referenced.add(relative);
-		return `/${MEDIA_DIR}/${relative}`;
+		return `${assetsBase}/${MEDIA_DIR}/${relative}`;
 	};
 	const blockAssets = await readBlockAssets(cwd);
 	const pageLinks = blockAssets ? (content) => {
@@ -444,6 +449,7 @@ async function exportProject(cwd, ssr, options = {}) {
 			url: siteUrl,
 			name: siteName
 		},
+		assetsUrl: assetsBase || void 0,
 		locales: config ?? void 0,
 		render: (state) => ssr.render(state, { resolveQuery: resolveForPage(state.page?.pagination?.page ?? 1, state.page?.locale) }),
 		onFile,
@@ -1361,7 +1367,9 @@ Usage:
                             (a site url — the plugin's siteUrl option or
                              --site-url <origin> — also turns on the automatic
                              SEO tags and emits sitemap.xml + robots.txt;
-                             --site-name <name> adds WebSite JSON-LD)
+                             --site-name <name> adds WebSite JSON-LD;
+                             --assets-url <origin> serves /assets and /media from
+                             a CDN base — files still land in export/)
   mechanica push [--key]    Upload dist/ to a backend (--key, --host, --dir)
   mechanica shot <blockId>  Screenshot one block via the dev preview route
   mechanica shot </path>    Screenshot a whole page (editor overlay stripped)
@@ -1386,7 +1394,8 @@ async function run(argv) {
 		case "build": return runBuild();
 		case "export": return runExport({
 			siteUrl: str(flags["site-url"]),
-			siteName: str(flags["site-name"])
+			siteName: str(flags["site-name"]),
+			assetsUrl: str(flags["assets-url"])
 		});
 		case "images": return runImages({ force: flags.force === true });
 		case "push": return runPush({

package/dist/editor.css

@@ -4802,7 +4802,7 @@ from {
   justify-content: flex-end;
   gap: 8px;
   margin-top: 4px;
-}.mech-pages[data-v-e750b5bb] {
+}.mech-pages[data-v-665bb42e] {
   display: flex;
   align-items: stretch;
   justify-content: center;
@@ -4811,7 +4811,7 @@ from {
   max-width: 1200px;
   height: min(620px, 82vh);
 }
-.mech-pages__card[data-v-e750b5bb] {
+.mech-pages__card[data-v-665bb42e] {
   display: flex;
   flex-direction: column;
   flex: 0 1 840px;
@@ -4821,20 +4821,20 @@ from {
   box-shadow: var(--mech-shadow-dialog);
   overflow: hidden;
 }
-.mech-pages__header[data-v-e750b5bb] {
+.mech-pages__header[data-v-665bb42e] {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 18px 14px 12px 24px;
   flex: none;
 }
-.mech-pages__title[data-v-e750b5bb] {
+.mech-pages__title[data-v-665bb42e] {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: -0.01em;
 }
-.mech-pages__count[data-v-e750b5bb] {
+.mech-pages__count[data-v-665bb42e] {
   padding: 2px 8px;
   border-radius: var(--mech-radius-pill);
   background: var(--mech-active);
@@ -4842,7 +4842,7 @@ from {
   font-size: 11.5px;
   font-weight: 600;
 }
-.mech-pages__close[data-v-e750b5bb] {
+.mech-pages__close[data-v-665bb42e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4855,25 +4855,49 @@ from {
   border-radius: var(--mech-radius-pill);
   cursor: pointer;
 }
-.mech-pages__close .vicon[data-v-e750b5bb] {
+.mech-pages__close .vicon[data-v-665bb42e] {
   width: 18px;
   height: 18px;
 }
-.mech-pages__close[data-v-e750b5bb]:hover {
+.mech-pages__close[data-v-665bb42e]:hover {
   background: var(--mech-hover);
   color: var(--mech-fg);
 }
-.mech-pages__toolbar[data-v-e750b5bb] {
+.mech-pages__toolbar[data-v-665bb42e] {
   display: flex;
   gap: 8px;
-  padding: 0 24px 14px;
+  padding: 0 24px 12px;
   flex: none;
 }
-.mech-pages__search-wrap[data-v-e750b5bb] {
+.mech-pages__search-wrap[data-v-665bb42e] {
   position: relative;
   flex: 1;
 }
-.mech-pages__search-icon[data-v-e750b5bb] {
+.mech-pages__filters[data-v-665bb42e] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 0 24px 14px;
+  flex: none;
+}
+.mech-pages__sort[data-v-665bb42e] {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+}
+.mech-pages__sort-label[data-v-665bb42e] {
+  font-size: 10.5px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--mech-muted);
+}
+.mech-pages__toggle[data-v-665bb42e] {
+  flex: none;
+  white-space: nowrap;
+}
+.mech-pages__search-icon[data-v-665bb42e] {
   position: absolute;
   left: 12px;
   top: 50%;
@@ -4883,18 +4907,18 @@ from {
   color: var(--mech-muted);
   pointer-events: none;
 }
-.mech-pages__search[data-v-e750b5bb] {
+.mech-pages__search[data-v-665bb42e] {
   width: 100%;
   padding-left: 36px;
 }
-.mech-pages__content[data-v-e750b5bb] {
+.mech-pages__content[data-v-665bb42e] {
   display: flex;
   gap: 14px;
   flex: 1;
   min-height: 0;
   padding: 0 24px 20px;
 }
-.mech-pages__rail[data-v-e750b5bb] {
+.mech-pages__rail[data-v-665bb42e] {
   flex: none;
   width: 172px;
   display: flex;
@@ -4903,7 +4927,7 @@ from {
   overflow-y: auto;
   padding-right: 2px;
 }
-.mech-pages__rail-item[data-v-e750b5bb] {
+.mech-pages__rail-item[data-v-665bb42e] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -4917,51 +4941,51 @@ from {
   color: var(--mech-fg-alt);
   cursor: pointer;
 }
-.mech-pages__rail-item .vicon[data-v-e750b5bb] {
+.mech-pages__rail-item .vicon[data-v-665bb42e] {
   flex: none;
   width: 15px;
   height: 15px;
   color: var(--mech-muted);
 }
-.mech-pages__rail-item[data-v-e750b5bb]:hover {
+.mech-pages__rail-item[data-v-665bb42e]:hover {
   background: var(--mech-hover);
 }
-.mech-pages__rail-item.is-active[data-v-e750b5bb] {
+.mech-pages__rail-item.is-active[data-v-665bb42e] {
   background: var(--mech-accent-soft);
   color: var(--mech-accent);
   font-weight: 500;
 }
-.mech-pages__rail-item.is-active .vicon[data-v-e750b5bb] {
+.mech-pages__rail-item.is-active .vicon[data-v-665bb42e] {
   color: var(--mech-accent);
 }
-.mech-pages__rail-name[data-v-e750b5bb] {
+.mech-pages__rail-name[data-v-665bb42e] {
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.mech-pages__rail-count[data-v-e750b5bb] {
+.mech-pages__rail-count[data-v-665bb42e] {
   flex: none;
   font-size: 11px;
   color: var(--mech-placeholder);
 }
-.mech-pages__rail-item.is-active .mech-pages__rail-count[data-v-e750b5bb] {
+.mech-pages__rail-item.is-active .mech-pages__rail-count[data-v-665bb42e] {
   color: var(--mech-accent);
   opacity: 0.7;
 }
-.mech-pages__list[data-v-e750b5bb] {
+.mech-pages__list[data-v-665bb42e] {
   flex: 1;
   min-width: 0;
   overflow-y: auto;
 }
-.mech-pages__row[data-v-e750b5bb], .mech-pages__thead[data-v-e750b5bb] {
+.mech-pages__row[data-v-665bb42e], .mech-pages__thead[data-v-665bb42e] {
   display: grid;
   grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) 96px;
   align-items: center;
   column-gap: 12px;
 }
-.mech-pages__thead[data-v-e750b5bb] {
+.mech-pages__thead[data-v-665bb42e] {
   position: sticky;
   top: 0;
   z-index: 1;
@@ -4969,14 +4993,14 @@ from {
   background: var(--mech-bg);
   box-shadow: 0 1px 0 var(--mech-border);
 }
-.mech-pages__thead span[data-v-e750b5bb] {
+.mech-pages__thead span[data-v-665bb42e] {
   font-size: 10.5px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--mech-muted);
 }
-.mech-pages__group[data-v-e750b5bb] {
+.mech-pages__group[data-v-665bb42e] {
   display: flex;
   align-items: center;
   gap: 7px;
@@ -4995,36 +5019,36 @@ from {
   border-radius: var(--mech-radius-sm);
   cursor: pointer;
 }
-.mech-pages__group .vicon[data-v-e750b5bb] {
+.mech-pages__group .vicon[data-v-665bb42e] {
   width: 13px;
   height: 13px;
 }
-.mech-pages__group[data-v-e750b5bb]:hover {
+.mech-pages__group[data-v-665bb42e]:hover {
   color: var(--mech-fg);
 }
-.mech-pages__row[data-v-e750b5bb] {
+.mech-pages__row[data-v-665bb42e] {
   padding: 0 10px;
   height: 38px;
   border-radius: var(--mech-radius-sm);
   cursor: pointer;
 }
-.mech-pages__row.is-active[data-v-e750b5bb] {
+.mech-pages__row.is-active[data-v-665bb42e] {
   background: var(--mech-accent-soft);
 }
-.mech-pages__cell-name[data-v-e750b5bb] {
+.mech-pages__cell-name[data-v-665bb42e] {
   display: flex;
   align-items: center;
   gap: 8px;
   min-width: 0;
 }
-.mech-pages__name[data-v-e750b5bb] {
+.mech-pages__name[data-v-665bb42e] {
   font-size: 13.5px;
   font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.mech-pages__badge[data-v-e750b5bb] {
+.mech-pages__badge[data-v-665bb42e] {
   flex: none;
   font-size: 10px;
   font-weight: 600;
@@ -5036,17 +5060,17 @@ from {
   border-radius: var(--mech-radius-pill);
   padding: 1px 7px;
 }
-.mech-pages__badge.is-draft[data-v-e750b5bb] {
+.mech-pages__badge.is-draft[data-v-665bb42e] {
   color: var(--mech-muted);
 }
-.mech-pages__locales[data-v-e750b5bb] {
+.mech-pages__locales[data-v-665bb42e] {
   flex: none;
   display: inline-flex;
   align-items: center;
   gap: 3px;
   margin-left: 2px;
 }
-.mech-pages__loc[data-v-e750b5bb] {
+.mech-pages__loc[data-v-665bb42e] {
   min-width: 15px;
   padding: 1px 4px;
   border-radius: var(--mech-radius-sm);
@@ -5060,12 +5084,12 @@ from {
   letter-spacing: 0.02em;
   opacity: 0.5;
 }
-.mech-pages__loc.is-on[data-v-e750b5bb] {
+.mech-pages__loc.is-on[data-v-665bb42e] {
   background: var(--mech-accent-soft);
   color: var(--mech-accent);
   opacity: 1;
 }
-.mech-pages__cell-path[data-v-e750b5bb] {
+.mech-pages__cell-path[data-v-665bb42e] {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -5073,16 +5097,16 @@ from {
   font-size: 12.5px;
   color: var(--mech-muted);
 }
-.mech-pages__actions[data-v-e750b5bb] {
+.mech-pages__actions[data-v-665bb42e] {
   display: flex;
   justify-content: flex-end;
   gap: 1px;
   opacity: 0;
 }
-.mech-pages__row.is-active .mech-pages__actions[data-v-e750b5bb], .mech-pages__row:hover .mech-pages__actions[data-v-e750b5bb] {
+.mech-pages__row.is-active .mech-pages__actions[data-v-665bb42e], .mech-pages__row:hover .mech-pages__actions[data-v-665bb42e] {
   opacity: 1;
 }
-.mech-pages__actions button[data-v-e750b5bb] {
+.mech-pages__actions button[data-v-665bb42e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5095,24 +5119,24 @@ from {
   cursor: pointer;
   line-height: 1;
 }
-.mech-pages__actions button .vicon[data-v-e750b5bb] {
+.mech-pages__actions button .vicon[data-v-665bb42e] {
   width: 15px;
   height: 15px;
 }
-.mech-pages__actions button[data-v-e750b5bb]:hover {
+.mech-pages__actions button[data-v-665bb42e]:hover {
   background: var(--mech-active);
   color: var(--mech-fg);
 }
-.mech-pages__actions button.is-danger[data-v-e750b5bb]:hover {
+.mech-pages__actions button.is-danger[data-v-665bb42e]:hover {
   color: var(--mech-error);
 }
-.mech-pages__empty[data-v-e750b5bb] {
+.mech-pages__empty[data-v-665bb42e] {
   padding: 24px 10px;
   margin: 0;
   color: var(--mech-muted);
   font-size: 13px;
 }
-.mech-pages__preview[data-v-e750b5bb] {
+.mech-pages__preview[data-v-665bb42e] {
   flex: none;
   align-self: flex-start;
   max-height: 100%;
@@ -5124,18 +5148,18 @@ from {
   box-shadow: var(--mech-shadow-dialog);
   overflow: hidden;
 }
-.mech-pages__preview-frame[data-v-e750b5bb] {
+.mech-pages__preview-frame[data-v-665bb42e] {
   flex: 0 1 auto;
   min-height: 0;
   overflow: hidden;
   background: var(--mech-app-bg);
 }
-.mech-pages__preview-frame img[data-v-e750b5bb] {
+.mech-pages__preview-frame img[data-v-665bb42e] {
   display: block;
   width: 100%;
   height: auto;
 }
-.mech-pages__preview-empty[data-v-e750b5bb] {
+.mech-pages__preview-empty[data-v-665bb42e] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -5144,16 +5168,16 @@ from {
   padding: 48px 16px;
   color: var(--mech-muted);
 }
-.mech-pages__preview-empty p[data-v-e750b5bb] {
+.mech-pages__preview-empty p[data-v-665bb42e] {
   margin: 8px 0 0;
   font-size: 13px;
   font-weight: 500;
 }
-.mech-pages__preview-empty code[data-v-e750b5bb] {
+.mech-pages__preview-empty code[data-v-665bb42e] {
   font-size: 11.5px;
   color: var(--mech-placeholder);
 }
-.mech-pages__preview-monogram[data-v-e750b5bb] {
+.mech-pages__preview-monogram[data-v-665bb42e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5164,7 +5188,7 @@ from {
   font-size: 22px;
   font-weight: 600;
 }
-.mech-pages__preview-caption[data-v-e750b5bb] {
+.mech-pages__preview-caption[data-v-665bb42e] {
   flex: none;
   display: flex;
   flex-direction: column;
@@ -5172,14 +5196,14 @@ from {
   padding: 12px 16px 14px;
   border-top: 1px solid var(--mech-border);
 }
-.mech-pages__preview-name[data-v-e750b5bb] {
+.mech-pages__preview-name[data-v-665bb42e] {
   font-size: 13px;
   font-weight: 600;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.mech-pages__preview-path[data-v-e750b5bb] {
+.mech-pages__preview-path[data-v-665bb42e] {
   font-size: 11.5px;
   color: var(--mech-muted);
   overflow: hidden;
@@ -5187,7 +5211,7 @@ from {
   white-space: nowrap;
 }
 @media (max-width: 1160px) {
-.mech-pages__preview[data-v-e750b5bb] {
+.mech-pages__preview[data-v-665bb42e] {
     display: none;
 }
 }.mech-pagebar[data-v-a0f85ad0] {