Firmware tool

gui/.env

@@ -0,0 +1,8 @@
+VITE_FIRMWARE_TOOL_URL=https://fw-tool-api.slimevr.io
+VITE_FIRMWARE_TOOL_S3_URL=https://fw-tool-bucket.slimevr.io
+FIRMWARE_TOOL_SCHEMA_URL=https://fw-tool-api.slimevr.io/api-json
+
+
+# VITE_FIRMWARE_TOOL_URL=http://localhost:3000
+# VITE_FIRMWARE_TOOL_S3_URL=http://localhost:9000
+# FIRMWARE_TOOL_SCHEMA_URL=http://localhost:3000/api-json

gui/.lintstagedrc.mjs

@@ -1,5 +1,5 @@
 export default {
   '**/*.{ts,tsx}': () => 'tsc -p tsconfig.json --noEmit',
-  '**/*.{js,jsx,ts,tsx}': 'eslint --max-warnings=0 --cache --fix',
+  'src/**/*.{js,jsx,ts,tsx}': 'eslint --max-warnings=0 --no-warn-ignored --cache --fix',
   '**/*.{js,jsx,ts,tsx,css,md,json}': 'prettier --write',
 };

gui/eslint.config.js

@@ -0,0 +1,79 @@
+import { FlatCompat } from '@eslint/eslintrc';
+import eslint from '@eslint/js';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+const compat = new FlatCompat();
+
+export const gui = [
+  eslint.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...compat.extends('plugin:@dword-design/import-alias/recommended'),
+  ...compat.plugins('eslint-plugin-react-hooks'),
+  // Add import-alias rule inside compat because plugin doesn't like flat configs
+  ...compat.config({
+    rules: {
+      '@dword-design/import-alias/prefer-alias': [
+        'error',
+        {
+          alias: {
+            '@': './src/',
+          },
+        },
+      ],
+    },
+  }),
+  {
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parser: tseslint.parser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.jest,
+      },
+    },
+    files: ['src/**/*.{js,jsx,ts,tsx,json}'],
+    plugins: {
+      '@typescript-eslint': tseslint.plugin,
+    },
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off',
+      'spaced-comment': 'error',
+      quotes: ['error', 'single'],
+      'no-duplicate-imports': 'error',
+      'no-inline-styles': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      'react/no-unescaped-entities': 'off',
+      camelcase: 'error',
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          ignoreRestSiblings: true,
+        },
+      ],
+    },
+    settings: {
+      'import/resolver': {
+        typescript: {},
+      },
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  // Global ignore
+  {
+    ignores: ['**/firmware-tool-api/'],
+  },
+];
+
+export default gui;

gui/openapi-codegen.config.ts

@@ -0,0 +1,28 @@
+import {
+  generateSchemaTypes,
+  generateReactQueryComponents,
+} from '@openapi-codegen/typescript';
+import { defineConfig } from '@openapi-codegen/cli';
+import dotenv from 'dotenv';
+
+dotenv.config()
+
+export default defineConfig({
+  firmwareTool: {
+    from: {
+      source: 'url',
+      url: process.env.FIRMWARE_TOOL_SCHEMA_URL ?? 'http://localhost:3000/api-json',
+    },
+    outputDir: 'src/firmware-tool-api',
+    to: async (context) => {
+      const filenamePrefix = 'firmwareTool';
+      const { schemasFiles } = await generateSchemaTypes(context, {
+        filenamePrefix,
+      });
+      await generateReactQueryComponents(context, {
+        filenamePrefix,
+        schemasFiles,
+      });
+    },
+  },
+});

gui/package.json

@@ -2,13 +2,16 @@
   "name": "slimevr-ui",
   "version": "0.5.1",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@fluent/bundle": "^0.18.0",
     "@fluent/react": "^0.15.2",
     "@fontsource/poppins": "^5.1.0",
     "@formatjs/intl-localematcher": "^0.2.32",
+    "@hookform/resolvers": "^3.6.0",
     "@react-three/drei": "^9.114.3",
     "@react-three/fiber": "^8.17.10",
+    "@tanstack/react-query": "^5.48.0",
     "@tauri-apps/api": "^2.0.2",
     "@tauri-apps/plugin-dialog": "^2.0.0",
     "@tauri-apps/plugin-fs": "^2.0.0",
@@ -34,7 +37,8 @@
     "three": "^0.163.0",
     "ts-pattern": "^5.4.0",
     "typescript": "^5.6.3",
-    "use-double-tap": "^1.3.6"
+    "use-double-tap": "^1.3.6",
+    "yup": "^1.4.0"
   },
   "scripts": {
     "start": "vite --force",
@@ -46,10 +50,14 @@
     "lint:fix": "tsc --noEmit && eslint --fix --max-warnings=0 \"src/**/*.{js,jsx,ts,tsx,json}\" && pnpm run format",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,scss,md,json}\"",
     "preview-vite": "vite preview",
-    "javaversion-build": "cd src-tauri/src/ && javac JavaVersion.java && jar cvfe JavaVersion.jar JavaVersion JavaVersion.class"
+    "javaversion-build": "cd src-tauri/src/ && javac JavaVersion.java && jar cvfe JavaVersion.jar JavaVersion JavaVersion.class",
+    "gen:javaversion": "cd src-tauri/src/ && javac JavaVersion.java && jar cvfe JavaVersion.jar JavaVersion JavaVersion.class",
+    "gen:firmware-tool": "openapi-codegen gen firmwareTool"
   },
   "devDependencies": {
     "@dword-design/eslint-plugin-import-alias": "^4.0.9",
+    "@openapi-codegen/cli": "^2.0.2",
+    "@openapi-codegen/typescript": "^8.0.2",
     "@tailwindcss/forms": "^0.5.9",
     "@tauri-apps/cli": "^2.0.2",
     "@types/file-saver": "^2.0.7",
@@ -64,6 +72,7 @@
     "@vitejs/plugin-react": "^4.3.2",
     "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
+    "dotenv": "^16.4.5",
     "eslint": "^8.57.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-import-resolver-typescript": "^3.6.3",
@@ -77,6 +86,8 @@
     "spdx-satisfies": "^5.0.1",
     "tailwind-gradient-mask-image": "^1.2.0",
     "tailwindcss": "^3.4.13",
-    "vite": "^5.4.8"
+    "vite": "^5.4.8",
+    "globals": "^15.10.0",
+    "typescript-eslint": "^8.8.0"
   }
 }