@builder.io/sdk-svelte 0.5.2 → 0.5.4

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.4",
   "type": "module",
   "files": [
     "package",
@@ -98,11 +98,11 @@
     "./context/types": "./context/types.js",
     "./functions/apply-patch-with-mutation": "./functions/apply-patch-with-mutation.js",
     "./functions/camel-to-kebab-case": "./functions/camel-to-kebab-case.js",
-    "./functions/evaluate/acorn": "./functions/evaluate/acorn.js",
+    "./functions/evaluate/acorn-interpreter": "./functions/evaluate/acorn-interpreter.js",
     "./functions/evaluate/evaluate": "./functions/evaluate/evaluate.js",
     "./functions/evaluate": "./functions/evaluate/index.js",
-    "./functions/evaluate/interpreter": "./functions/evaluate/interpreter.js",
-    "./functions/evaluate/non-node-runtime": "./functions/evaluate/non-node-runtime.js",
+    "./functions/evaluate/non-node-runtime": "./functions/evaluate/non-node-runtime/index.js",
+    "./functions/evaluate/non-node-runtime/non-node-runtime": "./functions/evaluate/non-node-runtime/non-node-runtime.js",
     "./functions/evaluate/types": "./functions/evaluate/types.js",
     "./functions/event-handler-name": "./functions/event-handler-name.js",
     "./functions/extract-text-styles": "./functions/extract-text-styles.js",
@@ -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/CHANGELOG.md

@@ -1,3 +1,8 @@
+### 0.5.4
+
+- Fix build issues caused by extraneous `acorn` import.
+- Put Edge runtime evaluator behind dynamic import.
+
 ### 0.5.2
 
 - No Changes.

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';