@nextlyhq/plugin-page-builder 0.0.2-alpha.31

package/dist/chunk-R7YHOSL2.js

@@ -0,0 +1,483 @@
+import {
+  DEFAULT_SLOT,
+  defineBlock,
+  nodeClass,
+  resolveBindings
+} from "./chunk-ABMSYCSD.js";
+import {
+  BlockErrorBoundary
+} from "./chunk-E4G7NNXW.js";
+
+// src/render/blocks/paragraph.tsx
+import { jsx } from "react/jsx-runtime";
+var paragraph = defineBlock({
+  type: "core/paragraph",
+  version: 1,
+  label: "Paragraph",
+  icon: "Type",
+  category: "basic",
+  defaultProps: { text: "New paragraph" },
+  contentFields: [
+    { name: "text", type: "textarea", label: "Text", bindable: true }
+  ],
+  styleControls: [
+    { control: "color", styleKey: "color", label: "Text color" },
+    { control: "dimension", styleKey: "fontSize", label: "Font size" },
+    { control: "align", styleKey: "textAlign", label: "Align" },
+    { control: "spacing", styleKey: "padding", label: "Padding" },
+    { control: "spacing", styleKey: "margin", label: "Margin" }
+  ],
+  render: ({ props, className }) => /* @__PURE__ */ jsx("p", { className, children: String(props.text ?? "") })
+});
+
+// src/render/blocks/heading.tsx
+import { createElement } from "react";
+var LEVELS = ["h1", "h2", "h3", "h4", "h5", "h6"];
+var heading = defineBlock({
+  type: "core/heading",
+  version: 1,
+  label: "Heading",
+  icon: "Heading",
+  category: "basic",
+  defaultProps: { text: "New heading", level: "h2" },
+  contentFields: [
+    { name: "text", type: "text", label: "Text", bindable: true },
+    {
+      name: "level",
+      type: "select",
+      label: "Level",
+      options: LEVELS.map((l) => ({ value: l, label: l.toUpperCase() }))
+    }
+  ],
+  styleControls: [
+    { control: "color", styleKey: "color", label: "Text color" },
+    { control: "dimension", styleKey: "fontSize", label: "Font size" },
+    { control: "align", styleKey: "textAlign", label: "Align" },
+    { control: "spacing", styleKey: "padding", label: "Padding" },
+    { control: "spacing", styleKey: "margin", label: "Margin" }
+  ],
+  render: ({ props, className }) => {
+    const level = LEVELS.includes(String(props.level)) ? String(props.level) : "h2";
+    return createElement(level, { className }, String(props.text ?? ""));
+  }
+});
+
+// src/render/blocks/util.ts
+function safeUrl(url) {
+  if (typeof url !== "string") return void 0;
+  const trimmed = url.trim();
+  if (!trimmed) return void 0;
+  const scheme = trimmed.replace(/[\u0000-\u0020\u007f]+/g, "").toLowerCase();
+  if (/^(javascript|vbscript|data):/.test(scheme)) return void 0;
+  return trimmed;
+}
+
+// src/render/blocks/image.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var image = defineBlock({
+  type: "core/image",
+  version: 1,
+  label: "Image",
+  icon: "Image",
+  category: "media",
+  defaultProps: { url: "", alt: "" },
+  contentFields: [
+    { name: "media", type: "media", label: "Image", bindable: true }
+  ],
+  styleControls: [
+    { control: "dimension", styleKey: "width", label: "Width" },
+    { control: "dimension", styleKey: "borderRadius", label: "Radius" },
+    { control: "spacing", styleKey: "margin", label: "Margin" }
+  ],
+  render: ({ props, className }) => {
+    const raw = props.media;
+    const media = typeof raw === "string" ? { url: raw } : raw ?? {};
+    const src = safeUrl(media.url ?? props.url);
+    if (!src) return null;
+    const alt = media.alt ?? props.alt;
+    const width = media.width ?? props.width;
+    const height = media.height ?? props.height;
+    return /* @__PURE__ */ jsx2(
+      "img",
+      {
+        className,
+        src,
+        alt: typeof alt === "string" ? alt : "",
+        width: typeof width === "number" ? width : void 0,
+        height: typeof height === "number" ? height : void 0,
+        loading: "lazy"
+      }
+    );
+  }
+});
+
+// src/render/blocks/button.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var button = defineBlock({
+  type: "core/button",
+  version: 1,
+  label: "Button",
+  icon: "MousePointerClick",
+  category: "basic",
+  defaultProps: { text: "Click me", link: { href: "", target: "" } },
+  contentFields: [
+    { name: "text", type: "text", label: "Label", bindable: true },
+    { name: "link", type: "link", label: "Link" }
+  ],
+  styleControls: [
+    { control: "color", styleKey: "color", label: "Text color" },
+    { control: "color", styleKey: "backgroundColor", label: "Background" },
+    { control: "dimension", styleKey: "borderRadius", label: "Radius" },
+    { control: "align", styleKey: "textAlign", label: "Align" },
+    { control: "spacing", styleKey: "padding", label: "Padding" },
+    { control: "spacing", styleKey: "margin", label: "Margin" }
+  ],
+  render: ({ props, className }) => {
+    const link = props.link ?? {};
+    const href = safeUrl(link.href);
+    const text = String(props.text ?? "Button");
+    if (!href) {
+      return /* @__PURE__ */ jsx3("button", { className, type: "button", children: text });
+    }
+    const target = link.target || void 0;
+    return /* @__PURE__ */ jsx3(
+      "a",
+      {
+        className,
+        href,
+        target,
+        rel: target === "_blank" ? "noopener noreferrer" : void 0,
+        children: text
+      }
+    );
+  }
+});
+
+// src/render/blocks/video.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function embedUrl(provider, id) {
+  const safeId = encodeURIComponent(id);
+  if (provider === "youtube") return `https://www.youtube.com/embed/${safeId}`;
+  if (provider === "vimeo") return `https://player.vimeo.com/video/${safeId}`;
+  return null;
+}
+var video = defineBlock({
+  type: "core/video",
+  version: 1,
+  label: "Video",
+  icon: "Video",
+  category: "media",
+  defaultProps: { provider: "youtube", videoId: "" },
+  contentFields: [
+    {
+      name: "provider",
+      type: "select",
+      label: "Provider",
+      options: [
+        { value: "youtube", label: "YouTube" },
+        { value: "vimeo", label: "Vimeo" }
+      ]
+    },
+    {
+      name: "videoId",
+      type: "text",
+      label: "Video ID",
+      placeholder: "e.g. dQw4w9WgXcQ"
+    }
+  ],
+  styleControls: [
+    { control: "dimension", styleKey: "maxWidth", label: "Max width" },
+    { control: "spacing", styleKey: "margin", label: "Margin" }
+  ],
+  render: ({ props, className }) => {
+    const provider = String(props.provider ?? "");
+    const id = typeof props.videoId === "string" ? props.videoId.trim() : "";
+    const src = id ? embedUrl(provider, id) : null;
+    if (!src) return null;
+    return /* @__PURE__ */ jsx4("div", { className, children: /* @__PURE__ */ jsx4(
+      "iframe",
+      {
+        src,
+        title: "Embedded video",
+        allowFullScreen: true,
+        style: { border: 0, width: "100%", aspectRatio: "16 / 9" }
+      }
+    ) });
+  }
+});
+
+// src/render/blocks/container.tsx
+import { createElement as createElement2 } from "react";
+var TAGS = ["section", "div", "article", "header", "footer", "aside"];
+var container = defineBlock({
+  type: "core/container",
+  version: 1,
+  label: "Container",
+  icon: "Square",
+  category: "layout",
+  isContainer: true,
+  slots: [{ name: "default" }],
+  defaultProps: { as: "section" },
+  contentFields: [
+    {
+      name: "as",
+      type: "select",
+      label: "HTML tag",
+      options: TAGS.map((t) => ({ value: t, label: t }))
+    }
+  ],
+  styleControls: [
+    { control: "color", styleKey: "backgroundColor", label: "Background" },
+    { control: "dimension", styleKey: "maxWidth", label: "Max width" },
+    { control: "spacing", styleKey: "padding", label: "Padding" },
+    { control: "spacing", styleKey: "margin", label: "Margin" },
+    { control: "dimension", styleKey: "borderRadius", label: "Radius" }
+  ],
+  render: ({ props, slots, className }) => {
+    const tag = TAGS.includes(String(props.as)) ? String(props.as) : "section";
+    return createElement2(tag, { className }, slots.default);
+  }
+});
+
+// src/render/blocks/grid.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var grid = defineBlock({
+  type: "core/grid",
+  version: 1,
+  label: "Grid",
+  icon: "LayoutGrid",
+  category: "layout",
+  isContainer: true,
+  slots: [{ name: "default" }],
+  defaultProps: { columns: 2, gap: "16px" },
+  contentFields: [
+    { name: "columns", type: "number", label: "Columns" },
+    { name: "gap", type: "text", label: "Gap", placeholder: "16px" }
+  ],
+  styleControls: [
+    { control: "color", styleKey: "backgroundColor", label: "Background" },
+    { control: "spacing", styleKey: "padding", label: "Padding" },
+    { control: "spacing", styleKey: "margin", label: "Margin" }
+  ],
+  render: ({ props, slots, className }) => {
+    const columns = typeof props.columns === "number" && props.columns > 0 ? Math.min(props.columns, 12) : 2;
+    const gap = typeof props.gap === "string" ? props.gap : "16px";
+    return /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className,
+        style: {
+          display: "grid",
+          gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+          gap
+        },
+        children: slots.default
+      }
+    );
+  }
+});
+
+// src/render/query/grid.ts
+function loopGridStyle(props) {
+  const raw = typeof props.columns === "number" ? props.columns : 1;
+  const columns = raw > 1 ? Math.min(Math.floor(raw), 12) : 0;
+  if (!columns) return void 0;
+  const gap = typeof props.gap === "string" ? props.gap : "16px";
+  return {
+    display: "grid",
+    gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+    gap
+  };
+}
+
+// src/render/blocks/queryLoop.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var queryLoop = defineBlock({
+  type: "core/query-loop",
+  version: 1,
+  label: "Query Loop",
+  icon: "Repeat",
+  category: "dynamic",
+  isContainer: true,
+  slots: [{ name: "default" }],
+  defaultProps: {
+    collection: "",
+    sort: "",
+    limit: 10,
+    columns: 1,
+    gap: "16px"
+  },
+  styleControls: [
+    { control: "spacing", styleKey: "padding", label: "Padding" },
+    { control: "spacing", styleKey: "margin", label: "Margin" }
+  ],
+  render: ({ props, slots, className }) => /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className,
+      "data-nx-query-loop": "preview",
+      style: loopGridStyle(props),
+      children: slots.default
+    }
+  )
+});
+
+// src/render/query/QueryLoopView.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function QueryLoopView({
+  node,
+  registry,
+  dataProvider,
+  className,
+  result,
+  budget
+}) {
+  const template = node.slots?.[DEFAULT_SLOT] ?? [];
+  if (result.skipped) {
+    return /* @__PURE__ */ jsx7("div", { className, "data-nx-query-loop": "config", children: "Configure a collection to load entries." });
+  }
+  if (result.error) {
+    return /* @__PURE__ */ jsx7("div", { className, "data-nx-query-loop": "error", children: "Could not load entries." });
+  }
+  if (result.items.length === 0) {
+    return /* @__PURE__ */ jsx7("div", { className, "data-nx-query-loop": "empty", children: "No entries found." });
+  }
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      className,
+      "data-nx-query-loop": "list",
+      style: loopGridStyle(node.props),
+      children: result.items.map((item, i) => /* @__PURE__ */ jsx7(
+        "div",
+        {
+          "data-nx-loop-item": i,
+          children: template.map((child) => /* @__PURE__ */ jsx7(
+            RenderNode,
+            {
+              node: child,
+              registry,
+              dataProvider,
+              item,
+              budget
+            },
+            child.id
+          ))
+        },
+        typeof item.id === "string" ? item.id : i
+      ))
+    }
+  );
+}
+
+// src/render/query/runQuery.ts
+async function runQuery(dataProvider, config, budget) {
+  if (!dataProvider || !config.collection) return { items: [], skipped: true };
+  if (budget.n <= 0) return { items: [], skipped: true };
+  budget.n -= 1;
+  try {
+    const { items } = await dataProvider.find({
+      collection: config.collection,
+      where: config.where,
+      sort: config.sort,
+      limit: typeof config.limit === "number" ? config.limit : void 0,
+      populate: config.populate
+    });
+    return { items: Array.isArray(items) ? items : [] };
+  } catch (err) {
+    return {
+      items: [],
+      error: err instanceof Error ? err.message : String(err)
+    };
+  }
+}
+
+// src/render/query/QueryLoop.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+async function QueryLoop({
+  node,
+  registry,
+  dataProvider,
+  className,
+  budget
+}) {
+  const config = node.props;
+  const result = await runQuery(dataProvider, config, budget);
+  return /* @__PURE__ */ jsx8(
+    QueryLoopView,
+    {
+      node,
+      registry,
+      dataProvider,
+      className,
+      result,
+      budget
+    }
+  );
+}
+
+// src/render/query/types.ts
+var QUERY_LOOP_TYPE = "core/query-loop";
+var DEFAULT_QUERY_BUDGET = 20;
+
+// src/render/RenderNode.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function RenderNode({
+  node,
+  registry,
+  dataProvider,
+  item,
+  budget
+}) {
+  const def = registry.get(node.type);
+  const className = [nodeClass(node.id), node.customClass].filter(Boolean).join(" ");
+  if (!def) {
+    return /* @__PURE__ */ jsx9("div", { "data-nx-unknown": node.type, className });
+  }
+  if (node.type === QUERY_LOOP_TYPE) {
+    return /* @__PURE__ */ jsx9(BlockErrorBoundary, { children: /* @__PURE__ */ jsx9(
+      QueryLoop,
+      {
+        node,
+        registry,
+        dataProvider,
+        className,
+        budget: budget ?? { n: 0 }
+      }
+    ) });
+  }
+  const slots = {};
+  if (node.slots) {
+    for (const [name, children] of Object.entries(node.slots)) {
+      slots[name] = children.map((child) => /* @__PURE__ */ jsx9(
+        RenderNode,
+        {
+          node: child,
+          registry,
+          dataProvider,
+          item,
+          budget
+        },
+        child.id
+      ));
+    }
+  }
+  const props = item ? resolveBindings(node, item) : node.props;
+  return /* @__PURE__ */ jsx9(BlockErrorBoundary, { children: def.render({ props, node, slots, className }) });
+}
+
+export {
+  paragraph,
+  heading,
+  image,
+  button,
+  video,
+  container,
+  grid,
+  loopGridStyle,
+  queryLoop,
+  QUERY_LOOP_TYPE,
+  DEFAULT_QUERY_BUDGET,
+  RenderNode
+};
+//# sourceMappingURL=chunk-R7YHOSL2.js.map

package/dist/chunk-R7YHOSL2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/blocks/paragraph.tsx","../src/render/blocks/heading.tsx","../src/render/blocks/util.ts","../src/render/blocks/image.tsx","../src/render/blocks/button.tsx","../src/render/blocks/video.tsx","../src/render/blocks/container.tsx","../src/render/blocks/grid.tsx","../src/render/query/grid.ts","../src/render/blocks/queryLoop.tsx","../src/render/query/QueryLoopView.tsx","../src/render/query/runQuery.ts","../src/render/query/QueryLoop.tsx","../src/render/query/types.ts","../src/render/RenderNode.tsx"],"sourcesContent":["import { defineBlock } from \"../../core/registry\";\n\nexport const paragraph = defineBlock({\n  type: \"core/paragraph\",\n  version: 1,\n  label: \"Paragraph\",\n  icon: \"Type\",\n  category: \"basic\",\n  defaultProps: { text: \"New paragraph\" },\n  contentFields: [\n    { name: \"text\", type: \"textarea\", label: \"Text\", bindable: true },\n  ],\n  styleControls: [\n    { control: \"color\", styleKey: \"color\", label: \"Text color\" },\n    { control: \"dimension\", styleKey: \"fontSize\", label: \"Font size\" },\n    { control: \"align\", styleKey: \"textAlign\", label: \"Align\" },\n    { control: \"spacing\", styleKey: \"padding\", label: \"Padding\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n  ],\n  render: ({ props, className }) => (\n    <p className={className}>{String(props.text ?? \"\")}</p>\n  ),\n});\n","import { createElement } from \"react\";\n\nimport { defineBlock } from \"../../core/registry\";\n\nconst LEVELS = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"];\n\nexport const heading = defineBlock({\n  type: \"core/heading\",\n  version: 1,\n  label: \"Heading\",\n  icon: \"Heading\",\n  category: \"basic\",\n  defaultProps: { text: \"New heading\", level: \"h2\" },\n  contentFields: [\n    { name: \"text\", type: \"text\", label: \"Text\", bindable: true },\n    {\n      name: \"level\",\n      type: \"select\",\n      label: \"Level\",\n      options: LEVELS.map(l => ({ value: l, label: l.toUpperCase() })),\n    },\n  ],\n  styleControls: [\n    { control: \"color\", styleKey: \"color\", label: \"Text color\" },\n    { control: \"dimension\", styleKey: \"fontSize\", label: \"Font size\" },\n    { control: \"align\", styleKey: \"textAlign\", label: \"Align\" },\n    { control: \"spacing\", styleKey: \"padding\", label: \"Padding\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n  ],\n  render: ({ props, className }) => {\n    const level = LEVELS.includes(String(props.level))\n      ? String(props.level)\n      : \"h2\";\n    return createElement(level, { className }, String(props.text ?? \"\"));\n  },\n});\n","/**\n * Reject dangerous URL schemes for image/link/video srcs. Allows http(s)/relative/\n * mailto/tel. Browsers ignore ASCII control chars + whitespace when parsing a scheme\n * (so `java\\tscript:` still executes), so we strip those before testing — matching the\n * raw string alone is an XSS bypass.\n */\nexport function safeUrl(url: unknown): string | undefined {\n  if (typeof url !== \"string\") return undefined;\n  const trimmed = url.trim();\n  if (!trimmed) return undefined;\n  // Strip control chars (U+0000–U+0020, U+007F) + whitespace, then test the scheme.\n  // eslint-disable-next-line no-control-regex\n  const scheme = trimmed.replace(/[\\u0000-\\u0020\\u007f]+/g, \"\").toLowerCase();\n  if (/^(javascript|vbscript|data):/.test(scheme)) return undefined;\n  return trimmed;\n}\n","import { defineBlock } from \"../../core/registry\";\n\nimport { safeUrl } from \"./util\";\n\ninterface MediaValue {\n  mediaId?: string;\n  url?: string;\n  alt?: string;\n  width?: number;\n  height?: number;\n}\n\ninterface ImageProps extends MediaValue {\n  /** Editor-populated media object (from the media control). */\n  media?: MediaValue;\n}\n\nexport const image = defineBlock<ImageProps>({\n  type: \"core/image\",\n  version: 1,\n  label: \"Image\",\n  icon: \"Image\",\n  category: \"media\",\n  defaultProps: { url: \"\", alt: \"\" },\n  contentFields: [\n    { name: \"media\", type: \"media\", label: \"Image\", bindable: true },\n  ],\n  styleControls: [\n    { control: \"dimension\", styleKey: \"width\", label: \"Width\" },\n    { control: \"dimension\", styleKey: \"borderRadius\", label: \"Radius\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n  ],\n  render: ({ props, className }) => {\n    // `media` may be the editor's media object, or — when bound to a Query Loop item's\n    // field — a `{ url }` object or a plain URL string; normalize all three.\n    const raw: unknown = props.media;\n    const media: MediaValue =\n      typeof raw === \"string\" ? { url: raw } : ((raw as MediaValue) ?? {});\n    const src = safeUrl(media.url ?? props.url);\n    if (!src) return null;\n    const alt = media.alt ?? props.alt;\n    const width = media.width ?? props.width;\n    const height = media.height ?? props.height;\n    return (\n      <img\n        className={className}\n        src={src}\n        alt={typeof alt === \"string\" ? alt : \"\"}\n        width={typeof width === \"number\" ? width : undefined}\n        height={typeof height === \"number\" ? height : undefined}\n        loading=\"lazy\"\n      />\n    );\n  },\n});\n","import { defineBlock } from \"../../core/registry\";\n\nimport { safeUrl } from \"./util\";\n\nexport const button = defineBlock({\n  type: \"core/button\",\n  version: 1,\n  label: \"Button\",\n  icon: \"MousePointerClick\",\n  category: \"basic\",\n  defaultProps: { text: \"Click me\", link: { href: \"\", target: \"\" } },\n  contentFields: [\n    { name: \"text\", type: \"text\", label: \"Label\", bindable: true },\n    { name: \"link\", type: \"link\", label: \"Link\" },\n  ],\n  styleControls: [\n    { control: \"color\", styleKey: \"color\", label: \"Text color\" },\n    { control: \"color\", styleKey: \"backgroundColor\", label: \"Background\" },\n    { control: \"dimension\", styleKey: \"borderRadius\", label: \"Radius\" },\n    { control: \"align\", styleKey: \"textAlign\", label: \"Align\" },\n    { control: \"spacing\", styleKey: \"padding\", label: \"Padding\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n  ],\n  render: ({ props, className }) => {\n    const link = (props.link ?? {}) as { href?: string; target?: string };\n    const href = safeUrl(link.href);\n    const text = String(props.text ?? \"Button\");\n    if (!href) {\n      return (\n        <button className={className} type=\"button\">\n          {text}\n        </button>\n      );\n    }\n    const target = link.target || undefined;\n    return (\n      <a\n        className={className}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      >\n        {text}\n      </a>\n    );\n  },\n});\n","import { defineBlock } from \"../../core/registry\";\n\nfunction embedUrl(provider: string, id: string): string | null {\n  const safeId = encodeURIComponent(id);\n  if (provider === \"youtube\") return `https://www.youtube.com/embed/${safeId}`;\n  if (provider === \"vimeo\") return `https://player.vimeo.com/video/${safeId}`;\n  return null;\n}\n\nexport const video = defineBlock({\n  type: \"core/video\",\n  version: 1,\n  label: \"Video\",\n  icon: \"Video\",\n  category: \"media\",\n  defaultProps: { provider: \"youtube\", videoId: \"\" },\n  contentFields: [\n    {\n      name: \"provider\",\n      type: \"select\",\n      label: \"Provider\",\n      options: [\n        { value: \"youtube\", label: \"YouTube\" },\n        { value: \"vimeo\", label: \"Vimeo\" },\n      ],\n    },\n    {\n      name: \"videoId\",\n      type: \"text\",\n      label: \"Video ID\",\n      placeholder: \"e.g. dQw4w9WgXcQ\",\n    },\n  ],\n  styleControls: [\n    { control: \"dimension\", styleKey: \"maxWidth\", label: \"Max width\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n  ],\n  render: ({ props, className }) => {\n    const provider = String(props.provider ?? \"\");\n    const id = typeof props.videoId === \"string\" ? props.videoId.trim() : \"\";\n    const src = id ? embedUrl(provider, id) : null;\n    if (!src) return null;\n    return (\n      <div className={className}>\n        <iframe\n          src={src}\n          title=\"Embedded video\"\n          allowFullScreen\n          style={{ border: 0, width: \"100%\", aspectRatio: \"16 / 9\" }}\n        />\n      </div>\n    );\n  },\n});\n","import { createElement } from \"react\";\n\nimport { defineBlock } from \"../../core/registry\";\n\nconst TAGS = [\"section\", \"div\", \"article\", \"header\", \"footer\", \"aside\"];\n\nexport const container = defineBlock({\n  type: \"core/container\",\n  version: 1,\n  label: \"Container\",\n  icon: \"Square\",\n  category: \"layout\",\n  isContainer: true,\n  slots: [{ name: \"default\" }],\n  defaultProps: { as: \"section\" },\n  contentFields: [\n    {\n      name: \"as\",\n      type: \"select\",\n      label: \"HTML tag\",\n      options: TAGS.map(t => ({ value: t, label: t })),\n    },\n  ],\n  styleControls: [\n    { control: \"color\", styleKey: \"backgroundColor\", label: \"Background\" },\n    { control: \"dimension\", styleKey: \"maxWidth\", label: \"Max width\" },\n    { control: \"spacing\", styleKey: \"padding\", label: \"Padding\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n    { control: \"dimension\", styleKey: \"borderRadius\", label: \"Radius\" },\n  ],\n  render: ({ props, slots, className }) => {\n    const tag = TAGS.includes(String(props.as)) ? String(props.as) : \"section\";\n    return createElement(tag, { className }, slots.default);\n  },\n});\n","import { defineBlock } from \"../../core/registry\";\n\n// Grid layout: the column count + gap are driven by the `columns`/`gap` content fields and\n// applied as an inline grid style (safe: CSS values in a style object are never executed).\n// Colours/spacing/etc. still come from the style compiler via `className`.\ninterface GridProps {\n  columns?: number;\n  gap?: string;\n}\n\nexport const grid = defineBlock<GridProps>({\n  type: \"core/grid\",\n  version: 1,\n  label: \"Grid\",\n  icon: \"LayoutGrid\",\n  category: \"layout\",\n  isContainer: true,\n  slots: [{ name: \"default\" }],\n  defaultProps: { columns: 2, gap: \"16px\" },\n  contentFields: [\n    { name: \"columns\", type: \"number\", label: \"Columns\" },\n    { name: \"gap\", type: \"text\", label: \"Gap\", placeholder: \"16px\" },\n  ],\n  styleControls: [\n    { control: \"color\", styleKey: \"backgroundColor\", label: \"Background\" },\n    { control: \"spacing\", styleKey: \"padding\", label: \"Padding\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n  ],\n  render: ({ props, slots, className }) => {\n    const columns =\n      typeof props.columns === \"number\" && props.columns > 0\n        ? Math.min(props.columns, 12)\n        : 2;\n    const gap = typeof props.gap === \"string\" ? props.gap : \"16px\";\n    return (\n      <div\n        className={className}\n        style={{\n          display: \"grid\",\n          gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,\n          gap,\n        }}\n      >\n        {slots.default}\n      </div>\n    );\n  },\n});\n","/**\n * Query Loop layout: turn the `columns`/`gap` props into a grid style so the loop reads as\n * a grid (Elementor's Loop Grid). `columns <= 1` returns undefined (plain stacked list, no\n * grid box). Shared by the production view, the design-time preview, and the canvas preview.\n */\nimport type { CSSProperties } from \"react\";\n\nexport function loopGridStyle(\n  props: Record<string, unknown>\n): CSSProperties | undefined {\n  const raw = typeof props.columns === \"number\" ? props.columns : 1;\n  const columns = raw > 1 ? Math.min(Math.floor(raw), 12) : 0;\n  if (!columns) return undefined;\n  const gap = typeof props.gap === \"string\" ? props.gap : \"16px\";\n  return {\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,\n    gap,\n  };\n}\n","import { defineBlock } from \"../../core/registry\";\nimport { loopGridStyle } from \"../query/grid\";\n\n/**\n * Query Loop block (spec §10/§5). At production render, RenderNode intercepts this type and\n * renders it data-driven via QueryLoop. The editor uses a dedicated settings panel + a live\n * sample-data preview (see admin). This `render` is the plain design-time fallback: the\n * template laid out in the configured column grid.\n *\n * Config lives in `props` (collection / sort / limit / columns / gap / where) and is driven\n * by the admin's QueryLoopSettings panel rather than generic content fields.\n */\nexport const queryLoop = defineBlock({\n  type: \"core/query-loop\",\n  version: 1,\n  label: \"Query Loop\",\n  icon: \"Repeat\",\n  category: \"dynamic\",\n  isContainer: true,\n  slots: [{ name: \"default\" }],\n  defaultProps: {\n    collection: \"\",\n    sort: \"\",\n    limit: 10,\n    columns: 1,\n    gap: \"16px\",\n  },\n  styleControls: [\n    { control: \"spacing\", styleKey: \"padding\", label: \"Padding\" },\n    { control: \"spacing\", styleKey: \"margin\", label: \"Margin\" },\n  ],\n  render: ({ props, slots, className }) => (\n    <div\n      className={className}\n      data-nx-query-loop=\"preview\"\n      style={loopGridStyle(props)}\n    >\n      {slots.default}\n    </div>\n  ),\n});\n","/**\n * Synchronous view for the Query Loop (spec §10). Given an already-resolved QueryResult,\n * it renders the config / error / empty state, or expands the template slot once per item\n * — threading each `item` into RenderNode so bound props resolve at any depth. Sync so it\n * is testable via renderToStaticMarkup; the async fetch lives in QueryLoop.\n */\nimport type { ReactNode } from \"react\";\n\nimport type { BlockRegistry } from \"../../core/registry\";\nimport { DEFAULT_SLOT, type BlockNode } from \"../../core/types\";\nimport type { DataProvider } from \"../dataProvider\";\nimport { RenderNode } from \"../RenderNode\";\n\nimport { loopGridStyle } from \"./grid\";\nimport type { QueryBudget } from \"./runQuery\";\nimport type { QueryResult } from \"./types\";\n\nexport interface QueryLoopViewProps {\n  node: BlockNode;\n  registry: BlockRegistry;\n  dataProvider?: DataProvider;\n  className: string;\n  result: QueryResult;\n  budget: QueryBudget;\n}\n\nexport function QueryLoopView({\n  node,\n  registry,\n  dataProvider,\n  className,\n  result,\n  budget,\n}: QueryLoopViewProps): ReactNode {\n  const template = node.slots?.[DEFAULT_SLOT] ?? [];\n\n  if (result.skipped) {\n    return (\n      <div className={className} data-nx-query-loop=\"config\">\n        Configure a collection to load entries.\n      </div>\n    );\n  }\n  if (result.error) {\n    return (\n      <div className={className} data-nx-query-loop=\"error\">\n        Could not load entries.\n      </div>\n    );\n  }\n  if (result.items.length === 0) {\n    return (\n      <div className={className} data-nx-query-loop=\"empty\">\n        No entries found.\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      data-nx-query-loop=\"list\"\n      style={loopGridStyle(node.props)}\n    >\n      {result.items.map((item, i) => (\n        <div\n          key={typeof item.id === \"string\" ? item.id : i}\n          data-nx-loop-item={i}\n        >\n          {template.map(child => (\n            <RenderNode\n              key={child.id}\n              node={child}\n              registry={registry}\n              dataProvider={dataProvider}\n              item={item}\n              budget={budget}\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","/**\n * Async fetch orchestration for the Query Loop (spec §10). Isolated from React so it is\n * unit-testable. Enforces the per-render query budget, skips when unconfigured, and\n * converts provider failures into an error state instead of throwing.\n */\nimport type { DataProvider } from \"../dataProvider\";\n\nimport type { QueryLoopConfig, QueryResult } from \"./types\";\n\nexport interface QueryBudget {\n  n: number;\n}\n\nexport async function runQuery(\n  dataProvider: DataProvider | undefined,\n  config: QueryLoopConfig,\n  budget: QueryBudget\n): Promise<QueryResult> {\n  if (!dataProvider || !config.collection) return { items: [], skipped: true };\n  if (budget.n <= 0) return { items: [], skipped: true };\n  budget.n -= 1;\n  try {\n    const { items } = await dataProvider.find({\n      collection: config.collection,\n      where: config.where,\n      sort: config.sort,\n      limit: typeof config.limit === \"number\" ? config.limit : undefined,\n      populate: config.populate,\n    });\n    return { items: Array.isArray(items) ? items : [] };\n  } catch (err) {\n    return {\n      items: [],\n      error: err instanceof Error ? err.message : String(err),\n    };\n  }\n}\n","/**\n * Async server component for the Query Loop (spec §10). Fetches entries via the injected\n * dataProvider (bounded by the shared query budget), then delegates to the synchronous\n * QueryLoopView. Rendered only on the server (RenderNode intercepts `core/query-loop`);\n * never imports `getNextly`.\n */\nimport type { ReactNode } from \"react\";\n\nimport type { BlockRegistry } from \"../../core/registry\";\nimport type { BlockNode } from \"../../core/types\";\nimport type { DataProvider } from \"../dataProvider\";\n\nimport { QueryLoopView } from \"./QueryLoopView\";\nimport { runQuery, type QueryBudget } from \"./runQuery\";\nimport type { QueryLoopConfig } from \"./types\";\n\nexport interface QueryLoopProps {\n  node: BlockNode;\n  registry: BlockRegistry;\n  dataProvider?: DataProvider;\n  className: string;\n  budget: QueryBudget;\n}\n\nexport async function QueryLoop({\n  node,\n  registry,\n  dataProvider,\n  className,\n  budget,\n}: QueryLoopProps): Promise<ReactNode> {\n  const config = node.props as QueryLoopConfig;\n  const result = await runQuery(dataProvider, config, budget);\n  return (\n    <QueryLoopView\n      node={node}\n      registry={registry}\n      dataProvider={dataProvider}\n      className={className}\n      result={result}\n      budget={budget}\n    />\n  );\n}\n","/**\n * Executable Query Loop contracts (spec §10). Kept React-free so the fetch orchestration\n * and config stay unit-testable and import-safe.\n */\nexport const QUERY_LOOP_TYPE = \"core/query-loop\";\n\n/** Max collection fetches per page render — bounds nested loops (with MAX_DEPTH). */\nexport const DEFAULT_QUERY_BUDGET = 20;\n\nexport interface QueryLoopConfig {\n  collection?: string;\n  sort?: string;\n  limit?: number;\n  /** Reserved: passed through to the provider's `where`. */\n  where?: unknown;\n  /** Reserved: relation/media population depth. */\n  populate?: unknown;\n}\n\nexport interface QueryResult {\n  items: Record<string, unknown>[];\n  error?: string;\n  /** True when the query was skipped (no provider / no collection / budget spent). */\n  skipped?: boolean;\n}\n","/**\n * Recursively renders one block node to React (spec §10). Server-safe: no browser\n * globals, no `getNextly`. The scoped class is applied to the block's OWN root element\n * (the block spreads `className`) so there is no mandatory wrapper `<div>` — grid/flex\n * stay correct. Unknown block types render a safe fallback; each node is isolated by an\n * error boundary so one broken block never takes down the page.\n *\n * Query Loop (spec §10): the current loop `item` is threaded through recursion (NOT React\n * context — Server Components can't consume context), so a bound prop on any nested block\n * at any depth resolves via `resolveBindings`. `core/query-loop` is intercepted and\n * rendered data-driven via `QueryLoop`.\n */\nimport type { ReactNode } from \"react\";\n\nimport { resolveBindings } from \"../core/bindings\";\nimport type { BlockRegistry } from \"../core/registry\";\nimport { nodeClass } from \"../core/style-compiler\";\nimport type { BlockNode } from \"../core/types\";\n\nimport type { DataProvider } from \"./dataProvider\";\nimport { BlockErrorBoundary } from \"./ErrorBoundary\";\nimport { QueryLoop } from \"./query/QueryLoop\";\nimport type { QueryBudget } from \"./query/runQuery\";\nimport { QUERY_LOOP_TYPE } from \"./query/types\";\n\nexport interface RenderNodeProps {\n  node: BlockNode;\n  registry: BlockRegistry;\n  dataProvider?: DataProvider;\n  /** Current Query Loop item — threaded to resolve bindings at any depth. */\n  item?: Record<string, unknown>;\n  /** Remaining query budget shared across nested loops on this page render. */\n  budget?: QueryBudget;\n}\n\nexport function RenderNode({\n  node,\n  registry,\n  dataProvider,\n  item,\n  budget,\n}: RenderNodeProps): ReactNode {\n  const def = registry.get(node.type);\n  const className = [nodeClass(node.id), node.customClass]\n    .filter(Boolean)\n    .join(\" \");\n\n  if (!def) {\n    // Preserve, don't crash: a placeholder that keeps the page rendering.\n    return <div data-nx-unknown={node.type} className={className} />;\n  }\n\n  // Executable Query Loop: intercept and render data-driven (spec §10).\n  if (node.type === QUERY_LOOP_TYPE) {\n    return (\n      <BlockErrorBoundary>\n        <QueryLoop\n          node={node}\n          registry={registry}\n          dataProvider={dataProvider}\n          className={className}\n          budget={budget ?? { n: 0 }}\n        />\n      </BlockErrorBoundary>\n    );\n  }\n\n  const slots: Record<string, ReactNode> = {};\n  if (node.slots) {\n    for (const [name, children] of Object.entries(node.slots)) {\n      slots[name] = children.map(child => (\n        <RenderNode\n          key={child.id}\n          node={child}\n          registry={registry}\n          dataProvider={dataProvider}\n          item={item}\n          budget={budget}\n        />\n      ));\n    }\n  }\n\n  const props = item ? resolveBindings(node, item) : node.props;\n\n  return (\n    <BlockErrorBoundary>\n      {def.render({ props, node, slots, className })}\n    </BlockErrorBoundary>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","createElement","createElement","jsx","jsx","jsx","jsx","jsx"]}