@builder.io/sdk-react 0.1.1 → 0.1.3

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

@@ -1,78 +0,0 @@
-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/render-content.js

@@ -1,215 +0,0 @@
-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 { fetch } 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,
-    overrideContent: null,
-    get useContent() {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h;
-      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),
-        meta: __spreadProps(__spreadValues(__spreadValues({}, (_c2 = props.content) == null ? void 0 : _c2.meta), (_d2 = state.overrideContent) == null ? void 0 : _d2.meta), {
-          breakpoints: state.useBreakpoints || ((_f2 = (_e2 = state.overrideContent) == null ? void 0 : _e2.meta) == null ? void 0 : _f2.breakpoints) || ((_h = (_g2 = props.content) == null ? void 0 : _g2.meta) == null ? void 0 : _h.breakpoints)
-        })
-      });
-      return mergedContent;
-    },
-    update: 0,
-    useBreakpoints: null,
-    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) {
-      var _a2;
-      const { data } = event;
-      if (data) {
-        switch (data.type) {
-          case "builder.configureSdk": {
-            const messageContent = data.data;
-            const { breakpoints, contentId } = messageContent;
-            if (!contentId || contentId !== ((_a2 = state.useContent) == null ? void 0 : _a2.id)) {
-              return;
-            }
-            state.useBreakpoints = breakpoints;
-            state.forceReRenderCount = state.forceReRenderCount + 1;
-            break;
-          }
-          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 }) {
-      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

@@ -1,36 +0,0 @@
-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
-};