feat(templates): support vite for mobile-client

Author: RyanClementsHax

.lintstagedrc.json

@@ -1,5 +1,6 @@
 {
-  "*.@(ts|tsx|js|jsx)": ["npm run lint", "npm run format"],
-  "*.json": ["npm run format"],
-  "*.*rc": ["npm run format -- --parser json"]
+  "./!(templates)/**/*.@(ts|tsx|js|jsx)": ["npm run lint"],
+  "*.@(ts|tsx|js|jsx)": ["npm run format"],
+  ".json": ["npm run format"],
+  ".*rc": ["npm run format -- --parser json"]
 }

templates/mantis-todo/.eslintrc.json

@@ -35,10 +35,7 @@
     },
     {
       "files": ["*.spec.ts", "*.spec.tsx", "*.spec.js", "*.spec.jsx"],
-      "extends": ["plugin:jest/recommended", "plugin:jest/style"],
-      "env": {
-        "jest": true
-      },
+      "extends": ["plugin:vitest/recommended"],
       "rules": {}
     }
   ]

templates/mantis-todo/.gitignore

@@ -33,6 +33,7 @@ npm-debug.log
 yarn-error.log
 testem.log
 /typings
+vite.config.ts.timestamp-*
 
 # System Files
 .DS_Store

templates/mantis-todo/.vscode/extensions.json

@@ -2,9 +2,9 @@
   "recommendations": [
     "nrwl.angular-console",
     "esbenp.prettier-vscode",
-    "firsttris.vscode-jest-runner",
     "dbaeumer.vscode-eslint",
     "angular.ng-template",
-    "ionic.ionic"
+    "ionic.ionic",
+    "vitest.explorer"
   ]
 }

templates/mantis-todo/README.md

@@ -110,4 +110,4 @@ We recommend the following extensions:
 - [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template): Provides a rich editing experience for Angular templates, both inline and external templates.
 - [Eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint): Integrates [ESLint](https://eslint.org/) into VS Code.
 - [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode): Integrates [Prettier](https://prettier.io/) into VS Code.
-- [Jest Runner](https://marketplace.visualstudio.com/items?itemName=firsttris.vscode-jest-runner): Makes it easy to debug Jest tests within VS Code.
+- [Vitest](https://marketplace.visualstudio.com/items?itemName=vitest.explorer): Makes it easy to debug Vitest tests within VS Code.

templates/mantis-todo/_gitignore

@@ -33,6 +33,7 @@ npm-debug.log
 yarn-error.log
 testem.log
 /typings
+vite.config.ts.timestamp-*
 
 # System Files
 .DS_Store

templates/mantis-todo/apps/mobile-client/.env.development

@@ -0,0 +1 @@
+VITE_PUBLIC_BACKEND_URL="http://localhost:4200"

templates/mantis-todo/apps/mobile-client/.eslintrc.json

@@ -24,15 +24,7 @@
             "prefix": "app",
             "style": "kebab-case"
           }
-        ],
-        "@angular-eslint/component-class-suffix": [
-          "error",
-          {
-            "suffixes": ["Page", "Component"]
-          }
-        ],
-        "@angular-eslint/no-empty-lifecycle-method": 0,
-        "@typescript-eslint/no-empty-function": 0
+        ]
       }
     },
     {

templates/mantis-todo/apps/mobile-client/.gitignore

@@ -4,7 +4,7 @@ import CopyPlugin from 'copy-webpack-plugin';
 const config: StorybookConfig = {
   stories: ['../src/app/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
   addons: ['@storybook/addon-essentials', '@storybook/addon-interactions'],
-  staticDirs: ['../src/assets'],
+  staticDirs: ['../src/public'],
   framework: {
     name: '@storybook/angular',
     options: {},