@simple-builder/react 1.4.1 → 1.5.0

package/dist/builder-content-OR2VTIUY.mjs

@@ -1,20 +0,0 @@
-import { BuilderProvider, useBuilder, Button } from './chunk-MXIMMIPT.mjs';
-import { BuildContainer } from './chunk-ZQBKKI2S.mjs';
-import * as React2 from 'react';
-
-var BuilderHeader = () => {
-  const { save } = useBuilder();
-  return /* @__PURE__ */ React2.createElement("div", { className: "sb:grid sb:grid-cols-3 sb:gap-4 sb:items-center sb:p-2 sb:shadow-lg sb:sticky sb:inset-x-0 sb:top-0 sb:bg-background sb:z-30" }, /* @__PURE__ */ React2.createElement("div", { className: "sb:flex sb:gap-4 sb:items-center" }, /* @__PURE__ */ React2.createElement(Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2.createElement(BuilderProvider, { content: props.content }, /* @__PURE__ */ React2.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = useBuilder();
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(BuilderHeader, null), /* @__PURE__ */ React2.createElement(BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-export { builder_content_default as default };

package/dist/builder-content-XNIM2YVG.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var chunk4SFXTFFU_js = require('./chunk-4SFXTFFU.js');
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
-var React2 = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-
-var BuilderHeader = () => {
-  const { save } = chunk4SFXTFFU_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb:grid sb:grid-cols-3 sb:gap-4 sb:items-center sb:p-2 sb:shadow-lg sb:sticky sb:inset-x-0 sb:top-0 sb:bg-background sb:z-30" }, /* @__PURE__ */ React2__namespace.createElement("div", { className: "sb:flex sb:gap-4 sb:items-center" }, /* @__PURE__ */ React2__namespace.createElement(chunk4SFXTFFU_js.Button, { variant: "ghost", size: "sm", onClick: save }, "Opslaan")));
-};
-
-// src/components/builder-content.tsx
-var BuilderContent = (props) => {
-  return /* @__PURE__ */ React2__namespace.createElement(chunk4SFXTFFU_js.BuilderProvider, { content: props.content }, /* @__PURE__ */ React2__namespace.createElement(BuilderContentInner, null));
-};
-var BuilderContentInner = () => {
-  const { content } = chunk4SFXTFFU_js.useBuilder();
-  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(BuilderHeader, null), /* @__PURE__ */ React2__namespace.createElement(chunkYFRFNRKR_js.BuildContainer, { name: "root", edit: true, multiple: true, content }));
-};
-var builder_content_default = BuilderContent;
-
-module.exports = builder_content_default;

package/dist/chunk-4SFXTFFU.js

@@ -1,269 +0,0 @@
-'use strict';
-
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
-var React = require('react');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var BuilderContext = React__namespace.createContext(
-  null
-);
-var BuilderProvider = (props) => {
-  const url = props.url ?? "/api/simple-builder";
-  const [content, setContent] = React__namespace.useState(
-    props.content ?? []
-  );
-  const getItem = React__namespace.useCallback(
-    (id) => {
-      return findRecursive(content, (item) => item.id === id);
-    },
-    [content]
-  );
-  const patchItem = React__namespace.useCallback(
-    (id, patch) => {
-      setContent(
-        (content2) => mapRecursive(content2, (item) => {
-          if (item.id === id) {
-            return {
-              ...item,
-              ...patch
-            };
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const addContent = React__namespace.useCallback(
-    (name, container, parent, index = 0) => {
-      const component = chunkYFRFNRKR_js.builder.getComponent(name);
-      if (!component) {
-        throw new Error(`[simple-builder]: Component "${name}" not found`);
-      }
-      const entry = {
-        id: crypto.randomUUID(),
-        component: component.name,
-        ...parent && { parent },
-        ...component.inputs && {
-          props: component.inputs.reduce(
-            (acc, input) => ({
-              ...acc,
-              [input.name]: input.defaultValue
-            }),
-            {}
-          )
-        },
-        ...component.defaultStyles && {
-          styles: component.defaultStyles
-        }
-      };
-      if (!parent) {
-        setContent((content2) => chunkYFRFNRKR_js.insertAt(content2, index, entry));
-        return;
-      }
-      setContent(
-        (content2) => mapRecursive(content2, (item) => {
-          if (item.id === parent) {
-            return {
-              ...item,
-              content: {
-                ...item.content,
-                [container]: chunkYFRFNRKR_js.insertAt(item.content?.[container], index, entry)
-              }
-            };
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const deleteContent = React__namespace.useCallback(
-    (id) => setContent((prev) => filterRecursive(prev, (item) => item.id !== id)),
-    [setContent, filterRecursive]
-  );
-  const bringUp = React__namespace.useCallback(
-    (id) => {
-      setContent(
-        (content2) => mapRecursive(content2, (item, index, arr) => {
-          if (item.id === id && index > 0) {
-            return arr[index - 1];
-          }
-          if (arr[index + 1]?.id === id) {
-            return arr[index + 1];
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const bringDown = React__namespace.useCallback(
-    (id) => {
-      setContent(
-        (content2) => mapRecursive(content2, (item, index, arr) => {
-          if (item.id === id && index < arr.length - 1) {
-            return arr[index + 1];
-          }
-          if (arr[index - 1]?.id === id) {
-            return arr[index - 1];
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const save = React__namespace.useCallback(async () => {
-    const slug = window.location.pathname;
-    try {
-      await fetch(`${url}/page/update`, {
-        method: "POST",
-        body: JSON.stringify({
-          slug,
-          content
-        })
-      });
-      alert("Pagina opgeslagen!");
-    } catch (e) {
-      console.error("[simple-builder]: Failed to save content", e);
-      alert("Er is iets fout gegaan. Bekijk de console voor meer info.");
-    }
-  }, [content]);
-  return /* @__PURE__ */ React__namespace.createElement(
-    BuilderContext.Provider,
-    {
-      value: {
-        url,
-        content,
-        setContent,
-        getItem,
-        patchItem,
-        addContent,
-        bringUp,
-        bringDown,
-        deleteContent,
-        save
-      }
-    },
-    props.children
-  );
-};
-var useBuilder = () => {
-  const context = React__namespace.useContext(BuilderContext);
-  if (!context) {
-    throw new Error(
-      "[simple-builder]: useBuilder must be used within a BuilderProvider"
-    );
-  }
-  return context;
-};
-var filterRecursive = (items, predicate, key = "content") => {
-  return items.filter(predicate).map((item) => ({
-    ...item,
-    ...item[key] && {
-      [key]: Object.entries(item[key] ?? {}).reduce(
-        (acc, [name, content]) => ({
-          ...acc,
-          [name]: filterRecursive(content, predicate, key)
-        }),
-        {}
-      )
-    }
-  }));
-};
-var mapRecursive = (items, predicate, key = "content") => {
-  return items.map(predicate).map((item) => ({
-    ...item,
-    ...item[key] && {
-      [key]: Object.entries(item[key] ?? {}).reduce(
-        (acc, [name, content]) => ({
-          ...acc,
-          [name]: mapRecursive(content, predicate, key)
-        }),
-        {}
-      )
-    }
-  }));
-};
-var findRecursive = (items, predicate, key = "content") => {
-  for (const item of items) {
-    if (predicate(item)) {
-      return item;
-    }
-    if (item[key]) {
-      const keys = Object.keys(item[key] ?? {});
-      for (const x of keys) {
-        const found = findRecursive(item[key][x], predicate, key);
-        if (found) {
-          return found;
-        }
-      }
-    }
-  }
-};
-var buttonVariants = classVarianceAuthority.cva(
-  "sb:inline-flex sb:items-center sb:justify-center sb:gap-2 sb:whitespace-nowrap sb:rounded-md sb:text-sm sb:font-medium sb:transition-colors sb:focus-visible:outline-hidden sb:focus-visible:ring-1 sb:focus-visible:ring-ring sb:disabled:pointer-events-none sb:disabled:opacity-50 sb:[&_svg]:pointer-events-none sb:[&_svg]:size-4 sb:[&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "sb:bg-primary sb:text-primary-foreground sb:shadow sb:hover:bg-primary/90",
-        destructive: "sb:bg-destructive sb:text-destructive-foreground sb:shadow-sm sb:hover:bg-destructive/90",
-        outline: "sb:border sb:border-input sb:bg-background sb:shadow-sm sb:hover:bg-accent sb:hover:text-accent-foreground",
-        secondary: "sb:bg-secondary sb:text-secondary-foreground sb:shadow-sm sb:hover:bg-secondary/80",
-        ghost: "sb:hover:bg-accent sb:hover:text-accent-foreground",
-        link: "sb:text-primary sb:underline-offset-4 sb:hover:underline"
-      },
-      size: {
-        default: "sb:h-9 sb:px-4 sb:py-2",
-        sm: "sb:h-8 sb:rounded-md sb:px-3 sb:text-xs",
-        lg: "sb:h-10 sb:rounded-md sb:px-8",
-        icon: "sb:h-9 sb:w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ React__namespace.createElement(
-      Comp,
-      {
-        className: chunkYFRFNRKR_js.cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-exports.BuilderProvider = BuilderProvider;
-exports.Button = Button;
-exports.buttonVariants = buttonVariants;
-exports.useBuilder = useBuilder;

package/dist/chunk-7I4RGF45.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var chunkYFRFNRKR_js = require('./chunk-YFRFNRKR.js');
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var StaticContent = (props) => {
-  return /* @__PURE__ */ React__namespace.createElement(
-    chunkYFRFNRKR_js.BuildContainer,
-    {
-      name: "root",
-      edit: false,
-      multiple: true,
-      content: props.content || []
-    }
-  );
-};
-
-// src/index.ts
-var BuilderContent = React.lazy(() => import('./builder-content-XNIM2YVG.js'));
-
-exports.BuilderContent = BuilderContent;
-exports.StaticContent = StaticContent;

package/dist/chunk-MXIMMIPT.mjs

@@ -1,244 +0,0 @@
-import { cn, builder, insertAt } from './chunk-ZQBKKI2S.mjs';
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-
-var BuilderContext = React.createContext(
-  null
-);
-var BuilderProvider = (props) => {
-  const url = props.url ?? "/api/simple-builder";
-  const [content, setContent] = React.useState(
-    props.content ?? []
-  );
-  const getItem = React.useCallback(
-    (id) => {
-      return findRecursive(content, (item) => item.id === id);
-    },
-    [content]
-  );
-  const patchItem = React.useCallback(
-    (id, patch) => {
-      setContent(
-        (content2) => mapRecursive(content2, (item) => {
-          if (item.id === id) {
-            return {
-              ...item,
-              ...patch
-            };
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const addContent = React.useCallback(
-    (name, container, parent, index = 0) => {
-      const component = builder.getComponent(name);
-      if (!component) {
-        throw new Error(`[simple-builder]: Component "${name}" not found`);
-      }
-      const entry = {
-        id: crypto.randomUUID(),
-        component: component.name,
-        ...parent && { parent },
-        ...component.inputs && {
-          props: component.inputs.reduce(
-            (acc, input) => ({
-              ...acc,
-              [input.name]: input.defaultValue
-            }),
-            {}
-          )
-        },
-        ...component.defaultStyles && {
-          styles: component.defaultStyles
-        }
-      };
-      if (!parent) {
-        setContent((content2) => insertAt(content2, index, entry));
-        return;
-      }
-      setContent(
-        (content2) => mapRecursive(content2, (item) => {
-          if (item.id === parent) {
-            return {
-              ...item,
-              content: {
-                ...item.content,
-                [container]: insertAt(item.content?.[container], index, entry)
-              }
-            };
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const deleteContent = React.useCallback(
-    (id) => setContent((prev) => filterRecursive(prev, (item) => item.id !== id)),
-    [setContent, filterRecursive]
-  );
-  const bringUp = React.useCallback(
-    (id) => {
-      setContent(
-        (content2) => mapRecursive(content2, (item, index, arr) => {
-          if (item.id === id && index > 0) {
-            return arr[index - 1];
-          }
-          if (arr[index + 1]?.id === id) {
-            return arr[index + 1];
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const bringDown = React.useCallback(
-    (id) => {
-      setContent(
-        (content2) => mapRecursive(content2, (item, index, arr) => {
-          if (item.id === id && index < arr.length - 1) {
-            return arr[index + 1];
-          }
-          if (arr[index - 1]?.id === id) {
-            return arr[index - 1];
-          }
-          return item;
-        })
-      );
-    },
-    [setContent, mapRecursive]
-  );
-  const save = React.useCallback(async () => {
-    const slug = window.location.pathname;
-    try {
-      await fetch(`${url}/page/update`, {
-        method: "POST",
-        body: JSON.stringify({
-          slug,
-          content
-        })
-      });
-      alert("Pagina opgeslagen!");
-    } catch (e) {
-      console.error("[simple-builder]: Failed to save content", e);
-      alert("Er is iets fout gegaan. Bekijk de console voor meer info.");
-    }
-  }, [content]);
-  return /* @__PURE__ */ React.createElement(
-    BuilderContext.Provider,
-    {
-      value: {
-        url,
-        content,
-        setContent,
-        getItem,
-        patchItem,
-        addContent,
-        bringUp,
-        bringDown,
-        deleteContent,
-        save
-      }
-    },
-    props.children
-  );
-};
-var useBuilder = () => {
-  const context = React.useContext(BuilderContext);
-  if (!context) {
-    throw new Error(
-      "[simple-builder]: useBuilder must be used within a BuilderProvider"
-    );
-  }
-  return context;
-};
-var filterRecursive = (items, predicate, key = "content") => {
-  return items.filter(predicate).map((item) => ({
-    ...item,
-    ...item[key] && {
-      [key]: Object.entries(item[key] ?? {}).reduce(
-        (acc, [name, content]) => ({
-          ...acc,
-          [name]: filterRecursive(content, predicate, key)
-        }),
-        {}
-      )
-    }
-  }));
-};
-var mapRecursive = (items, predicate, key = "content") => {
-  return items.map(predicate).map((item) => ({
-    ...item,
-    ...item[key] && {
-      [key]: Object.entries(item[key] ?? {}).reduce(
-        (acc, [name, content]) => ({
-          ...acc,
-          [name]: mapRecursive(content, predicate, key)
-        }),
-        {}
-      )
-    }
-  }));
-};
-var findRecursive = (items, predicate, key = "content") => {
-  for (const item of items) {
-    if (predicate(item)) {
-      return item;
-    }
-    if (item[key]) {
-      const keys = Object.keys(item[key] ?? {});
-      for (const x of keys) {
-        const found = findRecursive(item[key][x], predicate, key);
-        if (found) {
-          return found;
-        }
-      }
-    }
-  }
-};
-var buttonVariants = cva(
-  "sb:inline-flex sb:items-center sb:justify-center sb:gap-2 sb:whitespace-nowrap sb:rounded-md sb:text-sm sb:font-medium sb:transition-colors sb:focus-visible:outline-hidden sb:focus-visible:ring-1 sb:focus-visible:ring-ring sb:disabled:pointer-events-none sb:disabled:opacity-50 sb:[&_svg]:pointer-events-none sb:[&_svg]:size-4 sb:[&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "sb:bg-primary sb:text-primary-foreground sb:shadow sb:hover:bg-primary/90",
-        destructive: "sb:bg-destructive sb:text-destructive-foreground sb:shadow-sm sb:hover:bg-destructive/90",
-        outline: "sb:border sb:border-input sb:bg-background sb:shadow-sm sb:hover:bg-accent sb:hover:text-accent-foreground",
-        secondary: "sb:bg-secondary sb:text-secondary-foreground sb:shadow-sm sb:hover:bg-secondary/80",
-        ghost: "sb:hover:bg-accent sb:hover:text-accent-foreground",
-        link: "sb:text-primary sb:underline-offset-4 sb:hover:underline"
-      },
-      size: {
-        default: "sb:h-9 sb:px-4 sb:py-2",
-        sm: "sb:h-8 sb:rounded-md sb:px-3 sb:text-xs",
-        lg: "sb:h-10 sb:rounded-md sb:px-8",
-        icon: "sb:h-9 sb:w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ React.createElement(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-export { BuilderProvider, Button, buttonVariants, useBuilder };

package/dist/chunk-UA2CNH3R.mjs

@@ -1,20 +0,0 @@
-import { BuildContainer } from './chunk-ZQBKKI2S.mjs';
-import * as React from 'react';
-import { lazy } from 'react';
-
-var StaticContent = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    BuildContainer,
-    {
-      name: "root",
-      edit: false,
-      multiple: true,
-      content: props.content || []
-    }
-  );
-};
-
-// src/index.ts
-var BuilderContent = lazy(() => import('./builder-content-OR2VTIUY.mjs'));
-
-export { BuilderContent, StaticContent };