feat: convert the entire project to Vite and Typescript

Created a new project with Vite and copied all code and configuration over. Updated Dockerfile to work with the vite dev server npm script. Made minimal amount of changes necessary to get the project working. Will open new issues to address problems. closes #26
JacobTheEldest · May 12, 2023 · b3feb24 · b3feb24
1 parent fc4192a
commit b3feb24
Show file tree

Hide file tree

Showing 29 changed files with 7,801 additions and 22,227 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,15 @@
+module.exports = {
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'prettier',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': 'warn',
+  },
+};
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -2,13 +2,13 @@
   "editor.tabSize": 2,
 
   "editor.formatOnSave": true,
-  "[javascript]": {
+  "[javascript, typescript, typescriptreact, json, jsonc, css]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
 
   "eslint.experimental.useFlatConfig": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
   },
-  "eslint.validate": ["javascript"]
+  "eslint.validate": ["javascript", "typescript"]
 }
diff --git a/Dockerfile b/Dockerfile
@@ -10,4 +10,4 @@ COPY . .
 
 EXPOSE 3000
 
-CMD [ "npm", "start" ]
+CMD [ "npm", "run", "dev" ]
diff --git a/eslint.config.js b/eslint.config.js
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Minesweeper</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,4 +10,4 @@ COPY . .

		EXPOSE 3000

		CMD [ "npm", "start" ]
		CMD [ "npm", "run", "dev" ]