Merged PR 10062: Add pre-commit Husky

Adds husky pre-commit + config files.

- Using `lint-staged` rather than `pretty-quick` (as in other projects), as pretty-quick might no longer be in development, and is [not compatible with prettier > 3](prettier/pretty-quick#164).
- Add vscode workspace extension recommendations

Related work items: #129654

.eslintrc.yaml

@@ -0,0 +1,28 @@
+env:
+  browser: true
+  node: true
+  es2021: true
+extends:
+  - eslint:recommended
+  - plugin:@typescript-eslint/recommended
+  - plugin:@next/next/recommended
+plugins:
+  - prettier
+  - '@typescript-eslint'
+parserOptions:
+  ecmaVersion: 2021
+  sourceType: module
+  ecmaFeatures:
+    jsx: true
+rules:
+  react/react-in-jsx-scope: 0
+  react/jsx-uses-react: 0
+  react/prop-types: 0
+  eslint/no-unused-vars: 0
+  prettier/prettier:
+    - warn
+    - endOfLine: auto
+  '@typescript-eslint/no-unused-vars': warn
+settings:
+  next:
+    rootDir: app/client-app/

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint-staged

.lintstagedrc.yaml

@@ -0,0 +1,5 @@
+'**/*.ts?(x)':
+  - 'prettier --write'
+  - 'eslint'
+'./*.md':
+  - 'prettier --write'

.prettierrc.yaml

@@ -0,0 +1,3 @@
+trailingComma: "es5"
+tabWidth: 2
+semi: true

.vscode/monitor.code-workspace

@@ -21,4 +21,11 @@
       "path": "../app/Monitor"
     },
   ],
+  "extensions": {
+    "recommendations": [
+      "ms-azuretools.vscode-bicep",
+      "davidanson.vscode-markdownlint",
+      "esbenp.prettier-vscode"
+    ]
+  }
 }

app/client-app/app/page.tsx

@@ -1,14 +1,14 @@
-import { css } from "@/styled-system/css";
+import { css } from '@/styled-system/css';
 
 export default function Home() {
   return (
     <>
       <h2
         className={css({
-          m: "10px",
-          p: "10px",
-          fontSize: "30px",
-          fontWeight: "500"
+          m: '10px',
+          p: '10px',
+          fontSize: '30px',
+          fontWeight: '500',
         })}
       >
         Welcome.

app/client-app/package.json

@@ -8,7 +8,8 @@
     "build": "next build",
     "localStart": "next start",
     "start": "./node_modules/next/dist/bin/next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "type-check": "tsc --project tsconfig.json --pretty --noEmit && echo "
   },
   "dependencies": {
     "@radix-ui/react-label": "^2.0.2",
@@ -34,4 +35,4 @@
     "@pandacss/dev": "^0.13.1",
     "@shadow-panda/preset": "^0.6.0"
   }
-}
+}