@builder.io/sdk-solid 0.5.8 → 0.6.0

package/src/components/content-variants/content-variants.jsx

@@ -1,115 +0,0 @@
-import { Show, For, onMount, createSignal } from "solid-js";
-
-import {
-  checkShouldRunVariants,
-  getScriptString,
-  getVariants,
-  getVariantsScriptString,
-} from "./helpers.js";
-import ContentComponent from "../content/content";
-import { getDefaultCanTrack } from "../../helpers/canTrack.js";
-import InlinedStyles from "../inlined-styles";
-import { handleABTestingSync } from "../../helpers/ab-tests.js";
-import InlinedScript from "../inlined-script";
-import { TARGET } from "../../constants/target.js";
-
-function ContentVariants(props) {
-  const [shouldRenderVariants, setShouldRenderVariants] = createSignal(
-    checkShouldRunVariants({
-      canTrack: getDefaultCanTrack(props.canTrack),
-      content: props.content,
-    })
-  );
-
-  function variantScriptStr() {
-    return getVariantsScriptString(
-      getVariants(props.content).map((value) => ({
-        id: value.testVariationId,
-        testRatio: value.testRatio,
-      })),
-      props.content?.id || ""
-    );
-  }
-
-  function hideVariantsStyleString() {
-    return getVariants(props.content)
-      .map((value) => `.variant-${value.testVariationId} { display: none; } `)
-      .join("");
-  }
-
-  function defaultContent() {
-    return shouldRenderVariants()
-      ? {
-          ...props.content,
-          testVariationId: props.content?.id,
-        }
-      : handleABTestingSync({
-          item: props.content,
-          canTrack: getDefaultCanTrack(props.canTrack),
-        });
-  }
-
-  onMount(() => {
-    /**
-     * We unmount the non-winning variants post-hydration in Vue.
-     */
-  });
-
-  return (
-    <>
-      <Show when={!props.__isNestedRender && TARGET !== "reactNative"}>
-        <InlinedScript scriptStr={getScriptString()}></InlinedScript>
-      </Show>
-      <Show when={shouldRenderVariants()}>
-        <InlinedStyles
-          id={`variants-styles-${props.content?.id}`}
-          styles={hideVariantsStyleString()}
-        ></InlinedStyles>
-        <InlinedScript scriptStr={variantScriptStr()}></InlinedScript>
-        <For each={getVariants(props.content)}>
-          {(variant, _index) => {
-            const index = _index();
-            return (
-              <ContentComponent
-                key={variant.testVariationId}
-                content={variant}
-                showContent={false}
-                classNameProp={undefined}
-                model={props.model}
-                data={props.data}
-                context={props.context}
-                apiKey={props.apiKey}
-                apiVersion={props.apiVersion}
-                customComponents={props.customComponents}
-                canTrack={props.canTrack}
-                locale={props.locale}
-                includeRefs={props.includeRefs}
-                enrich={props.enrich}
-                isSsrAbTest={shouldRenderVariants()}
-              ></ContentComponent>
-            );
-          }}
-        </For>
-      </Show>
-      <ContentComponent
-        {...{}}
-        content={defaultContent()}
-        classNameProp={`variant-${props.content?.id}`}
-        showContent={true}
-        model={props.model}
-        data={props.data}
-        context={props.context}
-        apiKey={props.apiKey}
-        apiVersion={props.apiVersion}
-        customComponents={props.customComponents}
-        canTrack={props.canTrack}
-        locale={props.locale}
-        includeRefs={props.includeRefs}
-        enrich={props.enrich}
-        isSsrAbTest={shouldRenderVariants()}
-      ></ContentComponent>
-    </>
-  );
-}
-
-export default ContentVariants;

package/src/components/content-variants/helpers.js

@@ -1,158 +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 { TARGET } from "../../constants/target.js";
-import { isBrowser } from "../../functions/is-browser.js";
-const getVariants = content => Object.values((content == null ? void 0 : content.variations) || {}).map(variant => __spreadProps(__spreadValues({}, variant), {
-  testVariationId: variant.id,
-  id: content == null ? void 0 : content.id
-}));
-const checkShouldRunVariants = ({
-  canTrack,
-  content
-}) => {
-  const hasVariants = getVariants(content).length > 0;
-  if (TARGET === "reactNative") return false;
-  if (!hasVariants) return false;
-  if (!canTrack) return false;
-  if (TARGET === "vue2" || TARGET === "vue3") return true;
-  if (isBrowser()) return false;
-  return true;
-};
-function bldrAbTest(contentId, variants, isHydrationTarget2) {
-  var _a;
-  function getAndSetVariantId() {
-    function setCookie(name, value, days) {
-      let expires = "";
-      if (days) {
-        const date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1e3);
-        expires = "; expires=" + date.toUTCString();
-      }
-      document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
-    }
-    function getCookie(name) {
-      const nameEQ = name + "=";
-      const ca = document.cookie.split(";");
-      for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) === " ") c = c.substring(1, c.length);
-        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-      }
-      return null;
-    }
-    const cookieName = `builder.tests.${contentId}`;
-    const variantInCookie = getCookie(cookieName);
-    const availableIDs = variants.map(vr => vr.id).concat(contentId);
-    if (variantInCookie && availableIDs.includes(variantInCookie)) {
-      return variantInCookie;
-    }
-    let n = 0;
-    const random = Math.random();
-    for (let i = 0; i < variants.length; i++) {
-      const variant = variants[i];
-      const testRatio = variant.testRatio;
-      n += testRatio;
-      if (random < n) {
-        setCookie(cookieName, variant.id);
-        return variant.id;
-      }
-    }
-    setCookie(cookieName, contentId);
-    return contentId;
-  }
-  const winningVariantId = getAndSetVariantId();
-  const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
-  if (isHydrationTarget2) {
-    styleEl.remove();
-    const thisScriptEl = document.currentScript;
-    thisScriptEl == null ? void 0 : thisScriptEl.remove();
-  } else {
-    const newStyleStr = variants.concat({
-      id: contentId
-    }).filter(variant => variant.id !== winningVariantId).map(value => {
-      return `.variant-${value.id} {  display: none; }
-        `;
-    }).join("");
-    styleEl.innerHTML = newStyleStr;
-  }
-}
-function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
-  var _a;
-  if (!navigator.cookieEnabled) {
-    return;
-  }
-  function getCookie(name) {
-    const nameEQ = name + "=";
-    const ca = document.cookie.split(";");
-    for (let i = 0; i < ca.length; i++) {
-      let c = ca[i];
-      while (c.charAt(0) === " ") c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  }
-  const cookieName = `builder.tests.${defaultContentId}`;
-  const variantId = getCookie(cookieName);
-  const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
-  const variantIsDefaultContent = variantContentId === defaultContentId;
-  if (variantId === variantContentId) {
-    if (variantIsDefaultContent) {
-      return;
-    }
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
-  } else {
-    if (variantIsDefaultContent) {
-      if (isHydrationTarget2) {
-        parentDiv == null ? void 0 : parentDiv.remove();
-      } else {
-        parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
-        parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
-      }
-    }
-    return;
-  }
-  return;
-}
-const getIsHydrationTarget = target => target === "react" || target === "reactNative";
-const isHydrationTarget = getIsHydrationTarget(TARGET);
-const AB_TEST_FN_NAME = "builderIoAbTest";
-const CONTENT_FN_NAME = "builderIoRenderContent";
-const getScriptString = () => {
-  const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
-  const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
-  return `
-  window.${AB_TEST_FN_NAME} = ${fnStr}
-  window.${CONTENT_FN_NAME} = ${fnStr2}
-  `;
-};
-const getVariantsScriptString = (variants, contentId) => {
-  return `
-  window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
-};
-const getRenderContentScriptString = ({
-  contentId,
-  variationId
-}) => {
-  return `
-  window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
-};
-export { checkShouldRunVariants, getRenderContentScriptString, getScriptString, getVariants, getVariantsScriptString }

package/src/components/inlined-script.jsx

@@ -1,5 +0,0 @@
-function InlinedScript(props) {
-  return <script innerHTML={props.scriptStr} id={props.id}></script>;
-}
-
-export default InlinedScript;

package/src/components/inlined-styles.jsx

@@ -1,5 +0,0 @@
-function InlinedStyles(props) {
-  return <style innerHTML={props.styles} id={props.id}></style>;
-}
-
-export default InlinedStyles;

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

@@ -1,63 +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 { default as Button } from "../blocks/button/button";
-import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info.js";
-import { default as Columns } from "../blocks/columns/columns";
-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";
-import { componentInfo as imageComponentInfo } from "../blocks/image/component-info.js";
-import { default as Image } from "../blocks/image/image";
-import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info.js";
-import { default as Section } from "../blocks/section/section";
-import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info.js";
-import { default as Symbol } from "../blocks/symbol/symbol";
-import { componentInfo as textComponentInfo } from "../blocks/text/component-info.js";
-import { default as Text } from "../blocks/text/text";
-import { componentInfo as videoComponentInfo } from "../blocks/video/component-info.js";
-import { default as Video } from "../blocks/video/video";
-import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info.js";
-import { default as embed } from "../blocks/embed/embed";
-import { default as Img } from "../blocks/img/img";
-import { componentInfo as imgComponentInfo } from "../blocks/img/component-info.js";
-import { default as customCode } from "../blocks/custom-code/custom-code";
-import { componentInfo as customCodeInfo } from "../blocks/custom-code/component-info.js";
-const getDefaultRegisteredComponents = () => [__spreadValues({
-  component: Button
-}, buttonComponentInfo), __spreadValues({
-  component: Columns
-}, columnsComponentInfo), __spreadValues({
-  component: customCode
-}, customCodeInfo), __spreadValues({
-  component: embed
-}, embedComponentInfo), __spreadValues({
-  component: Fragment
-}, fragmentComponentInfo), __spreadValues({
-  component: Image
-}, imageComponentInfo), __spreadValues({
-  component: Img
-}, imgComponentInfo), __spreadValues({
-  component: Section
-}, sectionComponentInfo), __spreadValues({
-  component: Symbol
-}, symbolComponentInfo), __spreadValues({
-  component: Text
-}, textComponentInfo), __spreadValues({
-  component: Video
-}, videoComponentInfo)];
-export { getDefaultRegisteredComponents }

package/src/constants/device-sizes.js

@@ -1,48 +0,0 @@
-import { fastClone } from "../functions/fast-clone.js";
-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 }

package/src/constants/sdk-version.js

@@ -1 +0,0 @@
-export const SDK_VERSION = "0.5.8"

package/src/constants/target.js

@@ -1,4 +0,0 @@
-const TARGET = "solid";
-export {
-  TARGET
-};

package/src/context/builder.context.js

@@ -1,16 +0,0 @@
-import { createContext } from "solid-js";
-var stdin_default = createContext({
-  content: null,
-  context: {},
-  localState: void 0,
-  rootSetState() {
-  },
-  rootState: {},
-  apiKey: null,
-  apiVersion: void 0,
-  componentInfos: {},
-  inheritedStyles: {}
-});
-export {
-  stdin_default as default
-};

package/src/context/components.context.js

@@ -1,5 +0,0 @@
-import { createContext } from "solid-js";
-var stdin_default = createContext({ registeredComponents: {} });
-export {
-  stdin_default as default
-};

package/src/functions/apply-patch-with-mutation.js

@@ -1,66 +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;
-};
-const applyPatchWithMinimalMutationChain = (obj, patch, preserveRoot = false) => {
-  if (Object(obj) !== obj) {
-    return obj;
-  }
-  const {
-    path,
-    op,
-    value
-  } = patch;
-  const pathArr = path.split(/\//);
-  if (pathArr[0] === "") {
-    pathArr.shift();
-  }
-  const newObj = preserveRoot ? obj : __spreadValues({}, obj);
-  let objPart = newObj;
-  for (let i = 0; i < pathArr.length; i++) {
-    const isLast = i === pathArr.length - 1;
-    const property = pathArr[i];
-    if (isLast) {
-      if (op === "replace") {
-        objPart[property] = value;
-      } else if (op === "add") {
-        const index = Number(property);
-        if (Array.isArray(objPart)) {
-          if (property === "-") {
-            objPart.push(value);
-          } else {
-            objPart.splice(index, 0, value);
-          }
-        } else {
-          objPart[property] = value;
-        }
-      } else if (op === "remove") {
-        const index = Number(property);
-        if (Array.isArray(objPart)) {
-          objPart.splice(index, 1);
-        } else {
-          delete objPart[property];
-        }
-      }
-    } else {
-      const nextProperty = pathArr[i + 1];
-      const newPart = Object(objPart[property]) === objPart[property] ? objPart[property] : String(Number(nextProperty)) === nextProperty ? [] : {};
-      objPart = objPart[property] = Array.isArray(newPart) ? [...newPart] : __spreadValues({}, newPart);
-    }
-  }
-  return newObj;
-};
-export { applyPatchWithMinimalMutationChain }

package/src/functions/camel-to-kebab-case.js

@@ -1,2 +0,0 @@
-const camelToKebabCase = string => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-export { camelToKebabCase }