@puckeditor/core 0.21.3 → 0.22.0-canary.08eaa6ba

package/README.md

@@ -9,7 +9,7 @@
   </picture>
 </a>
 
-_Create your own AI page builder_
+_The visual editor for React_
 
 [Documentation](https://puckeditor.com/docs?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=docs_link) • [Demo](https://demo.puckeditor.com/edit?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=demo_link) • [Discord](https://discord.gg/V9mDAhuxyZ) • [Contributing](https://github.com/puckeditor/puck/blob/main/CONTRIBUTING.md)
 
@@ -42,7 +42,6 @@ Render the editor:
 ```jsx
 // Editor.jsx
 import { Puck } from "@puckeditor/core";
-import "@puckeditor/core/puck.css";
 
 // Create Puck component config
 const config = {
@@ -77,7 +76,6 @@ Render the page:
 ```jsx
 // Page.jsx
 import { Render } from "@puckeditor/core";
-import "@puckeditor/core/puck.css";
 
 export function Page() {
   return <Render config={config} data={data} />;
@@ -95,7 +93,6 @@ npx create-puck-app my-app
 Available recipes include:
 
 - [**next**](https://github.com/puckeditor/puck/tree/main/recipes/next): Next.js example, using App Router and static page generation
-- [**remix**](https://github.com/puckeditor/puck/tree/main/recipes/remix): Remix Run v2 example, using dynamic routes at root-level
 - [**react-router**](https://github.com/puckeditor/puck/tree/main/recipes/react-router): React Router v7 app example, using dynamic routes to create pages at any level
 
 ## Community

package/dist/{Editor-MCVDFQH6.mjs → Editor-K6FPIMNH.mjs}

@@ -4,18 +4,18 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-TDQEUXB2.mjs";
+} from "./chunk-FE7T3PZI.mjs";
 import "./chunk-AOEDIUVK.mjs";
-import "./chunk-HGJWUFLT.mjs";
-import "./chunk-DPDJ67KA.mjs";
-import "./chunk-ZMTK7SMX.mjs";
-import "./chunk-LODTL5KW.mjs";
+import "./chunk-NWL4JLKR.mjs";
+import "./chunk-4X2SLJRQ.mjs";
+import "./chunk-GFIZBMKN.mjs";
+import "./chunk-MQKADUDK.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-O7FT3KAM.mjs";
-import "./chunk-6XCJ3Y7O.mjs";
-import "./chunk-4HOGLOEA.mjs";
+} from "./chunk-OVPTKQ2P.mjs";
+import "./chunk-DVZWVU66.mjs";
+import "./chunk-6MO3E35Y.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-SHVCBQDY.mjs";
 import {

package/dist/{actions-C3e2nJ9v.d.mts → actions-Csn3gOP8.d.mts}

@@ -430,6 +430,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: RootData;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
@@ -733,6 +734,7 @@ type Permissions = {
 type IframeConfig = {
     enabled?: boolean;
     waitForStyles?: boolean;
+    syncHostStyles?: boolean;
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
@@ -835,4 +837,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type ExternalField as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type CacheOpts as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootData as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type PuckAction as a, type ExternalFieldWithAdaptor as a0, type ExtractConfigParams as a1, type ExtractField as a2, type FieldMetadata as a3, type FieldRenderFunctions as a4, type FieldTransformFn as a5, type FieldTransformFnParams as a6, type ItemWithId as a7, type MappedItem as a8, type NumberField as a9, type ObjectField as aa, type OverrideKey as ab, type PuckComponent as ac, type PuckContext as ad, type PuckMetadata as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type Adaptor as v, type ArrayField as w, type ArrayState as x, type AsFieldProps as y, type BaseField as z };
+export { type Permissions as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExtractConfigParams as F, type ExtractField as G, type Field as H, type FieldMetadata as I, type FieldProps as J, type FieldRenderFunctions as K, type FieldTransformFn as L, type FieldTransformFnParams as M, type FieldTransforms as N, type Fields as O, type History as P, type IframeConfig as Q, type InitialHistory as R, type ItemSelector as S, type ItemWithId as T, type MappedItem as U, type Metadata as V, type NumberField as W, type ObjectField as X, type OnAction as Y, type OverrideKey as Z, type Overrides as _, type AppState as a, type Plugin as a0, type PluginInternal as a1, type PrivateAppState as a2, type PuckAction as a3, type PuckComponent as a4, type PuckContext as a5, type PuckMetadata as a6, type RadioField as a7, type ResolveDataTrigger as a8, type RichText as a9, type RichtextField as aa, type RootConfig as ab, type RootData as ac, type RootDataWithProps as ad, type RootDataWithoutProps as ae, type SelectField as af, type Slot as ag, type SlotComponent as ah, type SlotField as ai, type TextField as aj, type TextareaField as ak, type UiState as al, type UserGenerics as am, type Viewport as an, type Viewports as ao, type WithChildren as ap, type WithId as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DragAxis as x, type DropZoneProps as y, type ExternalFieldWithAdaptor as z };

package/dist/{actions-C3e2nJ9v.d.ts → actions-Csn3gOP8.d.ts}

@@ -430,6 +430,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: RootData;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
@@ -733,6 +734,7 @@ type Permissions = {
 type IframeConfig = {
     enabled?: boolean;
     waitForStyles?: boolean;
+    syncHostStyles?: boolean;
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
@@ -835,4 +837,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type ExternalField as $, type AppState as A, type BaseData as B, type Config as C, type Data as D, type CacheOpts as E, type Fields as F, type ComponentConfigExtensions as G, type History as H, type IframeConfig as I, type ComponentConfigParams as J, type ComponentDataMap as K, type ComponentDataOptionalId as L, type Metadata as M, type ComponentMetadata as N, type OnAction as O, type PrivateAppState as P, type ConfigParams as Q, type RootData as R, type CustomField as S, type CustomFieldRender as T, type UserGenerics as U, type Viewports as V, type WithId as W, type DefaultRootProps as X, type DefaultRootRenderProps as Y, type Direction as Z, type DragAxis as _, type PuckAction as a, type ExternalFieldWithAdaptor as a0, type ExtractConfigParams as a1, type ExtractField as a2, type FieldMetadata as a3, type FieldRenderFunctions as a4, type FieldTransformFn as a5, type FieldTransformFnParams as a6, type ItemWithId as a7, type MappedItem as a8, type NumberField as a9, type ObjectField as aa, type OverrideKey as ab, type PuckComponent as ac, type PuckContext as ad, type PuckMetadata as ae, type RadioField as af, type RichText as ag, type RootConfig as ah, type RootDataWithoutProps as ai, type SelectField as aj, type Slot as ak, type SlotComponent as al, type SlotField as am, type TextField as an, type TextareaField as ao, type Viewport as ap, type WithChildren as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type Adaptor as v, type ArrayField as w, type ArrayState as x, type AsFieldProps as y, type BaseField as z };
+export { type Permissions as $, type Adaptor as A, type BaseData as B, type CacheOpts as C, type Data as D, type ExternalField as E, type ExtractConfigParams as F, type ExtractField as G, type Field as H, type FieldMetadata as I, type FieldProps as J, type FieldRenderFunctions as K, type FieldTransformFn as L, type FieldTransformFnParams as M, type FieldTransforms as N, type Fields as O, type History as P, type IframeConfig as Q, type InitialHistory as R, type ItemSelector as S, type ItemWithId as T, type MappedItem as U, type Metadata as V, type NumberField as W, type ObjectField as X, type OnAction as Y, type OverrideKey as Z, type Overrides as _, type AppState as a, type Plugin as a0, type PluginInternal as a1, type PrivateAppState as a2, type PuckAction as a3, type PuckComponent as a4, type PuckContext as a5, type PuckMetadata as a6, type RadioField as a7, type ResolveDataTrigger as a8, type RichText as a9, type RichtextField as aa, type RootConfig as ab, type RootData as ac, type RootDataWithProps as ad, type RootDataWithoutProps as ae, type SelectField as af, type Slot as ag, type SlotComponent as ah, type SlotField as ai, type TextField as aj, type TextareaField as ak, type UiState as al, type UserGenerics as am, type Viewport as an, type Viewports as ao, type WithChildren as ap, type WithId as aq, type WithPuckProps as ar, type WithSlotProps as as, overrideKeys as at, type ArrayField as b, type ArrayState as c, type AsFieldProps as d, type BaseField as e, type ComponentConfig as f, type ComponentConfigExtensions as g, type ComponentConfigParams as h, type ComponentData as i, type ComponentDataMap as j, type ComponentDataOptionalId as k, type ComponentMetadata as l, type Config as m, type ConfigParams as n, type Content as o, type CustomField as p, type CustomFieldRender as q, type DefaultComponentProps as r, type DefaultComponents as s, type DefaultRootFieldProps as t, type DefaultRootProps as u, type DefaultRootRenderProps as v, type Direction as w, type DragAxis as x, type DropZoneProps as y, type ExternalFieldWithAdaptor as z };

package/dist/{chunk-DPDJ67KA.mjs → chunk-4X2SLJRQ.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-O7FT3KAM.mjs";
+} from "./chunk-OVPTKQ2P.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-4HOGLOEA.mjs → chunk-6MO3E35Y.mjs}

@@ -37,7 +37,7 @@ var getChanged = (newItem, oldItem) => {
 // lib/resolve-component-data.ts
 import { deepEqual as deepEqual2 } from "fast-equals";
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null) {
+var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null, root = { props: {} }) {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
   const resolvedItem = __spreadValues({}, item);
   const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
@@ -64,7 +64,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
       lastData: oldItem,
       metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
       trigger,
-      parent
+      parent,
+      root
     });
     resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
     if (Object.keys(readOnly).length) {
@@ -87,7 +88,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
                 onResolveStart,
                 onResolveEnd,
                 trigger,
-                itemAsComponentData
+                itemAsComponentData,
+                root
               )).node;
             })
           )

package/dist/{chunk-X2ZFWNCU.mjs → chunk-CO6PRTVM.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   defaultAppState,
   resolveComponentData
-} from "./chunk-4HOGLOEA.mjs";
+} from "./chunk-6MO3E35Y.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -210,7 +210,7 @@ function resolveAllData(_0, _1) {
     const defaultedData = defaultData(data);
     const zonesByComponent = groupZonesByComponent(defaultedData);
     let resolvedZones = {};
-    const resolveNode = (_node, parent) => __async(null, null, function* () {
+    const resolveNode = (_node, parent, root) => __async(null, null, function* () {
       const node = toComponent(_node);
       onResolveStart == null ? void 0 : onResolveStart(node);
       const resolved = (yield resolveComponentData(
@@ -222,13 +222,14 @@ function resolveAllData(_0, _1) {
         () => {
         },
         "force",
-        parent
+        parent,
+        root
       )).node;
       const resolvedAsComponent = toComponent(resolved);
       const resolvedDeepPromise = mapFields(
         resolved,
         {
-          slot: ({ value }) => processContent(value, resolvedAsComponent)
+          slot: ({ value }) => processContent(value, resolvedAsComponent, root)
         },
         config
       );
@@ -238,7 +239,8 @@ function resolveAllData(_0, _1) {
           (_02) => __async(null, [_02], function* ({ zoneCompound, content }) {
             resolvedZones[zoneCompound] = yield processContent(
               content,
-              resolvedAsComponent
+              resolvedAsComponent,
+              root
             );
           })
         );
@@ -248,14 +250,15 @@ function resolveAllData(_0, _1) {
       onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
       return resolvedDeep;
     });
-    const processContent = (content, parent) => __async(null, null, function* () {
-      return Promise.all(content.map((item) => resolveNode(item, parent)));
+    const processContent = (content, parent, root) => __async(null, null, function* () {
+      return Promise.all(content.map((item) => resolveNode(item, parent, root)));
     });
     const result = defaultData({});
-    result.root = yield resolveNode(defaultedData.root, null);
+    result.root = yield resolveNode(defaultedData.root, null, defaultedData.root);
     result.content = yield processContent(
       defaultedData.content,
-      toComponent(result.root)
+      toComponent(result.root),
+      result.root
     );
     result.zones = resolvedZones;
     return result;

package/dist/{chunk-6XCJ3Y7O.mjs → chunk-DVZWVU66.mjs}

@@ -42,8 +42,61 @@ var insert = (list, index, item) => {
 
 // lib/generate-id.ts
 init_react_import();
-import { v4 as uuidv4 } from "uuid";
-var generateId = (type) => type ? `${type}-${uuidv4()}` : uuidv4();
+
+// lib/uuid/index.ts
+init_react_import();
+
+// lib/uuid/rng.ts
+init_react_import();
+var rnds8 = new Uint8Array(16);
+function rng() {
+  return crypto.getRandomValues(rnds8);
+}
+
+// lib/uuid/stringify.ts
+init_react_import();
+var byteToHex = [];
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset = 0) {
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+// lib/uuid/index.ts
+function v4(options, buf, offset) {
+  if (!buf && !options && crypto.randomUUID) {
+    return crypto.randomUUID();
+  }
+  return _v4(options, buf, offset);
+}
+function _v4(options, buf, offset) {
+  var _a, _b, _c;
+  options = options || {};
+  const rnds = (_c = (_b = options.random) != null ? _b : (_a = options.rng) == null ? void 0 : _a.call(options)) != null ? _c : rng();
+  if (rnds.length < 16) {
+    throw new Error("Random bytes length must be >= 16");
+  }
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset = offset || 0;
+    if (offset < 0 || offset + 16 > buf.length) {
+      throw new RangeError(
+        `UUID byte range ${offset}:${offset + 15} is out of buffer bounds`
+      );
+    }
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+    return buf;
+  }
+  return unsafeStringify(rnds);
+}
+var uuid_default = v4;
+
+// lib/generate-id.ts
+var generateId = (type) => type ? `${type}-${uuid_default()}` : uuid_default();
 
 // lib/data/get-ids-for-parent.ts
 init_react_import();

package/dist/{chunk-TDQEUXB2.mjs → chunk-FE7T3PZI.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-AOEDIUVK.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-HGJWUFLT.mjs";
+} from "./chunk-NWL4JLKR.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-O7FT3KAM.mjs";
+} from "./chunk-OVPTKQ2P.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-5QCBHXRC.mjs").then((m) => ({
+  () => import("./full-L4ITHDQO.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-ZMTK7SMX.mjs → chunk-GFIZBMKN.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-O7FT3KAM.mjs";
+} from "./chunk-OVPTKQ2P.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-LODTL5KW.mjs → chunk-MQKADUDK.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-O7FT3KAM.mjs";
+} from "./chunk-OVPTKQ2P.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";