@velastack/cms 0.5.0 → 0.5.1

package/dist/core/shapes/testimonials.js

@@ -0,0 +1,86 @@
+/** `CmsTestimonials`: quotes with an author, a rating and a source, plus Review JSON-LD. */
+import { asItems, asNumber, asString, isPlainObject } from '../structured.js';
+import { defineForm } from './form.js';
+import { asImage } from './image.js';
+const asRating = (v) => {
+    const n = asNumber(typeof v === 'string' ? Number(v) : v);
+    return n !== null && n >= 1 && n <= 5 ? Math.round(n) : null;
+};
+export const cmsTestimonials = defineForm({
+    component: 'CmsTestimonials',
+    label: 'Testimonials',
+    version: 1,
+    translatable: [],
+    items: { key: 'items', translatable: ['quote', 'role'] },
+    normalize: (raw) => {
+        const items = Array.isArray(raw) ? raw : isPlainObject(raw) ? raw.items : [];
+        return {
+            v: 1,
+            items: asItems(items, (r) => {
+                const source = isPlainObject(r.source) ? r.source : {};
+                return {
+                    quote: asString(r.quote),
+                    author: asString(r.author),
+                    role: asString(r.role),
+                    company: asString(r.company),
+                    photo: asImage(r.photo),
+                    rating: asRating(r.rating),
+                    source: { label: asString(source.label), url: asString(source.url) },
+                    date: asString(r.date)
+                };
+            })
+        };
+    },
+    empty: () => ({ v: 1, items: [] }),
+    fields: [
+        {
+            key: 'items',
+            label: 'Quotes',
+            type: 'list',
+            itemLabel: 'testimonial',
+            titleKey: 'author',
+            blank: () => ({
+                quote: '',
+                author: '',
+                role: '',
+                company: '',
+                photo: null,
+                rating: null,
+                source: { label: '', url: '' },
+                date: ''
+            }),
+            fields: [
+                { key: 'quote', label: 'Quote', type: 'html' },
+                { key: 'author', label: 'Author', type: 'text', half: true },
+                { key: 'role', label: 'Role', type: 'text' },
+                { key: 'company', label: 'Company', type: 'text', half: true },
+                { key: 'date', label: 'Date', type: 'date' },
+                { key: 'rating', label: 'Rating', type: 'rating' },
+                { key: 'photo', label: 'Photo', type: 'image' },
+                { key: 'source.label', label: 'Source', type: 'text', half: true, placeholder: 'Google' },
+                { key: 'source.url', label: 'Source URL', type: 'url' }
+            ]
+        }
+    ]
+});
+const stripTags = (html) => html.replace(/<[^>]*>/g, '').trim();
+/** Testimonials that have a quote. */
+export const testimonialsView = (value) => value.items.filter((t) => stripTags(t.quote) !== '');
+/** A schema.org `Review` node. `itemReviewed` is the business or product node. */
+export const toReview = (item, itemReviewed) => {
+    const out = {
+        '@type': 'Review',
+        reviewBody: stripTags(item.quote),
+        author: { '@type': 'Person', name: item.author }
+    };
+    if (item.rating !== null) {
+        out.reviewRating = { '@type': 'Rating', ratingValue: item.rating, bestRating: 5 };
+    }
+    if (item.date)
+        out.datePublished = item.date;
+    if (item.source.label)
+        out.publisher = { '@type': 'Organization', name: item.source.label };
+    if (itemReviewed)
+        out.itemReviewed = itemReviewed;
+    return out;
+};

package/dist/{components/cms → core}/structured-registry.d.ts

@@ -4,7 +4,7 @@
  * count translatable strings for every usage the manifest recorded on the
  * current route without importing the components themselves.
  */
-import type { Structured } from '../../core/structured.js';
-import type { Tree } from '../../core/path.js';
+import type { Structured } from './structured.js';
+import type { Tree } from './path.js';
 export declare const registerStructured: <T extends Tree>(schema: Structured<T>) => Structured<T>;
 export declare const getStructured: (component: string) => Structured<Tree> | undefined;

package/dist/core/structured.d.ts

@@ -31,18 +31,28 @@ export type TranslationOverlay = Record<string, Record<string, string>>;
 export type StructuredItem = {
     id: string;
 } & Record<string, unknown>;
+/**
+ * One list of items inside a structured value. `key` names the array field,
+ * `translatable` the item fields holding translatable text (a string, or an
+ * array of strings, translated per index as `<field>.<i>`), and `items` any
+ * lists nested inside each item (a collection item's `details`, a pricing
+ * tier's `features`). Every item at every level carries a stable `id`.
+ */
+export type ItemsSpec = {
+    key: string;
+    translatable: readonly string[];
+    items?: ItemsSpec | readonly ItemsSpec[];
+};
 export type StructuredSchema<T extends Tree> = {
     /** Exported component name, e.g. `'CmsHours'`. Recorded in the manifest. */
     component: string;
     /** Current shape version, written as `v` on every value. */
     version: number;
-    /** Root-level fields holding translatable strings, e.g. `['note']`. */
+    /** Root-level fields holding translatable strings, e.g. `['note']`. A
+     * dotted path addresses a nested field (`'labels.closed'`). */
     translatable: readonly string[];
-    /** The item list, when the value has one, and the item fields that translate. */
-    items?: {
-        key: string;
-        translatable: readonly string[];
-    };
+    /** The value's item lists, when it has any, and the item fields that translate. */
+    items?: ItemsSpec | readonly ItemsSpec[];
     /**
      * Turn anything the store may hold — an older version, a hand-seeded
      * partial object, garbage — into the current shape. Must never throw.
@@ -63,21 +73,26 @@ export declare const isPlainObject: (v: unknown) => v is Tree;
 export declare const defineStructured: <T extends Tree>(schema: StructuredSchema<T>) => Structured<T>;
 /** Path of one translated string: `<name>.$t.<id>.<field>`. */
 export declare const translationPath: (name: string, id: string, field: string) => string;
-/** The `$t` branch of a stored value, when it is one. */
+/** The `$t` branch of a stored value, when it is one. A dotted field
+ * (`labels.closed`, `tags.0`) is stored nested by the path-based writes and
+ * read back flat here. */
 export declare const extractTranslations: (raw: unknown) => TranslationOverlay | undefined;
 /** A copy of `raw` without its `$t` branch, so a whole-object write in the
  * default locale never carries another locale's strings. */
 export declare const stripTranslations: (raw: unknown) => unknown;
+/** `set` that copies along the path instead of mutating shared branches. */
+export declare const setIn: (obj: Tree, path: string, value: unknown) => Tree;
 /**
  * Fold a locale's string overlay into a normalized default-locale value.
- * Root fields come from the `_` id; item fields from the item's own `id`.
- * Only non-empty strings override, so an untranslated field shows the
- * default-locale text rather than a blank.
+ * Root fields come from the `_` id; item fields from the item's own `id`,
+ * at every nesting level. Only non-empty strings override, so an
+ * untranslated field shows the default-locale text rather than a blank.
  */
 export declare const applyTranslations: <T extends Tree>(value: T, overlay: TranslationOverlay | undefined, schema: Pick<StructuredSchema<T>, "translatable" | "items">) => T;
 export type TranslatableField = {
     /** Overlay id: an item id, or `_` for a root field. */
     id: string;
+    /** Field path within the object the id addresses (`note`, `labels.closed`, `tags.0`). */
     field: string;
     /** The default-locale string being translated. */
     source: string;
@@ -106,3 +121,11 @@ export declare const asItems: <I extends StructuredItem>(raw: unknown, normalize
 export declare const newItemId: () => string;
 /** Read a structured value's overlay for one locale out of a whole scope tree. */
 export declare const overlayAt: (tree: Tree | undefined, name: string) => TranslationOverlay | undefined;
+/** A list of strings; anything else is dropped. */
+export declare const asStrings: (v: unknown) => string[];
+/** A nullable string: `null` (cleared) stays `null`; anything else is a string. */
+export declare const asOptionalString: (v: unknown) => string | null;
+/** One of a fixed set of strings, else the fallback. */
+export declare const asEnum: <E extends string>(v: unknown, values: readonly E[], fallback: E) => E;
+/** Move an item within a list, returning a new list. */
+export declare const moveItem: <I>(list: readonly I[], from: number, to: number) => I[];

package/dist/core/structured.js

@@ -21,7 +21,7 @@
  *    the default locale only, so the item list can never fork between
  *    languages.
  */
-import { get } from './path.js';
+import { get, leafPaths } from './path.js';
 /** Branch under a structured value that holds a locale's string overlay. */
 export const TRANSLATIONS_KEY = '$t';
 /** Overlay id that addresses the structured value's root fields. */
@@ -31,7 +31,7 @@ export const defineStructured = (schema) => ({
     ...schema,
     read: (raw, fallback) => {
         if (raw === undefined)
-            return fallback === undefined ? schema.empty() : fallback;
+            return fallback === undefined ? schema.empty() : schema.normalize(fallback);
         if (raw === null)
             return schema.empty();
         const overlay = extractTranslations(raw);
@@ -41,7 +41,9 @@ export const defineStructured = (schema) => ({
 });
 /** Path of one translated string: `<name>.$t.<id>.<field>`. */
 export const translationPath = (name, id, field) => `${name}.${TRANSLATIONS_KEY}.${id}.${field}`;
-/** The `$t` branch of a stored value, when it is one. */
+/** The `$t` branch of a stored value, when it is one. A dotted field
+ * (`labels.closed`, `tags.0`) is stored nested by the path-based writes and
+ * read back flat here. */
 export const extractTranslations = (raw) => {
     if (!isPlainObject(raw))
         return undefined;
@@ -53,9 +55,10 @@ export const extractTranslations = (raw) => {
         if (!isPlainObject(fields))
             continue;
         const strings = {};
-        for (const [field, v] of Object.entries(fields)) {
+        for (const path of leafPaths(fields)) {
+            const v = get(fields, path);
             if (typeof v === 'string')
-                strings[field] = v;
+                strings[path] = v;
         }
         out[id] = strings;
     }
@@ -73,38 +76,91 @@ const overlayString = (overlay, id, field) => {
     const v = overlay[id]?.[field];
     return typeof v === 'string' && v !== '' ? v : undefined;
 };
+const specList = (items) => items === undefined ? [] : Array.isArray(items) ? items : [items];
+const isStringArray = (v) => Array.isArray(v) && v.every((s) => typeof s === 'string');
+/** `set` that copies along the path instead of mutating shared branches. */
+export const setIn = (obj, path, value) => {
+    const [head, ...rest] = path.split('.');
+    const out = { ...obj };
+    if (rest.length === 0) {
+        out[head] = value;
+        return out;
+    }
+    const child = obj[head];
+    out[head] = setIn(isPlainObject(child) ? child : {}, rest.join('.'), value);
+    return out;
+};
+/**
+ * Fold a locale's string overlay into one object (the root value or an item)
+ * and, recursively, into the item lists it holds.
+ */
+const applyTo = (obj, id, translatable, items, overlay) => {
+    let out = { ...obj };
+    for (const field of translatable) {
+        const cur = get(obj, field);
+        if (typeof cur === 'string') {
+            const s = overlayString(overlay, id, field);
+            if (s !== undefined)
+                out = setIn(out, field, s);
+        }
+        else if (isStringArray(cur)) {
+            let changed = false;
+            const next = cur.map((v, i) => {
+                const s = overlayString(overlay, id, `${field}.${i}`);
+                if (s === undefined)
+                    return v;
+                changed = true;
+                return s;
+            });
+            if (changed)
+                out = setIn(out, field, next);
+        }
+    }
+    for (const spec of specList(items)) {
+        const list = obj[spec.key];
+        if (!Array.isArray(list))
+            continue;
+        out[spec.key] = list.map((item) => isPlainObject(item) && typeof item.id === 'string'
+            ? applyTo(item, item.id, spec.translatable, spec.items, overlay)
+            : item);
+    }
+    return out;
+};
 /**
  * Fold a locale's string overlay into a normalized default-locale value.
- * Root fields come from the `_` id; item fields from the item's own `id`.
- * Only non-empty strings override, so an untranslated field shows the
- * default-locale text rather than a blank.
+ * Root fields come from the `_` id; item fields from the item's own `id`,
+ * at every nesting level. Only non-empty strings override, so an
+ * untranslated field shows the default-locale text rather than a blank.
  */
 export const applyTranslations = (value, overlay, schema) => {
     if (!overlay)
         return value;
-    const out = { ...value };
-    for (const field of schema.translatable) {
-        const s = overlayString(overlay, ROOT_ID, field);
-        if (s !== undefined)
-            out[field] = s;
-    }
-    if (schema.items) {
-        const list = value[schema.items.key];
-        if (Array.isArray(list)) {
-            out[schema.items.key] = list.map((item) => {
-                if (!isPlainObject(item) || typeof item.id !== 'string')
-                    return item;
-                const next = { ...item };
-                for (const field of schema.items.translatable) {
-                    const s = overlayString(overlay, item.id, field);
-                    if (s !== undefined)
-                        next[field] = s;
-                }
-                return next;
+    return applyTo(value, ROOT_ID, schema.translatable, schema.items, overlay);
+};
+const collectFrom = (obj, id, translatable, items, out) => {
+    for (const field of translatable) {
+        const cur = get(obj, field);
+        if (typeof cur === 'string') {
+            if (cur !== '')
+                out.push({ id, field, source: cur });
+        }
+        else if (isStringArray(cur)) {
+            cur.forEach((s, i) => {
+                if (s !== '')
+                    out.push({ id, field: `${field}.${i}`, source: s });
             });
         }
     }
-    return out;
+    for (const spec of specList(items)) {
+        const list = obj[spec.key];
+        if (!Array.isArray(list))
+            continue;
+        for (const item of list) {
+            if (!isPlainObject(item) || typeof item.id !== 'string')
+                continue;
+            collectFrom(item, item.id, spec.translatable, spec.items, out);
+        }
+    }
 };
 /**
  * Every translatable, non-empty string in a normalized default-locale value.
@@ -112,25 +168,7 @@ export const applyTranslations = (value, overlay, schema) => {
  */
 export const translatableFields = (value, schema) => {
     const out = [];
-    for (const field of schema.translatable) {
-        const s = value[field];
-        if (typeof s === 'string' && s !== '')
-            out.push({ id: ROOT_ID, field, source: s });
-    }
-    if (schema.items) {
-        const list = value[schema.items.key];
-        if (Array.isArray(list)) {
-            for (const item of list) {
-                if (!isPlainObject(item) || typeof item.id !== 'string')
-                    continue;
-                for (const field of schema.items.translatable) {
-                    const s = item[field];
-                    if (typeof s === 'string' && s !== '')
-                        out.push({ id: item.id, field, source: s });
-                }
-            }
-        }
-    }
+    collectFrom(value, ROOT_ID, schema.translatable, schema.items, out);
     return out;
 };
 /** How many translatable strings a locale's overlay still lacks. */
@@ -182,3 +220,16 @@ export const newItemId = () => {
 };
 /** Read a structured value's overlay for one locale out of a whole scope tree. */
 export const overlayAt = (tree, name) => extractTranslations(get(tree, name));
+/** A list of strings; anything else is dropped. */
+export const asStrings = (v) => Array.isArray(v) ? v.filter((s) => typeof s === 'string') : [];
+/** A nullable string: `null` (cleared) stays `null`; anything else is a string. */
+export const asOptionalString = (v) => typeof v === 'string' && v !== '' ? v : null;
+/** One of a fixed set of strings, else the fallback. */
+export const asEnum = (v, values, fallback) => typeof v === 'string' && values.includes(v) ? v : fallback;
+/** Move an item within a list, returning a new list. */
+export const moveItem = (list, from, to) => {
+    const next = [...list];
+    const [item] = next.splice(from, 1);
+    next.splice(to, 0, item);
+    return next;
+};

package/dist/editor.d.ts

@@ -10,6 +10,10 @@ export { default as StructuredEditorPopover } from './components/admin-bar/struc
 export { default as FieldInput } from './components/admin-bar/field-input.svelte';
 export type { FieldInputType } from './components/admin-bar/field-input.svelte';
 export { default as ReorderButtons } from './components/admin-bar/reorder-buttons.svelte';
+export { default as FieldsForm } from './components/admin-bar/fields-form.svelte';
+export { default as ListField } from './components/admin-bar/list-field.svelte';
+export { default as LinkInput } from './components/admin-bar/link-input.svelte';
+export { default as RichTextInput } from './components/admin-bar/rich-text-input.svelte';
 export { default as CssRoot } from './components/admin-bar/css-root.svelte';
 export { Button } from './components/admin-bar/ui/button/index.js';
 export { Input } from './components/admin-bar/ui/input/index.js';

package/dist/editor.js

@@ -9,6 +9,10 @@
 export { default as StructuredEditorPopover } from './components/admin-bar/structured-editor-popover.svelte';
 export { default as FieldInput } from './components/admin-bar/field-input.svelte';
 export { default as ReorderButtons } from './components/admin-bar/reorder-buttons.svelte';
+export { default as FieldsForm } from './components/admin-bar/fields-form.svelte';
+export { default as ListField } from './components/admin-bar/list-field.svelte';
+export { default as LinkInput } from './components/admin-bar/link-input.svelte';
+export { default as RichTextInput } from './components/admin-bar/rich-text-input.svelte';
 export { default as CssRoot } from './components/admin-bar/css-root.svelte';
 export { Button } from './components/admin-bar/ui/button/index.js';
 export { Input } from './components/admin-bar/ui/input/index.js';

package/dist/index.d.ts

@@ -7,23 +7,37 @@
 export { default as CmsText } from './components/cms/cms-text.svelte';
 export { default as CmsRichText } from './components/cms/cms-rich-text.svelte';
 export { default as CmsMarkdown } from './components/cms/cms-markdown.svelte';
-export { default as CmsImage, normalizeImage } from './components/cms/cms-image.svelte';
-export type { CmsImageValue } from './components/cms/cms-image.svelte';
+export { default as CmsImage } from './components/cms/cms-image.svelte';
 export { default as CmsBoolean } from './components/cms/cms-boolean.svelte';
 export { default as CmsNumber } from './components/cms/cms-number.svelte';
 export type { CmsNumberProps } from './components/cms/cms-number.svelte';
 export { default as CmsDateTime } from './components/cms/cms-date-time.svelte';
 export type { CmsDateTimeMode, CmsDateTimeProps } from './components/cms/cms-date-time.svelte';
-export { default as CmsLink, normalizeLink } from './components/cms/cms-link.svelte';
-export type { CmsLinkValue, CmsLinkRenderProps } from './components/cms/cms-link.svelte';
-export { default as CmsRepeater } from './components/cms/cms-repeater.svelte';
+export { default as CmsLink } from './components/cms/cms-link.svelte';
+export type { CmsLinkRenderProps } from './components/cms/cms-link.svelte';
 export { default as CmsEntries } from './components/cms/cms-entries.svelte';
+export { default as CmsNav } from './components/cms/cms-nav.svelte';
+export { default as CmsHours } from './components/cms/cms-hours.svelte';
+export { default as CmsContact } from './components/cms/cms-contact.svelte';
+export { default as CmsSocialLinks } from './components/cms/cms-social-links.svelte';
+export { default as CmsCollection } from './components/cms/cms-collection.svelte';
+export { default as CmsTeam } from './components/cms/cms-team.svelte';
+export { default as CmsTestimonials } from './components/cms/cms-testimonials.svelte';
+export { default as CmsPricing } from './components/cms/cms-pricing.svelte';
+export { default as CmsFaq } from './components/cms/cms-faq.svelte';
+export { default as CmsStats } from './components/cms/cms-stats.svelte';
+export { default as CmsSteps } from './components/cms/cms-steps.svelte';
+export { default as CmsTimeline } from './components/cms/cms-timeline.svelte';
+export { default as CmsGallery } from './components/cms/cms-gallery.svelte';
+export { default as CmsLogos } from './components/cms/cms-logos.svelte';
+export { default as CmsSchedule } from './components/cms/cms-schedule.svelte';
+export * from './core/shapes/index.js';
 export { default as AdminBar } from './components/admin-bar/admin-bar.svelte';
 export { useCmsField, resolveScopeRef, ROOT_SCOPE_ID } from './components/cms/use-cms-field.svelte.js';
 export type { CmsField, CmsFieldInput } from './components/cms/use-cms-field.svelte.js';
-export { defineStructured, applyTranslations, countTranslations, extractTranslations, stripTranslations, translatableFields, translationPath, asBoolean, asItems, asNumber, asString, newItemId, ROOT_ID, TRANSLATIONS_KEY } from './core/structured.js';
-export type { Structured, StructuredItem, StructuredSchema, TranslatableField, TranslationOverlay } from './core/structured.js';
-export { registerStructured, getStructured } from './components/cms/structured-registry.js';
+export { defineStructured, applyTranslations, countTranslations, extractTranslations, stripTranslations, translatableFields, translationPath, asBoolean, asEnum, asItems, asNumber, asOptionalString, asString, asStrings, moveItem, newItemId, setIn, ROOT_ID, TRANSLATIONS_KEY } from './core/structured.js';
+export type { ItemsSpec, Structured, StructuredItem, StructuredSchema, TranslatableField, TranslationOverlay } from './core/structured.js';
+export { registerStructured, getStructured } from './core/structured-registry.js';
 export { toMetaTags } from './core/metadata.js';
 export type { MetaTagsOptions, MetaTagsOutput } from './core/metadata.js';
 export { definePage, DEFAULT_METADATA_SCHEMA, metadataSchemaFor } from './components/admin-bar/page-config.js';

package/dist/index.js

@@ -8,13 +8,32 @@
 export { default as CmsText } from './components/cms/cms-text.svelte';
 export { default as CmsRichText } from './components/cms/cms-rich-text.svelte';
 export { default as CmsMarkdown } from './components/cms/cms-markdown.svelte';
-export { default as CmsImage, normalizeImage } from './components/cms/cms-image.svelte';
+export { default as CmsImage } from './components/cms/cms-image.svelte';
 export { default as CmsBoolean } from './components/cms/cms-boolean.svelte';
 export { default as CmsNumber } from './components/cms/cms-number.svelte';
 export { default as CmsDateTime } from './components/cms/cms-date-time.svelte';
-export { default as CmsLink, normalizeLink } from './components/cms/cms-link.svelte';
-export { default as CmsRepeater } from './components/cms/cms-repeater.svelte';
+export { default as CmsLink } from './components/cms/cms-link.svelte';
 export { default as CmsEntries } from './components/cms/cms-entries.svelte';
+// Structured editor components. Each reads one versioned value, opens a
+// popover editor in edit mode and hands the typed view to `children`.
+// Their value types, normalizers and JSON-LD helpers come from the shapes.
+export { default as CmsNav } from './components/cms/cms-nav.svelte';
+export { default as CmsHours } from './components/cms/cms-hours.svelte';
+export { default as CmsContact } from './components/cms/cms-contact.svelte';
+export { default as CmsSocialLinks } from './components/cms/cms-social-links.svelte';
+export { default as CmsCollection } from './components/cms/cms-collection.svelte';
+export { default as CmsTeam } from './components/cms/cms-team.svelte';
+export { default as CmsTestimonials } from './components/cms/cms-testimonials.svelte';
+export { default as CmsPricing } from './components/cms/cms-pricing.svelte';
+export { default as CmsFaq } from './components/cms/cms-faq.svelte';
+// List presets: fixed item shapes; a new shape is a new preset here.
+export { default as CmsStats } from './components/cms/cms-stats.svelte';
+export { default as CmsSteps } from './components/cms/cms-steps.svelte';
+export { default as CmsTimeline } from './components/cms/cms-timeline.svelte';
+export { default as CmsGallery } from './components/cms/cms-gallery.svelte';
+export { default as CmsLogos } from './components/cms/cms-logos.svelte';
+export { default as CmsSchedule } from './components/cms/cms-schedule.svelte';
+export * from './core/shapes/index.js';
 // Admin bar (sync wrapper; admin-bar-internal + seo-panel are async chunks)
 export { default as AdminBar } from './components/admin-bar/admin-bar.svelte';
 // Building blocks for structured components: the field hook, the value
@@ -23,8 +42,8 @@ export { default as AdminBar } from './components/admin-bar/admin-bar.svelte';
 // lazily by editable siblings:
 //   `import('@velastack/cms/editor')`
 export { useCmsField, resolveScopeRef, ROOT_SCOPE_ID } from './components/cms/use-cms-field.svelte.js';
-export { defineStructured, applyTranslations, countTranslations, extractTranslations, stripTranslations, translatableFields, translationPath, asBoolean, asItems, asNumber, asString, newItemId, ROOT_ID, TRANSLATIONS_KEY } from './core/structured.js';
-export { registerStructured, getStructured } from './components/cms/structured-registry.js';
+export { defineStructured, applyTranslations, countTranslations, extractTranslations, stripTranslations, translatableFields, translationPath, asBoolean, asEnum, asItems, asNumber, asOptionalString, asString, asStrings, moveItem, newItemId, setIn, ROOT_ID, TRANSLATIONS_KEY } from './core/structured.js';
+export { registerStructured, getStructured } from './core/structured-registry.js';
 // Page metadata → svelte-meta-tags props.
 export { toMetaTags } from './core/metadata.js';
 // Per-route page configuration — declare in `page.cms.ts` next to `+page.svelte`.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@velastack/cms",
-	"version": "0.5.0",
+	"version": "0.5.1",
 	"description": "A scope-aware CMS for SvelteKit, for static or dynamic sites.",
 	"keywords": [
 		"svelte",

package/dist/components/cms/cms-repeater-editable.svelte

@@ -1,137 +0,0 @@
-<script lang="ts" generics="T extends Record<string, unknown>">
-	import type { Snippet } from 'svelte';
-	import { cmsStore, type CmsScopeRef } from './cms-store.svelte.js';
-
-	type Props = {
-		scope: CmsScopeRef;
-		name: string;
-		items: T[];
-		children: Snippet<[T, number]>;
-	};
-
-	let { scope, name, items, children }: Props = $props();
-
-	/** Build a blank item from the keys of the first existing item. */
-	const blankItem = (): T => {
-		const template = items[0];
-		const out: Record<string, unknown> = {};
-		if (template) for (const k of Object.keys(template)) out[k] = '';
-		return out as T;
-	};
-
-	const commit = (next: T[]) => cmsStore.setValue(scope, name, next);
-
-	const removeItem = (index: number) => commit(items.filter((_, i) => i !== index));
-	const addItem = () => commit([...items, blankItem()]);
-	const updateItem = (index: number, patch: Partial<T>) =>
-		commit(items.map((item, i) => (i === index ? ({ ...item, ...patch } as T) : item)));
-</script>
-
-<ul class="cms-repeater-editable">
-	{#each items as item, i (i)}
-		<li class="cms-repeater-editable__item">
-			<div class="cms-repeater-editable__preview">
-				{@render children(item, i)}
-			</div>
-			<details class="cms-repeater-editable__fields">
-				<summary>Fields</summary>
-				{#each Object.keys(item) as key}
-					<label>
-						<span>{key}</span>
-						<input
-							type="text"
-							value={String(item[key] ?? '')}
-							oninput={(e) =>
-								updateItem(i, { [key]: (e.target as HTMLInputElement).value } as Partial<T>)}
-						/>
-					</label>
-				{/each}
-			</details>
-			<button
-				type="button"
-				class="cms-repeater-editable__remove"
-				aria-label="Remove item"
-				onclick={() => removeItem(i)}
-			>
-				×
-			</button>
-		</li>
-	{/each}
-</ul>
-<button type="button" class="cms-repeater-editable__add" onclick={addItem}>+ Add item</button>
-
-<style>
-	.cms-repeater-editable {
-		list-style: none;
-		padding: 0;
-		margin: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-	}
-	.cms-repeater-editable__item {
-		position: relative;
-		padding: 0.5rem;
-		border: 1px dashed rgba(127, 127, 127, 0.6);
-		border-radius: 0.25rem;
-		background: rgba(127, 127, 127, 0.06);
-	}
-	.cms-repeater-editable__remove {
-		position: absolute;
-		top: 0.25rem;
-		right: 0.25rem;
-		width: 1.5rem;
-		height: 1.5rem;
-		border: 0;
-		border-radius: 9999px;
-		background: rgba(220, 38, 38, 0.1);
-		color: rgb(220, 38, 38);
-		cursor: pointer;
-		font-size: 1rem;
-		line-height: 1;
-	}
-	.cms-repeater-editable__remove:hover {
-		background: rgba(220, 38, 38, 0.2);
-	}
-	.cms-repeater-editable__fields {
-		margin-top: 0.5rem;
-		font-size: 0.85em;
-	}
-	.cms-repeater-editable__fields summary {
-		cursor: pointer;
-		color: rgba(127, 127, 127, 0.9);
-	}
-	.cms-repeater-editable__fields label {
-		display: flex;
-		align-items: center;
-		gap: 0.5rem;
-		margin-top: 0.375rem;
-	}
-	.cms-repeater-editable__fields label span {
-		flex: 0 0 6rem;
-		font-family: ui-monospace, monospace;
-		color: rgba(127, 127, 127, 0.9);
-	}
-	.cms-repeater-editable__fields input {
-		flex: 1;
-		padding: 0.25rem 0.5rem;
-		border: 1px solid rgba(127, 127, 127, 0.4);
-		border-radius: 0.25rem;
-		background: canvas;
-		color: inherit;
-		font: inherit;
-	}
-	.cms-repeater-editable__add {
-		margin-top: 0.5rem;
-		padding: 0.375rem 0.75rem;
-		border: 1px dashed rgba(127, 127, 127, 0.6);
-		border-radius: 0.25rem;
-		background: transparent;
-		color: inherit;
-		cursor: pointer;
-		font: inherit;
-	}
-	.cms-repeater-editable__add:hover {
-		background: rgba(127, 127, 127, 0.06);
-	}
-</style>