@zikojs/notebook-runtime-svelte 0.1.0 → 0.1.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 ZAKARIA ELALAOUI
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 ZAKARIA ELALAOUI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zikojs/notebook-runtime-svelte",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "",
   "main": "src/index.js",
   "publishConfig": {
@@ -14,8 +14,11 @@
   "author": "zakaria elalaoui",
   "license": "MIT",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zikojs/notebook.git"
+  },
   "dependencies": {
-    "@babel/standalone": "latest",
     "@codemirror/theme-one-dark": "^6.1.3",
     "codemirror-lang-svelte": "^2.1.0",
     "svelte": "^5.57.1",

package/src/index.js

@@ -1,81 +1,81 @@
-import { compile } from "svelte/compiler";
-import { 
-  mount, 
-  unmount
-} from "https://esm.sh/svelte";
-
-import { svelte } from "codemirror-lang-svelte";
-// import { oneDark } from "@codemirror/theme-one-dark";
-
-
-import { tags } from 'ziko/dom'
-
-
-export const SvelteIdentifier = 'svelte'
-export const sveltePlugin = ({
-  runes = true,
-} = {}) => ({
-  name: SvelteIdentifier,
-  language: svelte(),
-
-  async evaluate(code, context) {
-    const { TARGET } = context;
-    if (!TARGET) return;
-
-    try {
-      // 1. Compile Svelte code
-      const result = compile(code, {
-        filename: "Component.svelte",
-        runes,
-        css: "injected",
-      });
-
-      let jsCode = result.js.code;
-
-      // 2. Rewrite bare svelte imports in the compiled code to full esm.sh URLs
-      jsCode = jsCode.replace(
-        /from\s+['"](svelte[^'"]*)['"]/g,
-        (match, source) => `from "https://esm.sh/${source}"`
-      );
-      jsCode = jsCode.replace(
-        /import\s+['"](svelte[^'"]*)['"]/g,
-        (match, source) => `import "https://esm.sh/${source}"`
-      );
-
-      // 3. Wrap in a Blob URL and import natively
-      const blob = new Blob([jsCode], { type: "application/javascript" });
-      const moduleUrl = URL.createObjectURL(blob);
-
-      const mod = await import(/* @vite-ignore */moduleUrl);
-      const Component = mod.default;
-      URL.revokeObjectURL(moduleUrl);
-
-      if (!Component) {
-        throw new Error("Svelte component failed to compile or export a default component.");
-      }
-
-      // 4. Clean up and mount
-      if (TARGET.__svelteInstance) {
-        unmount(TARGET.__svelteInstance);
-        TARGET.__svelteInstance = null;
-      }
-
-      TARGET.innerHTML = "";
-      const container = tags.div().element;
-      TARGET.appendChild(container);
-
-      TARGET.__svelteInstance = mount(Component, {
-        target: container,
-      });
-
-      return TARGET.__svelteInstance;
-    } catch (err) {
-      tags.pre(`Svelte Error: ${err.message}`).style({
-        color : 'red',
-        whiteSpace : 'pre-wrap'
-      }).mount(TARGET)
-      console.error(err);
-    }
-  },
-
+import { compile } from "svelte/compiler";
+import { 
+  mount, 
+  unmount
+} from "https://esm.sh/svelte";
+
+import { svelte } from "codemirror-lang-svelte";
+// import { oneDark } from "@codemirror/theme-one-dark";
+
+
+import { tags } from 'ziko/dom'
+
+
+export const SvelteIdentifier = 'svelte'
+export const sveltePlugin = ({
+  runes = true,
+} = {}) => ({
+  name: SvelteIdentifier,
+  language: svelte(),
+
+  async evaluate(code, context) {
+    const { TARGET } = context;
+    if (!TARGET) return;
+
+    try {
+      // 1. Compile Svelte code
+      const result = compile(code, {
+        filename: "Component.svelte",
+        runes,
+        css: "injected",
+      });
+
+      let jsCode = result.js.code;
+
+      // 2. Rewrite bare svelte imports in the compiled code to full esm.sh URLs
+      jsCode = jsCode.replace(
+        /from\s+['"](svelte[^'"]*)['"]/g,
+        (match, source) => `from "https://esm.sh/${source}"`
+      );
+      jsCode = jsCode.replace(
+        /import\s+['"](svelte[^'"]*)['"]/g,
+        (match, source) => `import "https://esm.sh/${source}"`
+      );
+
+      // 3. Wrap in a Blob URL and import natively
+      const blob = new Blob([jsCode], { type: "application/javascript" });
+      const moduleUrl = URL.createObjectURL(blob);
+
+      const mod = await import(/* @vite-ignore */moduleUrl);
+      const Component = mod.default;
+      URL.revokeObjectURL(moduleUrl);
+
+      if (!Component) {
+        throw new Error("Svelte component failed to compile or export a default component.");
+      }
+
+      // 4. Clean up and mount
+      if (TARGET.__svelteInstance) {
+        unmount(TARGET.__svelteInstance);
+        TARGET.__svelteInstance = null;
+      }
+
+      TARGET.innerHTML = "";
+      const container = tags.div().element;
+      TARGET.appendChild(container);
+
+      TARGET.__svelteInstance = mount(Component, {
+        target: container,
+      });
+
+      return TARGET.__svelteInstance;
+    } catch (err) {
+      tags.pre(`Svelte Error: ${err.message}`).style({
+        color : 'red',
+        whiteSpace : 'pre-wrap'
+      }).mount(TARGET)
+      console.error(err);
+    }
+  },
+
 });