@oktis-works/admin 0.23.2 → 0.24.0

package/dist/server/chunks/ContentEditor_DIjqVt5v.mjs

@@ -0,0 +1,324 @@
+import { n as useTranslation, r as apiClient } from "./i18n_Bp0_xO2v.mjs";
+import { a as MetaBoxesSlot, n as emptyExtensionsState, o as PluginComponentHost, r as loadExtensions, x as normalizeLogicalValues } from "./DashboardLayout_Bz8ZBDme.mjs";
+import { t as FieldRenderer } from "./FieldRenderer_RlFoxao4.mjs";
+import { t as expandCloneFields } from "./clone_FT3Zf-Bf.mjs";
+import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
+import { For, Show, createMemo, createSignal, onMount } from "solid-js";
+//#region src/components/content/ContentEditor.tsx
+var _tmpl$ = [
+	"<div",
+	" class=\"notice notice--success\">",
+	"</div>"
+];
+var _tmpl$2 = [
+	"<div",
+	" class=\"plugin-editor plugin-editor--replace-body\"",
+	">",
+	"</div>"
+];
+var _tmpl$3 = [
+	"<div",
+	" class=\"plugin-editor plugin-editor--below\"",
+	">",
+	"</div>"
+];
+var _tmpl$4 = [
+	"<section",
+	" class=\"card classic-editor__panel\"><h3>",
+	"</h3><label><!--$-->",
+	"<!--/--><select class=\"input\"",
+	"><option value>",
+	"</option><!--$-->",
+	"<!--/--></select></label></section>"
+];
+var _tmpl$5 = [
+	"<section",
+	" class=\"card classic-editor__panel plugin-catalog-panel\"><h3>Plugin blocks and patterns</h3><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></section>"
+];
+var _tmpl$6 = [
+	"<form",
+	" class=\"content-editor classic-editor\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><div class=\"classic-editor__topbar\"><div><span class=\"classic-editor__eyebrow\">",
+	"</span><h2>",
+	"</h2></div><div class=\"classic-editor__actions\"><a class=\"btn btn-secondary\" href=\"",
+	"\">",
+	"</a><button type=\"submit\" class=\"btn btn-primary\"",
+	">",
+	"</button></div></div><div class=\"classic-editor__columns\"><main class=\"classic-editor__main\"><section class=\"card classic-editor__canvas-card\"><p class=\"field-renderer__instructions\">All standard and custom values use the same resolved field schema.</p><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></section><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></main><aside class=\"classic-editor__sidebar\"><section class=\"card classic-editor__panel\"><h3>",
+	"</h3><p class=\"muted\">Status and all other values are edited in the resolved field groups.</p><button type=\"submit\" class=\"btn btn-primary classic-editor__full-button\"",
+	">",
+	"</button></section><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></aside></div><!--$-->",
+	"<!--/--></form>"
+];
+var _tmpl$7 = [
+	"<div",
+	" class=\"notice notice--error\">",
+	"</div>"
+];
+var _tmpl$8 = [
+	"<section",
+	" class=\"card custom-fields\"",
+	"><h3>",
+	"</h3><!--$-->",
+	"<!--/--></section>"
+];
+var _tmpl$9 = [
+	"<option",
+	">",
+	"</option>"
+];
+var _tmpl$0 = [
+	"<button",
+	" type=\"button\" class=\"btn btn-secondary\">＋ <!--$-->",
+	"<!--/--></button>"
+];
+function ContentEditor(props) {
+	const { t } = useTranslation();
+	const [types, setTypes] = createSignal([]);
+	const [groups, setGroups] = createSignal([]);
+	const [themes, setThemes] = createSignal([]);
+	const [data, setData] = createSignal({});
+	const [errors, setErrors] = createSignal([]);
+	const [saving, setSaving] = createSignal(false);
+	const [message, setMessage] = createSignal("");
+	const [extensions, setExtensions] = createSignal(emptyExtensionsState());
+	const [blocks, setBlocks] = createSignal([]);
+	const [patterns, setPatterns] = createSignal([]);
+	const [draft, setDraft] = createSignal({
+		type: props.initialType || "post",
+		title: "",
+		status: "DRAFT"
+	});
+	const activeEditor = createMemo(() => {
+		const screen = draft().type;
+		return (extensions().editors ?? []).filter((editor) => editor.screens.includes("*") || editor.screens.includes(screen)).sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0))[0] ?? null;
+	});
+	const editorSlotProps = () => ({
+		editorId: activeEditor().id,
+		contentType: draft().type,
+		contentId: draft().id ?? "",
+		body: editorContent(),
+		setBody: (html) => setData({
+			...data(),
+			content: html
+		}),
+		disabled: saving()
+	});
+	const typeListFallback = (available, requested) => requested || available[0]?.slug || "post";
+	const availableLayouts = () => {
+		const layouts = /* @__PURE__ */ new Set();
+		for (const theme of themes()) for (const layout of theme.manifest?.provides?.layouts ?? []) layouts.add(layout);
+		return [...layouts].sort();
+	};
+	const loadGroups = async (context) => {
+		try {
+			const query = typeof context === "string" ? { type: context } : context;
+			if (!query.type) {
+				setGroups([]);
+				return;
+			}
+			const resolved = await apiClient.getFieldGroups(query);
+			setGroups(resolved.filter((group) => group.active !== false).map((group) => ({
+				...group,
+				fields: expandCloneFields(group.fields ?? [])
+			})));
+		} catch (err) {
+			setErrors([err instanceof Error ? err.message : String(err)]);
+		}
+	};
+	onMount(async () => {
+		loadExtensions().then(setExtensions);
+		let typeList = [];
+		try {
+			const [typeCatalog, themeList, blockCatalog, patternCatalog] = await Promise.all([
+				apiClient.getContentTypes(),
+				apiClient.getThemes().catch(() => []),
+				apiClient.getBlocks().catch(() => []),
+				apiClient.getPatterns().catch(() => [])
+			]);
+			typeList = typeCatalog;
+			setTypes(typeCatalog);
+			setThemes(themeList);
+			setBlocks(blockCatalog);
+			setPatterns(patternCatalog);
+		} catch (err) {
+			setErrors([err instanceof Error ? err.message : String(err)]);
+		}
+		const editId = new URLSearchParams(window.location.search).get("id");
+		if (editId || props.singleton) try {
+			const existing = editId ? await apiClient.getContentById(editId) : await apiClient.getSingletonContent(draft().type);
+			if (!existing) {
+				await loadGroups({
+					type: draft().type,
+					status: draft().status
+				});
+				return;
+			}
+			const rawRow = existing;
+			const logical = normalizeLogicalValues({
+				body: existing.body,
+				data: rawRow["data"],
+				native: rawRow
+			});
+			setDraft({
+				id: existing.id,
+				type: existing.type,
+				title: String(logical["title"] ?? existing.title),
+				slug: String(logical["slug"] ?? existing.slug),
+				excerpt: typeof logical["excerpt"] === "string" ? logical["excerpt"] : void 0,
+				featuredImageId: typeof logical["featured_image"] === "string" ? logical["featured_image"] : void 0,
+				status: String(logical["status"] ?? existing.status),
+				layout: existing.layout
+			});
+			setData(logical);
+		} catch (err) {
+			setErrors([err instanceof Error ? err.message : String(err)]);
+		}
+		else if (!typeList.some((type) => type.slug === draft().type)) setDraft({
+			...draft(),
+			type: typeListFallback(typeList, props.initialType)
+		});
+		await loadGroups({
+			type: draft().type,
+			slug: draft().slug,
+			status: draft().status
+		});
+	});
+	const editorContent = () => {
+		const value = data()["content"];
+		return typeof value === "string" ? value : "";
+	};
+	return ssr(_tmpl$6, ssrHydrationKey(), escape(createComponent(Show, {
+		get when() {
+			return errors().length > 0;
+		},
+		get children() {
+			return createComponent(For, {
+				get each() {
+					return errors();
+				},
+				children: (err) => ssr(_tmpl$7, ssrHydrationKey(), escape(err))
+			});
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return message();
+		},
+		get children() {
+			return ssr(_tmpl$, ssrHydrationKey(), escape(message()));
+		}
+	})), escape(types().find((type) => type.slug === draft().type)?.singularLabel || draft().type), draft().id ? escape(t("content.editor.editing")) : escape(t("content.editor.adding")), `/content/${escape(encodeURIComponent(draft().type), true)}`, escape(t("content.editor.backToList")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("content.editor.saving")) : escape(t("content.editor.save")), escape(createComponent(Show, {
+		get when() {
+			return activeEditor()?.mode === "replace-body";
+		},
+		get children() {
+			return ssr(_tmpl$2, ssrHydrationKey(), ssrAttribute("data-plugin-editor", escape(activeEditor().id, true), false), escape(createComponent(PluginComponentHost, {
+				get componentId() {
+					return activeEditor().componentId;
+				},
+				get extraProps() {
+					return editorSlotProps();
+				}
+			})));
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return activeEditor()?.mode === "below";
+		},
+		get children() {
+			return ssr(_tmpl$3, ssrHydrationKey(), ssrAttribute("data-plugin-editor", escape(activeEditor().id, true), false), escape(createComponent(PluginComponentHost, {
+				get componentId() {
+					return activeEditor().componentId;
+				},
+				get extraProps() {
+					return editorSlotProps();
+				}
+			})));
+		}
+	})), escape(createComponent(For, {
+		get each() {
+			return groups();
+		},
+		children: (group) => ssr(_tmpl$8, ssrHydrationKey(), ssrAttribute("data-field-group", escape(group.key, true), false) + ssrAttribute("data-position", escape(group.position ?? "normal", true), false) + ssrAttribute("data-display-style", escape(group.displayStyle ?? "standard", true), false), escape(group.title), escape(createComponent(For, {
+			get each() {
+				return group.fields;
+			},
+			children: (field) => createComponent(FieldRenderer, {
+				field,
+				get values() {
+					return data();
+				},
+				onChange: (name, value) => setData({
+					...data(),
+					[name]: value
+				}),
+				t
+			})
+		})))
+	})), escape(createComponent(MetaBoxesSlot, {
+		get extensions() {
+			return extensions();
+		},
+		get screen() {
+			return draft().type;
+		},
+		context: "normal"
+	})), escape(t("content.editor.publishPanel")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("content.editor.saving")) : escape(t("content.editor.save")), escape(createComponent(Show, {
+		get when() {
+			return availableLayouts().length > 0;
+		},
+		get children() {
+			return ssr(_tmpl$4, ssrHydrationKey(), escape(t("content.editor.pageAttributes")), escape(t("content.editor.layout")), ssrAttribute("value", escape(draft().layout ?? "", true), false), escape(t("content.editor.layoutAuto")), escape(createComponent(For, {
+				get each() {
+					return availableLayouts();
+				},
+				children: (layout) => ssr(_tmpl$9, ssrHydrationKey() + ssrAttribute("value", escape(layout, true), false), escape(layout))
+			})));
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return blocks().length > 0 || patterns().length > 0;
+		},
+		get children() {
+			return ssr(_tmpl$5, ssrHydrationKey(), escape(createComponent(For, {
+				get each() {
+					return blocks();
+				},
+				children: (block) => ssr(_tmpl$0, ssrHydrationKey(), escape(block.label))
+			})), escape(createComponent(For, {
+				get each() {
+					return patterns();
+				},
+				children: (pattern) => ssr(_tmpl$0, ssrHydrationKey(), escape(pattern.label))
+			})));
+		}
+	})), escape(createComponent(MetaBoxesSlot, {
+		get extensions() {
+			return extensions();
+		},
+		get screen() {
+			return draft().type;
+		},
+		context: "side"
+	})), escape(createComponent(MetaBoxesSlot, {
+		get extensions() {
+			return extensions();
+		},
+		get screen() {
+			return draft().type;
+		},
+		context: "advanced"
+	})));
+}
+//#endregion
+export { ContentEditor as t };

package/dist/server/chunks/{DashboardLayout_D6zphdT0.mjs → DashboardLayout_Bz8ZBDme.mjs}

@@ -1,13 +1,95 @@
 import "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, d as maybeRenderHead, i as renderComponent, p as addAttribute, s as renderSlot, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent$1 } from "./compiler_O7J1rlsi.mjs";
-import { n as renderScript, t as $$BaseLayout } from "./BaseLayout_BE8O-LS4.mjs";
-import { a as LOCALE_LABELS, i as LOCALE_FLAGS, n as useTranslation, o as SUPPORTED_LOCALES, r as apiClient } from "./i18n_C-sgJSi1.mjs";
+import { n as renderScript, t as $$BaseLayout } from "./BaseLayout_DRJ6-Y9z.mjs";
+import { a as LOCALE_LABELS, i as LOCALE_FLAGS, n as useTranslation, o as SUPPORTED_LOCALES, r as apiClient } from "./i18n_Bp0_xO2v.mjs";
 import { t as require_semver } from "./semver_WbqCUY_o.mjs";
 import { Dynamic, createComponent, escape, memo, mergeProps, ssr, ssrAttribute, ssrHydrationKey, ssrStyle, ssrStyleProperty } from "solid-js/web";
 import { For, For as For2, Match, Show, Show as Show2, Switch, createEffect, createMemo as createMemo$1, createSignal, createSignal as createSignal$1, onCleanup, onMount, onMount as onMount$1 } from "solid-js";
 require_semver();
 //#endregion
+//#region ../../packages/validation/dist/field-values.js
+var CANONICAL_CORE_FIELDS = [
+	"title",
+	"slug",
+	"content",
+	"excerpt",
+	"featured_image",
+	"seo_title",
+	"seo_description",
+	"status",
+	"author"
+];
+/**
+* Compatibility aliases are accepted only at the storage boundary. Themes,
+* editors, and validators should use the canonical logical names above.
+*/
+var CANONICAL_FIELD_ALIASES = {
+	title: ["title"],
+	slug: ["slug"],
+	content: ["content", "html"],
+	excerpt: ["excerpt"],
+	featured_image: [
+		"featured_image",
+		"featuredImageId",
+		"featured_image_id"
+	],
+	seo_title: ["seo_title", "seoTitle"],
+	seo_description: ["seo_description", "seoDescription"],
+	status: ["status"],
+	author: [
+		"author",
+		"authorId",
+		"author_id"
+	]
+};
+var LEGACY_FIELD_ALIASES = new Map(Object.entries(CANONICAL_FIELD_ALIASES).flatMap(([canonical, aliases]) => aliases.map((alias) => [alias, canonical])));
+function asRecord(value) {
+	if (value && typeof value === "object" && !Array.isArray(value)) return { ...value };
+	if (typeof value === "string") try {
+		return asRecord(JSON.parse(value));
+	} catch {
+		return {};
+	}
+	return {};
+}
+function firstDefined(sources, aliases) {
+	for (const source of sources) for (const alias of aliases) if (source[alias] !== void 0) return source[alias];
+}
+/**
+* Normalizes all legacy storage sources into one logical value document.
+* Precedence is body, data, relational values, then native columns. Body is
+* the only canonical JSON document for new writes; the other sources are
+* read-only compatibility inputs.
+*/
+function normalizeLogicalValues(sources) {
+	const body = asRecord(sources.body);
+	const data = asRecord(sources.data);
+	const relational = asRecord(sources.relational);
+	const { body: _legacyBody, data: _legacyData, ...native } = asRecord(sources.native);
+	const orderedSources = [
+		body,
+		data,
+		relational,
+		native
+	];
+	const result = {
+		...relational,
+		...data,
+		...body
+	};
+	for (const field of CANONICAL_CORE_FIELDS) {
+		const value = firstDefined(orderedSources, CANONICAL_FIELD_ALIASES[field]);
+		if (value !== void 0) result[field] = value;
+	}
+	if (result["content"] === void 0 && result["html"] !== void 0) result["content"] = result["html"];
+	for (const [key, value] of Object.entries(result)) {
+		const canonical = LEGACY_FIELD_ALIASES.get(key);
+		if (canonical && result[canonical] === void 0) result[canonical] = value;
+	}
+	return result;
+}
+//#endregion
 //#region ../../packages/ui/dist/server.js
 var _tmpl$$7 = ["<span", " class=\"spinner\" aria-label=\"Carregando\"></span>"];
 var _tmpl$2$5 = [
@@ -396,6 +478,8 @@ var _tmpl$12 = [
 	" class=\"action-link\">",
 	"</a>"
 ];
+var PLUGIN_ROOT = "../../../plugins";
+var pluginModules = /* #__PURE__ */ Object.assign({});
 /**
 * Resolve o componentId declarado num caminho de import dinâmico (alias Vite
 * `@/plugins/` aponta para a raiz dos plugins; o componente vive em
@@ -406,18 +490,26 @@ var _tmpl$12 = [
 *   - `plugin` explícito tem prioridade sobre o prefixo do componentId.
 */
 function resolvePluginComponentPath(componentId, plugin) {
-	if (componentId.startsWith("@/")) return componentId;
+	if (!componentId || componentId.includes("..") || componentId.includes("://") || componentId.startsWith("/")) throw new Error(`Invalid plugin component reference: ${componentId}`);
+	if (componentId.startsWith("@/plugins/")) return `${PLUGIN_ROOT}/${componentId.slice(10)}`;
 	const separator = componentId.indexOf(":");
 	if (separator === -1) {
 		const owner = plugin ?? "";
+		if (!/^[a-z0-9][a-z0-9._-]*$/i.test(owner)) throw new Error(`Invalid plugin name: ${owner}`);
 		const relative = componentId.replace(/^\/+/, "");
-		return owner ? `@/plugins/${owner}/${relative}` : componentId;
+		return owner ? `${PLUGIN_ROOT}/${owner}/${relative}` : componentId;
 	}
 	const owner = plugin ?? componentId.slice(0, separator);
+	if (!/^[a-z0-9][a-z0-9._-]*$/i.test(owner)) throw new Error(`Invalid plugin name: ${owner}`);
 	const rest = componentId.slice(separator + 1);
-	if (rest.startsWith("@/")) return rest;
-	if (rest.includes("/")) return `@/plugins/${owner}/${rest.replace(/^\/+/, "")}`;
-	return `@/plugins/${owner}/admin/components/${rest}.tsx`;
+	if (rest.startsWith("@/plugins/")) return `${PLUGIN_ROOT}/${rest.slice(10)}`;
+	if (rest.includes("/")) return `${PLUGIN_ROOT}/${owner}/${rest.replace(/^\/+/, "")}`;
+	return `${PLUGIN_ROOT}/${owner}/admin/components/${rest}.tsx`;
+}
+async function loadPluginComponent(componentId, plugin) {
+	const loader = pluginModules[resolvePluginComponentPath(componentId, plugin)];
+	if (!loader) throw new Error(`Plugin component is not included in the admin build: ${componentId}`);
+	return loader();
 }
 /**
 * Monta um componente de plugin via import dinâmico (lazy — chunk separado).
@@ -430,11 +522,7 @@ function PluginComponentHost(props) {
 	const [loading, setLoading] = createSignal(true);
 	onMount(async () => {
 		try {
-			const module = await import(
-				/* @vite-ignore */
-				resolvePluginComponentPath(props.componentId, props.plugin)
-);
-			const candidate = module["default"] ?? Object.values(module).find((value) => typeof value === "function");
+			const candidate = (await loadPluginComponent(props.componentId, props.plugin))["default"];
 			if (!candidate) throw new Error("componente default ausente no módulo");
 			setComponent(() => candidate);
 		} catch (err) {
@@ -610,10 +698,7 @@ function prefetchPluginChunks(state) {
 		if (!componentId || prefetchedChunks.has(componentId)) continue;
 		prefetchedChunks.add(componentId);
 		schedule(() => {
-			import(
-				/* @vite-ignore */
-				resolvePluginComponentPath(componentId)
-).catch(() => {});
+			loadPluginComponent(componentId).catch(() => {});
 		});
 	}
 }
@@ -1299,4 +1384,4 @@ var $$DashboardLayout = createComponent$1(($$result, $$props, $$slots) => {
 	})}</div>` })}${renderScript($$result, "/home/runner/work/cms/cms/apps/admin/src/layouts/DashboardLayout.astro?astro&type=script&index=0&lang.ts")}`;
 }, "/home/runner/work/cms/cms/apps/admin/src/layouts/DashboardLayout.astro", void 0);
 //#endregion
-export { createMemo$1 as _, MetaBoxesSlot as a, Button as c, Input as d, Modal as f, Table as g, Show2 as h, ActionLinksSlot as i, Card as l, Select as m, emptyExtensionsState as n, PluginComponentHost as o, Pagination as p, loadExtensions as r, Badge as s, $$DashboardLayout as t, For2 as u, createSignal$1 as v, onMount$1 as y };
+export { Table as _, MetaBoxesSlot as a, onMount$1 as b, Badge as c, For2 as d, Input as f, Show2 as g, Select as h, ActionLinksSlot as i, Button as l, Pagination as m, emptyExtensionsState as n, PluginComponentHost as o, Modal as p, loadExtensions as r, loadPluginComponent as s, $$DashboardLayout as t, Card as u, createMemo$1 as v, normalizeLogicalValues as x, createSignal$1 as y };