Sets package.json type to module and converts a couple files to ESM (#58

)

content-watcher.js

@@ -1,8 +1,10 @@
-const { WebSocketServer } = require("ws")
-const chokidar = require("chokidar")
+// @ts-check
+
+import chokidar from "chokidar"
+import { WebSocketServer } from "ws"
 
 const server = new WebSocketServer({ port: 3001 })
-const watchCallbacks = []
+let watchCallbacks = []
 
 chokidar.watch("./public").on("all", (event) => {
   if (event === "change") {
@@ -16,8 +18,7 @@ server.on("connection", function connection(socket) {
   const onChange = () => socket.send("refresh")
   watchCallbacks.push(onChange)
   socket.on("close", function close() {
-    const index = watchCallbacks.findIndex(onChange)
-    watchCallbacks.splice(index, 1)
+    watchCallbacks = watchCallbacks.filter((cb) => cb !== onChange)
   })
 })
 

package.json

@@ -3,6 +3,7 @@
   "version": "3.0.0",
   "private": true,
   "packageManager": "^[email protected]",
+  "type": "module",
   "scripts": {
     "dev": "pnpm run --reporter=append-only --reporter-hide-prefix \"/^dev:.*/\"",
     "dev:content": "node ./content-watcher.js",

postcss.config.js

@@ -1,8 +1,10 @@
-module.exports = {
+const config = {
   plugins: {
     "postcss-import": {},
     "tailwindcss/nesting": {},
     tailwindcss: {},
     autoprefixer: {},
   },
 }
+
+export default config