Setup pre-commit hooks and Copilot CI workflow

.github/workflows/copilot-setup-steps.yml

@@ -0,0 +1,35 @@
+name: "Copilot Setup Steps"
+
+# Automatically run the setup steps when they are changed to allow for easy validation, and
+# allow manual testing through the repository's "Actions" tab
+on:
+  workflow_dispatch:
+  push:
+    paths:
+      - .github/workflows/copilot-setup-steps.yml
+
+jobs:
+  # The job MUST be called `copilot-setup-steps` or it will not be picked up by Copilot.
+  copilot-setup-steps:
+    runs-on: ubuntu-latest
+
+    # Set the permissions to the lowest permissions possible needed for your steps.
+    # Copilot will be given its own token for its operations.
+    permissions:
+      # If you want to clone the repository as part of your setup steps, for example to install dependencies, you'll need the `contents: read` permission. If you don't clone the repository in your setup steps, Copilot will do this for you automatically after the steps complete.
+      contents: read
+
+    # You can define any steps you want, and they will run before the agent starts.
+    # If you do not check out your code, Copilot will do this for you.
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v5
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: "npm"
+      - name: Install dependencies
+        run: npm install
+      - name: Enable pre-commit hooks
+        run: npm run prepare

.github/workflows/release.yml

@@ -1,7 +1,7 @@
 name: Release DYA Studio
 
 on:
-    workflow_dispatch:
+  workflow_dispatch:
 
 jobs:
   build:
@@ -27,4 +27,4 @@ jobs:
           apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN_RELEASE }}
           accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID_RELEASE }}
           environment: release
-          wranglerVersion: '4.58.0'
+          wranglerVersion: "4.58.0"

.github/workflows/test.yml

@@ -86,7 +86,7 @@ jobs:
           apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
           command: versions upload --assets dist --name dya-studio --compatibility-date 2026-01-11
-          wranglerVersion: '4.58.0'
+          wranglerVersion: "4.58.0"
 
       - name: Comment PR with deployment URL
         uses: actions/github-script@v7
@@ -123,4 +123,4 @@ jobs:
                 issue_number: context.issue.number,
                 body: comment
               });
-            }
+            }

.gitignore

@@ -25,3 +25,4 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+_codeql_detected_source_root

.husky/pre-commit

@@ -0,0 +1,2 @@
+npx lint-staged
+npm test

.prettierignore

@@ -0,0 +1,8 @@
+dist
+node_modules
+coverage
+*.min.js
+*.min.css
+pnpm-lock.yaml
+package-lock.json
+src/proto

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "singleQuote": false,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

docs/PRECOMMIT_SETUP.md

@@ -0,0 +1,56 @@
+# Pre-commit Hooks Setup
+
+This project uses [Husky](https://typicode.github.io/husky/) and [lint-staged](https://github.com/lint-staged/lint-staged) to ensure code quality before commits.
+
+## What runs on pre-commit?
+
+1. **Formatting**: Prettier formats staged files (`.ts`, `.tsx`, `.json`, `.md`, `.yml`, `.yaml`)
+2. **Linting**: ESLint checks and auto-fixes staged TypeScript files
+3. **Testing**: Full test suite runs to ensure nothing is broken
+
+## How it works
+
+When you run `git commit`, the pre-commit hook automatically:
+
+- Runs `lint-staged` to format and lint only the staged files
+- Runs `npm test` to verify all tests pass
+- If any step fails, the commit is aborted
+
+## Manual commands
+
+You can also run these checks manually:
+
+```bash
+# Format all files
+npm run format
+
+# Check formatting without changing files
+npm run format:check
+
+# Run linting
+npm run lint
+
+# Run tests
+npm test
+```
+
+## First-time setup
+
+If you clone this repository, run:
+
+```bash
+npm install
+```
+
+This will automatically set up Husky hooks via the `prepare` script.
+
+## GitHub Actions
+
+The project includes a Copilot workflow (`.github/workflows/copilot.yml`) that runs:
+
+- Format check
+- Lint
+- Tests
+- Build
+
+This ensures all code quality checks pass in CI/CD.

eslint.config.js

@@ -1,14 +1,14 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+import { defineConfig, globalIgnores } from "eslint/config";
 
 export default defineConfig([
-  globalIgnores(['dist']),
+  globalIgnores(["dist"]),
   {
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     extends: [
       js.configs.recommended,
       tseslint.configs.recommended,
@@ -20,4 +20,4 @@ export default defineConfig([
       globals: globals.browser,
     },
   },
-])
+]);