Add linting and formatting check (#49)

* Lint and format scripts, pre-commit hook, configure eslint

* Working linting

* Working and run prettier

* Working and run eslint

* Readd lint-staged prettier filter

* lint on commit

* Fix .prettierignore

* Update package-lock

* Don't limit lint-staged prettier filter

* Lint fixes

.eslintignore

@@ -0,0 +1,8 @@
+.cache
+.husky
+.plasmo
+.vscode
+package-lock.json
+pnpm-lock.yaml
+build
+assets

.github/workflows/lint-check.yml

@@ -0,0 +1,26 @@
+name: Lint and Formatting Check
+
+on: push
+
+jobs:
+  main:
+    name: Run ESLint + Prettier
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+
+      - name: Install Next for ESLint and Prettier
+        run: npm install next prettier
+
+      - name: Run ESLint
+        run: npm run lint:check
+
+      - name: Run Prettier
+        run: npm run format:check

.github/workflows/submit.yml

@@ -1,4 +1,4 @@
-name: "Submit to Web Store"
+name: 'Submit to Web Store'
 on:
   workflow_dispatch:
 
@@ -22,7 +22,7 @@ jobs:
         uses: actions/[email protected]
         with:
           node-version: 16.x
-          cache: "pnpm"
+          cache: 'pnpm'
       - name: Build and zip extension artifact
         run: pnpm package
       - name: Browser Platform Publish

.gitignore

@@ -40,3 +40,7 @@ keys.json
 
 # typescript
 .tsbuildinfo
+
+# lint cache
+.eslintcache
+*.cache

.husky/pre-commit

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

.prettierignore

@@ -0,0 +1,10 @@
+.cache
+.husky
+.next
+.plasmo
+.vscode
+package.json
+package-lock.json
+pnpm-lock.yaml
+build
+assets

.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  printWidth: 80,
+  semi: true,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'all',
+  useTabs: false,
+};

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.