@measured/puck 0.21.0-canary.b818cb1f → 0.21.0-canary.c0db75c1

package/dist/no-external.mjs

@@ -11,21 +11,27 @@ import {
   Label,
   Puck,
   Render,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-CBXRJMRZ.mjs";
+} from "./chunk-E4BOPJJV.mjs";
+import "./chunk-J32NOAUF.mjs";
 import {
-  init_react_import,
   migrate,
   resolveAllData,
-  transformProps,
+  transformProps
+} from "./chunk-PJYARUPI.mjs";
+import {
+  init_react_import,
   walkTree
-} from "./chunk-VBJEDLUM.mjs";
+} from "./chunk-S3RM5GHZ.mjs";
 
 // bundle/no-external.ts
 init_react_import();
@@ -42,8 +48,11 @@ export {
   Label,
   Puck,
   Render,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
   migrate,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,

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-DkTSFbz_.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DkTSFbz_.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-CaYAKtsG.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-B-Q2gpMX.mjs';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

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-DkTSFbz_.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DkTSFbz_.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-CaYAKtsG.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-ksvZ7C4q.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

package/dist/rsc.js

@@ -346,8 +346,9 @@ var Item = ({
   );
 };
 var SlotRender = (0, import_react3.forwardRef)(
-  function SlotRenderInternal({ className, style, content, config, metadata }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, style, ref, children: content.map((item) => {
+  function SlotRenderInternal({ className, style, content, config, metadata, as }, ref) {
+    const El = as != null ? as : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(El, { className, style, ref, children: content.map((item) => {
       if (!config.components[item.type]) {
         return null;
       }
@@ -474,7 +475,7 @@ var getChanged = (newItem, oldItem) => {
 // lib/resolve-component-data.ts
 var import_fast_equals2 = require("fast-equals");
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
+var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
   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;
@@ -502,11 +503,11 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
   let itemWithResolvedChildren = yield mapFields(
     resolvedItem,
     {
-      slot: (_02) => __async(void 0, [_02], function* ({ value }) {
+      slot: (_02) => __async(null, [_02], function* ({ value }) {
         const content = value;
         return yield Promise.all(
           content.map(
-            (childItem) => __async(void 0, null, function* () {
+            (childItem) => __async(null, null, function* () {
               return (yield resolveComponentData(
                 childItem,
                 config,
@@ -554,7 +555,7 @@ function resolveAllData(_0, _1) {
   return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
     var _a;
     const defaultedData = defaultData(data);
-    const resolveNode = (_node) => __async(this, null, function* () {
+    const resolveNode = (_node) => __async(null, null, function* () {
       const node = toComponent(_node);
       onResolveStart == null ? void 0 : onResolveStart(node);
       const resolved = (yield resolveComponentData(
@@ -575,13 +576,13 @@ function resolveAllData(_0, _1) {
       onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
       return resolvedDeep;
     });
-    const processContent = (content) => __async(this, null, function* () {
+    const processContent = (content) => __async(null, null, function* () {
       return Promise.all(content.map(resolveNode));
     });
-    const processZones = () => __async(this, null, function* () {
+    const processZones = () => __async(null, null, function* () {
       var _a2;
       const zones = (_a2 = data.zones) != null ? _a2 : {};
-      Object.entries(zones).forEach((_02) => __async(this, [_02], function* ([zoneKey, content]) {
+      Object.entries(zones).forEach((_02) => __async(null, [_02], function* ([zoneKey, content]) {
         zones[zoneKey] = yield Promise.all(content.map(resolveNode));
       }));
       return zones;
@@ -591,7 +592,7 @@ function resolveAllData(_0, _1) {
       content: yield processContent(defaultedData.content),
       zones: yield processZones()
     };
-    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(this, null, function* () {
+    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(null, null, function* () {
       const content = defaultedData.zones[zoneKey];
       dynamic.zones[zoneKey] = yield processContent(content);
     }), {});
@@ -671,7 +672,8 @@ function transformProps(data, propTransforms, config = { components: {} }) {
 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
@@ -693,7 +695,8 @@ var defaultAppState = {
       options: [],
       controlsVisible: true
     },
-    field: { focus: null }
+    field: { focus: null },
+    plugin: { current: null }
   },
   indexes: {
     nodes: {},

package/dist/rsc.mjs

@@ -1,18 +1,20 @@
 import {
   SlotRenderPure,
+  migrate,
+  resolveAllData,
+  transformProps,
+  useSlots
+} from "./chunk-PJYARUPI.mjs";
+import {
   __spreadProps,
   __spreadValues,
   init_react_import,
-  migrate,
-  resolveAllData,
   rootAreaId,
   rootDroppableId,
   rootZone,
   setupZone,
-  transformProps,
-  useSlots,
   walkTree
-} from "./chunk-VBJEDLUM.mjs";
+} from "./chunk-S3RM5GHZ.mjs";
 
 // bundle/rsc.tsx
 init_react_import();

package/dist/walk-tree-B-Q2gpMX.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-CaYAKtsG.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/dist/walk-tree-ksvZ7C4q.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-CaYAKtsG.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.21.0-canary.b818cb1f",
+  "version": "0.21.0-canary.c0db75c1",
   "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"