Update cookiecutter templates

Author: codytodonnell

strudel-cookiecutter/base/{@cookiecutter.name@}/.eslintrc

@@ -0,0 +1,49 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json",
+    "ecmaVersion": 2020, // Allows for the parsing of modern JS
+    "ecmaFeatures": {
+      "jsx": true // Allows for the parsing of JSX
+    }
+  },
+  "ignorePatterns": [
+		"package-lock.json",
+    "package.json",
+		"!.stylelintrc.json",
+		"*.md",
+		"*.css",
+    "dist"
+	],
+  "extends": ["airbnb-typescript", "plugin:prettier/recommended"],
+  "plugins": ["@typescript-eslint", "import", "react", "prettier"],
+  "rules": {
+    "@typescript-eslint/no-explicit-any": "off", // allow any because template often can't predict users' types
+    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
+    "react/no-danger": "off", // it's self explainatory that no-danger should be used sparingly
+    "react/prop-types": "off", // as long as TS strict mode is off this is not required
+    "react/function-component-definition": [
+			2,
+			{
+				"namedComponents": "arrow-function",
+				"unnamedComponents": "arrow-function"
+			}
+		],
+    "react/jsx-props-no-spreading": "off",
+		"react/react-in-jsx-scope": "off",
+    "no-console": "error", // no console statements allowed,
+    "no-plusplus": "off",
+    "prettier/prettier": "off" // don't show prettier errors as it will be fixed when saved anyway
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "env": {
+    "node": true,
+    "browser": true,
+    "amd": true
+  }
+}

strudel-cookiecutter/base/{@cookiecutter.name@}/.husky/pre-commit

@@ -0,0 +1,2 @@
+cd strudel-taskflows
+npx lint-staged

strudel-cookiecutter/base/{@cookiecutter.name@}/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.{js,jsx,ts,tsx,css,md,mdx}": ["eslint --cache --fix", "prettier --write"]
+}

strudel-cookiecutter/base/{@cookiecutter.name@}/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "printWidth": 80,
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "endOfLine": "lf"
+}

strudel-cookiecutter/base/{@cookiecutter.name@}/README.md

@@ -26,7 +26,7 @@ npm start
 
 Open [http://localhost:3000](http://localhost:3000) to view the app in the browser.
 
-Begin modifying the templates in `src/app`.
+Begin modifying the templates in `src/pages`.
 
 ## Learn More
 

strudel-cookiecutter/base/{@cookiecutter.name@}/cypress.config.ts

@@ -1,8 +1,11 @@
-import { defineConfig } from "cypress";
+import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
     baseUrl: 'http://localhost:5175/',
-    specPattern: ['cypress/e2e/**/*.cy.{js,jsx,ts,tsx}', 'src/**/*.cy.{js,jsx,ts,tsx}']
+    specPattern: [
+      'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
+      'src/**/*.cy.{js,jsx,ts,tsx}',
+    ],
   },
 });

strudel-cookiecutter/base/{@cookiecutter.name@}/cypress/e2e/home.cy.ts

@@ -3,4 +3,4 @@ describe('The Home Page', () => {
     cy.visit('/');
     cy.contains('Registered Pages');
   });
-});
+});

strudel-cookiecutter/base/{@cookiecutter.name@}/cypress/support/commands.ts

@@ -34,4 +34,4 @@
 //       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
 //     }
 //   }
-// }
+// }

strudel-cookiecutter/base/{@cookiecutter.name@}/cypress/support/e2e.ts

@@ -14,7 +14,7 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import './commands'
+import './commands';
 
 // Alternatively you can use CommonJS syntax:
-// require('./commands')
+// require('./commands')

strudel-cookiecutter/base/{@cookiecutter.name@}/package.json

@@ -8,9 +8,14 @@
     "start": "vite",
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "deploy": "gh-pages -d dist -e demo"
+    "deploy": "gh-pages -d dist -e demo",
+    "style:all": "tsc && npm run lint && npm run prettier",
+    "lint": "eslint . '**/*.{js,jsx,ts,tsx}'",
+    "lint:fix": "eslint . --fix '**/*.{js,jsx,ts,tsx}'",
+    "prettier": "prettier . --check '**/*.{js,jsx,ts,tsx}'",
+    "prettier:fix": "prettier . --write '**/*.{js,jsx,ts,tsx}'",
+    "prepare": "cd ../ && husky ./strudel-taskflows/.husky"
   },
   "dependencies": {
     "@emotion/react": "^11.11.4",
@@ -41,11 +46,20 @@
     "@vitejs/plugin-react": "^4.2.1",
     "cypress": "^13.15.0",
     "eslint": "^8.57.0",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.1",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
     "gh-pages": "^6.1.1",
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
+    "prettier": "^3.3.3",
     "typescript": "^5.2.2",
-    "vite": "^5.2.10"
+    "vite": "^5.4.14"
   },
   "engines": {
     "node": "^18.18.0 || >=20.0.0"