Merge pull request #7 from Kavian77/setup-prettier-and-husky

Setup Prettier and Husky

.github/workflows/ci.yml

@@ -1,11 +1,11 @@
 name: CI
- 
+
 on:
   push:
     branches: ["main"]
   pull_request:
     types: [opened, synchronize]
- 
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -15,7 +15,7 @@ jobs:
 
       - name: Cache turbo build setup
         uses: actions/cache@v4
-        with: 
+        with:
           path: .turbo
           key: ${{ runner.os }}-turbo-${{ github.sha }}
           restore-keys: |
@@ -25,17 +25,22 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 22
-          cache: 'npm'
+          cache: "npm"
 
       - name: Install dependencies
         run: npm ci
 
       - name: Build
         run: npm run build
-      
+
       - name: Run tests
         run: npm run test
 
       - name: Lint
         run: npm run lint
 
+      - name: Check types
+        run: npm run check-types
+
+      - name: Check formatting
+        run: npm run check-formatting

.husky/pre-commit

@@ -0,0 +1,2 @@
+npm run check-types
+lint-staged

.prettierignore

@@ -0,0 +1,3 @@
+# Ignore artifacts:
+dist
+node_modules

.prettierrc

@@ -0,0 +1 @@
+{}

eslint.config.js

@@ -2,11 +2,16 @@ import js from "@eslint/js";
 import globals from "globals";
 import tseslint from "typescript-eslint";
 import noOnlyTestsPlugin from "eslint-plugin-no-only-tests";
+import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
 
 export default tseslint.config(
-  { ignores: ["dist"] },
+  { ignores: ["**/dist"] },
   {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      eslintPluginPrettierRecommended,
+    ],
     files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
@@ -18,5 +23,5 @@ export default tseslint.config(
     rules: {
       "no-only-tests/no-only-tests": "error",
     },
-  }
+  },
 );

examples/react/src/main.tsx

@@ -22,5 +22,5 @@ window.fetch = async (input: RequestInfo | URL, init?: RequestInit) => {
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />
-  </StrictMode>
+  </StrictMode>,
 );

examples/react/tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {},
   },

examples/react/tsconfig.json

@@ -20,8 +20,8 @@
     "paths": {
       /* TODO: Remove these when the packages are published */
       "@cluesive/core": ["../../packages/core/src"],
-      "@cluesive/click-tracker": ["../../packages/trackers/click-tracker/src"],
+      "@cluesive/click-tracker": ["../../packages/trackers/click-tracker/src"]
     }
   },
   "include": ["src", "../../packages/*/src"]
-}
+}

examples/react/vite.config.ts

@@ -1,14 +1,14 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: {
       // TODO: Remove these once the packages are published
-      '@cluesive/core': '../../../packages/core/src',
-      '@cluesive/click-tracker': '../../../packages/trackers/click-tracker/src',
+      "@cluesive/core": "../../../packages/core/src",
+      "@cluesive/click-tracker": "../../../packages/trackers/click-tracker/src",
     },
   },
 });