From 2eea76437898151380e2ba016663c4405169ce65 Mon Sep 17 00:00:00 2001
From: AJ ONeal <aj@therootcompany.com>
Date: Sat, 21 Oct 2023 14:54:52 -0600
Subject: [PATCH 1/3] fix: contants => constants

---
 src/lib/{contants.ts => constants.ts} | 0
 src/routes/+page.server.ts            | 2 +-
 src/routes/+page.svelte               | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename src/lib/{contants.ts => constants.ts} (100%)

diff --git a/src/lib/contants.ts b/src/lib/constants.ts
similarity index 100%
rename from src/lib/contants.ts
rename to src/lib/constants.ts
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index f86b7995..f0286982 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -1,4 +1,4 @@
-import { ENDPOINT } from '$lib/contants';
+import { ENDPOINT } from '$lib/constants';
 import type { PageServerLoad } from './$types';
 
 export const load: PageServerLoad = async ({ url }) => {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eff66908..063fd427 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -9,7 +9,7 @@
 	import 'highlight.js/styles/dark.min.css';
 
 	import type { PageData } from './$types';
-	import { ENDPOINT as SERVER_ENDPOINT } from '$lib/contants';
+	import { ENDPOINT as SERVER_ENDPOINT } from '$lib/constants';
 	import { onMount, tick } from 'svelte';
 	import { page } from '$app/stores';
 	const suggestions = $page.url.searchParams.get('suggestions');

From d1885122632869cf81a61639b3cbf3a0e9953631 Mon Sep 17 00:00:00 2001
From: AJ ONeal <aj@therootcompany.com>
Date: Sat, 21 Oct 2023 22:32:57 -0600
Subject: [PATCH 2/3] chore: npm run fmt

---
 postcss.config.js                        | 10 ++--
 src/lib/components/common/Overlay.svelte | 66 ++++++++++++------------
 src/lib/components/common/Spinner.svelte | 48 ++++++++---------
 3 files changed, 62 insertions(+), 62 deletions(-)

diff --git a/postcss.config.js b/postcss.config.js
index 2e7af2b7..0f772168 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {}
+	}
+};
diff --git a/src/lib/components/common/Overlay.svelte b/src/lib/components/common/Overlay.svelte
index a67817fb..d3835821 100644
--- a/src/lib/components/common/Overlay.svelte
+++ b/src/lib/components/common/Overlay.svelte
@@ -1,33 +1,33 @@
-<script>
-	import Spinner from './Spinner.svelte';
-
-	export let show = false;
-	export let content = '';
-
-	export let opacity = 1;
-</script>
-
-<div class="relative">
-	{#if show}
-		<div class="absolute w-full h-full flex">
-			<div
-				class="absolute rounded"
-				style="inset: -10px; opacity: {opacity}; backdrop-filter: blur(5px);"
-			/>
-
-			<div class="flex w-full flex-col justify-center">
-				<div class=" py-3">
-					<Spinner className="ml-2" />
-				</div>
-
-				{#if content !== ''}
-					<div class="text-center text-gray-100 text-xs font-medium z-50">
-						{content}
-					</div>
-				{/if}
-			</div>
-		</div>
-	{/if}
-
-	<slot />
-</div>
+<script>
+	import Spinner from './Spinner.svelte';
+
+	export let show = false;
+	export let content = '';
+
+	export let opacity = 1;
+</script>
+
+<div class="relative">
+	{#if show}
+		<div class="absolute w-full h-full flex">
+			<div
+				class="absolute rounded"
+				style="inset: -10px; opacity: {opacity}; backdrop-filter: blur(5px);"
+			/>
+
+			<div class="flex w-full flex-col justify-center">
+				<div class=" py-3">
+					<Spinner className="ml-2" />
+				</div>
+
+				{#if content !== ''}
+					<div class="text-center text-gray-100 text-xs font-medium z-50">
+						{content}
+					</div>
+				{/if}
+			</div>
+		</div>
+	{/if}
+
+	<slot />
+</div>
diff --git a/src/lib/components/common/Spinner.svelte b/src/lib/components/common/Spinner.svelte
index c2f3708a..206c7f5c 100644
--- a/src/lib/components/common/Spinner.svelte
+++ b/src/lib/components/common/Spinner.svelte
@@ -1,24 +1,24 @@
-<script lang="ts">
-	export let className: string = 'text-white';
-	export let theme: 'blue' | 'white' | 'black' = 'white';
-</script>
-
-<div class="flex justify-center text-center {className}">
-	<svg
-		class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue'
-			? 'text-sky-600'
-			: theme === 'white'
-			? 'text-white'
-			: 'text-gray-600'} "
-		xmlns="http://www.w3.org/2000/svg"
-		fill="none"
-		viewBox="0 0 24 24"
-	>
-		<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
-		<path
-			class="opacity-75"
-			fill="currentColor"
-			d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-		/>
-	</svg>
-</div>
+<script lang="ts">
+	export let className: string = 'text-white';
+	export let theme: 'blue' | 'white' | 'black' = 'white';
+</script>
+
+<div class="flex justify-center text-center {className}">
+	<svg
+		class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue'
+			? 'text-sky-600'
+			: theme === 'white'
+			? 'text-white'
+			: 'text-gray-600'} "
+		xmlns="http://www.w3.org/2000/svg"
+		fill="none"
+		viewBox="0 0 24 24"
+	>
+		<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+		<path
+			class="opacity-75"
+			fill="currentColor"
+			d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+		/>
+	</svg>
+</div>

From ee638329f13a86cad94124fc354a0c33f02f190c Mon Sep 17 00:00:00 2001
From: AJ ONeal <aj@therootcompany.com>
Date: Sat, 21 Oct 2023 22:18:43 -0600
Subject: [PATCH 3/3] chore: check PRs for fmt, lint, & build

---
 .github/workflows/node.js.yaml | 25 +++++++++++++++++++++++++
 package.json                   |  8 ++++++--
 2 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 .github/workflows/node.js.yaml

diff --git a/.github/workflows/node.js.yaml b/.github/workflows/node.js.yaml
new file mode 100644
index 00000000..694cd772
--- /dev/null
+++ b/.github/workflows/node.js.yaml
@@ -0,0 +1,25 @@
+name: Node.js CI
+on:
+  push:
+    branches: ['main']
+  pull_request:
+jobs:
+  build:
+    name: 'Fmt, Lint, & Build'
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version:
+          - latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: node --version
+      - run: npm clean-install
+      - run: npm run fmt
+        #- run: npm run lint
+        #- run: npm run lint:types
+      - run: npm run build
diff --git a/package.json b/package.json
index 7aeefbef..ea472a6f 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,12 @@
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --plugin-search-dir . --check . && eslint .",
-		"format": "prettier --plugin-search-dir . --write ."
+		"lint": "npm run eslint",
+		"lint:types": "npm run check",
+		"fmt": "npm run prettier:svelte && npm run prettier",
+		"eslint": "npx -p eslint@8 -- eslint .",
+		"prettier:svelte": "npx -p prettier@2 -- prettier --plugin-search-dir . --write .",
+		"prettier": "npx -p prettier@2 -- prettier --write '**/*.{js,css,md,html,json}'"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^2.0.0",