Refactor websocket/ from CommonJS to ESM

.github/workflows/build.yml

@@ -44,11 +44,11 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - name: Set up Node 14
-        uses: actions/setup-node@v2
+      - name: Install Node.js
+        uses: actions/setup-node@v3
         with:
-          node-version: '14'
+          node-version: '18.x'
       - name: Install npm packages
-        run: npm install -g sass postcss-cli postcss autoprefixer
+        run: npm ci
       - name: Build style.css
         run: ./make_style.sh

.gitignore

@@ -35,7 +35,6 @@ backup*.json
 custom_script_*
 websocket/config.js
 node_modules/
-package-lock.json
 db.json
 tmp.sh
 *.sql

.prettierignore

@@ -0,0 +1,12 @@
+.DS_Store
+node_modules
+/build
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "useTabs": false,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "bracketSameLine": false
+}

make_style.sh

@@ -1,15 +1,15 @@
 #!/bin/bash
-if ! [ -x "$(command -v sass)" ]; then
+if ! [ -x "$(command -v npx sass)" ]; then
   echo 'Error: sass is not installed.' >&2
   exit 1
 fi
 
-if ! [ -x "$(command -v postcss)" ]; then
+if ! [ -x "$(command -v npx postcss)" ]; then
   echo 'Error: postcss is not installed.' >&2
   exit 1
 fi
 
-if ! [ -x "$(command -v autoprefixer)" ]; then
+if ! [ -x "$(command -v npx autoprefixer)" ]; then
   echo 'Error: autoprefixer is not installed.' >&2
   exit 1
 fi
@@ -19,8 +19,8 @@ cd "$(dirname "$0")" || exit
 build_style() {
   echo "Creating $1 style..."
   cp resources/vars-$1.scss resources/vars.scss
-  sass resources:sass_processed
-  postcss sass_processed/style.css sass_processed/martor-description.css sass_processed/select2-dmoj.css --verbose --use autoprefixer -d $2
+  npx sass resources:sass_processed
+  npx postcss sass_processed/style.css sass_processed/martor-description.css sass_processed/select2-dmoj.css --verbose --use autoprefixer -d $2
 }
 
 build_style 'default' 'resources'