@builder.io/sdk-solid 0.5.4 → 0.5.6

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+### 0.5.6
+
+- No Changes.
+
+### 0.5.5
+
+- Fix: remove `lru-cache` import and usage.
+
 ### 0.5.4
 
 - Fix build issues caused by extraneous `acorn` import.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "",
   "type": "module",
   "main": "./solid-index.jsx",
@@ -30,6 +30,14 @@
   "nx": {
     "implicitDependencies": [
       "@builder.io/sdks"
-    ]
+    ],
+    "targets": {
+      "build": {
+        "dependsOn": [
+          "^build:solid",
+          "^build"
+        ]
+      }
+    }
   }
 }

package/src/blocks/BaseText.jsx

@@ -1,6 +1,6 @@
 import { useContext } from "solid-js";
 
-import BuilderContext from "../context/builder.context";
+import BuilderContext from "../context/builder.context.js";
 
 function BaseText(props) {
   const builderContext = useContext(BuilderContext);

package/src/blocks/columns/columns.jsx

@@ -2,9 +2,9 @@ import { Show, For, createSignal } from "solid-js";
 
 import { css } from "solid-styled-components";
 
-import Blocks from "../../components/blocks/blocks.jsx";
+import Blocks from "../../components/blocks/blocks";
 import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
-import InlinedStyles from "../../components/inlined-styles.jsx";
+import InlinedStyles from "../../components/inlined-styles";
 import { TARGET } from "../../constants/target.js";
 
 function Columns(props) {

package/src/blocks/symbol/symbol.helpers.js

@@ -35,14 +35,14 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getContent } from "../../functions/get-content/index.js";
 import { logger } from "../../helpers/logger.js";
-const fetchContent = _0 => __async(void 0, [_0], function* ({
+import { fetchOneEntry } from "../../index.js";
+const fetchSymbolContent = _0 => __async(void 0, [_0], function* ({
   builderContextValue,
   symbol
 }) {
   if ((symbol == null ? void 0 : symbol.model) && (builderContextValue == null ? void 0 : builderContextValue.apiKey)) {
-    return getContent(__spreadValues({
+    return fetchOneEntry(__spreadValues({
       model: symbol.model,
       apiKey: builderContextValue.apiKey,
       apiVersion: builderContextValue.apiVersion
@@ -57,4 +57,4 @@ const fetchContent = _0 => __async(void 0, [_0], function* ({
   }
   return void 0;
 });
-export { fetchContent }
+export { fetchSymbolContent }

package/src/blocks/symbol/symbol.jsx

@@ -1,8 +1,8 @@
 import { onMount, on, createEffect, createSignal } from "solid-js";
 
-import ContentVariants from "../../components/content-variants/content-variants.jsx";
+import ContentVariants from "../../components/content-variants/content-variants";
 import { filterAttrs } from "../helpers.js";
-import { fetchContent } from "./symbol.helpers.js";
+import { fetchSymbolContent } from "./symbol.helpers.js";
 
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal(props.symbol?.content);
@@ -22,7 +22,7 @@ function Symbol(props) {
 
   function setContent() {
     if (contentToUse()) return;
-    fetchContent({
+    fetchSymbolContent({
       symbol: props.symbol,
       builderContextValue: props.builderContext,
     }).then((newContent) => {

package/src/components/block/block.helpers.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-import { evaluate } from "../../functions/evaluate";
+import { evaluate } from "../../functions/evaluate/index.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
 const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"];
 const isEmptyHtmlElement = tagName => {

package/src/components/block/block.jsx

@@ -3,16 +3,16 @@ import { Show, For, createSignal } from "solid-js";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
 import { getBlockProperties } from "../../functions/get-block-properties.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import BlockStyles from "./components/block-styles.jsx";
+import BlockStyles from "./components/block-styles";
 import {
   getComponent,
   getRepeatItemData,
   isEmptyHtmlElement,
 } from "./block.helpers.js";
-import RepeatedBlock from "./components/repeated-block.jsx";
+import RepeatedBlock from "./components/repeated-block";
 import { extractTextStyles } from "../../functions/extract-text-styles.js";
-import ComponentRef from "./components/component-ref/component-ref.jsx";
-import BlockWrapper from "./components/block-wrapper.jsx";
+import ComponentRef from "./components/component-ref/component-ref";
+import BlockWrapper from "./components/block-wrapper";
 
 function Block(props) {
   const [childrenContext, setChildrenContext] = createSignal(props.context);

package/src/components/block/components/block-styles.jsx

@@ -8,7 +8,7 @@ import { TARGET } from "../../../constants/target.js";
 import { getProcessedBlock } from "../../../functions/get-processed-block.js";
 import { createCssClass } from "../../../helpers/css.js";
 import { checkIsDefined } from "../../../helpers/nullable.js";
-import InlinedStyles from "../../inlined-styles.jsx";
+import InlinedStyles from "../../inlined-styles";
 
 function BlockStyles(props) {
   const [processedBlock, setProcessedBlock] = createSignal(

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

@@ -1,9 +1,9 @@
 import { Show, For, createSignal } from "solid-js";
 import { Dynamic } from "solid-js/web";
 
-import BlockStyles from "../block-styles.jsx";
-import Block from "../../block.jsx";
-import InteractiveElement from "../interactive-element.jsx";
+import BlockStyles from "../block-styles";
+import Block from "../../block";
+import InteractiveElement from "../interactive-element";
 import { getWrapperProps } from "./component-ref.helpers.js";
 
 function ComponentRef(props) {

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

@@ -1,7 +1,7 @@
 import { createSignal } from "solid-js";
 
-import BuilderContext from "../../../context/builder.context";
-import Block from "../block.jsx";
+import BuilderContext from "../../../context/builder.context.js";
+import Block from "../block";
 
 function RepeatedBlock(props) {
   const [store, setStore] = createSignal(props.repeatContext);

package/src/components/blocks/blocks.jsx

@@ -1,10 +1,10 @@
 import { useContext, Show, For } from "solid-js";
 
-import BlockStyles from "../block/components/block-styles.jsx";
-import Block from "../block/block.jsx";
-import BlocksWrapper from "./blocks-wrapper.jsx";
-import BuilderContext from "../../context/builder.context";
-import ComponentsContext from "../../context/components.context";
+import BlockStyles from "../block/components/block-styles";
+import Block from "../block/block";
+import BlocksWrapper from "./blocks-wrapper";
+import BuilderContext from "../../context/builder.context.js";
+import ComponentsContext from "../../context/components.context.js";
 
 function Blocks(props) {
   const builderContext = useContext(BuilderContext);

package/src/components/content/components/enable-editor.jsx

@@ -1,12 +1,12 @@
 import { Show, onMount, on, createEffect, createSignal } from "solid-js";
 
-import { evaluate } from "../../../functions/evaluate";
+import { evaluate } from "../../../functions/evaluate/index.js";
 import { fetch } from "../../../functions/get-fetch.js";
 import { isBrowser } from "../../../functions/is-browser.js";
 import { isEditing } from "../../../functions/is-editing.js";
 import { createRegisterComponentMessage } from "../../../functions/register-component.js";
 import { _track } from "../../../functions/track/index.js";
-import builderContext from "../../../context/builder.context";
+import builderContext from "../../../context/builder.context.js";
 import {
   registerInsertMenu,
   setupBrowserForEditing,
@@ -14,7 +14,7 @@ import {
 import { checkIsDefined } from "../../../helpers/nullable.js";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.js";
 import { logger } from "../../../helpers/logger.js";
-import { getContent } from "../../../functions/get-content/index.js";
+import { fetchOneEntry } from "../../../functions/get-content/index.js";
 import { isPreviewing } from "../../../functions/is-previewing.js";
 import { postPreviewContent } from "../../../helpers/preview-lru-cache/set.js";
 
@@ -263,7 +263,7 @@ function EnableEditor(props) {
           previewApiKey === props.apiKey &&
           (!props.content || searchParamPreviewId === props.content.id)
         ) {
-          getContent({
+          fetchOneEntry({
             model: props.model,
             apiKey: props.apiKey,
             apiVersion: props.builderContextSignal.apiVersion,

package/src/components/content/components/styles.jsx

@@ -1,6 +1,6 @@
 import { createSignal } from "solid-js";
 
-import InlinedStyles from "../../inlined-styles.jsx";
+import InlinedStyles from "../../inlined-styles";
 import { getCss } from "./styles.helpers.js";
 import { getFontCss } from "./styles.helpers.js";
 

package/src/components/content/content.jsx

@@ -5,18 +5,18 @@ import {
   components,
   serializeComponentInfo,
 } from "../../functions/register-component.js";
-import Blocks from "../blocks/blocks.jsx";
-import ContentStyles from "./components/styles.jsx";
+import Blocks from "../blocks/blocks";
+import ContentStyles from "./components/styles";
 import {
   getContentInitialValue,
   getContextStateInitialValue,
 } from "./content.helpers.js";
 import { TARGET } from "../../constants/target.js";
 import { getRenderContentScriptString } from "../content-variants/helpers.js";
-import EnableEditor from "./components/enable-editor.jsx";
-import InlinedScript from "../inlined-script.jsx";
+import EnableEditor from "./components/enable-editor";
+import InlinedScript from "../inlined-script";
 import { wrapComponentRef } from "./wrap-component-ref.js";
-import ComponentsContext from "../../context/components.context";
+import ComponentsContext from "../../context/components.context.js";
 
 function ContentComponent(props) {
   const [scriptStr, setScriptStr] = createSignal(

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

@@ -6,11 +6,11 @@ import {
   getVariants,
   getVariantsScriptString,
 } from "./helpers.js";
-import ContentComponent from "../content/content.jsx";
+import ContentComponent from "../content/content";
 import { getDefaultCanTrack } from "../../helpers/canTrack.js";
-import InlinedStyles from "../inlined-styles.jsx";
+import InlinedStyles from "../inlined-styles";
 import { handleABTestingSync } from "../../helpers/ab-tests.js";
-import InlinedScript from "../inlined-script.jsx";
+import InlinedScript from "../inlined-script";
 import { TARGET } from "../../constants/target.js";
 
 function ContentVariants(props) {

package/src/constants/sdk-version.js

@@ -1,2 +1 @@
-const SDK_VERSION = "UNKNOWN_VERSION";
-export { SDK_VERSION }
+export const SDK_VERSION = "0.5.6"

package/src/functions/fetch-builder-props.js

@@ -0,0 +1,60 @@
+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));
+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());
+  });
+};
+import { getBuilderSearchParams } from "./get-builder-search-params/index.js";
+import { fetchOneEntry } from "./get-content/index.js";
+const fetchBuilderProps = _args => __async(void 0, null, function* () {
+  var _a, _b, _c;
+  const urlPath = _args.path || ((_a = _args.url) == null ? void 0 : _a.pathname) || ((_b = _args.userAttributes) == null ? void 0 : _b.urlPath);
+  const getContentArgs = __spreadProps(__spreadValues({}, _args), {
+    apiKey: _args.apiKey,
+    model: _args.model || "page",
+    userAttributes: __spreadValues(__spreadValues({}, _args.userAttributes), urlPath ? {
+      urlPath
+    } : {}),
+    options: getBuilderSearchParams(_args.searchParams || ((_c = _args.url) == null ? void 0 : _c.searchParams) || _args.options)
+  });
+  return {
+    apiKey: getContentArgs.apiKey,
+    model: getContentArgs.model,
+    content: yield fetchOneEntry(getContentArgs)
+  };
+});
+export { fetchBuilderProps }

package/src/functions/get-content/index.js

@@ -47,9 +47,9 @@ import { fetch } from "../get-fetch.js";
 import { isBrowser } from "../is-browser.js";
 import { generateContentUrl } from "./generate-content-url.js";
 const checkContentHasResults = content => "results" in content;
-function getContent(options) {
+function fetchOneEntry(options) {
   return __async(this, null, function* () {
-    const allContent = yield getAllContent(__spreadProps(__spreadValues({}, options), {
+    const allContent = yield fetchEntries(__spreadProps(__spreadValues({}, options), {
       limit: 1
     }));
     if (allContent) {
@@ -58,13 +58,14 @@ function getContent(options) {
     return null;
   });
 }
-const fetchContent = options => __async(void 0, null, function* () {
+const getContent = fetchOneEntry;
+const _fetchContent = options => __async(void 0, null, function* () {
   const url = generateContentUrl(options);
   const res = yield fetch(url.href);
   const content = yield res.json();
   return content;
 });
-const processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (options, content, url = generateContentUrl(options)) {
+const _processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (options, content, url = generateContentUrl(options)) {
   const canTrack = getDefaultCanTrack(options.canTrack);
   const isPreviewing = url.search.includes(`preview=`);
   if (TARGET === "rsc" && isPreviewing) {
@@ -91,11 +92,11 @@ const processContentResult = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2],
   }
   return content;
 });
-function getAllContent(options) {
+function fetchEntries(options) {
   return __async(this, null, function* () {
     try {
       const url = generateContentUrl(options);
-      const content = yield fetchContent(options);
+      const content = yield _fetchContent(options);
       if (!checkContentHasResults(content)) {
         logger.error("Error fetching data. ", {
           url,
@@ -104,11 +105,12 @@ function getAllContent(options) {
         });
         return null;
       }
-      return processContentResult(options, content);
+      return _processContentResult(options, content);
     } catch (error) {
       logger.error("Error fetching data. ", error);
       return null;
     }
   });
 }
-export { getAllContent, getContent, processContentResult }
+const getAllContent = fetchEntries;
+export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent }

package/src/functions/get-processed-block.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { evaluate } from "./evaluate";
+import { evaluate } from "./evaluate/index.js";
 import { fastClone } from "./fast-clone.js";
 import { set } from "./set.js";
 import { transformBlock } from "./transform-block.js";

package/src/functions/is-non-node-server.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "./is-browser";
+import { isBrowser } from "./is-browser.js";
 function isNonNodeServer() {
   const hasNode = () => {
     var _a;

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

@@ -1,8 +1,4 @@
-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;
+function getPreviewContent(_searchParams) {
+  return void 0;
 }
 export { getPreviewContent }

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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +1,2 @@
-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
-    });
-  }
-}
+function init() {}
 export { init }

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

@@ -18,15 +18,11 @@ var __async = (__this, __arguments, generator) => {
     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
     };

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

@@ -2,10 +2,12 @@ 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/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/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 }
+import { default as default6 } from "../blocks/section/section";
+import { default as default7 } from "../blocks/symbol/symbol";
+import { default as default8 } from "../blocks/text/text";
+import { default as default9 } from "../blocks/video/video";
+import { default as Blocks } from "../components/blocks/blocks";
+import { default as Content } from "../components/content-variants/content-variants";
+const RenderBlocks = Blocks;
+const RenderContent = Content;
+export { Blocks, default2 as Button, default3 as Columns, Content, default4 as Fragment, default5 as Image, RenderBlocks, RenderContent, default6 as Section, default7 as Symbol, default8 as Text, default9 as Video }

package/src/index.js

@@ -5,7 +5,8 @@ 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 { fetchEntries, fetchOneEntry, 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 }
+import { fetchBuilderProps } from "./functions/fetch-builder-props.js";
+export { _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track }

package/src/functions/if-target.js

@@ -1,13 +0,0 @@
-import { TARGET } from "../constants/target.js";
-function ifTarget({
-  targets,
-  doThing,
-  elseThing
-}) {
-  if (TARGET && targets.includes(TARGET)) {
-    return doThing();
-  } else {
-    return elseThing == null ? void 0 : elseThing();
-  }
-}
-export { ifTarget }