@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/layouts/defaults.js

@@ -3,104 +3,94 @@
  *
  * These provide sensible defaults for common page layout patterns.
  * Users can override or extend these in their own configuration.
- */
-/**
+ */ /**
  * Default layout - standard content width with padding
- */
-export const defaultLayout = {
+ */ export const defaultLayout = {
     value: 'default',
     label: 'Default',
     description: 'Standard page layout with contained content width',
     classes: {
         wrapper: '',
         container: 'mx-auto px-4 sm:px-6 lg:px-8',
-        content: '',
+        content: ''
     },
     maxWidth: '1200px',
-    fullWidth: false,
+    fullWidth: false
 };
 /**
  * Landing layout - optimized for marketing/landing pages
- */
-export const landingLayout = {
+ */ export const landingLayout = {
     value: 'landing',
     label: 'Landing',
     description: 'Full-width sections with no global container constraints',
     classes: {
         wrapper: '',
         container: '',
-        content: '',
+        content: ''
     },
-    fullWidth: true,
+    fullWidth: true
 };
 /**
  * Full width layout - edge-to-edge content
- */
-export const fullWidthLayout = {
+ */ export const fullWidthLayout = {
     value: 'full-width',
     label: 'Full Width',
     description: 'Content spans the full viewport width',
     classes: {
         wrapper: 'w-full',
         container: 'w-full',
-        content: '',
+        content: ''
     },
     maxWidth: '100%',
-    fullWidth: true,
+    fullWidth: true
 };
 /**
  * Narrow layout - ideal for blog posts and articles
- */
-export const narrowLayout = {
+ */ export const narrowLayout = {
     value: 'narrow',
     label: 'Narrow',
     description: 'Narrow content width for optimal reading experience',
     classes: {
         wrapper: '',
         container: 'mx-auto px-4 sm:px-6',
-        content: '',
+        content: ''
     },
     maxWidth: '768px',
-    fullWidth: false,
+    fullWidth: false
 };
 /**
  * Wide layout - extra wide content area
- */
-export const wideLayout = {
+ */ export const wideLayout = {
     value: 'wide',
     label: 'Wide',
     description: 'Wider content area for dashboards or galleries',
     classes: {
         wrapper: '',
         container: 'mx-auto px-4 sm:px-6 lg:px-8',
-        content: '',
+        content: ''
     },
     maxWidth: '1440px',
-    fullWidth: false,
+    fullWidth: false
 };
 /**
  * Default layouts included with the plugin
- */
-export const DEFAULT_LAYOUTS = [
+ */ export const DEFAULT_LAYOUTS = [
     defaultLayout,
     landingLayout,
-    fullWidthLayout,
+    fullWidthLayout
 ];
 /**
  * Extended layouts for users who want more options
- */
-export const EXTENDED_LAYOUTS = [
+ */ export const EXTENDED_LAYOUTS = [
     defaultLayout,
     landingLayout,
     fullWidthLayout,
     narrowLayout,
-    wideLayout,
+    wideLayout
 ];
 /**
  * Default layout configuration
- */
-export const DEFAULT_LAYOUT_CONFIG = {
+ */ export const DEFAULT_LAYOUT_CONFIG = {
     layouts: DEFAULT_LAYOUTS,
-    defaultLayout: 'default',
+    defaultLayout: 'default'
 };
-//# sourceMappingURL=defaults.js.map

package/dist/layouts/index.d.ts

@@ -22,8 +22,7 @@
  * ])
  * ```
  */
-export type { LayoutOption, LayoutClasses, LayoutStyles, LayoutDefinition, LayoutConfig, LayoutWrapperProps, } from './types';
-export { defaultLayout, landingLayout, fullWidthLayout, narrowLayout, wideLayout, DEFAULT_LAYOUTS, EXTENDED_LAYOUTS, DEFAULT_LAYOUT_CONFIG, } from './defaults';
-export { resolveLayoutConfig, getLayout, layoutsToOptions, layoutsToPayloadOptions, createLayout, mergeLayouts, createRenderLayouts, } from './utils';
-export { LayoutWrapper, type LayoutWrapperProps as LayoutWrapperComponentProps, type PageOverrides } from './LayoutWrapper';
-//# sourceMappingURL=index.d.ts.map
+export type { LayoutOption, LayoutClasses, LayoutStyles, LayoutDefinition, LayoutConfig, LayoutWrapperProps, } from './types.js';
+export { defaultLayout, landingLayout, fullWidthLayout, narrowLayout, wideLayout, DEFAULT_LAYOUTS, EXTENDED_LAYOUTS, DEFAULT_LAYOUT_CONFIG, } from './defaults.js';
+export { resolveLayoutConfig, getLayout, layoutsToOptions, layoutsToPayloadOptions, createLayout, mergeLayouts, createRenderLayouts, } from './utils.js';
+export { LayoutWrapper, type LayoutWrapperProps as LayoutWrapperComponentProps, type PageOverrides } from './LayoutWrapper.js';

package/dist/layouts/index.js

@@ -21,11 +21,10 @@
  *   }),
  * ])
  * ```
- */
+ */ // Types
 // Defaults
-export { defaultLayout, landingLayout, fullWidthLayout, narrowLayout, wideLayout, DEFAULT_LAYOUTS, EXTENDED_LAYOUTS, DEFAULT_LAYOUT_CONFIG, } from './defaults';
+export { defaultLayout, landingLayout, fullWidthLayout, narrowLayout, wideLayout, DEFAULT_LAYOUTS, EXTENDED_LAYOUTS, DEFAULT_LAYOUT_CONFIG } from './defaults.js';
 // Utilities
-export { resolveLayoutConfig, getLayout, layoutsToOptions, layoutsToPayloadOptions, createLayout, mergeLayouts, createRenderLayouts, } from './utils';
+export { resolveLayoutConfig, getLayout, layoutsToOptions, layoutsToPayloadOptions, createLayout, mergeLayouts, createRenderLayouts } from './utils.js';
 // Components
-export { LayoutWrapper } from './LayoutWrapper';
-//# sourceMappingURL=index.js.map
+export { LayoutWrapper } from './LayoutWrapper.js';

package/dist/layouts/types.d.ts

@@ -152,4 +152,3 @@ export interface LayoutWrapperProps {
     layout: LayoutDefinition;
     pageTitle?: string;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/layouts/types.js

@@ -2,6 +2,6 @@
  * Layout System Types
  *
  * Defines the structure for page layouts that affect how content is rendered.
- */
-export {};
-//# sourceMappingURL=types.js.map
+ */ /**
+ * Props passed to a custom layout wrapper component
+ */ export { };

package/dist/layouts/utils.d.ts

@@ -3,7 +3,7 @@
  *
  * Functions for working with layout configurations.
  */
-import type { LayoutDefinition, LayoutConfig, LayoutOption } from './types';
+import type { LayoutDefinition, LayoutConfig, LayoutOption } from './types.js';
 /**
  * Resolves a layout config, merging with defaults if needed
  */
@@ -74,4 +74,3 @@ export declare function mergeLayouts(base: LayoutDefinition[], custom: LayoutDef
  * @returns Layouts without header/footer components, suitable for PageRenderer/HybridPageRenderer
  */
 export declare function createRenderLayouts(editorLayouts: LayoutDefinition[]): LayoutDefinition[];
-//# sourceMappingURL=utils.d.ts.map

package/dist/layouts/utils.js

@@ -2,79 +2,71 @@
  * Layout Utilities
  *
  * Functions for working with layout configurations.
- */
-import { DEFAULT_LAYOUTS, DEFAULT_LAYOUT_CONFIG } from './defaults';
+ */ import { DEFAULT_LAYOUTS, DEFAULT_LAYOUT_CONFIG } from './defaults.js';
 /**
  * Resolves a layout config, merging with defaults if needed
- */
-export function resolveLayoutConfig(config) {
-    if (!config)
-        return DEFAULT_LAYOUT_CONFIG;
+ */ export function resolveLayoutConfig(config) {
+    if (!config) return DEFAULT_LAYOUT_CONFIG;
     return {
         layouts: config.layouts ?? DEFAULT_LAYOUTS,
-        defaultLayout: config.defaultLayout ?? 'default',
+        defaultLayout: config.defaultLayout ?? 'default'
     };
 }
 /**
  * Gets a layout definition by value
- */
-export function getLayout(layouts, value, fallback = 'default') {
-    const layout = layouts.find((l) => l.value === value);
-    if (layout)
-        return layout;
+ */ export function getLayout(layouts, value, fallback = 'default') {
+    const layout = layouts.find((l)=>l.value === value);
+    if (layout) return layout;
     // Try fallback
     if (value !== fallback) {
-        return layouts.find((l) => l.value === fallback);
+        return layouts.find((l)=>l.value === fallback);
     }
     // Return first layout if nothing matches
     return layouts[0];
 }
 /**
  * Converts layout definitions to Puck select options
- */
-export function layoutsToOptions(layouts) {
-    return layouts.map(({ value, label, description }) => ({
-        value,
-        label,
-        description,
-    }));
+ */ export function layoutsToOptions(layouts) {
+    return layouts.map(({ value, label, description })=>({
+            value,
+            label,
+            description
+        }));
 }
 /**
  * Converts layout definitions to Payload select options
- */
-export function layoutsToPayloadOptions(layouts) {
-    return layouts.map(({ value, label }) => ({
-        label,
-        value,
-    }));
+ */ export function layoutsToPayloadOptions(layouts) {
+    return layouts.map(({ value, label })=>({
+            label,
+            value
+        }));
 }
 /**
  * Creates a custom layout definition
- */
-export function createLayout(config) {
+ */ export function createLayout(config) {
     return {
-        ...config,
+        ...config
     };
 }
 /**
  * Merges layout configurations
- */
-export function mergeLayouts(base, custom, options) {
+ */ export function mergeLayouts(base, custom, options) {
     if (options?.replace) {
         return custom;
     }
-    let result = [...base];
+    let result = [
+        ...base
+    ];
     // Exclude specified layouts
     if (options?.exclude) {
-        result = result.filter((l) => !options.exclude.includes(l.value));
+        result = result.filter((l)=>!options.exclude.includes(l.value));
     }
     // Merge/override with custom layouts
-    for (const customLayout of custom) {
-        const existingIndex = result.findIndex((l) => l.value === customLayout.value);
+    for (const customLayout of custom){
+        const existingIndex = result.findIndex((l)=>l.value === customLayout.value);
         if (existingIndex >= 0) {
             result[existingIndex] = customLayout;
-        }
-        else {
+        } else {
             result.push(customLayout);
         }
     }
@@ -113,8 +105,6 @@ export function mergeLayouts(base, custom, options) {
  *
  * @param editorLayouts - Layouts configured for the Puck editor (with header/footer)
  * @returns Layouts without header/footer components, suitable for PageRenderer/HybridPageRenderer
- */
-export function createRenderLayouts(editorLayouts) {
-    return editorLayouts.map(({ header, footer, ...rest }) => rest);
+ */ export function createRenderLayouts(editorLayouts) {
+    return editorLayouts.map(({ header, footer, ...rest })=>rest);
 }
-//# sourceMappingURL=utils.js.map

package/dist/next/index.d.ts

@@ -62,4 +62,3 @@ export declare function withPuckCSS(options: WithPuckCSSOptions): (nextConfig: N
  * Use this in your plugin configuration
  */
 export declare function getPuckCSSPath(cssOutput?: string): string;
-//# sourceMappingURL=index.d.ts.map

package/dist/next/index.js

@@ -15,23 +15,19 @@
  *   cssInput: 'src/app/(frontend)/globals.css',
  * })(withPayload(nextConfig))
  * ```
- */
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
+ */ import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
 import { dirname, resolve } from 'path';
 /**
  * Default output filename for compiled CSS
- */
-export const PUCK_CSS_OUTPUT_DEFAULT = 'puck-editor-styles.css';
+ */ export const PUCK_CSS_OUTPUT_DEFAULT = 'puck-editor-styles.css';
 /**
  * Compile CSS using PostCSS with the project's configuration
- */
-async function compileCss(css, filePath) {
+ */ async function compileCss(css, filePath) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let postcss;
     try {
         postcss = (await import('postcss')).default;
-    }
-    catch {
+    } catch  {
         console.warn('[payload-puck] PostCSS not found. CSS will not be compiled.');
         return css;
     }
@@ -43,41 +39,42 @@ async function compileCss(css, filePath) {
         const postcssLoadConfig = loadConfigModule.default;
         const { plugins } = await postcssLoadConfig({}, process.cwd());
         processor = postcss(plugins);
-    }
-    catch {
+    } catch  {
         // Fall back to direct Tailwind import
         try {
             const tailwindcss = (await import('@tailwindcss/postcss')).default;
-            processor = postcss([tailwindcss]);
-        }
-        catch {
+            processor = postcss([
+                tailwindcss
+            ]);
+        } catch  {
             try {
                 const tailwindcss = (await import('tailwindcss')).default;
-                processor = postcss([tailwindcss]);
-            }
-            catch {
+                processor = postcss([
+                    tailwindcss
+                ]);
+            } catch  {
                 console.warn('[payload-puck] No Tailwind CSS found. CSS will not be compiled.');
                 return css;
             }
         }
     }
-    const result = await processor.process(css, { from: filePath });
+    const result = await processor.process(css, {
+        from: filePath
+    });
     return result.css;
 }
 /**
  * Webpack plugin that compiles CSS at build time
- */
-class PuckCSSWebpackPlugin {
+ */ class PuckCSSWebpackPlugin {
     options;
     compiled = false;
-    constructor(options) {
+    constructor(options){
         this.options = options;
     }
     apply(compiler) {
-        compiler.hooks.beforeCompile.tapPromise('PuckCSSWebpackPlugin', async () => {
+        compiler.hooks.beforeCompile.tapPromise('PuckCSSWebpackPlugin', async ()=>{
             // Only compile once per build
-            if (this.compiled)
-                return;
+            if (this.compiled) return;
             this.compiled = true;
             const { cssInput, cssOutput, skipInDev } = this.options;
             // Skip in development if configured
@@ -101,13 +98,14 @@ class PuckCSSWebpackPlugin {
                 // Ensure public directory exists
                 const outputDir = dirname(outputPath);
                 if (!existsSync(outputDir)) {
-                    mkdirSync(outputDir, { recursive: true });
+                    mkdirSync(outputDir, {
+                        recursive: true
+                    });
                 }
                 // Write compiled CSS
                 writeFileSync(outputPath, compiledCss, 'utf-8');
                 console.log(`[payload-puck] CSS compiled successfully (${(compiledCss.length / 1024).toFixed(1)}KB)`);
-            }
-            catch (error) {
+            } catch (error) {
                 console.error('[payload-puck] CSS compilation failed:', error);
             }
         });
@@ -127,17 +125,16 @@ class PuckCSSWebpackPlugin {
  *   cssInput: 'src/app/(frontend)/globals.css',
  * })(nextConfig)
  * ```
- */
-export function withPuckCSS(options) {
+ */ export function withPuckCSS(options) {
     const resolvedOptions = {
         cssInput: options.cssInput,
         cssOutput: options.cssOutput ?? PUCK_CSS_OUTPUT_DEFAULT,
-        skipInDev: options.skipInDev ?? true,
+        skipInDev: options.skipInDev ?? true
     };
-    return (nextConfig) => {
+    return (nextConfig)=>{
         return {
             ...nextConfig,
-            webpack: (webpackConfig, context) => {
+            webpack: (webpackConfig, context)=>{
                 // Add our CSS compilation plugin
                 webpackConfig.plugins = webpackConfig.plugins || [];
                 webpackConfig.plugins.push(new PuckCSSWebpackPlugin(resolvedOptions));
@@ -146,15 +143,13 @@ export function withPuckCSS(options) {
                     return nextConfig.webpack(webpackConfig, context);
                 }
                 return webpackConfig;
-            },
+            }
         };
     };
 }
 /**
  * Get the URL path for the compiled CSS file
  * Use this in your plugin configuration
- */
-export function getPuckCSSPath(cssOutput) {
+ */ export function getPuckCSSPath(cssOutput) {
     return `/${cssOutput ?? PUCK_CSS_OUTPUT_DEFAULT}`;
 }
-//# sourceMappingURL=index.js.map

package/dist/plugin/collections/Pages.d.ts

@@ -1,8 +1,7 @@
 import type { CollectionConfig } from 'payload';
-import type { PuckPluginOptions } from '../../types';
+import type { PuckPluginOptions } from '../../types/index.js';
 /**
  * Generates a Pages collection configuration for Puck
  */
 export declare function generatePagesCollection(slug: string, options: PuckPluginOptions): CollectionConfig;
-export { puckDataField } from '../fields';
-//# sourceMappingURL=Pages.d.ts.map
+export { puckDataField } from '../fields/index.js';

package/dist/plugin/collections/Pages.js

@@ -1,15 +1,13 @@
-import { DEFAULT_LAYOUTS } from '../../layouts/defaults';
-import { puckDataField, createEditorVersionField, createPageLayoutField, isHomepageField, seoFieldGroup, conversionFieldGroup, } from '../fields';
-import { createIsHomepageUniqueHook } from '../hooks/isHomepageUnique';
+import { DEFAULT_LAYOUTS } from '../../layouts/defaults.js';
+import { puckDataField, createEditorVersionField, createPageLayoutField, isHomepageField, seoFieldGroup, conversionFieldGroup } from '../fields/index.js';
+import { createIsHomepageUniqueHook } from '../hooks/isHomepageUnique.js';
 /**
  * Default access function - allows all
- */
-const defaultAccess = () => true;
+ */ const defaultAccess = ()=>true;
 /**
  * Generates a Pages collection configuration for Puck
- */
-export function generatePagesCollection(slug, options) {
-    const { collectionOverrides = {}, access = {}, layouts = DEFAULT_LAYOUTS, additionalFields = [], } = options;
+ */ export function generatePagesCollection(slug, options) {
+    const { collectionOverrides = {}, access = {}, layouts = DEFAULT_LAYOUTS, additionalFields = [] } = options;
     const baseFields = [
         // Core Fields (title and slug with duplication hooks - unique to collection generation)
         {
@@ -18,9 +16,8 @@ export function generatePagesCollection(slug, options) {
             required: true,
             hooks: {
                 beforeDuplicate: [
-                    ({ value }) => {
-                        if (!value)
-                            return value;
+                    ({ value })=>{
+                        if (!value) return value;
                         const copyMatch = value.match(/^(.+) \(Copy(?: (\d+))?\)$/);
                         if (copyMatch) {
                             const baseName = copyMatch[1];
@@ -28,9 +25,9 @@ export function generatePagesCollection(slug, options) {
                             return `${baseName} (Copy ${copyNum})`;
                         }
                         return `${value} (Copy)`;
-                    },
-                ],
-            },
+                    }
+                ]
+            }
         },
         {
             name: 'slug',
@@ -40,26 +37,20 @@ export function generatePagesCollection(slug, options) {
             index: true,
             admin: {
                 position: 'sidebar',
-                description: 'URL path for this page (auto-generated from title)',
+                description: 'URL path for this page (auto-generated from title)'
             },
             hooks: {
                 beforeValidate: [
-                    ({ data, value }) => {
+                    ({ data, value })=>{
                         if (data && !value && data.title) {
-                            return data.title
-                                .toLowerCase()
-                                .replace(/[^\w\s-]/g, '')
-                                .replace(/\s+/g, '-')
-                                .replace(/-+/g, '-')
-                                .trim();
+                            return data.title.toLowerCase().replace(/[^\w\s-]/g, '').replace(/\s+/g, '-').replace(/-+/g, '-').trim();
                         }
                         return value;
-                    },
+                    }
                 ],
                 beforeDuplicate: [
-                    ({ value }) => {
-                        if (!value)
-                            return value;
+                    ({ value })=>{
+                        if (!value) return value;
                         const copyMatch = value.match(/^(.+)-copy(?:-(\d+))?$/);
                         if (copyMatch) {
                             const baseName = copyMatch[1];
@@ -67,9 +58,9 @@ export function generatePagesCollection(slug, options) {
                             return `${baseName}-copy-${copyNum}`;
                         }
                         return `${value}-copy`;
-                    },
-                ],
-            },
+                    }
+                ]
+            }
         },
         // Page Layout
         createPageLayoutField(layouts, true),
@@ -84,28 +75,33 @@ export function generatePagesCollection(slug, options) {
         // Conversion Tracking Fields
         conversionFieldGroup,
         // Additional fields from options
-        ...additionalFields,
+        ...additionalFields
     ];
     return {
         slug,
         admin: {
             useAsTitle: 'title',
             group: 'Content',
-            defaultColumns: ['title', 'slug', '_status', 'updatedAt'],
-            ...(collectionOverrides.admin ?? {}),
+            defaultColumns: [
+                'title',
+                'slug',
+                '_status',
+                'updatedAt'
+            ],
+            ...collectionOverrides.admin ?? {}
         },
         access: {
             read: access.read ?? defaultAccess,
             create: access.create ?? defaultAccess,
             update: access.update ?? defaultAccess,
             delete: access.delete ?? defaultAccess,
-            ...(collectionOverrides.access ?? {}),
+            ...collectionOverrides.access ?? {}
         },
         hooks: {
             // Properly merge hook arrays - don't let spread operator overwrite
             beforeChange: [
                 createIsHomepageUniqueHook(),
-                ...(collectionOverrides.hooks?.beforeChange ?? []),
+                ...collectionOverrides.hooks?.beforeChange ?? []
             ],
             beforeValidate: collectionOverrides.hooks?.beforeValidate,
             beforeDelete: collectionOverrides.hooks?.beforeDelete,
@@ -118,20 +114,25 @@ export function generatePagesCollection(slug, options) {
             afterLogin: collectionOverrides.hooks?.afterLogin,
             afterLogout: collectionOverrides.hooks?.afterLogout,
             afterRefresh: collectionOverrides.hooks?.afterRefresh,
-            afterMe: collectionOverrides.hooks?.afterMe,
+            afterMe: collectionOverrides.hooks?.afterMe
+        },
+        versions: typeof collectionOverrides.versions === 'object' ? {
+            drafts: true,
+            ...collectionOverrides.versions
+        } : {
+            drafts: true
         },
-        versions: typeof collectionOverrides.versions === 'object'
-            ? { drafts: true, ...collectionOverrides.versions }
-            : { drafts: true },
         fields: baseFields,
         ...collectionOverrides,
         // Ensure fields aren't overwritten by collectionOverrides
-        ...(collectionOverrides.fields && {
-            fields: [...baseFields, ...collectionOverrides.fields],
-        }),
+        ...collectionOverrides.fields && {
+            fields: [
+                ...baseFields,
+                ...collectionOverrides.fields
+            ]
+        }
     };
 }
-// Note: puckDataField is now exported from '../fields' for hybrid collection integration
+// Note: puckDataField is now exported from '../fields/index.js' for hybrid collection integration
 // Re-export for backwards compatibility
-export { puckDataField } from '../fields';
-//# sourceMappingURL=Pages.js.map
+export { puckDataField } from '../fields/index.js';

package/dist/plugin/fields/index.d.ts

@@ -31,8 +31,8 @@
  * ```
  */
 import type { CollectionConfig, Field } from 'payload';
-import type { GetPuckFieldsOptions, GetPuckCollectionConfigOptions, ConversionTypeOption } from './types';
-import type { LayoutDefinition } from '../../layouts/types';
+import type { GetPuckFieldsOptions, GetPuckCollectionConfigOptions, ConversionTypeOption } from './types.js';
+import type { LayoutDefinition } from '../../layouts/types.js';
 /**
  * Puck data field - stores the visual editor JSON data.
  * This field is always hidden in the admin UI as it's managed via the visual editor.
@@ -189,5 +189,4 @@ export declare function getPuckCollectionConfig(options?: GetPuckCollectionConfi
     fields: Field[];
     hooks: CollectionConfig['hooks'];
 };
-export type { GetPuckFieldsOptions, GetPuckCollectionConfigOptions, ConversionTypeOption } from './types';
-//# sourceMappingURL=index.d.ts.map
+export type { GetPuckFieldsOptions, GetPuckCollectionConfigOptions, ConversionTypeOption } from './types.js';