@velastack/cms 0.1.0

package/dist/components/admin-bar/new-page-dialog.svelte

@@ -0,0 +1,126 @@
+<script lang="ts">
+	import { SvelteMap } from 'svelte/reactivity';
+	import { normalizeField, type CmsCreatablePageConfigWithRouteId } from './page-config.js';
+	import { Button } from './ui/button/index.js';
+	import * as Dialog from './ui/dialog/index.js';
+	import { Input } from './ui/input/index.js';
+	import { Label } from './ui/label/index.js';
+
+	type Props = {
+		open: boolean;
+		onOpenChange: (open: boolean) => void;
+		config: CmsCreatablePageConfigWithRouteId;
+		creating: boolean;
+		error: string | null;
+		onCreate: (values: Record<string, string>) => void;
+		mode?: 'new' | 'duplicate' | 'rename';
+		initialValues?: Record<string, string>;
+	};
+
+	let {
+		open,
+		onOpenChange,
+		config,
+		creating,
+		error,
+		onCreate,
+		mode = 'new',
+		initialValues = {}
+	}: Props = $props();
+
+	let values = new SvelteMap<string, string>();
+
+	const fields = $derived(config.fields.map(normalizeField));
+
+	// `open` switches to true when (re)opening — seed values from initialValues
+	// then. Without keying off `open`, the dialog keeps the previous session's
+	// values around (a duplicate from the same row would re-show them).
+	$effect.pre(() => {
+		if (!open) return;
+		values.clear();
+		for (const f of fields) values.set(f.name, initialValues[f.name] ?? '');
+	});
+
+	const allFilled = $derived(fields.every((f) => (values.get(f.name) ?? '').trim() !== ''));
+
+	const submit = () => {
+		if (!allFilled || creating) return;
+		const out: Record<string, string> = {};
+		for (const f of fields) out[f.name] = values.get(f.name) ?? '';
+		onCreate(out);
+	};
+</script>
+
+<Dialog.Root
+	{open}
+	onOpenChange={(next) => {
+		if (!next && creating) return;
+		onOpenChange(next);
+	}}
+>
+	<Dialog.Content showCloseButton={false} class="vela:max-w-[28rem]">
+		<form
+			class="vela:flex vela:flex-col vela:gap-0"
+			onsubmit={(e) => {
+				e.preventDefault();
+				submit();
+			}}
+		>
+			<Dialog.Header>
+				<Dialog.Title>
+					{mode === 'duplicate' ? 'Duplicate' : mode === 'rename' ? 'Rename' : 'New'}
+					{config.type}
+				</Dialog.Title>
+				{#if mode === 'rename'}
+					<Dialog.Description>
+						Creates a new page with the same content and redirects the old URL.
+					</Dialog.Description>
+				{/if}
+			</Dialog.Header>
+
+			<div class="vela:px-6 vela:pb-2 vela:flex vela:flex-col vela:gap-3">
+				{#each fields as f (f.name)}
+					<div class="vela:flex vela:flex-col vela:gap-1.5">
+						<Label for={`vela-new-page-${f.name}`}>{f.label}</Label>
+						<Input
+							id={`vela-new-page-${f.name}`}
+							placeholder={f.placeholder}
+							value={values.get(f.name) ?? ''}
+							oninput={(e) => values.set(f.name, e.currentTarget.value)}
+							disabled={creating}
+						/>
+					</div>
+				{/each}
+			</div>
+
+			{#if error}
+				<p
+					role="alert"
+					class="vela:mx-6 vela:mt-2 vela:px-3 vela:py-2 vela:rounded-md
+						vela:bg-[var(--cms-status-error-bg)] vela:text-[var(--cms-status-error-text)] vela:text-[12px]"
+				>
+					{error}
+				</p>
+			{/if}
+
+			<Dialog.Footer class="vela:justify-end vela:pt-4">
+				<Button variant="ghost" onclick={() => onOpenChange(false)} disabled={creating}>
+					Cancel
+				</Button>
+				<Button type="submit" disabled={!allFilled || creating}>
+					{creating
+						? mode === 'duplicate'
+							? 'Duplicating…'
+							: mode === 'rename'
+								? 'Renaming…'
+								: 'Creating…'
+						: mode === 'duplicate'
+							? 'Duplicate'
+							: mode === 'rename'
+								? 'Rename'
+								: 'Create'}
+				</Button>
+			</Dialog.Footer>
+		</form>
+	</Dialog.Content>
+</Dialog.Root>

package/dist/components/admin-bar/new-page-dialog.svelte.d.ts

@@ -0,0 +1,14 @@
+import { type CmsCreatablePageConfigWithRouteId } from './page-config.js';
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    config: CmsCreatablePageConfigWithRouteId;
+    creating: boolean;
+    error: string | null;
+    onCreate: (values: Record<string, string>) => void;
+    mode?: 'new' | 'duplicate' | 'rename';
+    initialValues?: Record<string, string>;
+};
+declare const NewPageDialog: import("svelte").Component<Props, {}, "">;
+type NewPageDialog = ReturnType<typeof NewPageDialog>;
+export default NewPageDialog;

package/dist/components/admin-bar/page-config.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Public API for declaring a route's CMS configuration in `page.cms.ts`.
+ * The Vite plugin discovers these files by filename — consumers don't need
+ * to import them anywhere.
+ */
+export type MetadataPrimitive = 'string' | 'long-string' | 'number' | 'boolean' | 'date' | 'image';
+export type MetadataFieldSchema = MetadataPrimitive | {
+    type: MetadataPrimitive;
+    default?: unknown;
+} | {
+    type: 'enum';
+    values: readonly string[];
+    default?: string;
+};
+export type CmsPageMetadataSchema = Record<string, MetadataFieldSchema>;
+export type CmsPageField = string | {
+    name: string;
+    label?: string;
+    placeholder?: string;
+};
+export type CmsCreatablePageConfig = {
+    type: string;
+    creatable: true;
+    fields: CmsPageField[];
+    transform: (data: Record<string, string>) => {
+        params: Record<string, string>;
+        metadata?: Record<string, unknown>;
+    };
+    metadata?: CmsPageMetadataSchema;
+};
+export type CmsStaticPageConfig = {
+    creatable?: false;
+    metadata?: CmsPageMetadataSchema;
+};
+export type CmsPageConfig = CmsCreatablePageConfig | CmsStaticPageConfig;
+/** Page config with the `routeId` the plugin injected at build time. */
+export type CmsPageConfigWithRouteId = CmsPageConfig & {
+    routeId: string;
+};
+export type CmsCreatablePageConfigWithRouteId = CmsCreatablePageConfig & {
+    routeId: string;
+};
+/**
+ * Identity-typed declaration. Returns its argument; exists for type
+ * inference in `page.cms.ts` files.
+ */
+export declare const definePage: <const T extends CmsPageConfig>(config: T) => T;
+export declare const isCreatable: (config: CmsPageConfigWithRouteId) => config is CmsCreatablePageConfigWithRouteId;
+export type NormalizedField = {
+    name: string;
+    label: string;
+    placeholder: string;
+};
+export declare const normalizeField: (f: CmsPageField) => NormalizedField;
+/**
+ * Resolve a metadata field schema's primitive type, regardless of whether
+ * it was declared in shorthand string form or object form.
+ */
+export declare const fieldType: (schema: MetadataFieldSchema) => MetadataPrimitive | "enum";
+/** Default metadata schema applied when a route has no `page.cms.ts`. */
+export declare const DEFAULT_METADATA_SCHEMA: CmsPageMetadataSchema;

package/dist/components/admin-bar/page-config.js

@@ -0,0 +1,24 @@
+/**
+ * Public API for declaring a route's CMS configuration in `page.cms.ts`.
+ * The Vite plugin discovers these files by filename — consumers don't need
+ * to import them anywhere.
+ */
+/**
+ * Identity-typed declaration. Returns its argument; exists for type
+ * inference in `page.cms.ts` files.
+ */
+export const definePage = (config) => config;
+export const isCreatable = (config) => config.creatable === true;
+export const normalizeField = (f) => typeof f === 'string'
+    ? { name: f, label: f, placeholder: '' }
+    : { label: f.name, placeholder: '', ...f };
+/**
+ * Resolve a metadata field schema's primitive type, regardless of whether
+ * it was declared in shorthand string form or object form.
+ */
+export const fieldType = (schema) => typeof schema === 'string' ? schema : schema.type;
+/** Default metadata schema applied when a route has no `page.cms.ts`. */
+export const DEFAULT_METADATA_SCHEMA = {
+    title: 'string',
+    description: 'long-string'
+};