@builder.io/sdk-svelte 0.5.2 → 0.5.4

package/package/functions/evaluate/evaluate.js

@@ -2,7 +2,7 @@ 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 { runInNonNode } from './non-node-runtime/index.js';
 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/non-node-runtime/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 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/
+ */
+declare let runInNonNode: typeof import('./non-node-runtime.js').runInNonNode;
+export { runInNonNode };

package/package/functions/evaluate/non-node-runtime/index.js

@@ -0,0 +1,22 @@
+import { logger } from '../../../helpers/logger.js';
+import { isNonNodeServer } from '../../is-non-node-server.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 { runInNonNode };

package/package/functions/evaluate/{non-node-runtime.d.ts → non-node-runtime/non-node-runtime.d.ts}

@@ -1,2 +1,2 @@
-import type { ExecutorArgs } from './types';
+import type { ExecutorArgs } from '../types';
 export declare const runInNonNode: ({ builder, context, event, rootState, localState, rootSetState, useCode }: ExecutorArgs) => any;

package/package/functions/evaluate/{non-node-runtime.js → non-node-runtime/non-node-runtime.js}

@@ -1,6 +1,6 @@
-import { logger } from '../../helpers/logger';
-import { set } from '../set';
-import Interpreter from './interpreter.js';
+import { logger } from '../../../helpers/logger';
+import { set } from '../../set';
+import Interpreter from '../acorn-interpreter.js';
 const processCode = (code) => {
     return code.split('\n').map(line => {
         const trimmed = line.trim();

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.4",
   "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'