refactor: move extension and shared logic into real sub packages, improve build pipeline

Author: Justineo

.github/workflows/check-rewrite.yml

@@ -35,4 +35,4 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Run check script
-        run: pnpm exec tsx scripts/check-rewrite.ts
+        run: pnpm --filter @tempad-dev/extension exec tsx ./scripts/check-rewrite.ts

.github/workflows/deploy-rewrite.yml

@@ -26,10 +26,10 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Build rewrite script
-        run: pnpm run build:rewrite
+        run: pnpm --filter @tempad-dev/extension run build:rewrite
 
       - name: Deploy to gh-pages
         uses: peaceiris/actions-gh-pages@v4
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./dist
+          publish_dir: ./packages/extension/dist

README.md

@@ -1,3 +1,5 @@
+import { fileURLToPath, URL } from 'node:url'
+
 import js from '@eslint/js'
 import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
 import {
@@ -12,6 +14,8 @@ import pluginVue from 'eslint-plugin-vue'
 // Allow both TS and JS inside <script> of .vue files
 configureVueProject({ scriptLangs: ['ts', 'js'] })
 
+const tsconfigRootDir = fileURLToPath(new URL('.', import.meta.url))
+
 export default defineConfigWithVueTs(
   // Respect .gitignore
   gitignore(),
@@ -27,6 +31,11 @@ export default defineConfigWithVueTs(
   skipFormatting,
   // Project rules
   {
+    languageOptions: {
+      parserOptions: {
+        tsconfigRootDir
+      }
+    },
     plugins: {
       perfectionist
     },

eslint.config.js

@@ -1,65 +1,31 @@
 {
   "name": "tempad-dev",
-  "description": "Inspect panel on Figma, for everyone.",
+  "description": "TemPad Dev monorepo",
   "private": true,
   "version": "0.14.0",
   "type": "module",
-  "scripts": {
-    "dev": "wxt",
-    "dev:firefox": "wxt -b firefox",
-    "build": "wxt build && pnpm run build:rewrite && pnpm run build:plugins && pnpm run build:mcp && pnpm run build:readme",
-    "build:firefox": "wxt build -b firefox",
-    "build:rewrite": "esbuild ./rewrite/figma.ts --outfile=./dist/figma.js --bundle --format=iife && cp ./public/rules/figma.legacy.json ./dist/figma.json && cp ./public/rules/figma.legacy.json ./dist/figma.comply.json",
-    "build:plugins": "pnpm --filter @tempad-dev/plugins run build",
-    "build:mcp": "pnpm --filter @tempad-dev/mcp run build",
-    "build:readme": "tsx ./build/readme.ts",
-    "npm:plugins": "pnpm --filter @tempad-dev/plugins publish --access public",
-    "npm:mcp": "pnpm --filter @tempad-dev/mcp publish --access public",
-    "zip": "wxt zip",
-    "zip:firefox": "wxt zip -b firefox",
-    "compile": "vue-tsc --noEmit",
-    "postinstall": "wxt prepare",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
-    "format": "prettier --write \"**/*.{js,ts,jsx,tsx,cjs,mjs,cts,mts,vue,json,md,css}\" --ignore-path .gitignore"
-  },
   "devDependencies": {
-    "@figma/plugin-typings": "^1.121.0",
-    "@modelcontextprotocol/sdk": "^1.22.0",
-    "@rushstack/eslint-patch": "^1.15.0",
-    "@types/node": "^24.10.1",
-    "@types/prismjs": "^1.26.5",
-    "@types/proper-lockfile": "^4.1.4",
-    "@types/stringify-object": "^4.0.5",
-    "@types/ws": "^8.18.1",
     "@eslint/js": "^9.39.1",
+    "@rushstack/eslint-patch": "^1.15.0",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
-    "@vueuse/core": "^14.0.0",
-    "@wxt-dev/module-vue": "^1.0.3",
-    "eslint-config-flat-gitignore": "^2.1.0",
-    "comment-mark": "^2.0.1",
-    "esbuild": "^0.27.0",
     "eslint": "^9.39.1",
+    "eslint-config-flat-gitignore": "^2.1.0",
     "eslint-plugin-perfectionist": "^4.15.1",
     "eslint-plugin-vue": "^10.5.1",
-    "nanoid": "^5.1.6",
-    "overlayscrollbars": "^2.12.0",
-    "p-limit": "^7.2.0",
-    "p-wait-for": "^6.0.0",
-    "pino": "^9.14.0",
-    "playwright-chromium": "^1.56.1",
     "prettier": "^3.6.2",
-    "proper-lockfile": "^4.1.2",
-    "stringify-object": "^6.0.0",
-    "tsx": "^4.20.6",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.19.1",
-    "vite-plugin-css-injected-by-js": "^3.5.2",
-    "vue": "^3.5.24",
-    "vue-tsc": "^3.1.4",
-    "ws": "^8.18.3",
-    "wxt": "^0.20.11",
-    "zod": "^4.1.12"
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "dev": "pnpm --filter @tempad-dev/extension dev",
+    "build": "pnpm -r build",
+    "build:ext": "pnpm --filter @tempad-dev/extension build",
+    "build:plugins": "pnpm --filter @tempad-dev/plugins build",
+    "build:mcp": "pnpm --filter @tempad-dev/mcp build",
+    "lint": "pnpm -r lint",
+    "format": "pnpm -r format",
+    "typecheck": "pnpm -r typecheck",
+    "zip": "pnpm --filter @tempad-dev/extension zip"
   },
   "pnpm": {
     "onlyBuiltDependencies": [