Brushless v3

.eslintrc.js

@@ -4,33 +4,33 @@ module.exports = {
   extends: [
     'eslint:recommended',
     'plugin:react/recommended',
-    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended'
   ],
   parserOptions: {
     ecmaVersion: 2018,
-    sourceType: 'module',
+    sourceType: 'module'
   },
   root: true,
   rules: {
     // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
     // e.g. "@typescript-eslint/explicit-function-return-type": "off",
-    "indent": "off",
-    "@typescript-eslint/indent": ["error", 2],
-    "@typescript-eslint/no-use-before-define": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/explicit-function-return-type": "off",
-    "@typescript-eslint/no-unused-vars": ["error", {
-      "argsIgnorePattern": "^_",
-      "varsIgnorePattern": "^_",
-    }],
+    indent: 'off',
+    '@typescript-eslint/indent': ['error', 2],
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/no-unused-vars': ['error', {
+      argsIgnorePattern: '^_',
+      varsIgnorePattern: '^_'
+    }]
   },
   settings: {
     react: {
-      version: 'detect',
-    },
+      version: 'detect'
+    }
   },
   ignorePatterns: [
     '*.js',
-    '__tests__',
-  ],
-};
+    '__tests__'
+  ]
+}

README.md

@@ -58,10 +58,10 @@ saxi makes use of the low-level `LM` command introduced in EBB firmware version
 AxiDraw is running an older version of the firmware, saxi will fall back to the
 less-accurate (but still pretty accurate) `XM` command.
 
-To check what version of the EBB firmware your AxiDraw is running, run `saxi --firmware-version`:
+To check what version of the EBB firmware your AxiDraw is running, run `saxi firmware-version`:
 
 ```
-$ saxi --firmware-version
+$ saxi firmware-version
 EBBv13_and_above EB Firmware Version 2.5.3
 ```
 

build.mjs

@@ -0,0 +1,52 @@
+/* eslint-disable no-undef */ //TODO: Remove by splitting eslintrc like we do for the tsconfig
+import { context, build } from 'esbuild'
+import inlineWorker from 'esbuild-plugin-inline-worker'
+import { htmlPlugin as html } from '@craftamap/esbuild-plugin-html'
+
+const buildOptions = {
+  entryPoints: ['src/ui.tsx'],
+  bundle: true,
+  platform: 'browser',
+  target: 'es2020',
+  sourcemap: true,
+  metafile: true,
+  logLevel: 'debug',
+  minify: true,
+  outdir: 'dist/ui',
+  tsconfig: 'tsconfig.web.json',
+  loader: { '.svg': 'dataurl' },
+  define: {
+    IS_WEB: process.env.IS_WEB ?? '0'
+  },
+  plugins: [inlineWorker(),
+    html({
+      files: [{
+        entryPoints: ['src/ui.tsx'],
+        filename: 'index.html',
+        htmlTemplate: 'src/index.html',
+        scriptLoading: 'defer'
+      }]
+    })
+  ],
+  resolveExtensions: ['.js', '.ts', '.tsx', '.svg', '.worker.js']
+};
+
+(async () => {
+  try {
+    if (process.env.BUILD_MODE === 'development') {
+      // enables live-reloading
+      const ctx = await context({
+        ...buildOptions,
+        banner: { js: "new EventSource('/esbuild').addEventListener('change', () => location.reload());" }
+      })
+      await ctx.watch()
+      const { host, port } = await ctx.serve({ servedir: 'dist/ui', port: 9080 })
+      console.log(`http://${host}:${port}`)
+    } else {
+      await build(buildOptions)
+    }
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+})()

index.js

@@ -1,3 +1,3 @@
 module.exports = {
-  server: require('./dist/server/server'),
+  server: require('./dist/server/server')
 }