Chore/eslint prettier config

.git-blame-ignore-revs

@@ -0,0 +1,3 @@
+# Bulk formatting commits; `git config blame.ignoreRevsFile .git-blame-ignore-revs`
+# style: format codebase with Prettier
+240c88cfcecad248f9c230e85fd5a9d2779e145c

.prettierignore

@@ -0,0 +1,4 @@
+dist
+coverage
+package-lock.json
+public

prettierrc.json → .prettierrc.json

@@ -3,4 +3,4 @@
   "tabWidth": 2,
   "semi": true,
   "singleQuote": true
-}
+}

.releaserc.json

@@ -9,8 +9,9 @@
         ]
       }
     ],
-    "@semantic-release/release-notes-generator",    
-    ["@semantic-release/changelog", 
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
       {
         "changelogFile": "CHANGELOG.md"
       }
@@ -22,15 +23,15 @@
         "publishCmd": "echo \"version=${nextRelease.version}\" >> $GITHUB_OUTPUT && echo \"tag=${nextRelease.gitTag}\" >> $GITHUB_OUTPUT && echo \"type=${nextRelease.type}\" >> $GITHUB_OUTPUT && echo \"channel=${nextRelease.channel}\" >> $GITHUB_OUTPUT"
       }
     ]
-  ],  
+  ],
   "branches": [
     "main",
-    {"name": "development", "prerelease": "beta", "channel": "beta"},
-    {"name": "release", "prerelease": "rc", "channel": "rc"},
+    { "name": "development", "prerelease": "beta", "channel": "beta" },
+    { "name": "release", "prerelease": "rc", "channel": "rc" },
     {
       "name": "replace-me-feature-branch",
       "prerelease": "replace-me-prerelease",
       "channel": "replace-me-prerelease"
     }
   ]
-}
+}

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+}

.vscode/launch.json

@@ -4,23 +4,20 @@
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
-  {
-    "name": "Launch Edge",
-    "request": "launch",
-    "type": "msedge",
-    "url": "http://localhost:8080",
-    "webRoot": "${workspaceFolder}"
-  },
+    {
+      "name": "Launch Edge",
+      "request": "launch",
+      "type": "msedge",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    },
     {
       "type": "msedge",
       "request": "launch",
       "name": "Launch Edge against localhost",
       "url": "https://localhost:3000/debug/",
       "webRoot": "${workspaceFolder}",
-      "outFiles": [
-        "${workspaceFolder}/**/*.js",
-        "!**/node_modules/**"
-      ]
+      "outFiles": ["${workspaceFolder}/**/*.js", "!**/node_modules/**"]
     }
   ]
-}
+}

.vscode/settings.json

@@ -1,40 +1,16 @@
 {
-  "conventionalCommits.scopes": [
-    "force-patch"
-  ],
+  "conventionalCommits.scopes": ["force-patch"],
   "editor.tabSize": 2,
   "conventionalCommits.gitmoji": false,
   "conventionalCommits.promptFooter": false,
-  "eslint.validate": [
-    "javascript",
-    "typescript",
-    "html"
-  ],
-  "eslint.options": {
-    "extensions": [
-      ".js",
-      ".ts",
-      "html",
-      "tsx"
-    ]
-  },
-  "eslint.rules.customizations": [
-    {
-      "rule": "prettier/prettier",
-      "severity": "info"
-    }
-  ],
-  "editor.codeActionsOnSave": [
-    "source.organizeImports",
-    "source.fixAll.eslint"
-  ],
-  "editor.formatOnSave": false,
-  "eslint.alwaysShowStatus": true,
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "explicit",
+    "source.fixAll.eslint": "explicit"
   },
   "typescript.preferences.quoteStyle": "single",
   "typescript.updateImportsOnFileMove.enabled": "always",
   "javascript.updateImportsOnFileMove.enabled": "always",
   "editor.linkedEditing": true
-}
+}

.vscode/snippets.code-snippets

@@ -1,130 +1,121 @@
 {
-	// Place your portal-frontend workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
-	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
-	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
-	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
-	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
-	// Placeholders with the same ids are connected.
-	// Example:
-	// "Print to console": {
-	// 	"scope": "javascript,typescript",
-	// 	"prefix": "log",
-	// 	"body": [
-	// 		"console.info('$1');",
-	// 		"$2"
-	// 	],
-	// 	"description": "Log output to console"
-	// }
-	"Effects Comment": {
-		"prefix": "*eff",
-		"body": [
-			"/* EFFECTS *********************************************************/$0"
-		],
-		"description": "Adds EFFECTS comment"
-	},
-	"Functions Comment": {
-		"prefix": "*fun",
-		"body": [
-			"/* FUNCTIONS *******************************************************/$0"
-		],
-		"description": "Adds FUNCTIONS comment"
-	},
-	"Hooks Comment": {
-		"prefix": "*hoo",
-		"body": [
-			"/* HOOKS ***********************************************************/$0"
-		],
-		"description": "Adds HOOKS comment"
-	},
-	"Render Comment": {
-		"prefix": "*ren",
-		"body": [
-			"/* RENDER **********************************************************/$0"
-		],
-		"description": "Adds RENDER comment"
-	},
-	"State Comment": {
-		"prefix": "*state",
-		"body": [
-			"/* STATE ***********************************************************/$0"
-		],
-		"description": "Adds STATE comment"
-	},
-	"Create Function Component": {
-		"prefix": "cfc",
-		"body": [
-			"import React from 'react';",
-			"",
-			"const ${1:$TM_FILENAME_BASE} = () => {",
-			"  return <></>;",
-			"}",
-			"",
-			"export default $1;"
-		],
-		"description": "Adds boilerplate for a function component without props",
-		"scope": "typescriptreact"
-	},
-	"Create Function Component With Props": {
-		"prefix": "cfcp",
-		"body": [
-			"import React from 'react';",
-			"",
-			"const ${1:$TM_FILENAME_BASE} = ({}: $1Props) => {",
-			"  return <></>;",
-			"}",
-			"",
-			"export default $1;",
-			"",
-			"interface ${1}Props {",
-			"",
-			"}"
-		],
-		"description": "Adds boilerplate for a function component with props and interface",
-		"scope": "typescriptreact"
-	},
-	"Create Props for Function Component": {
-		"prefix": "cprops",
-		"body": [
-			"interface ${1:$TM_FILENAME_BASE}Props {",
-			"  $0",
-			"}"
-		],
-		"description": "Adds props interface to existing component",
-		"scope": "typescriptreact"
-	},
-	"useAppTitle Hook": {
-		"prefix": "useapptitle",
-		"body": "const setTitle = useAppTitle$0();",
-		"description": "Adds useAppTitle hook",
-		"scope": "typescriptreact"
-	},
-	"useAppTitleRight Hook": {
-		"prefix": "useapptitleright",
-		"body": "const setTitleRight = useAppTitleRight$0();",
-		"description": "Adds useAppTitleRight hook",
-		"scope": "typescriptreact"
-	},
-	"useSearchParams Hook": {
-		"prefix": "usesearchparams",
-		"body": "const [searchParams, setSearchParams] = useSearchParams$0();",
-		"description": "Adds useSearchParams hook",
-		"scope": "typescriptreact"
-	},
-	"useState Hook": {
-		"prefix": "usestate",
-		"body": [
-			"const [$1, set${1/(.)/${1:/capitalize}/}] = useState$2($3);"
-		],
-		"description": "Adds useState hook",
-		"scope": "typescriptreact"
-	},
-	"useEffect Hook": {
-		"prefix":"useeffect",
-		"body": ["useEffect$0(() => {",
-			"  ",
-			"}, [$1]);"
-		],
-		"description": "Adds useEffect hook",
-		"scope": "typescriptreact"
-	}
+  // Place your portal-frontend workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+  // Placeholders with the same ids are connected.
+  // Example:
+  // "Print to console": {
+  // 	"scope": "javascript,typescript",
+  // 	"prefix": "log",
+  // 	"body": [
+  // 		"console.info('$1');",
+  // 		"$2"
+  // 	],
+  // 	"description": "Log output to console"
+  // }
+  "Effects Comment": {
+    "prefix": "*eff",
+    "body": [
+      "/* EFFECTS *********************************************************/$0",
+    ],
+    "description": "Adds EFFECTS comment",
+  },
+  "Functions Comment": {
+    "prefix": "*fun",
+    "body": [
+      "/* FUNCTIONS *******************************************************/$0",
+    ],
+    "description": "Adds FUNCTIONS comment",
+  },
+  "Hooks Comment": {
+    "prefix": "*hoo",
+    "body": [
+      "/* HOOKS ***********************************************************/$0",
+    ],
+    "description": "Adds HOOKS comment",
+  },
+  "Render Comment": {
+    "prefix": "*ren",
+    "body": [
+      "/* RENDER **********************************************************/$0",
+    ],
+    "description": "Adds RENDER comment",
+  },
+  "State Comment": {
+    "prefix": "*state",
+    "body": [
+      "/* STATE ***********************************************************/$0",
+    ],
+    "description": "Adds STATE comment",
+  },
+  "Create Function Component": {
+    "prefix": "cfc",
+    "body": [
+      "import React from 'react';",
+      "",
+      "const ${1:$TM_FILENAME_BASE} = () => {",
+      "  return <></>;",
+      "}",
+      "",
+      "export default $1;",
+    ],
+    "description": "Adds boilerplate for a function component without props",
+    "scope": "typescriptreact",
+  },
+  "Create Function Component With Props": {
+    "prefix": "cfcp",
+    "body": [
+      "import React from 'react';",
+      "",
+      "const ${1:$TM_FILENAME_BASE} = ({}: $1Props) => {",
+      "  return <></>;",
+      "}",
+      "",
+      "export default $1;",
+      "",
+      "interface ${1}Props {",
+      "",
+      "}",
+    ],
+    "description": "Adds boilerplate for a function component with props and interface",
+    "scope": "typescriptreact",
+  },
+  "Create Props for Function Component": {
+    "prefix": "cprops",
+    "body": ["interface ${1:$TM_FILENAME_BASE}Props {", "  $0", "}"],
+    "description": "Adds props interface to existing component",
+    "scope": "typescriptreact",
+  },
+  "useAppTitle Hook": {
+    "prefix": "useapptitle",
+    "body": "const setTitle = useAppTitle$0();",
+    "description": "Adds useAppTitle hook",
+    "scope": "typescriptreact",
+  },
+  "useAppTitleRight Hook": {
+    "prefix": "useapptitleright",
+    "body": "const setTitleRight = useAppTitleRight$0();",
+    "description": "Adds useAppTitleRight hook",
+    "scope": "typescriptreact",
+  },
+  "useSearchParams Hook": {
+    "prefix": "usesearchparams",
+    "body": "const [searchParams, setSearchParams] = useSearchParams$0();",
+    "description": "Adds useSearchParams hook",
+    "scope": "typescriptreact",
+  },
+  "useState Hook": {
+    "prefix": "usestate",
+    "body": ["const [$1, set${1/(.)/${1:/capitalize}/}] = useState$2($3);"],
+    "description": "Adds useState hook",
+    "scope": "typescriptreact",
+  },
+  "useEffect Hook": {
+    "prefix": "useeffect",
+    "body": ["useEffect$0(() => {", "  ", "}, [$1]);"],
+    "description": "Adds useEffect hook",
+    "scope": "typescriptreact",
+  },
 }