fix svelte <script> (#1317)

* f * rl
BuilderIO · Jan 12, 2024 · f84e2c7 · f84e2c7 · vercel · Jan 12, 2024
1 parent 8ae7424
commit f84e2c7
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 2 deletions.
diff --git a/.yarn/versions/1df68f61.yml b/.yarn/versions/1df68f61.yml
@@ -0,0 +1,3 @@
+undecided:
+  - "@builder.io/mitosis-repo"
+  - "@builder.io/mitosis"
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/mitosis-cli",
-  "version": "0.0.95",
+  "version": "0.0.96",
   "description": "mitosis CLI",
   "types": "build/types/types.d.ts",
   "bin": {

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.0.136",
+  "version": "0.0.137",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {

diff --git a/packages/core/src/generators/svelte/blocks.ts b/packages/core/src/generators/svelte/blocks.ts
@@ -23,6 +23,7 @@ const mappers: {
   Show: BlockToSvelte;
   Slot: BlockToSvelte;
   style: BlockToSvelte;
+  script: BlockToSvelte;
 } = {
   style: ({ json, options, parentComponent }) => {
     let props = '';
@@ -46,6 +47,26 @@ const mappers: {
     // https://github.com/sveltejs/vite-plugin-svelte/issues/315#issuecomment-1109000027
     return `{@html \`<\${'style'} ${bindings} ${props}>\${${innerText}}<\${'/style'}>\`}`;
   },
+  script: ({ json, options, parentComponent }) => {
+    let props = '';
+    for (const key in json.properties) {
+      const value = json.properties[key];
+      props += ` ${key}="${value}" `;
+    }
+
+    let bindings = '';
+
+    for (const key in json.bindings) {
+      const value = json.bindings[key];
+      if (value && key !== 'innerHTML') {
+        bindings += ` ${key}=\${${value.code}} `;
+      }
+    }
+
+    const innerText = json.bindings.innerHTML?.code || '';
+
+    return `{@html \`<script ${bindings} ${props}>\${${innerText}}</script>\`}`;
+  },
   Fragment: ({ json, options, parentComponent }) => {
     if (json.bindings.innerHTML?.code) {
       return BINDINGS_MAPPER.innerHTML(json, options);