0.2.0: Support <script> elements

vanjs-org · Sep 25, 2023 · 93fa0cf · 93fa0cf
1 parent 8b61922
commit 93fa0cf
Show file tree

Hide file tree

Showing 6 changed files with 57 additions and 4 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "cSpell.words": [
+    "divs"
+  ]
+}
diff --git a/converter.test.ts b/converter.test.ts
@@ -336,6 +336,32 @@ test("htmlToVanCode: nested spans", t => t.deepEqual(
   },
 ))
 
+test("htmlToVanCode: script", t => t.deepEqual(
+  htmlToVanCode('<script type="text/javascript" src="/prism.js"></script>'),
+  {
+    code: [
+      'script({type: "text/javascript", src: "/prism.js"})',
+    ],
+    tags: ["script"],
+    components: [],
+  },
+))
+
+test("htmlToVanCode: inline script", t => t.deepEqual(
+  htmlToVanCode(`<script>
+  console.log("Hello, World!")
+</script>`),
+  {
+    code: [
+      'script(',
+      '  "\\n  console.log(\\"Hello, World!\\")\\n",',
+      ')',
+    ],
+    tags: ["script"],
+    components: [],
+  },
+))
+
 test("mdToVanCode: Hello", t => t.deepEqual(
   mdToVanCode(`👋Hello
 * 🗺️World

diff --git a/converter.ts b/converter.ts
@@ -12,7 +12,8 @@ type Dom = Element | Text
 const filterDoms = (doms: readonly ChildNode[], skipEmptyText: boolean) =>
   <Dom[]>doms.filter(
     c => c.type === "tag" && c.name !== dummy ||
-    c.type === "text" && (!skipEmptyText || /\S/.test(c.data)))
+    c.type === "text" && (!skipEmptyText || /\S/.test(c.data)) ||
+    c.type === "script")
 
 export interface HtmlToVanCodeOptions {
   indent?: number

diff --git a/dist/converter.js b/dist/converter.js
@@ -3,7 +3,8 @@ import { marked } from 'marked';
 const dummy = "DUMMY";
 const quoteIfNeeded = (key) => /^[a-zA-Z_][a-zA-Z_0-9]+$/.test(key) ? key : `"${key}"`;
 const filterDoms = (doms, skipEmptyText) => doms.filter(c => c.type === "tag" && c.name !== dummy ||
-    c.type === "text" && (!skipEmptyText || /\S/.test(c.data)));
+    c.type === "text" && (!skipEmptyText || /\S/.test(c.data)) ||
+    c.type === "script");
 export const htmlToVanCode = (html, { indent = 2, spacing = false, skipEmptyText = false, htmlTagPred = s => s.toLowerCase() === s, } = {}) => {
     const attrsToVanCode = (attrs, children) => {
         const space = spacing ? " " : "";

diff --git a/dist/converter.test.js b/dist/converter.test.js
@@ -283,6 +283,24 @@ test("htmlToVanCode: nested spans", t => t.deepEqual(htmlToVanCode('<span><span>
     tags: ["span"],
     components: [],
 }));
+test("htmlToVanCode: script", t => t.deepEqual(htmlToVanCode('<script type="text/javascript" src="/prism.js"></script>'), {
+    code: [
+        'script({type: "text/javascript", src: "/prism.js"})',
+    ],
+    tags: ["script"],
+    components: [],
+}));
+test("htmlToVanCode: inline script", t => t.deepEqual(htmlToVanCode(`<script>
+  console.log("Hello, World!")
+</script>`), {
+    code: [
+        'script(',
+        '  "\\n  console.log(\\"Hello, World!\\")\\n",',
+        ')',
+    ],
+    tags: ["script"],
+    components: [],
+}));
 test("mdToVanCode: Hello", t => t.deepEqual(mdToVanCode(`👋Hello
 * 🗺️World
 * [🍦VanJS](https://vanjs.org/)

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vanjs-converter",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Utility to convert MD or HTML text into VanJS code",
   "type": "module",
   "files": [
@@ -10,7 +10,9 @@
   "main": "dist/converter.js",
   "browser": "dist/converter.js",
   "scripts": {
-    "build": "bash build.sh"
+    "build": "tsc",
+    "watch": "tsc --watch",
+    "test": "ava"
   },
   "repository": {
     "type": "git",