@measured/puck 0.21.0-canary.c78dc826 → 0.21.0-canary.d1e8fa71

package/dist/no-external.mjs

@@ -6,21 +6,25 @@ import {
   FieldLabel,
   Puck,
   Render,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
+  legacySideBarPlugin,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-TB3SSIAY.mjs";
+} from "./chunk-CQUAWHOK.mjs";
+import "./chunk-PBAAIKXA.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-C2TVYIYC.mjs";
-import "./chunk-FNWOH4R6.mjs";
-import "./chunk-WUWXFMEM.mjs";
+} from "./chunk-3SDLQIUZ.mjs";
+import "./chunk-AOEDIUVK.mjs";
 import {
   Action,
   ActionBar,
@@ -29,17 +33,20 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-K3V4LVUL.mjs";
-import "./chunk-GQKMOYLG.mjs";
-import "./chunk-DNF2EMM4.mjs";
-import "./chunk-3QHWXJEI.mjs";
-import "./chunk-7KY6RHEY.mjs";
+} from "./chunk-BXQQARCR.mjs";
+import "./chunk-LJEGWHDD.mjs";
+import "./chunk-5ZZVX2Z3.mjs";
+import "./chunk-U4VSQKO3.mjs";
+import "./chunk-D2SRL6YA.mjs";
+import "./chunk-23IZFPL7.mjs";
+import "./chunk-45I5SDOI.mjs";
+import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-DJSH5REF.mjs";
+} from "./chunk-B7REOAA7.mjs";
 import {
   init_react_import
-} from "./chunk-DCSQEDMK.mjs";
+} from "./chunk-M6W7YEVX.mjs";
 
 // bundle/no-external.ts
 init_react_import();
@@ -58,8 +65,12 @@ export {
   Render,
   RichTextMenu,
   Separator,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
+  legacySideBarPlugin,
   migrate,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,

package/dist/rsc.css

@@ -1,44 +1,44 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
-._RichTextEditor_1elol_1 .ProseMirror {
+._RichTextEditor_z25h4_1 .ProseMirror {
   white-space: pre-wrap;
   word-wrap: break-word;
   cursor: text;
   outline: none;
   position: relative;
 }
-._RichTextEditor_1elol_1 .rich-text * {
+._RichTextEditor_z25h4_1 .rich-text * {
   white-space: pre-wrap;
   user-select: auto;
   -webkit-user-select: auto;
 }
-._RichTextEditor_1elol_1 .rich-text blockquote {
+._RichTextEditor_z25h4_1 .rich-text blockquote {
   margin: 1em 0;
   padding: 0 1em;
   border-left: 4px solid var(--puck-color-grey-09);
 }
-._RichTextEditor_1elol_1 .rich-text code {
+._RichTextEditor_z25h4_1 .rich-text code {
   background-color: var(--puck-color-grey-11);
   padding: 4px 8px;
   border-radius: 4px;
 }
-._RichTextEditor_1elol_1 .rich-text p:empty::before {
+._RichTextEditor_z25h4_1 .rich-text p:empty::before {
   content: "\a0";
 }
-._RichTextEditor_1elol_1 .rich-text pre code {
+._RichTextEditor_z25h4_1 .rich-text pre code {
   display: block;
   padding: 8px 12px;
 }
-._RichTextEditor_1elol_1 .rich-text > *:first-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:first-child,
-._RichTextEditor_1elol_1 .rich-text * p:first-of-type {
+._RichTextEditor_z25h4_1 .rich-text > *:first-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:first-child,
+._RichTextEditor_z25h4_1 .rich-text * p:first-of-type {
   margin-top: 0;
 }
-._RichTextEditor_1elol_1 .rich-text > *:last-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:last-child,
-._RichTextEditor_1elol_1 .rich-text * p:last-of-type {
+._RichTextEditor_z25h4_1 .rich-text > *:last-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:last-child,
+._RichTextEditor_z25h4_1 .rich-text * p:last-of-type {
   margin-bottom: 0;
 }
-._RichTextEditor--editor_1elol_50 {
+._RichTextEditor--editor_z25h4_50 {
   background: var(--puck-color-white);
   border-width: 1px;
   border-style: solid;
@@ -50,52 +50,53 @@
   font-family: inherit;
   font-size: var(--puck-font-size-xxs);
   resize: vertical;
+  text-align: initial;
   transition: border-color 50ms ease-in;
   width: 100%;
   max-width: 100%;
   min-height: 128px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text {
+._RichTextEditor--editor_z25h4_50 .rich-text {
   flex-grow: 1;
 }
-._RichTextEditor--editor_1elol_50 .rich-text:not(:has(.ProseMirror)),
-._RichTextEditor--editor_1elol_50 .rich-text .ProseMirror {
+._RichTextEditor--editor_z25h4_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_z25h4_50 .rich-text .ProseMirror {
   height: 100%;
   padding: 12px 15px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text ul,
-._RichTextEditor--editor_1elol_50 .rich-text ol {
+._RichTextEditor--editor_z25h4_50 .rich-text ul,
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
   padding-left: 24px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text li {
+._RichTextEditor--editor_z25h4_50 .rich-text li {
   line-height: 1.5;
 }
-._RichTextEditor--editor_1elol_50 .rich-text p {
+._RichTextEditor--editor_z25h4_50 .rich-text p {
   margin-block: 12px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text ul {
+._RichTextEditor--editor_z25h4_50 .rich-text ul {
   list-style: disc;
 }
-._RichTextEditor--editor_1elol_50 .rich-text ol {
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
   list-style: decimal;
 }
-._RichTextEditor--editor_1elol_50:focus-within {
+._RichTextEditor--editor_z25h4_50:focus-within {
   border-color: var(--puck-color-grey-05);
   outline: 2px solid var(--puck-color-azure-05);
   transition: none;
 }
-._RichTextEditor--editor_1elol_50._RichTextEditor--disabled_1elol_106 {
+._RichTextEditor--editor_z25h4_50._RichTextEditor--disabled_z25h4_107 {
   background: var(--puck-color-grey-11);
 }
-._RichTextEditor_1elol_1:not(:focus-within):not(._RichTextEditor--isActive_1elol_110) .ProseMirror ::selection {
+._RichTextEditor_z25h4_1:not(:focus-within):not(._RichTextEditor--isActive_z25h4_111) .ProseMirror ::selection {
   background-color: transparent;
 }
-._RichTextEditor-menu_1elol_116 {
+._RichTextEditor-menu_z25h4_117 {
   border-bottom: 1px solid var(--puck-color-grey-10);
   position: sticky;
   top: 0;
   z-index: 1;
 }
-._RichTextEditor--disabled_1elol_106 ._RichTextEditor-menu_1elol_116 {
+._RichTextEditor--disabled_z25h4_107 ._RichTextEditor-menu_z25h4_117 {
   border-bottom: 1px solid var(--puck-color-grey-09);
 }

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-Ja9bNCM9.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Ja9bNCM9.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-tsxxcX1z.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CDA3K5S3.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './walk-tree-Ja9bNCM9.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Ja9bNCM9.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-tsxxcX1z.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Bh85NMeo.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.js

@@ -199,7 +199,7 @@ var init_styles_module = __esm({
     "use strict";
     init_react_import();
     init_css_module_data();
-    styles_module_default = { "RichTextEditor": "_RichTextEditor_1elol_1", "RichTextEditor--editor": "_RichTextEditor--editor_1elol_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_1elol_106", "RichTextEditor--isActive": "_RichTextEditor--isActive_1elol_110", "RichTextEditor-menu": "_RichTextEditor-menu_1elol_116" };
+    styles_module_default = { "RichTextEditor": "_RichTextEditor_z25h4_1", "RichTextEditor--editor": "_RichTextEditor--editor_z25h4_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_z25h4_107", "RichTextEditor--isActive": "_RichTextEditor--isActive_z25h4_111", "RichTextEditor-menu": "_RichTextEditor-menu_z25h4_117" };
   }
 });
 
@@ -529,12 +529,12 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
   const newProps = walkObject({
-    value: defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}),
+    value: shouldDefaultSlots ? defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}) : item.props,
     fields: (_d = componentConfig == null ? void 0 : componentConfig.fields) != null ? _d : {},
     mappers,
     id: item.props ? (_e = item.props.id) != null ? _e : "root" : "root",
@@ -552,32 +552,38 @@ function mapFields(item, mappers, config, recurseSlots = false) {
   });
 }
 
+// lib/field-transforms/build-mappers.ts
+init_react_import();
+function buildMappers(transforms, readOnly, forceReadOnly) {
+  return Object.keys(transforms).reduce((acc, _fieldType) => {
+    const fieldType = _fieldType;
+    return __spreadProps(__spreadValues({}, acc), {
+      [fieldType]: (_a) => {
+        var _b = _a, {
+          parentId
+        } = _b, params = __objRest(_b, [
+          "parentId"
+        ]);
+        const wildcardPath = params.propPath.replace(/\[\d+\]/g, "[*]");
+        const isReadOnly = (readOnly == null ? void 0 : readOnly[params.propPath]) || (readOnly == null ? void 0 : readOnly[wildcardPath]) || forceReadOnly || false;
+        const fn = transforms[fieldType];
+        return fn == null ? void 0 : fn(__spreadProps(__spreadValues({}, params), {
+          isReadOnly,
+          componentId: parentId
+        }));
+      }
+    });
+  }, {});
+}
+
 // lib/field-transforms/use-field-transforms.tsx
 function useFieldTransforms(config, item, transforms, readOnly, forceReadOnly) {
-  const mappers = (0, import_react2.useMemo)(() => {
-    return Object.keys(transforms).reduce((acc, _fieldType) => {
-      const fieldType = _fieldType;
-      return __spreadProps(__spreadValues({}, acc), {
-        [fieldType]: (_a) => {
-          var _b = _a, {
-            parentId
-          } = _b, params = __objRest(_b, [
-            "parentId"
-          ]);
-          const wildcardPath = params.propPath.replace(/\[\d+\]/g, "[*]");
-          const isReadOnly = (readOnly == null ? void 0 : readOnly[params.propPath]) || (readOnly == null ? void 0 : readOnly[wildcardPath]) || forceReadOnly || false;
-          const fn = transforms[fieldType];
-          return fn == null ? void 0 : fn(__spreadProps(__spreadValues({}, params), {
-            isReadOnly,
-            componentId: parentId
-          }));
-        }
-      });
-    }, {});
-  }, [transforms, readOnly, forceReadOnly]);
+  const mappers = (0, import_react2.useMemo)(
+    () => buildMappers(transforms, readOnly, forceReadOnly),
+    [transforms, readOnly, forceReadOnly]
+  );
   const transformedProps = (0, import_react2.useMemo)(() => {
-    const mapped = mapFields(item, mappers, config).props;
-    return mapped;
+    return mapFields(item, mappers, config).props;
   }, [config, item, mappers]);
   const mergedProps = (0, import_react2.useMemo)(
     () => __spreadValues(__spreadValues({}, item.props), transformedProps),
@@ -1040,7 +1046,8 @@ init_react_import();
 var defaultViewports = [
   { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
   { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
-  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
+  { width: 1280, height: "auto", icon: "Monitor", label: "Large" },
+  { width: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
 ];
 
 // store/default-app-state.ts
@@ -1062,7 +1069,8 @@ var defaultAppState = {
       options: [],
       controlsVisible: true
     },
-    field: { focus: null }
+    field: { focus: null },
+    plugin: { current: null }
   },
   indexes: {
     nodes: {},
@@ -1110,9 +1118,28 @@ var stripSlots = (data, config) => {
 
 // lib/data/flatten-node.ts
 var { flatten: flatten2, unflatten } = import_flat.default;
+function isEmptyArrayOrObject(val) {
+  if (Array.isArray(val)) {
+    return val.length === 0;
+  }
+  if (val != null && Object.prototype.toString.call(val) === "[object Object]") {
+    return Object.keys(val).length === 0;
+  }
+  return false;
+}
+function stripEmptyObjects(props) {
+  const result = {};
+  for (const key in props) {
+    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+    const val = props[key];
+    if (isEmptyArrayOrObject(val)) continue;
+    result[key] = val;
+  }
+  return result;
+}
 var flattenNode = (node, config) => {
   return __spreadProps(__spreadValues({}, node), {
-    props: flatten2(stripSlots(node, config).props)
+    props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
   });
 };
 

package/dist/rsc.mjs

@@ -5,20 +5,22 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-C2TVYIYC.mjs";
-import "./chunk-WUWXFMEM.mjs";
+} from "./chunk-3SDLQIUZ.mjs";
+import "./chunk-AOEDIUVK.mjs";
+import "./chunk-45I5SDOI.mjs";
+import "./chunk-Y2EFNT5P.mjs";
 import {
   rootAreaId,
   rootDroppableId,
   rootZone,
   setupZone,
   walkTree
-} from "./chunk-DJSH5REF.mjs";
+} from "./chunk-B7REOAA7.mjs";
 import {
   __spreadProps,
   __spreadValues,
   init_react_import
-} from "./chunk-DCSQEDMK.mjs";
+} from "./chunk-M6W7YEVX.mjs";
 
 // bundle/rsc.tsx
 init_react_import();

package/dist/walk-tree-Bh85NMeo.d.ts

@@ -0,0 +1,29 @@
+import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-tsxxcX1z.js';
+
+type MigrationOptions<UserConfig extends Config> = {
+    migrateDynamicZonesForComponent?: {
+        [ComponentName in keyof UserConfig["components"]]: (props: WithId<UserGenerics<UserConfig>["UserProps"][ComponentName]>, zones: Record<string, Content>) => ComponentData["props"];
+    };
+};
+declare function migrate<UserConfig extends Config = Config>(data: Data, config?: UserConfig, migrationOptions?: MigrationOptions<UserConfig>): Data;
+
+type PropTransform<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
+    [ComponentName in keyof Components]: (props: Components[ComponentName] & {
+        [key: string]: any;
+    }) => Components[ComponentName];
+} & {
+    root: (props: RootProps & {
+        [key: string]: any;
+    }) => RootProps;
+}>;
+declare function transformProps<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Components, RootProps>, config?: Config): Data;
+
+declare function resolveAllData<Components extends DefaultComponents = DefaultComponents, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, metadata?: Metadata, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Components, RootProps>>;
+
+type WalkTreeOptions = {
+    parentId: string;
+    propName: string;
+};
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
+
+export { migrate as m, resolveAllData as r, transformProps as t, walkTree as w };

package/dist/walk-tree-CDA3K5S3.d.mts

@@ -0,0 +1,29 @@
+import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-tsxxcX1z.mjs';
+
+type MigrationOptions<UserConfig extends Config> = {
+    migrateDynamicZonesForComponent?: {
+        [ComponentName in keyof UserConfig["components"]]: (props: WithId<UserGenerics<UserConfig>["UserProps"][ComponentName]>, zones: Record<string, Content>) => ComponentData["props"];
+    };
+};
+declare function migrate<UserConfig extends Config = Config>(data: Data, config?: UserConfig, migrationOptions?: MigrationOptions<UserConfig>): Data;
+
+type PropTransform<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
+    [ComponentName in keyof Components]: (props: Components[ComponentName] & {
+        [key: string]: any;
+    }) => Components[ComponentName];
+} & {
+    root: (props: RootProps & {
+        [key: string]: any;
+    }) => RootProps;
+}>;
+declare function transformProps<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Components, RootProps>, config?: Config): Data;
+
+declare function resolveAllData<Components extends DefaultComponents = DefaultComponents, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, metadata?: Metadata, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Components, RootProps>>;
+
+type WalkTreeOptions = {
+    parentId: string;
+    propName: string;
+};
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
+
+export { migrate as m, resolveAllData as r, transformProps as t, walkTree as w };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.21.0-canary.c78dc826",
+  "version": "0.21.0-canary.d1e8fa71",
   "description": "The open-source visual editor for React",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
@@ -45,6 +45,11 @@
       "import": "./dist/rsc.mjs",
       "require": "./dist/rsc.js"
     },
+    "./internal": {
+      "types": "./dist/internal.d.ts",
+      "import": "./dist/internal.mjs",
+      "require": "./dist/internal.js"
+    },
     "./puck.css": "./dist/index.css",
     "./no-external.css": "./dist/no-external.css",
     "./dist/index.css": "./dist/index.css",
@@ -60,7 +65,7 @@
   "license": "MIT",
   "scripts": {
     "lint": "eslint \"**/*.ts*\"",
-    "build": "rm -rf dist && tsup bundle/index.ts bundle/rsc.tsx bundle/no-external.ts",
+    "build": "rm -rf dist && tsup bundle/index.ts bundle/rsc.tsx bundle/no-external.ts bundle/internal.ts",
     "test": "jest",
     "prepare": "cp ../../README.md . && yarn build",
     "postpublish": "rm README.md"
@@ -76,8 +81,8 @@
     "@types/flat": "^5.0.5",
     "@types/jest": "^29.5.14",
     "@types/object-hash": "^3.0.6",
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@types/uuid": "^10.0.0",
     "css-box-model": "^1.2.1",
     "eslint": "^7.32.0",

package/dist/chunk-WUWXFMEM.mjs

@@ -1,11 +0,0 @@
-import {
-  init_react_import
-} from "./chunk-DCSQEDMK.mjs";
-
-// css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css#css-module
-init_react_import();
-var styles_module_default = { "RichTextEditor": "_RichTextEditor_1elol_1", "RichTextEditor--editor": "_RichTextEditor--editor_1elol_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_1elol_106", "RichTextEditor--isActive": "_RichTextEditor--isActive_1elol_110", "RichTextEditor-menu": "_RichTextEditor-menu_1elol_116" };
-
-export {
-  styles_module_default
-};