Upgrade to ts-dev-stack

Author: kmalakoff

.depcheckrc

@@ -0,0 +1 @@
+ignores: ["esbuild-plugin-dev-server", "depcheck", "ts-dev-stack", "@types/*", "react", "react-dom", "serve-handler"]

.depcheckrc.json

@@ -9,11 +9,11 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['latest']
+        node: ['20']
         os: [ubuntu-latest, windows-latest, macos-latest]
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
       - run: git config --global user.name "Github Actions"
@@ -22,7 +22,6 @@ jobs:
       - run: npm install node-version-use -g
       - run: npm ci
       - run: npx playwright install --with-deps
-      - run: npm run lint
+      - run: npm run format
       - run: npm run build
-      - run: npm test
       - run: npm run test:engines

.eslintignore

@@ -1,4 +1,4 @@
-(function () {
+(() => {
   function loadScript(url, callback) {
     var script = document.createElement('script');
     script.type = 'text/javascript';
@@ -15,31 +15,31 @@
     var launchEditorEndpoint = require('react-dev-utils/launchEditorEndpoint');
 
     // enable reporting
-    reo.setEditorHandler(function (location) {
+    reo.setEditorHandler((location) => {
       var components = [];
-      for (var key in location) components.push(key + '=' + encodeURIComponent(location[key]));
-      fetch(launchEditorEndpoint + '?' + components.join('&'));
+      for (var key in location) components.push(`${key}=${encodeURIComponent(location[key])}`);
+      fetch(`${launchEditorEndpoint}?${components.join('&')}`);
     });
     reo.startReportingRuntimeErrors({});
 
     function errorMessage(e, stack) {
       // react-error-overlay assumes relative filenames
       function relativefile(file) {
-        return !file.startsWith('./') ? './' + file : file;
+        return !file.startsWith('./') ? `./${file}` : file;
       }
 
-      if (!e.location) return 'Error: ' + e.text;
-      var pluginText = e.pluginName ? '[plugin: ' + e.pluginName + '] ' : '';
-      var message = stack ? '' : relativefile(e.location.file) + '\n';
-      message += 'Error: ' + pluginText + e.text + '\n\tat ' + e.location.lineText;
-      message += ' (' + (stack ? e.location.file + ':' : '') + e.location.line + ':' + e.location.column + ')';
+      if (!e.location) return `Error: ${e.text}`;
+      var pluginText = e.pluginName ? `[plugin: ${e.pluginName}] ` : '';
+      var message = stack ? '' : `${relativefile(e.location.file)}\n`;
+      message += `Error: ${pluginText}${e.text}\n\tat ${e.location.lineText}`;
+      message += ` (${stack ? `${e.location.file}:` : ''}${e.location.line}:${e.location.column})`;
       return message;
     }
 
     // listen for build results
     var origin = window.location.origin.replace(/\/+$/, '');
-    var connection = new SockJS(origin + '/esbuild');
-    connection.onmessage = function (event) {
+    var connection = new SockJS(`${origin}/esbuild`);
+    connection.onmessage = (event) => {
       var result = JSON.parse(event.data);
       if (result.errors.length) return reo.reportBuildError(errorMessage(result.errors[0]));
       window.location.reload();

.eslintrc.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.5.3/schema.json",
+  "files": {
+    "ignore": ["assets/**", "dist/**", "node_modules/**", "test/data/**"]
+  },
+  "formatter": {
+    "enabled": true,
+    "lineWidth": 320,
+    "indentStyle": "space"
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "trailingComma": "es5"
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "complexity": {
+        "noForEach": "off",
+        "useOptionalChain": "off"
+      },
+      "correctness": {
+        "noUnusedVariables": "warn",
+        "noInnerDeclarations": "off"
+      },
+      "style": {
+        "noParameterAssign": "off"
+      }
+    }
+  }
+}

.github/workflows/main.yml

@@ -0,0 +1,10 @@
+"use strict";
+module.exports = require("./lib/plugin");
+module.exports.socketServer = require("./lib/socketServer");
+module.exports.client = require("./lib/client");
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  for (var key in exports) exports.default[key] = exports[key];
+  module.exports = exports.default;
+}

.prettierignore

@@ -0,0 +1,16 @@
+"use strict";
+var path = require("path");
+var fs = require("fs");
+var string = null;
+module.exports = function client() {
+    if (string) return string;
+    string = fs.readFileSync(path.join(__dirname, "..", "..", "..", "assets", "client.js"), "utf8");
+    string = string.replace("require('react-dev-utils/launchEditorEndpoint')", "'".concat(require("react-dev-utils/launchEditorEndpoint"), "'"));
+    return string;
+};
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  for (var key in exports) exports.default[key] = exports[key];
+  module.exports = exports.default;
+}