canopycms 0.0.0

package/dist/editor/editor-config.js

@@ -0,0 +1,79 @@
+const normalizeContentRoot = (value) => {
+    const trimmed = (value ?? 'content').replace(/^\/+|\/+$/g, '');
+    return trimmed;
+};
+const stripContentRoot = (logicalPath, contentRoot) => {
+    const prefix = contentRoot ? `${contentRoot}/` : '';
+    if (prefix && logicalPath.startsWith(prefix)) {
+        return logicalPath.slice(prefix.length);
+    }
+    return logicalPath;
+};
+/**
+ * Build hierarchical editor collections from the flattened schema.
+ * Uses logicalPath as IDs to match API responses.
+ * Optimized to O(n) using Map-based grouping.
+ *
+ * Only collections are returned - entry types are schema metadata, not navigable nodes.
+ * Entry types define the schema for entries within a collection but are not themselves
+ * shown as separate nodes in the navigation tree.
+ */
+export const buildEditorCollections = (flatSchema) => {
+    const flat = flatSchema;
+    // Group items by parentPath for O(1) lookup - O(n) total
+    const childrenByParent = new Map();
+    for (const item of flat) {
+        const key = item.parentPath;
+        if (!childrenByParent.has(key)) {
+            childrenByParent.set(key, []);
+        }
+        childrenByParent.get(key).push(item);
+    }
+    // Build tree recursively using the grouped map
+    const buildTree = (parentPath) => {
+        const children = childrenByParent.get(parentPath) || [];
+        const results = [];
+        for (const item of children) {
+            if (item.type === 'collection') {
+                // Collections are always navigable
+                const defaultEntry = item.entries?.find((e) => e.default) || item.entries?.[0];
+                const entryTypes = item.entries?.map((et) => ({
+                    name: et.name,
+                    label: et.label,
+                    format: et.format,
+                    default: et.default,
+                    maxItems: et.maxItems,
+                }));
+                results.push({
+                    path: item.logicalPath,
+                    contentId: item.contentId,
+                    name: item.name,
+                    label: item.label,
+                    format: defaultEntry?.format || 'json',
+                    type: 'collection',
+                    entryTypes: entryTypes && entryTypes.length > 0 ? entryTypes : undefined,
+                    order: item.order,
+                    children: buildTree(item.logicalPath), // Recursively build children
+                });
+            }
+            // Entry types are NOT included - they're schema metadata, not navigable nodes
+        }
+        return results;
+    };
+    // Start with root-level collections (parentPath: undefined)
+    // This now includes the content root collection itself
+    return buildTree(undefined);
+};
+export const buildPreviewBaseByCollection = (config, flatSchema) => {
+    const contentRoot = normalizeContentRoot(config.contentRoot);
+    const flat = flatSchema;
+    const map = {};
+    for (const item of flat) {
+        // Strip content root from all items and normalize to preview URL
+        const base = stripContentRoot(item.logicalPath, contentRoot);
+        const normalizedBase = base ? `/${base}` : '/';
+        map[item.logicalPath] = normalizedBase;
+    }
+    return map;
+};
+//# sourceMappingURL=editor-config.js.map

package/dist/editor/editor-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-config.js","sourceRoot":"","sources":["../../src/editor/editor-config.ts"],"names":[],"mappings":"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"}

package/dist/editor/editor-utils.d.ts

@@ -0,0 +1,92 @@
+import type { CollectionItem, ListEntriesResponse } from '../api/entries';
+import type { ContentFormat, FlatSchemaItem } from '../config';
+import type { FormValue } from './FormRenderer';
+import type { EditorEntry, EditorCollection } from './Editor';
+import type { TreeNodeData } from '@mantine/core';
+import { normalizeCollectionPath } from '../paths/normalize';
+export { normalizeCollectionPath };
+export interface PreviewContext {
+    branchName?: string;
+    previewBaseByCollection?: Record<string, string>;
+}
+export declare const encodeSlug: (value?: string) => string;
+export declare const buildPreviewSrc: (entry: {
+    collectionPath?: string;
+    collectionName?: string;
+    slug?: string;
+    itemType?: string;
+    previewSrc?: string;
+}, { branchName, previewBaseByCollection, contentRoot }: PreviewContext & {
+    contentRoot?: string;
+}) => string;
+export declare const normalizeContentPayload: (raw: unknown) => FormValue;
+export declare const buildWritePayload: (entry: {
+    collectionPath?: string;
+    slug?: string;
+    format?: ContentFormat;
+}, value: FormValue) => FormValue;
+interface BuildEntriesFromListParams {
+    response: ListEntriesResponse;
+    branchName: string;
+    resolvePreviewSrc: (entry: Pick<CollectionItem, 'collectionPath' | 'collectionName' | 'slug' | 'entryType'>) => string;
+    contentRoot: string;
+    flatSchema: FlatSchemaItem[];
+}
+export declare const buildEntriesFromListResponse: ({ response, branchName, resolvePreviewSrc, contentRoot, flatSchema, }: BuildEntriesFromListParams) => EditorEntry[];
+/**
+ * Builds a map of collection IDs to their labels for breadcrumb display.
+ * Recursively walks through nested collections to build a flat map.
+ *
+ * @param collections - The collection tree structure
+ * @returns A Map where keys are collection IDs (paths) and values are labels
+ */
+export declare const buildCollectionLabels: (collections?: EditorCollection[]) => Map<string, string>;
+/**
+ * Builds breadcrumb segments for an entry based on its collection hierarchy.
+ *
+ * @param currentEntry - The entry to build breadcrumbs for (or undefined for root)
+ * @param collectionLabels - Map of collection IDs to labels
+ * @returns Array of breadcrumb segment strings, starting with 'All Files'
+ *
+ * @example
+ * ```ts
+ * // Entry in nested collection
+ * const entry = { collectionPath: 'content/docs/guides', slug: 'config' }
+ * const labels = new Map([
+ *   ['content', 'Content'],
+ *   ['content/docs', 'Documentation'],
+ *   ['content/docs/guides', 'Guides']
+ * ])
+ * buildBreadcrumbSegments(entry, labels)
+ * // Returns: ['All Files', 'Documentation', 'Guides']
+ * ```
+ */
+export declare const buildBreadcrumbSegments: (currentEntry: EditorEntry | undefined, collectionLabels: Map<string, string>) => string[];
+/**
+ * Calculates which collection nodes need to be expanded to show the path to a specific entry.
+ * Recursively walks the tree to find the target entry and marks all ancestor collections as expanded.
+ *
+ * @param entryPath - The entry path to find (e.g., "blog/my-post")
+ * @param treeData - The tree data structure from Mantine Tree
+ * @returns Record<string, boolean> - Expanded state object where keys are collection node values
+ *
+ * @example
+ * ```ts
+ * const treeData = [
+ *   {
+ *     value: 'collection:blog',
+ *     children: [
+ *       { value: 'blog/post-1' },
+ *       {
+ *         value: 'collection:blog/featured',
+ *         children: [{ value: 'blog/featured/my-post' }]
+ *       }
+ *     ]
+ *   }
+ * ]
+ * calculatePathToEntry('blog/featured/my-post', treeData)
+ * // Returns: { 'collection:blog': true, 'collection:blog/featured': true }
+ * ```
+ */
+export declare const calculatePathToEntry: (entryPath: string | undefined, treeData: TreeNodeData[]) => Record<string, boolean>;
+//# sourceMappingURL=editor-utils.d.ts.map

package/dist/editor/editor-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-utils.d.ts","sourceRoot":"","sources":["../../src/editor/editor-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,KAAK,EAAE,aAAa,EAAe,cAAc,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,uBAAuB,EAAE,CAAA;AAElC,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACjD;AAED,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,KAAG,MAK9B,CAAA;AAEd,eAAO,MAAM,eAAe,GAC1B,OAAO;IACL,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,EACD,sDAAsD,cAAc,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,KAC9F,MAoCF,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,KAAK,OAAO,KAAG,SAgBtD,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,OAAO;IAAE,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,aAAa,CAAA;CAAE,EACzE,OAAO,SAAS,cAejB,CAAA;AAED,UAAU,0BAA0B;IAClC,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,CACjB,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,gBAAgB,GAAG,gBAAgB,GAAG,MAAM,GAAG,WAAW,CAAC,KACpF,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B;AAED,eAAO,MAAM,4BAA4B,GAAI,uEAM1C,0BAA0B,KAAG,WAAW,EAqC1C,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,cAAc,gBAAgB,EAAE,KAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAc1F,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,uBAAuB,GAClC,cAAc,WAAW,GAAG,SAAS,EACrC,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,MAAM,EAyBR,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,oBAAoB,GAC/B,WAAW,MAAM,GAAG,SAAS,EAC7B,UAAU,YAAY,EAAE,KACvB,MAAM,CAAC,MAAM,EAAE,OAAO,CAwCxB,CAAA"}

package/dist/editor/editor-utils.js

@@ -0,0 +1,238 @@
+// Import directly from normalize to avoid pulling in server-only branch.ts
+import { normalizeCollectionPath } from '../paths/normalize';
+export { normalizeCollectionPath };
+export const encodeSlug = (value) => (value ?? '')
+    .split('/')
+    .filter(Boolean)
+    .map((segment) => encodeURIComponent(segment))
+    .join('/');
+export const buildPreviewSrc = (entry, { branchName, previewBaseByCollection, contentRoot }) => {
+    if (entry.previewSrc)
+        return entry.previewSrc;
+    const appendBranch = (url) => {
+        if (!branchName)
+            return url;
+        const separator = url.includes('?') ? '&' : '?';
+        return `${url}${separator}branch=${encodeURIComponent(branchName)}`;
+    };
+    // Root-level entries have collectionPath === contentRoot (e.g., 'content')
+    const isRootEntry = contentRoot && entry.collectionPath === contentRoot;
+    if (isRootEntry) {
+        // Check for custom preview URL in previewBaseByCollection
+        const customPreview = previewBaseByCollection?.[`${contentRoot}/${entry.slug}`];
+        if (customPreview) {
+            return appendBranch(customPreview);
+        }
+        // Default root entries to root path
+        return appendBranch('/');
+    }
+    const base = (entry.collectionPath && previewBaseByCollection?.[entry.collectionPath]) ??
+        (entry.collectionName && previewBaseByCollection?.[entry.collectionName]);
+    if (!base) {
+        // Build URL from collection path + slug
+        const collectionPath = entry.collectionPath ? normalizeCollectionPath(entry.collectionPath) : '';
+        const encoded = encodeSlug(entry.slug);
+        const segments = [collectionPath, encoded].filter(Boolean);
+        const url = segments.length > 0 ? `/${segments.join('/')}` : '/';
+        return appendBranch(url);
+    }
+    const trimmed = base.endsWith('/') ? base.slice(0, -1) : base;
+    const encoded = encodeSlug(entry.slug);
+    const url = encoded ? `${trimmed}/${encoded}` : trimmed || '/';
+    return appendBranch(url);
+};
+export const normalizeContentPayload = (raw) => {
+    const candidate = raw;
+    const data = candidate?.data ?? candidate;
+    if (data && typeof data === 'object' && 'format' in data && 'data' in data) {
+        const format = data.format;
+        const payloadData = data.data ?? {};
+        if (format === 'json')
+            return payloadData;
+        return {
+            ...payloadData,
+            body: typeof data.body === 'string'
+                ? data.body
+                : '',
+        };
+    }
+    return data ?? {};
+};
+export const buildWritePayload = (entry, value) => {
+    if (!entry.format)
+        return value;
+    if (entry.format === 'json') {
+        return {
+            format: 'json',
+            data: value,
+        };
+    }
+    const { body, ...rest } = value;
+    return {
+        format: entry.format,
+        data: rest,
+        body: typeof body === 'string' ? body : '',
+    };
+};
+export const buildEntriesFromListResponse = ({ response, branchName, resolvePreviewSrc, contentRoot, flatSchema, }) => {
+    return response.entries.map((entry) => {
+        // Resolve schema from flatSchema using parentPath + name
+        let schema = [];
+        if (entry.collectionPath && entry.entryType) {
+            const entryTypeItem = flatSchema.find((item) => item.type === 'entry-type' &&
+                item.parentPath === entry.collectionPath &&
+                item.name === entry.entryType);
+            if (entryTypeItem && entryTypeItem.type === 'entry-type') {
+                schema = entryTypeItem.schema;
+            }
+        }
+        const isRootEntry = entry.collectionPath === contentRoot;
+        const apiPath = isRootEntry
+            ? `/api/canopycms/${branchName}/content/${encodeURIComponent(entry.slug)}`
+            : `/api/canopycms/${branchName}/content/${encodeURIComponent(entry.collectionPath)}/${encodeURIComponent(entry.slug)}`;
+        return {
+            path: entry.logicalPath,
+            contentId: entry.contentId,
+            label: entry.title || entry.slug || entry.collectionName || entry.collectionPath,
+            status: entry.exists === false ? 'missing' : (entry.entryType ?? 'entry'),
+            schema: schema,
+            apiPath,
+            previewSrc: resolvePreviewSrc(entry),
+            collectionPath: entry.collectionPath,
+            collectionName: entry.collectionName,
+            slug: entry.slug,
+            format: entry.format,
+            type: 'entry',
+            canEdit: entry.canEdit,
+        };
+    });
+};
+/**
+ * Builds a map of collection IDs to their labels for breadcrumb display.
+ * Recursively walks through nested collections to build a flat map.
+ *
+ * @param collections - The collection tree structure
+ * @returns A Map where keys are collection IDs (paths) and values are labels
+ */
+export const buildCollectionLabels = (collections) => {
+    const map = new Map();
+    if (!collections)
+        return map;
+    const walk = (nodes) => {
+        for (const c of nodes) {
+            map.set(c.path, c.label ?? c.name);
+            if (c.children) {
+                walk(c.children);
+            }
+        }
+    };
+    walk(collections);
+    return map;
+};
+/**
+ * Builds breadcrumb segments for an entry based on its collection hierarchy.
+ *
+ * @param currentEntry - The entry to build breadcrumbs for (or undefined for root)
+ * @param collectionLabels - Map of collection IDs to labels
+ * @returns Array of breadcrumb segment strings, starting with 'All Files'
+ *
+ * @example
+ * ```ts
+ * // Entry in nested collection
+ * const entry = { collectionPath: 'content/docs/guides', slug: 'config' }
+ * const labels = new Map([
+ *   ['content', 'Content'],
+ *   ['content/docs', 'Documentation'],
+ *   ['content/docs/guides', 'Guides']
+ * ])
+ * buildBreadcrumbSegments(entry, labels)
+ * // Returns: ['All Files', 'Documentation', 'Guides']
+ * ```
+ */
+export const buildBreadcrumbSegments = (currentEntry, collectionLabels) => {
+    if (!currentEntry)
+        return ['All Files'];
+    const segments = ['All Files'];
+    // Show collection hierarchy for entries that belong to a collection
+    if (currentEntry.collectionPath) {
+        // Split the collectionPath into path parts and build cumulative paths
+        // e.g., "content/documentation/guides" -> ["content/documentation", "content/documentation/guides"]
+        const parts = currentEntry.collectionPath.split('/').filter(Boolean);
+        for (let i = 1; i < parts.length; i++) {
+            const pathUpToHere = parts.slice(0, i + 1).join('/');
+            const label = collectionLabels.get(pathUpToHere);
+            if (label) {
+                segments.push(label);
+            }
+        }
+    }
+    // Add slug path segments (for nested slugs like "folder/file")
+    const slugSegments = (currentEntry.slug ?? '').split('/').filter(Boolean);
+    if (slugSegments.length > 1) {
+        segments.push(...slugSegments.slice(0, -1));
+    }
+    return segments;
+};
+/**
+ * Calculates which collection nodes need to be expanded to show the path to a specific entry.
+ * Recursively walks the tree to find the target entry and marks all ancestor collections as expanded.
+ *
+ * @param entryPath - The entry path to find (e.g., "blog/my-post")
+ * @param treeData - The tree data structure from Mantine Tree
+ * @returns Record<string, boolean> - Expanded state object where keys are collection node values
+ *
+ * @example
+ * ```ts
+ * const treeData = [
+ *   {
+ *     value: 'collection:blog',
+ *     children: [
+ *       { value: 'blog/post-1' },
+ *       {
+ *         value: 'collection:blog/featured',
+ *         children: [{ value: 'blog/featured/my-post' }]
+ *       }
+ *     ]
+ *   }
+ * ]
+ * calculatePathToEntry('blog/featured/my-post', treeData)
+ * // Returns: { 'collection:blog': true, 'collection:blog/featured': true }
+ * ```
+ */
+export const calculatePathToEntry = (entryPath, treeData) => {
+    if (!entryPath)
+        return {};
+    const pathToExpand = {};
+    /**
+     * Recursive function to find entry and mark parent collections as expanded.
+     * @param nodes - Current level of tree nodes to search
+     * @param ancestors - Accumulated ancestor node values (collection IDs) from root to current position
+     * @returns true if the target entry was found in this subtree
+     */
+    const findAndMarkPath = (nodes, ancestors) => {
+        for (const node of nodes) {
+            // Found the target entry
+            if (node.value === entryPath) {
+                // Mark all ancestors as expanded
+                for (const ancestor of ancestors) {
+                    pathToExpand[ancestor] = true;
+                }
+                return true;
+            }
+            // Search children recursively if they exist
+            if (node.children && node.children.length > 0) {
+                const currentPath = [...ancestors, node.value];
+                const found = findAndMarkPath(node.children, currentPath);
+                if (found) {
+                    // Mark this node as expanded since the target was found in its subtree
+                    pathToExpand[node.value] = true;
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    findAndMarkPath(treeData, []);
+    return pathToExpand;
+};
+//# sourceMappingURL=editor-utils.js.map

package/dist/editor/editor-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-utils.js","sourceRoot":"","sources":["../../src/editor/editor-utils.ts"],"names":[],"mappings":"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"}

package/dist/editor/env.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Tiny helper to check for browser environment.
+ */
+export declare const isBrowser: () => boolean;
+//# sourceMappingURL=env.d.ts.map

package/dist/editor/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../src/editor/env.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,SAAS,QAAO,OAAwC,CAAA"}

package/dist/editor/env.js

@@ -0,0 +1,5 @@
+/**
+ * Tiny helper to check for browser environment.
+ */
+export const isBrowser = () => typeof window !== 'undefined';
+//# sourceMappingURL=env.js.map

package/dist/editor/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../../src/editor/env.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAY,EAAE,CAAC,OAAO,MAAM,KAAK,WAAW,CAAA"}

package/dist/editor/fields/BlockField.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { BlockConfig, FieldConfig } from '../../config';
+export interface BlockInstance {
+    template: string;
+    value: Record<string, unknown>;
+}
+export type RenderField = (field: FieldConfig, value: unknown, onChange: (v: unknown) => void, path: Array<string | number>) => React.ReactNode;
+export interface BlockFieldProps {
+    label?: string;
+    templates: BlockConfig[];
+    value: BlockInstance[];
+    onChange: (blocks: BlockInstance[]) => void;
+    renderField: RenderField;
+    path: Array<string | number>;
+    dataCanopyField?: string;
+}
+export declare const BlockField: React.FC<BlockFieldProps>;
+export default BlockField;
+//# sourceMappingURL=BlockField.d.ts.map

package/dist/editor/fields/BlockField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/BlockField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAsBhD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAG5D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED,MAAM,MAAM,WAAW,GAAG,CACxB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,EAC9B,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KACzB,KAAK,CAAC,SAAS,CAAA;AAEpB,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IAC3C,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAwCD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmLhD,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/editor/fields/BlockField.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo, useState } from 'react';
+let blockKeyCounter = 0;
+import { ActionIcon, Button, Group, Paper, Select, Stack, Text } from '@mantine/core';
+import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { formatCanopyPath } from '../canopy-path';
+const findTemplate = (templates, name) => templates.find((t) => t.name === name);
+const SortableBlock = ({ id, children }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+        id,
+    });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.85 : 1,
+    };
+    return (_jsx(Paper, { ref: setNodeRef, withBorder: true, radius: "md", p: "sm", shadow: "xs", style: style, children: _jsxs(Group, { align: "flex-start", gap: "sm", children: [_jsx(ActionIcon, { variant: "subtle", "aria-label": "Drag to reorder", ...attributes, ...listeners, style: { cursor: 'grab' }, children: "\u21C5" }, "drag-handle"), _jsx("div", { style: { flex: 1, minWidth: 0, width: '100%' }, children: children }, "content")] }) }));
+};
+export const BlockField = ({ label, templates, value, onChange, renderField, path, dataCanopyField, }) => {
+    const [itemKeys, setItemKeys] = useState(() => value.map(() => `block-${blockKeyCounter++}`));
+    const [pendingTemplate, setPendingTemplate] = useState(null);
+    // Sync itemKeys length with value length (adjust state during render)
+    if (value.length > itemKeys.length) {
+        const extras = Array.from({ length: value.length - itemKeys.length }, () => `block-${blockKeyCounter++}`);
+        setItemKeys((prev) => [...prev, ...extras]);
+    }
+    else if (value.length < itemKeys.length) {
+        setItemKeys((prev) => prev.slice(0, value.length));
+    }
+    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    const addBlock = (templateName) => {
+        const template = findTemplate(templates, templateName);
+        if (!template)
+            return;
+        onChange([...value, { template: templateName, value: {} }]);
+        setItemKeys((prev) => [
+            ...prev,
+            `block-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+        ]);
+    };
+    const moveBlock = (from, to) => {
+        if (from === to || from < 0 || to < 0 || from >= value.length || to >= value.length)
+            return;
+        onChange(arrayMove(value, from, to));
+        setItemKeys((prev) => arrayMove(prev, from, to));
+    };
+    const removeBlock = (index) => {
+        onChange(value.filter((_, idx) => idx !== index));
+        setItemKeys((prev) => prev.filter((_, idx) => idx !== index));
+    };
+    const updateBlockValue = (index, val) => {
+        const next = [...value];
+        next[index] = { ...next[index], value: val };
+        onChange(next);
+    };
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (!over || active.id === over.id)
+            return;
+        const oldIndex = itemKeys.indexOf(String(active.id));
+        const newIndex = itemKeys.indexOf(String(over.id));
+        if (oldIndex === -1 || newIndex === -1)
+            return;
+        moveBlock(oldIndex, newIndex);
+    };
+    const selectableTemplates = useMemo(() => templates.map((t) => ({ value: t.name, label: t.label ?? t.name })), [templates]);
+    return (_jsx(Paper, { withBorder: true, radius: "md", p: "md", bg: "gray.0", "data-canopy-field": dataCanopyField ?? formatCanopyPath(path), shadow: "xs", children: _jsxs(Stack, { gap: "sm", children: [_jsxs(Group, { justify: "space-between", children: [_jsx(Text, { size: "xs", fw: 700, c: "dimmed", children: label ?? 'Blocks' }), _jsx(Select, { "aria-label": "Add block", placeholder: "Add block...", data: selectableTemplates, value: pendingTemplate, onChange: (next) => {
+                                if (next) {
+                                    addBlock(next);
+                                }
+                                setPendingTemplate(null);
+                            }, allowDeselect: true, size: "xs", w: 180 })] }), _jsx(DndContext, { sensors: sensors, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: itemKeys, strategy: verticalListSortingStrategy, children: _jsx(Stack, { gap: "sm", children: value.map((block, idx) => {
+                                const template = findTemplate(templates, block.template);
+                                const currentPath = [...path, idx];
+                                return (_jsx(SortableBlock, { id: itemKeys[idx], children: _jsxs(Stack, { gap: "xs", children: [_jsxs(Group, { justify: "space-between", align: "flex-start", children: [_jsx(Text, { size: "sm", fw: 600, children: template?.label ?? block.template ?? 'Unknown block' }), _jsxs(Group, { gap: 4, children: [_jsx(ActionIcon, { variant: "light", "aria-label": "Move block up", disabled: idx === 0, onClick: () => moveBlock(idx, idx - 1), children: "\u2191" }), _jsx(ActionIcon, { variant: "light", "aria-label": "Move block down", disabled: idx === value.length - 1, onClick: () => moveBlock(idx, idx + 1), children: "\u2193" }), _jsx(Button, { variant: "subtle", color: "red", size: "xs", onClick: () => removeBlock(idx), children: "Remove" })] })] }), template ? (_jsx(Stack, { gap: "sm", children: template.fields.map((f) => (_jsx(React.Fragment, { children: renderField(f, block.value?.[f.name], (next) => updateBlockValue(idx, {
+                                                        ...block.value,
+                                                        [f.name]: next,
+                                                    }), [...currentPath, f.name]) }, f.name))) })) : (_jsxs(Text, { size: "xs", c: "red", children: ["No template found for \"", block.template, "\""] }))] }) }, itemKeys[idx]));
+                            }) }) }) })] }) }));
+};
+export default BlockField;
+//# sourceMappingURL=BlockField.js.map

package/dist/editor/fields/BlockField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockField.js","sourceRoot":"","sources":["../../../src/editor/fields/BlockField.tsx"],"names":[],"mappings":"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"}

package/dist/editor/fields/BlockField.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { BlockField } from './BlockField';
+declare const meta: Meta<typeof BlockField>;
+export default meta;
+type Story = StoryObj<typeof BlockField>;
+export declare const Default: Story;
+//# sourceMappingURL=BlockField.stories.d.ts.map

package/dist/editor/fields/BlockField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockField.stories.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/BlockField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KA6DrB,CAAA"}