@builder.io/sdk-svelte 0.0.1-32 → 0.0.1-33

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.0.1-32",
+  "version": "0.0.1-33",
   "type": "module",
   "files": [
     "src"

package/src/blocks/columns/columns.svelte

@@ -1,4 +1,6 @@
 <script context="module" lang="ts">
+  import type { BuilderBlock } from "../../types/builder-block";
+
   type Column = {
     blocks: any; // TODO: Implement this when support for dynamic CSS lands
 

package/src/blocks/columns/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Columns",
   builtIn: true,

package/src/blocks/embed/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Embed",
   static: true,

package/src/blocks/embed/embed.svelte

@@ -7,7 +7,7 @@
 <script lang="ts">
   import { afterUpdate } from "svelte";
 
-  import { isJsScript } from "./helpers";
+  import { isJsScript } from "./helpers.js";
 
   export let elem: EmbedProps["elem"];
   export let content: EmbedProps["content"];

package/src/blocks/image/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Image",
   static: true,

package/src/blocks/image/image.svelte

@@ -1,4 +1,6 @@
 <script context="module" lang="ts">
+  import type { BuilderBlock } from "../../types/builder-block.js";
+
   export interface ImageProps {
     className?: string;
     image: string;
@@ -20,7 +22,7 @@
 </script>
 
 <script lang="ts">
-  import { getSrcSet } from "./image.helpers";
+  import { getSrcSet } from "./image.helpers.js";
 
   export let image: ImageProps["image"];
   export let src: ImageProps["src"];

package/src/blocks/symbol/symbol.svelte

@@ -23,7 +23,7 @@
   import { afterUpdate } from "svelte";
 
   import RenderContent from "../../components/render-content/render-content.svelte";
-  import BuilderContext from "../../context/builder.context";
+  import BuilderContext from "../../context/builder.context.js";
   import { getContent } from "../../functions/get-content/index.js";
 
   import { getContext, setContext } from "svelte";

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

@@ -1,4 +1,6 @@
 <script context="module" lang="ts">
+  import type { BuilderBlock } from "../../types/builder-block";
+
   type Props = {
     block: BuilderBlock;
     repeatContext: BuilderContextInterface;
@@ -15,7 +17,7 @@
 </script>
 
 <script lang="ts">
-  import BuilderContext from "../../context/builder.context";
+  import BuilderContext from "../../context/builder.context.js";
   import RenderBlock from "./render-block.svelte";
 
   import { getContext, setContext } from "svelte";

package/src/components/render-blocks.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <script lang="ts">
-  import BuilderContext from "../context/builder.context";
+  import BuilderContext from "../context/builder.context.js";
   import { isEditing } from "../functions/is-editing.js";
   import BlockStyles from "./render-block/block-styles.svelte";
   import RenderBlock from "./render-block/render-block.svelte";

package/src/components/render-content/render-content.svelte

@@ -31,7 +31,7 @@
 
   import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
   import { TARGET } from "../../constants/target.js";
-  import BuilderContext from "../../context/builder.context";
+  import BuilderContext from "../../context/builder.context.js";
   import { evaluate } from "../../functions/evaluate.js";
   import { getContent } from "../../functions/get-content/index.js";
   import { getFetch } from "../../functions/get-fetch.js";

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

@@ -15,25 +15,25 @@ var __spreadValues = (a, b) => {
   return a;
 };
 import { default as Button } from "../blocks/button/button.svelte";
-import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info";
+import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info.js";
 import { default as Columns } from "../blocks/columns/columns.svelte";
-import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info";
-import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info";
+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.svelte";
-import { componentInfo as imageComponentInfo } from "../blocks/image/component-info";
+import { componentInfo as imageComponentInfo } from "../blocks/image/component-info.js";
 import { default as Image } from "../blocks/image/image.svelte";
-import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info";
+import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info.js";
 import { default as Section } from "../blocks/section/section.svelte";
-import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info";
+import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info.js";
 import { default as Symbol } from "../blocks/symbol/symbol.svelte";
-import { componentInfo as textComponentInfo } from "../blocks/text/component-info";
+import { componentInfo as textComponentInfo } from "../blocks/text/component-info.js";
 import { default as Text } from "../blocks/text/text.svelte";
-import { componentInfo as videoComponentInfo } from "../blocks/video/component-info";
+import { componentInfo as videoComponentInfo } from "../blocks/video/component-info.js";
 import { default as Video } from "../blocks/video/video.svelte";
-import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info";
+import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info.js";
 import { default as embed } from "../blocks/embed/embed.svelte";
 import { default as Img } from "../blocks/img/img.svelte";
-import { componentInfo as imgComponentInfo } from "../blocks/img/component-info";
+import { componentInfo as imgComponentInfo } from "../blocks/img/component-info.js";
 const getDefaultRegisteredComponents = () => [
   __spreadValues({ component: Columns }, columnsComponentInfo),
   __spreadValues({ component: Image }, imageComponentInfo),

package/src/functions/get-builder-search-params/index.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "../is-browser";
+import { isBrowser } from "../is-browser.js";
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
 const convertSearchParamsToQueryObject = (searchParams) => {
   const options = {};

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

@@ -52,7 +52,7 @@ function getContent(options) {
 }
 const generateContentUrl = (options) => {
   const {
-    limit = 1,
+    limit = 30,
     userAttributes,
     query,
     noTraverse = false,

package/src/functions/track.js

@@ -29,6 +29,26 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+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 { TARGET } from "../constants/target.js";
 import { getSessionId } from "../helpers/sessionId.js";
 import { getVisitorId } from "../helpers/visitorId.js";
@@ -66,24 +86,28 @@ const createEvent = (_a) => {
   };
 };
 function track(eventProps) {
-  if (!eventProps.canTrack) {
-    return;
-  }
-  if (isEditing()) {
-    return;
-  }
-  if (!(isBrowser() || TARGET === "reactNative")) {
-    return;
-  }
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [createEvent(eventProps)]
-    }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
+  return __async(this, null, function* () {
+    if (!eventProps.canTrack) {
+      return;
+    }
+    if (isEditing()) {
+      return;
+    }
+    if (!(isBrowser() || TARGET === "reactNative")) {
+      return;
+    }
+    return fetch(`https://builder.io/api/v1/track`, {
+      method: "POST",
+      body: JSON.stringify({
+        events: [createEvent(eventProps)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((err) => {
+      console.error("Failed to track: ", err);
+    });
   });
 }
 export {

package/src/helpers/cookie.js

@@ -1,5 +1,5 @@
-import { isBrowser } from "../functions/is-browser";
-import { getTopLevelDomain } from "./url";
+import { isBrowser } from "../functions/is-browser.js";
+import { getTopLevelDomain } from "./url.js";
 const getCookie = ({
   name,
   canTrack

package/src/helpers/css.js

@@ -1,4 +1,4 @@
-import { camelToKebabCase } from "../functions/camel-to-kebab-case";
+import { camelToKebabCase } from "../functions/camel-to-kebab-case.js";
 const convertStyleMaptoCSS = (style) => {
   const cssProps = Object.entries(style).map(([key, value]) => {
     if (typeof value === "string") {

package/src/helpers/localStorage.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "../functions/is-browser";
+import { isBrowser } from "../functions/is-browser.js";
 const getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
 const getLocalStorageItem = ({
   key,

package/src/helpers/sessionId.js

@@ -1,6 +1,6 @@
-import { getCookie, setCookie } from "./cookie";
-import { checkIsDefined } from "./nullable";
-import { uuid } from "./uuid";
+import { getCookie, setCookie } from "./cookie.js";
+import { checkIsDefined } from "./nullable.js";
+import { uuid } from "./uuid.js";
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
 const getSessionId = ({ canTrack }) => {
   if (!canTrack) {

package/src/helpers/visitorId.js

@@ -1,6 +1,6 @@
-import { getLocalStorageItem, setLocalStorageItem } from "./localStorage";
-import { checkIsDefined } from "./nullable";
-import { uuid } from "./uuid";
+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 }) => {
   if (!canTrack) {