@delmaredigital/payload-puck 0.2.0 → 0.3.0

package/dist/admin/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/admin/client.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAGH,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/admin/client.js

@@ -1,177 +1,15 @@
-"use client";
-'use strict';
-
-var ui = require('@payloadcms/ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function PuckIcon({ size = 18 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" })
-      ]
-    }
-  );
-}
-var EditWithPuckButton = (props) => {
-  const { id } = ui.useDocumentInfo();
-  const customProps = props?.field?.custom;
-  const label = customProps?.label || "Edit with Puck";
-  const iconOnly = customProps?.iconOnly || false;
-  const pattern = customProps?.editorPathPattern || "/pages/{id}/edit";
-  const editorPath = pattern.replace("{id}", String(id));
-  if (!id) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href: editorPath,
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: "8px",
-        padding: iconOnly ? "8px" : "10px 16px",
-        backgroundColor: "#2563eb",
-        color: "#fff",
-        borderRadius: "6px",
-        textDecoration: "none",
-        fontSize: "14px",
-        fontWeight: 500,
-        transition: "background-color 0.2s"
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.backgroundColor = "#1d4ed8";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = "#2563eb";
-      },
-      title: iconOnly ? label : void 0,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PuckIcon, { size: iconOnly ? 20 : 18 }),
-        !iconOnly && label
-      ]
-    }
-  ) });
-};
-function EditWithPuckLink({
-  id,
-  editorPathPattern = "/pages/{id}/edit",
-  label = "Edit with Puck",
-  iconOnly = false
-}) {
-  const path = editorPathPattern.replace("{id}", id);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href: path,
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: "8px",
-        padding: iconOnly ? "8px" : "10px 16px",
-        backgroundColor: "#2563eb",
-        color: "#fff",
-        borderRadius: "6px",
-        textDecoration: "none",
-        fontSize: "14px",
-        fontWeight: 500,
-        transition: "background-color 0.2s"
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.backgroundColor = "#1d4ed8";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = "#2563eb";
-      },
-      title: iconOnly ? label : void 0,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PuckIcon, { size: iconOnly ? 20 : 18 }),
-        !iconOnly && label
-      ]
-    }
-  );
-}
-function PuckIcon2({ size = 16 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" })
-      ]
-    }
-  );
-}
-var EditWithPuckCell = ({
-  rowData,
-  field,
-  collectionSlug: contextCollectionSlug
-}) => {
-  const id = rowData?.id;
-  const customConfig = field?.custom;
-  const collectionSlug = customConfig?.collectionSlug || contextCollectionSlug || "pages";
-  if (!id) {
-    return null;
-  }
-  const editorPath = customConfig?.editorPathPattern ? customConfig.editorPathPattern.replace("{id}", id).replace("{collectionSlug}", collectionSlug) : `/admin/puck/${collectionSlug}/${id}/edit`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href: editorPath,
-      onClick: (e) => e.stopPropagation(),
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "6px 10px",
-        backgroundColor: "#2563eb",
-        color: "#fff",
-        borderRadius: "4px",
-        textDecoration: "none",
-        fontSize: "12px",
-        fontWeight: 500,
-        gap: "4px",
-        transition: "background-color 0.2s",
-        whiteSpace: "nowrap"
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.backgroundColor = "#1d4ed8";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = "#2563eb";
-      },
-      title: "Edit with Puck Visual Editor",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PuckIcon2, { size: 14 }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Visual Editor" })
-      ]
-    }
-  );
-};
-
-exports.EditWithPuckButton = EditWithPuckButton;
-exports.EditWithPuckCell = EditWithPuckCell;
-exports.EditWithPuckLink = EditWithPuckLink;
-//# sourceMappingURL=client.js.map
+'use client';
+/**
+ * @delmaredigital/payload-puck/admin/client
+ *
+ * Client-side admin components for Payload CMS integration.
+ * These are the Field/Cell components used by the plugin.
+ *
+ * NOTE: For PuckEditorView, import from '@delmaredigital/payload-puck/editor' instead.
+ * This separation is necessary to avoid RSC bundling issues with Puck.
+ */
+// Button components for edit view
+export { EditWithPuckButton, EditWithPuckLink, } from './EditWithPuckButton';
+// Cell component for list view
+export { EditWithPuckCell } from './EditWithPuckCell';
 //# sourceMappingURL=client.js.map

package/dist/admin/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/admin/client.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;GAQG;AAEH,kCAAkC;AAClC,OAAO,EACL,kBAAkB,EAClB,gBAAgB,GAEjB,MAAM,sBAAsB,CAAA;AAE7B,+BAA+B;AAC/B,OAAO,EAAE,gBAAgB,EAA+B,MAAM,oBAAoB,CAAA"}

package/dist/admin/generateAdminComponents.d.ts

@@ -0,0 +1,51 @@
+import type { Field } from 'payload';
+/**
+ * Configuration for generating the edit button field
+ */
+export interface AdminComponentsConfig {
+    /**
+     * Collection slug for the pages collection
+     * @default 'pages'
+     */
+    collectionSlug?: string;
+    /**
+     * URL pattern for the Puck editor page
+     * Use {id} as placeholder for document ID
+     * @default '/pages/{id}/edit'
+     */
+    editorPathPattern?: string;
+    /**
+     * Button label text
+     * @default 'Edit with Puck'
+     */
+    buttonLabel?: string;
+    /**
+     * Position of the edit button in admin
+     * @default 'sidebar'
+     */
+    buttonPosition?: 'sidebar' | 'main';
+}
+/**
+ * Generates the UI field configuration for the Edit with Puck button
+ *
+ * Use this if you want to manually add the edit button field to your
+ * collection instead of using the plugin's auto-generation.
+ *
+ * @example
+ * ```ts
+ * import { generatePuckEditField } from '@delmaredigital/payload-puck/admin'
+ *
+ * const Pages: CollectionConfig = {
+ *   slug: 'pages',
+ *   fields: [
+ *     // ... other fields
+ *     generatePuckEditField({
+ *       editorPathPattern: '/pages/{id}/edit',
+ *       buttonLabel: 'Visual Editor',
+ *     }),
+ *   ],
+ * }
+ * ```
+ */
+export declare function generatePuckEditField(config?: AdminComponentsConfig): Field;
+//# sourceMappingURL=generateAdminComponents.d.ts.map

package/dist/admin/generateAdminComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateAdminComponents.d.ts","sourceRoot":"","sources":["../../src/admin/generateAdminComponents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,GAAE,qBAA0B,GAAG,KAAK,CAwB/E"}

package/dist/admin/generateAdminComponents.js

@@ -0,0 +1,42 @@
+/**
+ * Generates the UI field configuration for the Edit with Puck button
+ *
+ * Use this if you want to manually add the edit button field to your
+ * collection instead of using the plugin's auto-generation.
+ *
+ * @example
+ * ```ts
+ * import { generatePuckEditField } from '@delmaredigital/payload-puck/admin'
+ *
+ * const Pages: CollectionConfig = {
+ *   slug: 'pages',
+ *   fields: [
+ *     // ... other fields
+ *     generatePuckEditField({
+ *       editorPathPattern: '/pages/{id}/edit',
+ *       buttonLabel: 'Visual Editor',
+ *     }),
+ *   ],
+ * }
+ * ```
+ */
+export function generatePuckEditField(config = {}) {
+    const { collectionSlug = 'pages', editorPathPattern = '/pages/{id}/edit', buttonLabel = 'Edit with Puck', buttonPosition = 'sidebar', } = config;
+    return {
+        name: 'puckEdit',
+        type: 'ui',
+        admin: {
+            position: buttonPosition,
+            components: {
+                Field: '@delmaredigital/payload-puck/admin/client#EditWithPuckButton',
+                Cell: '@delmaredigital/payload-puck/admin/client#EditWithPuckCell',
+            },
+            custom: {
+                collectionSlug,
+                editorPathPattern,
+                label: buttonLabel,
+            },
+        },
+    };
+}
+//# sourceMappingURL=generateAdminComponents.js.map

package/dist/admin/generateAdminComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateAdminComponents.js","sourceRoot":"","sources":["../../src/admin/generateAdminComponents.ts"],"names":[],"mappings":"AA6BA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,qBAAqB,CAAC,SAAgC,EAAE;IACtE,MAAM,EACJ,cAAc,GAAG,OAAO,EACxB,iBAAiB,GAAG,kBAAkB,EACtC,WAAW,GAAG,gBAAgB,EAC9B,cAAc,GAAG,SAAS,GAC3B,GAAG,MAAM,CAAA;IAEV,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,cAAc;YACxB,UAAU,EAAE;gBACV,KAAK,EAAE,8DAA8D;gBACrE,IAAI,EAAE,4DAA4D;aACnE;YACD,MAAM,EAAE;gBACN,cAAc;gBACd,iBAAiB;gBACjB,KAAK,EAAE,WAAW;aACnB;SACF;KACF,CAAA;AACH,CAAC"}

package/dist/admin/index.d.ts

@@ -1,157 +1,21 @@
-import { Config, Plugin, Data } from '@measured/puck';
-import { Field } from 'payload';
-
 /**
- * Props for the PuckEditorView component
- */
-interface PuckEditorViewProps {
-    /**
-     * Puck configuration with components and settings
-     */
-    config: Config;
-    /**
-     * Collection slug for API endpoints
-     * @default 'pages'
-     */
-    collectionSlug?: string;
-    /**
-     * Base API path for Puck operations
-     * @default '/api/puck'
-     */
-    apiBasePath?: string;
-    /**
-     * URL to navigate to when back button is clicked
-     * Falls back to /admin/collections/{collectionSlug}
-     */
-    backUrl?: string;
-    /**
-     * Preview URL or function to generate preview URL from slug
-     */
-    previewUrl?: string | ((slug: string) => string);
-    /**
-     * Layout styles for theme-aware preview
-     */
-    layoutStyles?: Record<string, {
-        background: string;
-        isDark: boolean;
-    }>;
-    /**
-     * Key in root.props to read layout value from
-     * @default 'pageLayout'
-     */
-    layoutKey?: string;
-    /**
-     * Additional Puck plugins to use.
-     * The headingAnalyzer plugin is included by default.
-     * Set to `false` to disable all default plugins.
-     */
-    plugins?: Plugin[] | false;
-    /**
-     * Callback on successful save
-     */
-    onSaveSuccess?: (data: Data) => void;
-    /**
-     * Callback on save error
-     */
-    onSaveError?: (error: Error) => void;
-}
-
-/**
- * Props for EditWithPuckButton when used standalone
- */
-interface EditWithPuckButtonProps {
-    /**
-     * Document ID to edit
-     */
-    id?: string;
-    /**
-     * Collection slug
-     * @default 'pages'
-     */
-    collectionSlug?: string;
-    /**
-     * Custom path pattern for the Puck editor
-     * Use {id} as placeholder for the document ID
-     * @default '/pages/{id}/edit'
-     */
-    editorPathPattern?: string;
-    /**
-     * Button label
-     * @default 'Edit with Puck'
-     */
-    label?: string;
-    /**
-     * Whether to show as icon only
-     * @default false
-     */
-    iconOnly?: boolean;
-}
-
-/**
- * Props for configuring the EditWithPuckCell component
- */
-interface EditWithPuckCellConfig {
-    /**
-     * Collection slug for building the editor URL
-     * @default 'pages'
-     */
-    collectionSlug?: string;
-    /**
-     * Custom editor path pattern
-     * Use {id} as placeholder for the document ID
-     * @default '/admin/puck/{collectionSlug}/{id}/edit'
-     */
-    editorPathPattern?: string;
-}
-
-/**
- * Configuration for generating the edit button field
- */
-interface AdminComponentsConfig {
-    /**
-     * Collection slug for the pages collection
-     * @default 'pages'
-     */
-    collectionSlug?: string;
-    /**
-     * URL pattern for the Puck editor page
-     * Use {id} as placeholder for document ID
-     * @default '/pages/{id}/edit'
-     */
-    editorPathPattern?: string;
-    /**
-     * Button label text
-     * @default 'Edit with Puck'
-     */
-    buttonLabel?: string;
-    /**
-     * Position of the edit button in admin
-     * @default 'sidebar'
-     */
-    buttonPosition?: 'sidebar' | 'main';
-}
-/**
- * Generates the UI field configuration for the Edit with Puck button
+ * @delmaredigital/payload-puck/admin
  *
- * Use this if you want to manually add the edit button field to your
- * collection instead of using the plugin's auto-generation.
+ * Admin utilities and types for Payload CMS integration.
  *
- * @example
+ * NOTE: For the edit button components, import from '/admin/client':
  * ```ts
- * import { generatePuckEditField } from '@delmaredigital/payload-puck/admin'
+ * import { EditWithPuckButton } from '@delmaredigital/payload-puck/admin/client'
+ * ```
  *
- * const Pages: CollectionConfig = {
- *   slug: 'pages',
- *   fields: [
- *     // ... other fields
- *     generatePuckEditField({
- *       editorPathPattern: '/pages/{id}/edit',
- *       buttonLabel: 'Visual Editor',
- *     }),
- *   ],
- * }
+ * For the PuckEditorView component, import from '/editor':
+ * ```ts
+ * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
  * ```
  */
-declare function generatePuckEditField(config?: AdminComponentsConfig): Field;
-
-export { type AdminComponentsConfig, type EditWithPuckButtonProps, type EditWithPuckCellConfig, type PuckEditorViewProps, generatePuckEditField };
+export type { PuckEditorViewProps } from './PuckEditorView';
+export type { EditWithPuckButtonProps } from './EditWithPuckButton';
+export type { EditWithPuckCellConfig } from './EditWithPuckCell';
+export type { AdminComponentsConfig } from './generateAdminComponents';
+export { generatePuckEditField } from './generateAdminComponents';
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAGtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/admin/index.js

@@ -1,31 +1,18 @@
-'use strict';
-
-// src/admin/generateAdminComponents.ts
-function generatePuckEditField(config = {}) {
-  const {
-    collectionSlug = "pages",
-    editorPathPattern = "/pages/{id}/edit",
-    buttonLabel = "Edit with Puck",
-    buttonPosition = "sidebar"
-  } = config;
-  return {
-    name: "puckEdit",
-    type: "ui",
-    admin: {
-      position: buttonPosition,
-      components: {
-        Field: "@delmaredigital/payload-puck/admin/client#EditWithPuckButton",
-        Cell: "@delmaredigital/payload-puck/admin/client#EditWithPuckCell"
-      },
-      custom: {
-        collectionSlug,
-        editorPathPattern,
-        label: buttonLabel
-      }
-    }
-  };
-}
-
-exports.generatePuckEditField = generatePuckEditField;
-//# sourceMappingURL=index.js.map
+/**
+ * @delmaredigital/payload-puck/admin
+ *
+ * Admin utilities and types for Payload CMS integration.
+ *
+ * NOTE: For the edit button components, import from '/admin/client':
+ * ```ts
+ * import { EditWithPuckButton } from '@delmaredigital/payload-puck/admin/client'
+ * ```
+ *
+ * For the PuckEditorView component, import from '/editor':
+ * ```ts
+ * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
+ * ```
+ */
+// Helper for generating edit button field (safe for RSC)
+export { generatePuckEditField } from './generateAdminComponents';
 //# sourceMappingURL=index.js.map

package/dist/admin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAQH,yDAAyD;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/api/createPuckApiRoutes.d.ts

@@ -0,0 +1,31 @@
+import type { PuckApiRoutesConfig, PuckApiRouteHandlers } from './types';
+/**
+ * Create API route handlers for /api/puck/pages
+ *
+ * Provides GET (list pages) and POST (create page) handlers
+ * with configurable authentication and authorization.
+ *
+ * @example
+ * ```typescript
+ * // src/app/api/puck/pages/route.ts
+ * import { createPuckApiRoutes } from '@delmaredigital/payload-puck/api'
+ * import config from '@payload-config'
+ *
+ * export const { GET, POST } = createPuckApiRoutes({
+ *   collection: 'pages',
+ *   payloadConfig: config,
+ *   auth: {
+ *     authenticate: async (request) => {
+ *       const session = await getSession(request)
+ *       if (!session?.user) return { authenticated: false }
+ *       return { authenticated: true, user: session.user }
+ *     },
+ *     canCreate: async (user) => {
+ *       return { allowed: user.role === 'admin' || user.role === 'editor' }
+ *     },
+ *   },
+ * })
+ * ```
+ */
+export declare function createPuckApiRoutes(routeConfig: PuckApiRoutesConfig): PuckApiRouteHandlers;
+//# sourceMappingURL=createPuckApiRoutes.d.ts.map

package/dist/api/createPuckApiRoutes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPuckApiRoutes.d.ts","sourceRoot":"","sources":["../../src/api/createPuckApiRoutes.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EAGrB,MAAM,SAAS,CAAA;AAehB;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,mBAAmB,GAC/B,oBAAoB,CAyMtB"}