@builder.io/sdk-solid 0.4.5 → 0.5.0

package/src/helpers/cookie.js

@@ -1,20 +1,20 @@
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
+    var fulfilled = value => {
       try {
         step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
-    var rejected = (value) => {
+    var rejected = value => {
       try {
         step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
@@ -31,20 +31,17 @@ const getCookieSync = ({
     if (!canTrack) {
       return void 0;
     }
-    return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
+    return (_a = document.cookie.split("; ").find(row => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
   } catch (err) {
     logger.warn("[COOKIE] GET error: ", (err == null ? void 0 : err.message) || err);
     return void 0;
   }
 };
-const getCookie = (args) => __async(void 0, null, function* () {
+const getCookie = args => __async(void 0, null, function* () {
   return getCookieSync(args);
 });
-const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
-const SECURE_CONFIG = [
-  ["secure", ""],
-  ["SameSite", "None"]
-];
+const stringifyCookie = cookie => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
+const SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]];
 const createCookieString = ({
   name,
   value,
@@ -53,17 +50,11 @@ const createCookieString = ({
   const secure = isBrowser() ? location.protocol === "https:" : true;
   const secureObj = secure ? SECURE_CONFIG : [[]];
   const expiresObj = expires ? [["expires", expires.toUTCString()]] : [[]];
-  const cookieValue = [
-    [name, value],
-    ...expiresObj,
-    ["path", "/"],
-    ["domain", getTopLevelDomain(window.location.hostname)],
-    ...secureObj
-  ];
+  const cookieValue = [[name, value], ...expiresObj, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...secureObj];
   const cookie = stringifyCookie(cookieValue);
   return cookie;
 };
-const setCookie = (_0) => __async(void 0, [_0], function* ({
+const setCookie = _0 => __async(void 0, [_0], function* ({
   name,
   value,
   expires,
@@ -73,14 +64,14 @@ const setCookie = (_0) => __async(void 0, [_0], function* ({
     if (!canTrack) {
       return;
     }
-    const cookie = createCookieString({ name, value, expires });
+    const cookie = createCookieString({
+      name,
+      value,
+      expires
+    });
     document.cookie = cookie;
   } catch (err) {
     logger.warn("[COOKIE] SET error: ", (err == null ? void 0 : err.message) || err);
   }
 });
-export {
-  getCookie,
-  getCookieSync,
-  setCookie
-};
+export { getCookie, getCookieSync, setCookie }

package/src/helpers/css.js

@@ -1,6 +1,6 @@
 import { camelToKebabCase } from "../functions/camel-to-kebab-case.js";
 import { checkIsDefined } from "./nullable.js";
-const convertStyleMapToCSSArray = (style) => {
+const convertStyleMapToCSSArray = style => {
   const cssProps = Object.entries(style).map(([key, value]) => {
     if (typeof value === "string") {
       return `${camelToKebabCase(key)}: ${value};`;
@@ -10,7 +10,7 @@ const convertStyleMapToCSSArray = (style) => {
   });
   return cssProps.filter(checkIsDefined);
 };
-const convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join("\n");
+const convertStyleMapToCSS = style => convertStyleMapToCSSArray(style).join("\n");
 const createCssClass = ({
   mediaQuery,
   className,
@@ -27,8 +27,4 @@ const createCssClass = ({
     return cssClass;
   }
 };
-export {
-  convertStyleMapToCSS,
-  convertStyleMapToCSSArray,
-  createCssClass
-};
+export { convertStyleMapToCSS, convertStyleMapToCSSArray, createCssClass }

package/src/helpers/flatten.js

@@ -4,16 +4,17 @@ 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 __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]);
-    }
+  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));
@@ -21,14 +22,10 @@ function flatten(object, path = null, separator = ".") {
   return Object.keys(object).reduce((acc, key) => {
     const value = object[key];
     const newPath = [path, key].filter(Boolean).join(separator);
-    const isObject = [
-      typeof value === "object",
-      value !== null,
-      !(Array.isArray(value) && value.length === 0)
-    ].every(Boolean);
-    return isObject ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator)) : __spreadProps(__spreadValues({}, acc), { [newPath]: value });
+    const isObject = [typeof value === "object", value !== null, !(Array.isArray(value) && value.length === 0)].every(Boolean);
+    return isObject ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator)) : __spreadProps(__spreadValues({}, acc), {
+      [newPath]: value
+    });
   }, {});
 }
-export {
-  flatten
-};
+export { flatten }

package/src/helpers/localStorage.js

@@ -29,7 +29,4 @@ const setLocalStorageItem = ({
     console.debug("[LocalStorage] SET error: ", err);
   }
 };
-export {
-  getLocalStorageItem,
-  setLocalStorageItem
-};
+export { getLocalStorageItem, setLocalStorageItem }

package/src/helpers/logger.js

@@ -5,6 +5,4 @@ const logger = {
   warn: (...message) => console.warn(MSG_PREFIX, ...message),
   debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
-export {
-  logger
-};
+export { logger }

package/src/helpers/nullable.js

@@ -1,4 +1,2 @@
-const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
-export {
-  checkIsDefined
-};
+const checkIsDefined = maybeT => maybeT !== null && maybeT !== void 0;
+export { checkIsDefined }

package/src/helpers/preview-lru-cache/get.js

@@ -0,0 +1,8 @@
+import { getIdFromSearchParams } from "./helpers";
+import { init } from "./init";
+function getPreviewContent(searchParams) {
+  init();
+  const id = getIdFromSearchParams(searchParams);
+  return typeof id === "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(id) : void 0;
+}
+export { getPreviewContent }

package/src/helpers/preview-lru-cache/helpers.js

@@ -0,0 +1,10 @@
+import { logger } from "../logger";
+const getIdFromSearchParams = searchParams => {
+  const previewedModel = searchParams.get("preview");
+  const previewedId = searchParams.get("overrides." + previewedModel);
+  if (!previewedId) {
+    logger.warn("No previewed ID found in search params.");
+  }
+  return previewedId;
+};
+export { getIdFromSearchParams }

package/src/helpers/preview-lru-cache/init.js

@@ -0,0 +1,10 @@
+import { LRUCache } from "lru-cache";
+function init() {
+  if (!globalThis._BUILDER_PREVIEW_LRU_CACHE) {
+    globalThis._BUILDER_PREVIEW_LRU_CACHE = new LRUCache({
+      max: 500,
+      ttl: 1e3 * 60 * 5
+    });
+  }
+}
+export { init }

package/src/helpers/preview-lru-cache/set.js

@@ -0,0 +1,35 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = value => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = value => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+"use server";
+import { init } from "./init";
+function postPreviewContent(_0) {
+  return __async(this, arguments, function* ({
+    key,
+    value
+  }) {
+    init();
+    globalThis._BUILDER_PREVIEW_LRU_CACHE.set(key, value);
+    return {
+      [key]: value
+    };
+  });
+}
+export { postPreviewContent }

package/src/helpers/sessionId.js

@@ -1,20 +1,20 @@
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
+    var fulfilled = value => {
       try {
         step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
-    var rejected = (value) => {
+    var rejected = value => {
       try {
         step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
@@ -22,7 +22,7 @@ import { getCookie, setCookie } from "./cookie.js";
 import { checkIsDefined } from "./nullable.js";
 import { uuid } from "./uuid.js";
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
-const getSessionId = (_0) => __async(void 0, [_0], function* ({
+const getSessionId = _0 => __async(void 0, [_0], function* ({
   canTrack
 }) {
   if (!canTrack) {
@@ -36,7 +36,10 @@ const getSessionId = (_0) => __async(void 0, [_0], function* ({
     return sessionId;
   } else {
     const newSessionId = createSessionId();
-    setSessionId({ id: newSessionId, canTrack });
+    setSessionId({
+      id: newSessionId,
+      canTrack
+    });
     return newSessionId;
   }
 });
@@ -44,9 +47,9 @@ const createSessionId = () => uuid();
 const setSessionId = ({
   id,
   canTrack
-}) => setCookie({ name: SESSION_LOCAL_STORAGE_KEY, value: id, canTrack });
-export {
-  createSessionId,
-  getSessionId,
-  setSessionId
-};
+}) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
+  value: id,
+  canTrack
+});
+export { createSessionId, getSessionId, setSessionId }

package/src/helpers/time.js

@@ -1,5 +1,3 @@
 const MINUTE_TO_MILLESECONDS_MULTIPLIER = 6e4;
 const getCurrentDatePlusMinutes = (minutes = 30) => new Date(Date.now() + minutes * MINUTE_TO_MILLESECONDS_MULTIPLIER);
-export {
-  getCurrentDatePlusMinutes
-};
+export { getCurrentDatePlusMinutes }

package/src/helpers/url.js

@@ -1,4 +1,4 @@
-const getTopLevelDomain = (host) => {
+const getTopLevelDomain = host => {
   if (host === "localhost" || host === "127.0.0.1") {
     return host;
   }
@@ -8,6 +8,4 @@ const getTopLevelDomain = (host) => {
   }
   return host;
 };
-export {
-  getTopLevelDomain
-};
+export { getTopLevelDomain }

package/src/helpers/uuid.js

@@ -1,13 +1,11 @@
 function uuidv4() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
-    const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+    const r = Math.random() * 16 | 0,
+      v = c == "x" ? r : r & 3 | 8;
     return v.toString(16);
   });
 }
 function uuid() {
   return uuidv4().replace(/-/g, "");
 }
-export {
-  uuid,
-  uuidv4
-};
+export { uuid, uuidv4 }

package/src/helpers/visitorId.js

@@ -2,7 +2,9 @@ import { getLocalStorageItem, setLocalStorageItem } from "./localStorage.js";
 import { checkIsDefined } from "./nullable.js";
 import { uuid } from "./uuid.js";
 const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
-const getVisitorId = ({ canTrack }) => {
+const getVisitorId = ({
+  canTrack
+}) => {
   if (!canTrack) {
     return void 0;
   }
@@ -14,7 +16,10 @@ const getVisitorId = ({ canTrack }) => {
     return visitorId;
   } else {
     const newVisitorId = createVisitorId();
-    setVisitorId({ id: newVisitorId, canTrack });
+    setVisitorId({
+      id: newVisitorId,
+      canTrack
+    });
     return newVisitorId;
   }
 };
@@ -27,8 +32,4 @@ const setVisitorId = ({
   value: id,
   canTrack
 });
-export {
-  createVisitorId,
-  getVisitorId,
-  setVisitorId
-};
+export { createVisitorId, getVisitorId, setVisitorId }

package/src/index-helpers/blocks-exports.js

@@ -2,21 +2,10 @@ import { default as default2 } from "../blocks/button/button";
 import { default as default3 } from "../blocks/columns/columns";
 import { default as default4 } from "../blocks/fragment/fragment";
 import { default as default5 } from "../blocks/image/image";
-import { default as default6 } from "../components/render-blocks";
+import { default as default6 } from "../components/blocks/blocks";
 import { default as default7 } from "../blocks/section/section";
 import { default as default8 } from "../blocks/symbol/symbol";
 import { default as default9 } from "../blocks/text/text";
 import { default as default10 } from "../blocks/video/video";
-import { default as default11 } from "../components/render-content-variants/render-content-variants";
-export {
-  default2 as Button,
-  default3 as Columns,
-  default4 as Fragment,
-  default5 as Image,
-  default6 as RenderBlocks,
-  default11 as RenderContent,
-  default7 as Section,
-  default8 as Symbol,
-  default9 as Text,
-  default10 as Video
-};
+import { default as default11 } from "../components/content-variants/content-variants";
+export { default2 as Button, default3 as Columns, default4 as Fragment, default5 as Image, default6 as RenderBlocks, default11 as RenderContent, default7 as Section, default8 as Symbol, default9 as Text, default10 as Video }

package/src/index-helpers/top-of-file.js

@@ -1,4 +1,2 @@
 var stdin_default = void 0;
-export {
-  stdin_default as default
-};
+export { stdin_default as default }

package/src/index.js

@@ -5,22 +5,7 @@ import { isPreviewing } from "./functions/is-previewing.js";
 import { createRegisterComponentMessage } from "./functions/register-component.js";
 import { register } from "./functions/register.js";
 import { setEditorSettings } from "./functions/set-editor-settings.js";
-import {
-  getAllContent,
-  getContent,
-  processContentResult
-} from "./functions/get-content/index.js";
+import { getAllContent, getContent, processContentResult } from "./functions/get-content/index.js";
 import { getBuilderSearchParams } from "./functions/get-builder-search-params/index.js";
 import { track } from "./functions/track/index.js";
-export {
-  createRegisterComponentMessage,
-  getAllContent,
-  getBuilderSearchParams,
-  getContent,
-  isEditing,
-  isPreviewing,
-  processContentResult,
-  register,
-  setEditorSettings,
-  track
-};
+export { createRegisterComponentMessage, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, processContentResult, register, setEditorSettings, track }

package/src/scripts/init-editing.js

@@ -6,18 +6,23 @@ const registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",
     default: true,
-    items: [
-      { name: "Box" },
-      { name: "Text" },
-      { name: "Image" },
-      { name: "Columns" },
-      ...TARGET === "reactNative" ? [] : [
-        { name: "Core:Section" },
-        { name: "Core:Button" },
-        { name: "Embed" },
-        { name: "Custom Code" }
-      ]
-    ]
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, ...(TARGET === "reactNative" ? [] : [{
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }])]
   });
 };
 let isSetupForEditing = false;
@@ -44,52 +49,61 @@ const setupBrowserForEditing = (options = {}) => {
         options
       }
     }, "*");
-    window.addEventListener("message", ({ data }) => {
+    window.addEventListener("message", ({
+      data
+    }) => {
       var _a2, _b2;
       if (!(data == null ? void 0 : data.type)) {
         return;
       }
       switch (data.type) {
-        case "builder.evaluate": {
-          const text = data.data.text;
-          const args = data.data.arguments || [];
-          const id = data.data.id;
-          const fn = new Function(text);
-          let result;
-          let error = null;
-          try {
-            result = fn.apply(null, args);
-          } catch (err) {
-            error = err;
-          }
-          if (error) {
-            (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
-              type: "builder.evaluateError",
-              data: { id, error: error.message }
-            }, "*");
-          } else {
-            if (result && typeof result.then === "function") {
-              result.then((finalResult) => {
-                var _a3;
-                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+        case "builder.evaluate":
+          {
+            const text = data.data.text;
+            const args = data.data.arguments || [];
+            const id = data.data.id;
+            const fn = new Function(text);
+            let result;
+            let error = null;
+            try {
+              result = fn.apply(null, args);
+            } catch (err) {
+              error = err;
+            }
+            if (error) {
+              (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+                type: "builder.evaluateError",
+                data: {
+                  id,
+                  error: error.message
+                }
+              }, "*");
+            } else {
+              if (result && typeof result.then === "function") {
+                result.then(finalResult => {
+                  var _a3;
+                  (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                    type: "builder.evaluateResult",
+                    data: {
+                      id,
+                      result: finalResult
+                    }
+                  }, "*");
+                }).catch(console.error);
+              } else {
+                (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
                   type: "builder.evaluateResult",
-                  data: { id, result: finalResult }
+                  data: {
+                    result,
+                    id
+                  }
                 }, "*");
-              }).catch(console.error);
-            } else {
-              (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
-                type: "builder.evaluateResult",
-                data: { result, id }
-              }, "*");
+              }
             }
+            break;
           }
-          break;
-        }
       }
     });
   }
 };
-export {
-  registerInsertMenu,
-  setupBrowserForEditing
-};
+export { registerInsertMenu, setupBrowserForEditing }

package/src/types/api-version.js

@@ -1,4 +1,2 @@
 const DEFAULT_API_VERSION = "v3";
-export {
-  DEFAULT_API_VERSION
-};
+export { DEFAULT_API_VERSION }

package/src/blocks/util.js

@@ -1,8 +0,0 @@
-const serializeFn = (fnValue) => {
-  const fnStr = fnValue.toString().trim();
-  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
-  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-export {
-  serializeFn
-};

package/src/components/render-block/render-component.jsx

@@ -1,40 +0,0 @@
-import { Show, For } from "solid-js";
-import { Dynamic } from "solid-js/web";
-
-import BlockStyles from "./block-styles.jsx";
-import RenderBlock from "./render-block.jsx";
-
-function RenderComponent(props) {
-  return (
-    <Show when={props.componentRef}>
-      <Dynamic {...props.componentOptions} component={props.componentRef}>
-        <For each={props.blockChildren}>
-          {(child, _index) => {
-            const index = _index();
-            return (
-              <RenderBlock
-                key={"render-block-" + child.id}
-                block={child}
-                context={props.context}
-              ></RenderBlock>
-            );
-          }}
-        </For>
-        <For each={props.blockChildren}>
-          {(child, _index) => {
-            const index = _index();
-            return (
-              <BlockStyles
-                key={"block-style-" + child.id}
-                block={child}
-                context={props.context}
-              ></BlockStyles>
-            );
-          }}
-        </For>
-      </Dynamic>
-    </Show>
-  );
-}
-
-export default RenderComponent;

package/src/components/render-block/render-repeated-block.jsx

@@ -1,16 +0,0 @@
-import { createSignal } from "solid-js";
-
-import BuilderContext from "../../context/builder.context.js";
-import RenderBlock from "./render-block.jsx";
-
-function RenderRepeatedBlock(props) {
-  const [store, setStore] = createSignal(props.repeatContext);
-
-  return (
-    <BuilderContext.Provider value={store()}>
-      <RenderBlock block={props.block} context={store()}></RenderBlock>
-    </BuilderContext.Provider>
-  );
-}
-
-export default RenderRepeatedBlock;