@builder.io/sdk-svelte 0.5.2 → 0.5.3

package/README.md

@@ -21,3 +21,7 @@ Take a look at [our example repo](/examples/svelte/sveltekit) for how to use thi
 ## Fetch
 
 This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.
+
+## Non-Node.js Runtimes (Edge, Serverless)
+
+If planning to deploy your app to a non-Node.js runtime (like Edge or Serverless functions), make sure to read the [Non-Node.js Runtimes](../../README.md#non-nodejs-runtimes-edge-serverless) section of the main README.

package/package/--package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "type": "module",
   "files": [
     "package",
@@ -175,11 +175,25 @@
     "@sveltejs/adapter-auto": "1.0.0-next.71",
     "@sveltejs/kit": "^1.16.2",
     "@sveltejs/package": "1.0.0-next.1",
+    "nx": "^16.6.0",
+    "nx-cloud": "^16.2.0",
     "svelte": "^3.59.1",
-    "svelte-check": "^3.3.2",
-    "svelte-preprocess": "^4.10.6",
+    "svelte-check": "^3.4.6",
+    "svelte-preprocess": "^5.0.4",
     "tslib": "^2.3.1",
     "typescript": "^5.1.6",
-    "vite": "^3.0.4"
+    "vite": "^4.4.8"
+  },
+  "nx": {
+    "implicitDependencies": [
+      "@builder.io/sdks"
+    ],
+    "targets": {
+      "build": {
+        "outputs": [
+          "{projectRoot}/package"
+        ]
+      }
+    }
   }
 }

package/package/README.md

@@ -21,3 +21,7 @@ Take a look at [our example repo](/examples/svelte/sveltekit) for how to use thi
 ## Fetch
 
 This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.
+
+## Non-Node.js Runtimes (Edge, Serverless)
+
+If planning to deploy your app to a non-Node.js runtime (like Edge or Serverless functions), make sure to read the [Non-Node.js Runtimes](../../README.md#non-nodejs-runtimes-edge-serverless) section of the main README.

package/package/blocks/image/image.svelte.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SvelteComponentTyped } from "svelte";
 export interface ImageProps {
     className?: string;

package/package/blocks/text/text.svelte

@@ -17,5 +17,6 @@ function mitosis_styling(node, vars) {
   use:mitosis_styling={{
     outline: "none",
   }}
-  class="builder-text">{@html text?.toString() || ""}</span
+  class="builder-text"
+  {...{}}>{@html text?.toString() || ""}</span
 >

package/package/components/content-variants/content-variants.svelte

@@ -31,6 +31,17 @@ $: hideVariantsStyleString = () => {
         .map((value) => `.variant-${value.testVariationId} { display: none; } `)
         .join("");
 };
+$: defaultContent = () => {
+    return shouldRenderVariants
+        ? {
+            ...content,
+            testVariationId: content?.id,
+        }
+        : handleABTestingSync({
+            item: content,
+            canTrack: getDefaultCanTrack(canTrack),
+        });
+};
 let shouldRenderVariants = checkShouldRunVariants({
     canTrack: getDefaultCanTrack(canTrack),
     content: content,
@@ -76,12 +87,7 @@ onMount(() => {
 
 <ContentComponent
   {...{}}
-  content={shouldRenderVariants
-    ? content
-    : handleABTestingSync({
-        item: content,
-        canTrack: getDefaultCanTrack(canTrack),
-      })}
+  content={defaultContent()}
   classNameProp={`variant-${content?.id}`}
   showContent={true}
   {model}

package/package/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.5.2";
+export declare const SDK_VERSION = "UNKNOWN_VERSION";

package/package/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.2";
+export const SDK_VERSION = 'UNKNOWN_VERSION';

package/package/functions/evaluate/evaluate.js

@@ -2,7 +2,25 @@ import { logger } from '../../helpers/logger.js';
 import { isBrowser } from '../is-browser.js';
 import { isEditing } from '../is-editing.js';
 import { isNonNodeServer } from '../is-non-node-server.js';
-import { runInNonNode } from './non-node-runtime.js';
+/**
+ * We need to lazy-load this module so it doesn't leak into the browser, as it is massive and not needed there.
+ * https://css-tricks.com/dynamic-conditional-imports/
+ */
+let runInNonNode;
+if (isNonNodeServer()) {
+    import('./non-node-runtime.js').then(m => {
+        runInNonNode = m.runInNonNode;
+    }).catch(err => {
+        const ERROR_MESSAGE = `Error importing JS interpreter for non-Node.js runtimes. Make sure \`js-interpreter\` is installed.
+      Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless
+      `;
+        logger.error(ERROR_MESSAGE, err);
+        runInNonNode = (..._args) => {
+            logger.error(ERROR_MESSAGE);
+            return undefined;
+        };
+    });
+}
 export function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
     if (code === '') {
         logger.warn('Skipping evaluation of empty code block.');

package/package/functions/evaluate/interpreter.js

@@ -3847,7 +3847,7 @@ Interpreter.prototype['getStateStack'] = Interpreter.prototype.getStateStack;
 Interpreter.prototype['setStateStack'] = Interpreter.prototype.setStateStack;
 Interpreter['VALUE_IN_DESCRIPTOR'] = Interpreter.VALUE_IN_DESCRIPTOR;
 // BUILDER.IO: added acorn.parse import here
-import { parse } from 'acorn';
+import { parse } from './acorn';
 Interpreter.nativeGlobal.acornParse = parse;
 // BUILDER.IO: exported Interpreter
 export default Interpreter;

package/package/functions/evaluate/types.d.ts

@@ -8,3 +8,4 @@ export type ExecutorArgs = Pick<BuilderContextInterface, 'localState' | 'context
     };
     event: Event | undefined;
 };
+export type Executor = (args: ExecutorArgs) => any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "type": "module",
   "files": [
     "package",
@@ -37,11 +37,25 @@
     "@sveltejs/adapter-auto": "1.0.0-next.71",
     "@sveltejs/kit": "^1.16.2",
     "@sveltejs/package": "1.0.0-next.1",
+    "nx": "^16.6.0",
+    "nx-cloud": "^16.2.0",
     "svelte": "^3.59.1",
-    "svelte-check": "^3.3.2",
-    "svelte-preprocess": "^4.10.6",
+    "svelte-check": "^3.4.6",
+    "svelte-preprocess": "^5.0.4",
     "tslib": "^2.3.1",
     "typescript": "^5.1.6",
-    "vite": "^3.0.4"
+    "vite": "^4.4.8"
+  },
+  "nx": {
+    "implicitDependencies": [
+      "@builder.io/sdks"
+    ],
+    "targets": {
+      "build": {
+        "outputs": [
+          "{projectRoot}/package"
+        ]
+      }
+    }
   }
 }

package/src/blocks/text/text.svelte

@@ -22,5 +22,6 @@
   use:mitosis_styling={{
     outline: "none",
   }}
-  class="builder-text">{@html text?.toString() || ""}</span
+  class="builder-text"
+  {...{}}>{@html text?.toString() || ""}</span
 >

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

@@ -51,6 +51,17 @@
       .map((value) => `.variant-${value.testVariationId} { display: none; } `)
       .join("");
   };
+  $: defaultContent = () => {
+    return shouldRenderVariants
+      ? {
+          ...content,
+          testVariationId: content?.id,
+        }
+      : handleABTestingSync({
+          item: content,
+          canTrack: getDefaultCanTrack(canTrack),
+        });
+  };
 
   let shouldRenderVariants = checkShouldRunVariants({
     canTrack: getDefaultCanTrack(canTrack),
@@ -98,12 +109,7 @@
 
 <ContentComponent
   {...{}}
-  content={shouldRenderVariants
-    ? content
-    : handleABTestingSync({
-        item: content,
-        canTrack: getDefaultCanTrack(canTrack),
-      })}
+  content={defaultContent()}
   classNameProp={`variant-${content?.id}`}
   showContent={true}
   {model}

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.2"
+export const SDK_VERSION = 'UNKNOWN_VERSION'

package/src/functions/evaluate/evaluate.ts

@@ -3,8 +3,27 @@ import { logger } from '../../helpers/logger.js';
 import { isBrowser } from '../is-browser.js';
 import { isEditing } from '../is-editing.js';
 import { isNonNodeServer } from '../is-non-node-server.js';
-import { runInNonNode } from './non-node-runtime.js';
 import type { ExecutorArgs } from './types.js';
+
+/**
+ * We need to lazy-load this module so it doesn't leak into the browser, as it is massive and not needed there.
+ * https://css-tricks.com/dynamic-conditional-imports/
+ */
+let runInNonNode: typeof import('./non-node-runtime.js').runInNonNode;
+if (isNonNodeServer()) {
+  import('./non-node-runtime.js').then(m => {
+    runInNonNode = m.runInNonNode;
+  }).catch(err => {
+    const ERROR_MESSAGE = `Error importing JS interpreter for non-Node.js runtimes. Make sure \`js-interpreter\` is installed.
+      Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless
+      `;
+    logger.error(ERROR_MESSAGE, err);
+    runInNonNode = (..._args) => {
+      logger.error(ERROR_MESSAGE);
+      return undefined;
+    };
+  });
+}
 export function evaluate({
   code,
   context,

package/src/functions/evaluate/interpreter.ts

@@ -3880,7 +3880,7 @@ Interpreter.prototype['setStateStack'] = Interpreter.prototype.setStateStack;
 Interpreter['VALUE_IN_DESCRIPTOR'] = Interpreter.VALUE_IN_DESCRIPTOR;
 
 // BUILDER.IO: added acorn.parse import here
-import { parse } from 'acorn';
+import { parse } from './acorn';
 Interpreter.nativeGlobal.acornParse = parse;
 
 // BUILDER.IO: exported Interpreter

package/src/functions/evaluate/types.ts

@@ -7,4 +7,5 @@ export type ExecutorArgs = Pick<BuilderContextInterface, 'localState' | 'context
     isServer: boolean | undefined;
   };
   event: Event | undefined;
-}
+};
+export type Executor = (args: ExecutorArgs) => any