adopt vite

observablehq · Jul 26, 2024 · 04f06a0 · 04f06a0
1 parent 26b8d41
commit 04f06a0
Show file tree

Hide file tree

Showing 6 changed files with 520 additions and 2,636 deletions.
diff --git a/DEVELOPMENT.md b/DEVELOPMENT.md
@@ -8,14 +8,14 @@ cd inputs
 yarn
 ```
 
-Inputs is written in ES modules and uses [Snowpack](https://snowpack.dev/) for development; this means that you can edit the Inputs source code and examples, and they’ll update live as you save changes. To start, copy over the example scratch.html file:
+Inputs is written in ES modules and uses [Vite](https://vitejs.dev/) for development; this means that you can edit the Inputs source code and examples, and they’ll update live as you save changes. To start, copy over the example scratch.html file:
 
 ```
 mkdir scratch
 cp test/scratch.html scratch/index.html
 ```
 
-Then start Snowpack:
+Then start Vite:
 
 ```
 yarn dev

diff --git a/package.json b/package.json
@@ -37,28 +37,28 @@
     "test:lint": "eslint src test",
     "prepublishOnly": "rm -rf dist && rollup -c && node bin/clean-css < src/style.css > dist/index.css",
     "postpublish": "git push && git push --tags",
-    "dev": "snowpack dev"
+    "dev": "vite dev"
   },
   "_moduleAliases": {
     "@observablehq/inputs": "./src/index.js"
   },
   "devDependencies": {
-    "@rollup/plugin-json": "4",
-    "@rollup/plugin-node-resolve": "13",
-    "@rollup/plugin-replace": "3",
-    "clean-css": "5",
-    "d3": "7",
-    "eslint": "8",
-    "js-beautify": "1",
-    "jsdom": "19",
-    "jsesc": "3",
-    "mocha": "9",
-    "rollup": "2",
-    "rollup-plugin-terser": "7",
-    "snowpack": "3"
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-replace": "^3.1.0",
+    "clean-css": "^5.3.3",
+    "d3": "^7.9.0",
+    "eslint": "^8.57.0",
+    "js-beautify": "^1.15.1",
+    "jsdom": "^24.1.1",
+    "jsesc": "^3.0.2",
+    "mocha": "^10.7.0",
+    "rollup": "^2.79.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "vite": "^5.3.5"
   },
   "dependencies": {
-    "htl": "0.3",
+    "htl": "^0.3.1",
     "isoformat": "^0.2.0"
   },
   "publishConfig": {

diff --git a/snowpack.config.js b/snowpack.config.js
diff --git a/test/scratch.html b/test/scratch.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
-<meta charset="utf-8">
+<html>
 <head>
+  <meta charset="utf-8">
   <style>
 
 body {
@@ -214,8 +215,8 @@
 <body class="observablehq">
   <script type="module">
 
-import "./src/style.css";
-import * as Inputs from "../../src/index.js";
+import "../src/style.css";
+import * as Inputs from "../src/index.js";
 
 document.body.appendChild(Inputs.range());
 document.body.appendChild(Inputs.text({
@@ -228,3 +229,4 @@
 
   </script>
 </body>
+</html>
diff --git a/vite.config.js b/vite.config.js
@@ -0,0 +1,3 @@
+export default {
+  root: "scratch"
+};