Update sandboxes to use vite and typescript

rehypejs · Aug 29, 2023 · df4729e · df4729e
1 parent 5e3cdbd
commit df4729e
Show file tree

Hide file tree

Showing 10 changed files with 73 additions and 19 deletions.
diff --git a/sandbox-templates/rehype-debug/index.html b/sandbox-templates/rehype-debug/index.html
@@ -11,6 +11,6 @@ <h2>result</h2>
     <pre id="result"></pre>
     <h2>error</h2>
     <pre id="error">none</pre>
-    <script type="module" src="src/index.js"></script>
+    <script type="module" src="src/index.ts"></script>
   </body>
 </html>
diff --git a/sandbox-templates/rehype-debug/package.json b/sandbox-templates/rehype-debug/package.json
@@ -1,17 +1,18 @@
 {
   "name": "rehype-debug",
   "version": "1.0.0",
-  "license": "MIT",
   "private": true,
-  "source": "index.html",
+  "license": "MIT",
+  "type": "module",
+  "main": "src/index.ts",
   "scripts": {
-    "start": "parcel",
-    "build": "parcel build"
+    "start": "tsc && vite"
   },
   "dependencies": {
-    "rehype": "12.0.1"
+    "rehype": "^13.0.0"
   },
   "devDependencies": {
-    "parcel": "2.2.1"
+    "typescript": "^5.0.0",
+    "vite": "^4.0.0"
   }
 }
diff --git a/sandbox-templates/rehype-debug/src/index.js → sandbox-templates/rehype-debug/src/index.ts b/sandbox-templates/rehype-debug/src/index.js → sandbox-templates/rehype-debug/src/index.ts
@@ -20,16 +20,16 @@ const sourceHtml = `
 `
 
 async function main() {
-  document.querySelector('#source').textContent = sourceHtml
+  document.querySelector('#source')!.textContent = sourceHtml
 
   rehype()
     // Add any plugins here
     .process(sourceHtml)
     .then((file) => {
-      document.querySelector('#result').textContent = String(file)
+      document.querySelector('#result')!.textContent = String(file)
     })
 }
 
 main().catch((error) => {
-  document.querySelector('#error').textContent = error
+  document.querySelector('#error')!.textContent = error
 })
diff --git a/sandbox-templates/rehype-debug/tsconfig.json b/sandbox-templates/rehype-debug/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "Node16",
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"],
+  "references": [{"path": "./tsconfig.node.json"}]
+}
diff --git a/sandbox-templates/rehype-debug/tsconfig.node.json b/sandbox-templates/rehype-debug/tsconfig.node.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler"
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/sandbox-templates/rehype-dom-debug/index.html b/sandbox-templates/rehype-dom-debug/index.html
@@ -11,6 +11,6 @@ <h2>result</h2>
     <pre id="result"></pre>
     <h2>error</h2>
     <pre id="error">none</pre>
-    <script type="module" src="src/index.js"></script>
+    <script type="module" src="src/index.ts"></script>
   </body>
 </html>
diff --git a/sandbox-templates/rehype-dom-debug/package.json b/sandbox-templates/rehype-dom-debug/package.json
@@ -2,15 +2,16 @@
   "name": "rehype-dom-debug",
   "version": "1.0.0",
   "private": true,
-  "source": "index.html",
+  "main": "src/index.ts",
+  "type": "module",
   "scripts": {
-    "start": "parcel",
-    "build": "parcel build"
+    "start": "tsc && vite"
   },
   "dependencies": {
-    "rehype-dom": "6.0.1"
+    "rehype-dom": "^6.0.0"
   },
   "devDependencies": {
-    "parcel": "2.2.1"
+    "typescript": "^5.0.0",
+    "vite": "^4.0.0"
   }
 }
diff --git a/...x-templates/rehype-dom-debug/src/index.js → ...x-templates/rehype-dom-debug/src/index.ts b/...x-templates/rehype-dom-debug/src/index.js → ...x-templates/rehype-dom-debug/src/index.ts
@@ -20,17 +20,17 @@ const sourceHtml = `
 `
 
 async function main() {
-  document.querySelector('#source').textContent = sourceHtml
+  document.querySelector('#source')!.textContent = sourceHtml
 
   rehypeDom()
     .use({settings: {fragment: false}})
     // Add any plugins here
     .process(sourceHtml)
     .then((file) => {
-      document.querySelector('#result').textContent = String(file)
+      document.querySelector('#result')!.textContent = String(file)
     })
 }
 
 main().catch((error) => {
-  document.querySelector('#error').textContent = error
+  document.querySelector('#error')!.textContent = error
 })
diff --git a/sandbox-templates/rehype-dom-debug/tsconfig.json b/sandbox-templates/rehype-dom-debug/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "Node16",
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"],
+  "references": [{"path": "./tsconfig.node.json"}]
+}
diff --git a/sandbox-templates/rehype-dom-debug/tsconfig.node.json b/sandbox-templates/rehype-dom-debug/tsconfig.node.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler"
+  },
+  "include": ["vite.config.ts"]
+}