@builder.io/sdk-react 0.0.2 → 0.0.4

package/packages/_rsc/src/components/render-block/render-component-with-context.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import RenderComponent from "./render-component.js";
+function RenderComponentWithContext(props) {
+  const _context = __spreadValues({}, props["_context"]);
+  _context.BuilderContext = {
+    get content() {
+      return props.context.content;
+    },
+    get state() {
+      return props.context.state;
+    },
+    get context() {
+      return props.context.context;
+    },
+    get apiKey() {
+      return props.context.apiKey;
+    },
+    get registeredComponents() {
+      return props.context.registeredComponents;
+    },
+    get inheritedStyles() {
+      return props.context.inheritedStyles;
+    }
+  };
+  return /* @__PURE__ */ React.createElement(RenderComponent, {
+    componentRef: props.componentRef,
+    componentOptions: props.componentOptions,
+    blockChildren: props.blockChildren,
+    context: props.context,
+    _context
+  });
+}
+export {
+  RenderComponentWithContext as default
+};

package/packages/_rsc/src/components/render-block/render-component.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import BlockStyles from "./block-styles.js";
+import RenderBlock from "./render-block.js";
+function RenderComponent(props) {
+  var _a, _b;
+  const _context = __spreadValues({}, props["_context"]);
+  const ComponentRefRef = props.componentRef;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.componentRef ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ComponentRefRef, __spreadProps(__spreadValues({}, props.componentOptions), {
+    _context
+  }), (_a = props.blockChildren) == null ? void 0 : _a.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
+    key: "render-block-" + child.id,
+    block: child,
+    context: props.context,
+    _context
+  })), (_b = props.blockChildren) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(BlockStyles, {
+    key: "block-style-" + child.id,
+    block: child,
+    context: props.context,
+    _context
+  })))) : null);
+}
+export {
+  RenderComponent as default
+};

package/packages/_rsc/src/components/render-block/render-repeated-block.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import RenderBlock from "./render-block.js";
+function RenderRepeatedBlock(props) {
+  const _context = __spreadValues({}, props["_context"]);
+  _context.BuilderContext = {
+    get content() {
+      return props.repeatContext.content;
+    },
+    get state() {
+      return props.repeatContext.state;
+    },
+    get context() {
+      return props.repeatContext.context;
+    },
+    get apiKey() {
+      return props.repeatContext.apiKey;
+    },
+    get registeredComponents() {
+      return props.repeatContext.registeredComponents;
+    },
+    get inheritedStyles() {
+      return props.repeatContext.inheritedStyles;
+    }
+  };
+  return /* @__PURE__ */ React.createElement(RenderBlock, {
+    block: props.block,
+    context: props.repeatContext,
+    _context
+  });
+}
+export {
+  RenderRepeatedBlock as default
+};

package/packages/_rsc/src/components/render-blocks.js

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { isEditing } from "../functions/is-editing.js";
+import BlockStyles from "./render-block/block-styles.js";
+import RenderBlock from "./render-block/render-block.js";
+function RenderBlocks(props) {
+  var _a, _b;
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    get className() {
+      var _a2;
+      return "builder-blocks" + (!((_a2 = props.blocks) == null ? void 0 : _a2.length) ? " no-blocks" : "");
+    },
+    onClick() {
+      var _a2, _b2;
+      if (isEditing() && !((_a2 = props.blocks) == null ? void 0 : _a2.length)) {
+        (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
+          type: "builder.clickEmptyBlocks",
+          data: {
+            parentElementId: props.parent,
+            dataPath: props.path
+          }
+        }, "*");
+      }
+    },
+    onMouseEnter() {
+      var _a2, _b2;
+      if (isEditing() && !((_a2 = props.blocks) == null ? void 0 : _a2.length)) {
+        (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
+          type: "builder.hoverEmptyBlocks",
+          data: {
+            parentElementId: props.parent,
+            dataPath: props.path
+          }
+        }, "*");
+      }
+    }
+  };
+  const builderContext = _context["BuilderContext"];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+    className: state.className + " div-4f307ff9",
+    "builder-path": props.path,
+    "builder-parent-id": props.parent,
+    dataSet: {
+      class: state.className
+    },
+    style: props.styleProp
+  }, props.blocks ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = props.blocks) == null ? void 0 : _a.map((block) => /* @__PURE__ */ React.createElement(RenderBlock, {
+    key: "render-block-" + block.id,
+    block,
+    context: builderContext,
+    _context
+  }))) : null, props.blocks ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_b = props.blocks) == null ? void 0 : _b.map((block) => /* @__PURE__ */ React.createElement(BlockStyles, {
+    key: "block-style-" + block.id,
+    block,
+    context: builderContext,
+    _context
+  }))) : null), /* @__PURE__ */ React.createElement("style", null, `.div-4f307ff9 { 
+display: flex;
+flex-direction: column;
+align-items: stretch; }`));
+}
+export {
+  RenderBlocks as default
+};

package/packages/_rsc/src/components/render-content/builder-editing.js

@@ -0,0 +1,35 @@
+import React, { useEffect } from "react";
+import { setupBrowserForEditing } from "../../scripts/init-editing.js";
+function BuilderEditingWrapper(props) {
+  useEffect(() => {
+    setupBrowserForEditing();
+    if (props.components) {
+      for (const component of props.components) {
+        window.parent.postMessage({
+          type: "builder.registerComponent",
+          data: component
+        }, "*");
+      }
+    }
+    function onMessage(e) {
+      var _a, _b;
+      switch ((_a = e.data) == null ? void 0 : _a.type) {
+        case "builder.contentUpdate": {
+          (_b = props.onUpdate) == null ? void 0 : _b.call(props, e.data.data);
+        }
+      }
+    }
+    addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, [props.model]);
+  return /* @__PURE__ */ React.createElement("div", {
+    onMouseDown: (e) => e.preventDefault(),
+    onClickCapture: (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, props.children);
+}
+export {
+  BuilderEditingWrapper
+};

package/packages/_rsc/src/components/render-content/components/render-styles.js

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import RenderInlinedStyles from "../../render-inlined-styles.js";
+function RenderContentStyles(props) {
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    getCssFromFont(font) {
+      var _a, _b;
+      const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
+      const name = family.split(",")[0];
+      const url = (_b = font.fileUrl) != null ? _b : (_a = font == null ? void 0 : font.files) == null ? void 0 : _a.regular;
+      let str = "";
+      if (url && family && name) {
+        str += `
+@font-face {
+  font-family: "${family}";
+  src: local("${name}"), url('${url}') format('woff2');
+  font-display: fallback;
+  font-weight: 400;
+}
+        `.trim();
+      }
+      if (font.files) {
+        for (const weight in font.files) {
+          const isNumber = String(Number(weight)) === weight;
+          if (!isNumber) {
+            continue;
+          }
+          const weightUrl = font.files[weight];
+          if (weightUrl && weightUrl !== url) {
+            str += `
+@font-face {
+  font-family: "${family}";
+  src: url('${weightUrl}') format('woff2');
+  font-display: fallback;
+  font-weight: ${weight};
+}
+          `.trim();
+          }
+        }
+      }
+      return str;
+    },
+    getFontCss({ customFonts }) {
+      var _a;
+      return ((_a = customFonts == null ? void 0 : customFonts.map((font) => this.getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
+    },
+    get injectedStyles() {
+      return `
+${props.cssCode || ""}
+${state.getFontCss({
+        customFonts: props.customFonts
+      })}`;
+    }
+  };
+  return /* @__PURE__ */ React.createElement(RenderInlinedStyles, {
+    styles: state.injectedStyles,
+    _context
+  });
+}
+export {
+  RenderContentStyles as default
+};

package/packages/_rsc/src/components/render-content/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./render-content.js";
+export {
+  default2 as default
+};

package/packages/_rsc/src/components/render-content/render-content.js

@@ -0,0 +1,200 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
+import { TARGET } from "../../constants/target.js";
+import { evaluate } from "../../functions/evaluate.js";
+import { getFetch } from "../../functions/get-fetch.js";
+import { isEditing } from "../../functions/is-editing.js";
+import {
+  components
+} from "../../functions/register-component.js";
+import { _track } from "../../functions/track.js";
+import RenderBlocks from "../render-blocks.js";
+import RenderContentStyles from "./components/render-styles.js";
+function RenderContent(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    forceReRenderCount: 0,
+    get useContent() {
+      var _a2, _b2;
+      if (!props.content && !state.overrideContent) {
+        return void 0;
+      }
+      const mergedContent = __spreadProps(__spreadValues(__spreadValues({}, props.content), state.overrideContent), {
+        data: __spreadValues(__spreadValues(__spreadValues({}, (_a2 = props.content) == null ? void 0 : _a2.data), props.data), (_b2 = state.overrideContent) == null ? void 0 : _b2.data)
+      });
+      return mergedContent;
+    },
+    overrideContent: null,
+    update: 0,
+    get canTrackToUse() {
+      return props.canTrack || true;
+    },
+    overrideState: {},
+    get contentState() {
+      var _a2, _b2;
+      return __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, (_b2 = (_a2 = props.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.state), props.data), props.locale ? {
+        locale: props.locale
+      } : {}), state.overrideState);
+    },
+    get contextContext() {
+      return props.context || {};
+    },
+    get allRegisteredComponents() {
+      const allComponentsArray = [
+        ...getDefaultRegisteredComponents(),
+        ...components,
+        ...props.customComponents || []
+      ];
+      const allComponents = allComponentsArray.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), {
+        [curr.name]: curr
+      }), {});
+      return allComponents;
+    },
+    processMessage(event) {
+      const { data } = event;
+      if (data) {
+        switch (data.type) {
+          case "builder.contentUpdate": {
+            const messageContent = data.data;
+            const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
+            const contentData = messageContent.data;
+            if (key === props.model) {
+              state.overrideContent = contentData;
+              state.forceReRenderCount = state.forceReRenderCount + 1;
+            }
+            break;
+          }
+          case "builder.patchUpdates": {
+            break;
+          }
+        }
+      }
+    },
+    evaluateJsCode() {
+      var _a2, _b2;
+      const jsCode = (_b2 = (_a2 = state.useContent) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
+      if (jsCode) {
+        evaluate({
+          code: jsCode,
+          context: state.contextContext,
+          state: state.contentState
+        });
+      }
+    },
+    get httpReqsData() {
+      return {};
+    },
+    onClick(_event) {
+      var _a2, _b2;
+      if (state.useContent) {
+        const variationId = (_a2 = state.useContent) == null ? void 0 : _a2.testVariationId;
+        const contentId = (_b2 = state.useContent) == null ? void 0 : _b2.id;
+        _track({
+          type: "click",
+          canTrack: state.canTrackToUse,
+          contentId,
+          apiKey: props.apiKey,
+          variationId: variationId !== contentId ? variationId : void 0
+        });
+      }
+    },
+    evalExpression(expression) {
+      return expression.replace(/{{([^}]+)}}/g, (_match, group) => evaluate({
+        code: group,
+        context: state.contextContext,
+        state: state.contentState
+      }));
+    },
+    handleRequest({ url, key }) {
+      getFetch().then((fetch) => fetch(url)).then((response) => response.json()).then((json) => {
+        const newOverrideState = __spreadProps(__spreadValues({}, state.overrideState), {
+          [key]: json
+        });
+        state.overrideState = newOverrideState;
+      }).catch((err) => {
+        console.log("error fetching dynamic data", url, err);
+      });
+    },
+    runHttpRequests() {
+      var _a2, _b2, _c2;
+      const requests = (_c2 = (_b2 = (_a2 = state.useContent) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests) != null ? _c2 : {};
+      Object.entries(requests).forEach(([key, url]) => {
+        if (url && (!state.httpReqsData[key] || isEditing())) {
+          const evaluatedUrl = state.evalExpression(url);
+          state.handleRequest({
+            url: evaluatedUrl,
+            key
+          });
+        }
+      });
+    },
+    emitStateUpdate() {
+      if (isEditing()) {
+        window.dispatchEvent(new CustomEvent("builder:component:stateChange", {
+          detail: {
+            state: state.contentState,
+            ref: {
+              name: props.model
+            }
+          }
+        }));
+      }
+    },
+    get shouldRenderContentStyles() {
+      var _a2, _b2, _c2, _d2, _e2;
+      return Boolean((((_b2 = (_a2 = state.useContent) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode) || ((_e2 = (_d2 = (_c2 = state.useContent) == null ? void 0 : _c2.data) == null ? void 0 : _d2.customFonts) == null ? void 0 : _e2.length)) && TARGET !== "reactNative");
+    }
+  };
+  _context.BuilderContext = {
+    get content() {
+      return state.useContent;
+    },
+    get state() {
+      return state.contentState;
+    },
+    get context() {
+      return state.contextContext;
+    },
+    get apiKey() {
+      return props.apiKey;
+    },
+    get registeredComponents() {
+      return state.allRegisteredComponents;
+    }
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, state.useContent ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+    "builder-content-id": (_a = state.useContent) == null ? void 0 : _a.id,
+    "builder-model": props.model
+  }, state.shouldRenderContentStyles ? /* @__PURE__ */ React.createElement(RenderContentStyles, {
+    cssCode: (_c = (_b = state.useContent) == null ? void 0 : _b.data) == null ? void 0 : _c.cssCode,
+    customFonts: (_e = (_d = state.useContent) == null ? void 0 : _d.data) == null ? void 0 : _e.customFonts,
+    _context
+  }) : null, /* @__PURE__ */ React.createElement(RenderBlocks, {
+    blocks: (_g = (_f = state.useContent) == null ? void 0 : _f.data) == null ? void 0 : _g.blocks,
+    key: state.forceReRenderCount,
+    _context
+  }))) : null);
+}
+export {
+  RenderContent as default
+};

package/packages/_rsc/src/components/render-inlined-styles.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { TARGET } from "../constants/target.js";
+function RenderInlinedStyles(props) {
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    get injectedStyleScript() {
+      return `<${state.tag}>${props.styles}</${state.tag}>`;
+    },
+    get tag() {
+      return "style";
+    }
+  };
+  const TagRef = state.tag;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, TARGET === "svelte" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+    dangerouslySetInnerHTML: { __html: state.injectedStyleScript }
+  })) : /* @__PURE__ */ React.createElement(TagRef, null, props.styles));
+}
+export {
+  RenderInlinedStyles as default
+};

package/packages/_rsc/src/constants/builder-registered-components.js

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { default as Button } from "../blocks/button/button.js";
+import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info.js";
+import { default as Columns } from "../blocks/columns/columns.js";
+import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info.js";
+import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info.js";
+import { default as Fragment } from "../blocks/fragment/fragment.js";
+import { componentInfo as imageComponentInfo } from "../blocks/image/component-info.js";
+import { default as Image } from "../blocks/image/image.js";
+import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info.js";
+import { default as Section } from "../blocks/section/section.js";
+import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info.js";
+import { default as Symbol } from "../blocks/symbol/symbol.js";
+import { componentInfo as textComponentInfo } from "../blocks/text/component-info.js";
+import { default as Text } from "../blocks/text/text.js";
+import { componentInfo as videoComponentInfo } from "../blocks/video/component-info.js";
+import { default as Video } from "../blocks/video/video.js";
+import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info.js";
+import { default as embed } from "../blocks/embed/embed.js";
+import { default as Img } from "../blocks/img/img.js";
+import { componentInfo as imgComponentInfo } from "../blocks/img/component-info.js";
+import { default as customCode } from "../blocks/custom-code/custom-code.js";
+import { componentInfo as customCodeInfo } from "../blocks/custom-code/component-info.js";
+const getDefaultRegisteredComponents = () => [
+  __spreadValues({ component: Columns }, columnsComponentInfo),
+  __spreadValues({ component: Image }, imageComponentInfo),
+  __spreadValues({ component: Img }, imgComponentInfo),
+  __spreadValues({ component: Text }, textComponentInfo),
+  __spreadValues({ component: Video }, videoComponentInfo),
+  __spreadValues({ component: Symbol }, symbolComponentInfo),
+  __spreadValues({ component: Button }, buttonComponentInfo),
+  __spreadValues({ component: Section }, sectionComponentInfo),
+  __spreadValues({ component: Fragment }, fragmentComponentInfo),
+  __spreadValues({ component: embed }, embedComponentInfo),
+  __spreadValues({ component: customCode }, customCodeInfo)
+];
+export {
+  getDefaultRegisteredComponents
+};

package/packages/_rsc/src/constants/device-sizes.js

@@ -0,0 +1,48 @@
+import { fastClone } from "../functions/fast-clone";
+const SIZES = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+};
+const getMaxWidthQueryForSize = (size, sizeValues = SIZES) => `@media (max-width: ${sizeValues[size].max}px)`;
+const getSizesForBreakpoints = ({ small, medium }) => {
+  const newSizes = fastClone(SIZES);
+  if (!small || !medium) {
+    return newSizes;
+  }
+  const smallMin = Math.floor(small / 2);
+  newSizes.small = {
+    max: small,
+    min: smallMin,
+    default: smallMin + 1
+  };
+  const mediumMin = newSizes.small.max + 1;
+  newSizes.medium = {
+    max: medium,
+    min: mediumMin,
+    default: mediumMin + 1
+  };
+  const largeMin = newSizes.medium.max + 1;
+  newSizes.large = {
+    max: 2e3,
+    min: largeMin,
+    default: largeMin + 1
+  };
+  return newSizes;
+};
+export {
+  getMaxWidthQueryForSize,
+  getSizesForBreakpoints
+};