jonhoo · jonhoo · Mar 4, 2023 · Jan 28, 2023 · Jan 29, 2023 · Jan 31, 2023
diff --git a/.github/workflows/lint-client.yml b/.github/workflows/lint-client.yml
@@ -0,0 +1,32 @@
+name: Lint Client 
+
+on:
+  pull_request:
+    branches: [main]
+
+env:
+  NODE_VERSION: 18
+
+jobs: 
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    defaults: 
+      run:
+        working-directory: ./client
+    steps:
+      - name: Code Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'npm'
+          cache-dependency-path: client/package-lock.json
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Code Lint
+        run: npm run lint
diff --git a/client/.eslintignore b/client/.eslintignore
@@ -0,0 +1,11 @@
+.DS_Store
+node_modules
+/build
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/client/.eslintrc.cjs b/client/.eslintrc.cjs
@@ -0,0 +1,15 @@
+module.exports = {
+	root: true,
+	extends: ["eslint:recommended", "prettier"],
+	plugins: ["svelte3"],
+	overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
+	parserOptions: {
+		sourceType: "module",
+		ecmaVersion: 2020
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	}
+};
diff --git a/client/.prettierignore b/client/.prettierignore
@@ -0,0 +1,11 @@
+.DS_Store
+node_modules
+/build
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/client/.prettierrc b/client/.prettierrc
@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"singleQuote": false,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"pluginSearchDirs": false
+}
diff --git a/client/.vscode/extensions.json b/client/.vscode/extensions.json
@@ -1,3 +1,3 @@
 {
-  "recommendations": ["svelte.svelte-vscode"]
+	"recommendations": ["svelte.svelte-vscode"]
 }
diff --git a/client/README.md b/client/README.md
@@ -42,6 +42,6 @@ If you have state that's important to retain within a component, consider creati
 ```js
 // store.js
 // An extremely simple external store
-import { writable } from 'svelte/store'
-export default writable(0)
+import { writable } from "svelte/store";
+export default writable(0);
 ```
diff --git a/client/index.html b/client/index.html
@@ -1,14 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Q&A</title>
-    <meta name="description" content="Zero-setup, free tool for running live Q&A sessions, including question submission and voting.">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/png" href="/favicon.png" />
-  </head>
-  <body class="dark:bg-slate-700">
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+	<head>
+		<meta charset="UTF-8" />
+		<title>Q&A</title>
+		<meta
+			name="description"
+			content="Zero-setup, free tool for running live Q&A sessions, including question submission and voting."
+		/>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="icon" type="image/png" href="/favicon.png" />
+	</head>
+	<body class="dark:bg-slate-700">
+		<div id="app"></div>
+		<script type="module" src="/src/main.js"></script>
+	</body>
 </html>
diff --git a/client/jsconfig.json b/client/jsconfig.json
@@ -1,33 +1,33 @@
 {
-  "compilerOptions": {
-    "moduleResolution": "Node",
-    "target": "ESNext",
-    "module": "ESNext",
-    /**
-     * svelte-preprocess cannot figure out whether you have
-     * a value or a type, so tell TypeScript to enforce using
-     * `import type` instead of `import` for Types.
-     */
-    "importsNotUsedAsValues": "error",
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    /**
-     * To have warnings / errors of the Svelte compiler at the
-     * correct position, enable source maps by default.
-     */
-    "sourceMap": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    /**
-     * Typecheck JS in `.svelte` and `.js` files by default.
-     * Disable this if you'd like to use dynamic types.
-     */
-    "checkJs": true
-  },
-  /**
-   * Use global.d.ts instead of compilerOptions.types
-   * to avoid limiting type declarations.
-   */
-  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+	"compilerOptions": {
+		"moduleResolution": "Node",
+		"target": "ESNext",
+		"module": "ESNext",
+		/**
+		 * svelte-preprocess cannot figure out whether you have
+		 * a value or a type, so tell TypeScript to enforce using
+		 * `import type` instead of `import` for Types.
+		 */
+		"importsNotUsedAsValues": "error",
+		"isolatedModules": true,
+		"resolveJsonModule": true,
+		/**
+		 * To have warnings / errors of the Svelte compiler at the
+		 * correct position, enable source maps by default.
+		 */
+		"sourceMap": true,
+		"esModuleInterop": true,
+		"skipLibCheck": true,
+		"forceConsistentCasingInFileNames": true,
+		/**
+		 * Typecheck JS in `.svelte` and `.js` files by default.
+		 * Disable this if you'd like to use dynamic types.
+		 */
+		"checkJs": true
+	},
+	/**
+	 * Use global.d.ts instead of compilerOptions.types
+	 * to avoid limiting type declarations.
+	 */
+	"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
 }