Merge with main

.changeset/config.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "dev",
+  "updateInternalDependencies": "patch",
+  "ignore": [],
+  "privatePackages": {
+    "version": false,
+    "tag": false
+  }
+}

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/dependabot.yml

@@ -0,0 +1,25 @@
+version: 2
+updates:
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    open-pull-requests-limit: 10
+    ignore:
+      - dependency-name: '@types/node'
+        update-types:
+          - 'version-update:semver-major'
+    groups:
+      minor-and-patch:
+        update-types:
+          - 'minor'
+          - 'patch'
+
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    groups:
+      github-actions:
+        patterns:
+          - '*'

.github/workflows/cd.yml

@@ -14,22 +14,28 @@ jobs:
     name: Deploy Quickmock
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
+
+      - name: Use Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'npm'
 
       - name: Install
         run: npm ci
 
       - name: Build
-        run: npm run build
+        run: node --run build
 
       - name: Deploy
         uses: Azure/static-web-apps-deploy@v1
         with:
           azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ASHY_FIELD_0DCD26F03 }}
           repo_token: ${{ secrets.GITHUB_TOKEN }}
-          action: "upload"
-          app_location: "/dist"
+          action: 'upload'
+          app_location: 'apps/web/dist'
           skip_app_build: true
           skip_api_build: true
         env:
-          NODE_VERSION: 20.17.0
+          NODE_VERSION: 24.14.1

.github/workflows/ci.yml

@@ -7,46 +7,79 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
-      - name: Use Node.js 20.17.0
-        uses: actions/setup-node@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v6
         with:
-          node-version: '20.17.0'
+          node-version-file: '.nvmrc'
           cache: 'npm'
 
       - name: Install dependencies
         run: npm ci
 
-      - name: Build
-        run: npm run build
+      - name: Install test browsers
+        run: node --run install:test-browsers
+
+      - name: Lint
+        run: node --run lint
 
       - name: Check TypeScript types
-        run: npm run tsc-check
+        run: node --run check-types
+
+      - name: Build
+        run: node --run build
 
       - name: Run tests
-        run: npm test
+        run: node --run test
 
   e2e-tests:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
-      - name: Use Node.js 20.17.0
-        uses: actions/setup-node@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v6
         with:
-          node-version: '20.17.0'
+          node-version-file: '.nvmrc'
           cache: 'npm'
 
       - name: Install dependencies
         run: npm ci
 
-      - name: Build
-        run: npm run build
+      - name: Install test browsers
+        run: node --run install:test-browsers
 
-      - name: Check TypeScript types
-        run: npm run tsc-check
+      - name: Build
+        run: node --run build
 
       - name: Run E2E tests
-        run: npm run ci:e2e
+        run: node --run ci:e2e
+
+  changeset-check:
+    if: github.event.pull_request.base.ref != 'main'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - name: Check for changeset
+        run: |
+          BASE=${{ github.event.pull_request.base.sha }}
+          HEAD=${{ github.event.pull_request.head.sha }}
+
+          PACKAGES_CHANGED=$(git diff --name-only "$BASE" "$HEAD" -- packages/ | head -1)
+
+          if [ -n "$PACKAGES_CHANGED" ]; then
+            CHANGESET_ADDED=$(git diff --name-only "$BASE" "$HEAD" -- '.changeset/*.md' | head -1)
+            if [ -z "$CHANGESET_ADDED" ]; then
+              echo "::error::This PR modifies packages/ but has no changeset. Run 'node --run changeset' to add one."
+              exit 1
+            fi
+            echo "Changeset found for package changes."
+          else
+            echo "No package changes detected, skipping changeset check."
+          fi

.github/workflows/pkg-publish.yml

@@ -0,0 +1,41 @@
+name: Package Publish
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [main]
+    paths:
+      - 'packages/**'
+      - '.changeset/**'
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+permissions:
+  contents: write
+  id-token: write
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          registry-url: 'https://registry.npmjs.org'
+
+      - run: npm ci
+
+      - run: node --run build
+
+      - name: Publish to npm
+        uses: changesets/action@v1
+        with:
+          publish: node --run publish-packages
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_CONFIG_PROVENANCE: 'true'
+          VSCE_PAT: ${{ secrets.VSCE_TOKEN }}

.github/workflows/pkg-version.yml

@@ -0,0 +1,35 @@
+name: Package Versioning
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [dev]
+    paths:
+      - 'packages/**'
+      - '.changeset/**'
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  version:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+
+      - run: npm ci
+
+      - name: Create Version PR
+        uses: changesets/action@v1
+        with:
+          title: 'chore: version packages'
+          commit: 'chore: version packages'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,6 +1,19 @@
-# Playwright
+# Dependencies
+node_modules
+
+# Build outputs
+dist
+dist-ssr
+
+# Turbo
+.turbo
+
+# Test outputs
+coverage
 playwright-report/
 test-results/
+blob-report/
+playwright/.cache/
 
 # Logs
 logs
@@ -11,14 +24,13 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
-node_modules
-dist
-dist-ssr
+# Local env files
 *.local
 
 # Editor directories and files
 .vscode/*
-!.vscode/extensions.json
+!.vscode/settings.json
+!.vscode/launch.json
 .idea
 .DS_Store
 *.suo
@@ -27,8 +39,5 @@ dist-ssr
 *.sln
 *.sw?
 
+# Vite
 .vite
-/test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/

.husky/pre-commit

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

.husky/pre-push

@@ -0,0 +1 @@
+node --run check-types

.npmrc

@@ -0,0 +1 @@
+ignore-scripts=true

.nvmrc

@@ -0,0 +1 @@
+24

.prettierignore

@@ -1,2 +1,4 @@
 node_modules
-dist
+dist
+coverage
+.turbo

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run Quickmock Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}/packages/vscode-extension"
+      ],
+      "outFiles": ["${workspaceFolder}/packages/vscode-extension/dist/**/*.mjs"]
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "files.eol": "\n",
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "always",
+    "source.removeUnusedImports": "always"
+  }
+}

e2e/helpers/konva-testing.helpers.ts → apps/web/e2e/helpers/konva-testing.helpers.ts

@@ -15,7 +15,7 @@ const getLayer = async (page: Page): Promise<Layer> =>
 const getChildren = async (page: Page): Promise<(Group | Shape)[]> => {
   const layer = await getLayer(page);
   return layer?.children.flatMap(child =>
-    Boolean((child as any)?.children) ? (child as any).children : child
+    (child as any)?.children ? (child as any).children : child
   );
 };
 

e2e/helpers/position.helpers.ts → apps/web/e2e/helpers/position.helpers.ts

@@ -149,7 +149,8 @@ export const addComponentsWithDifferentCategoriesToCanvas = async (
       const errorMessage =
         error instanceof Error ? error.message : String(error);
       throw new Error(
-        `Failed to add component "${componentConfig.name}" from category "${componentConfig.category || 'default'}": ${errorMessage}`
+        `Failed to add component "${componentConfig.name}" from category "${componentConfig.category || 'default'}": ${errorMessage}`,
+        { cause: error }
       );
     }
   }