Merge pull request #180 from mi-examples/pp-3449

feat: add Request Inspector and full CI coverage (PP-3449)

Author: sergak01

.github/workflows/ci.yml

@@ -11,16 +11,21 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
+        with:
+          persist-credentials: false
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
 
       - name: Install dependencies
-        run: npm ci
+        run: npm ci --no-audit
+
+      - name: Audit dependencies
+        run: npm run audit:all
 
       - name: Build
         run: npm run build
@@ -36,25 +41,44 @@ jobs:
   test:
     runs-on: ubuntu-latest
     needs: build
+    timeout-minutes: 30
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
+        with:
+          persist-credentials: false
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
 
       - name: Install dependencies
-        run: npm ci
+        run: npm ci --no-audit
+
+      - name: Free disk space
+        run: |
+          df -h
+          sudo rm -rf /usr/share/dotnet /usr/local/lib/android /opt/ghc /opt/hostedtoolcache/CodeQL
+          df -h
 
       - name: Build
         run: npm run build
 
-      - name: Install Playwright browsers
-        run: npx playwright install --with-deps chromium
+      - name: Install E2E fixture dependencies
+        run: |
+          npm install --prefix tests/test-nextjs --no-audit --package-lock=false
+          npm install --prefix tests/test-commonjs --no-audit --package-lock=false
+          npm install --prefix tests/test-nextjs-cjs --no-audit --package-lock=false
+
+      - name: Run unit and integration tests
+        run: npm run test
 
       - name: Run E2E tests
-        run: npx playwright test
-        continue-on-error: true
+        run: npm run test:e2e
+
+      - name: Run browser E2E tests
+        env:
+          PLAYWRIGHT_USE_SYSTEM_CHROME: '1'
+        run: npm run test:e2e:browser

.github/workflows/release-beta.yml

@@ -14,19 +14,19 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
         with:
           fetch-depth: 0
           persist-credentials: false
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
 
       - name: Install dependencies
-        run: npm ci
+        run: npm ci --no-audit
 
       - name: Build
         run: npm run build

.github/workflows/release.yml

@@ -7,20 +7,21 @@ on:
 
 permissions:
   contents: write
+  id-token: write
 
 jobs:
   release:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: 22
+          node-version: 24
           registry-url: https://registry.npmjs.org/
           cache: 'npm'
 
@@ -32,7 +33,7 @@ jobs:
           echo "Releasing version: $VERSION"
 
       - name: Install dependencies
-        run: npm ci
+        run: npm ci --no-audit
 
       - name: Build
         run: npm run build
@@ -48,13 +49,14 @@ jobs:
       - name: Update package version
         run: npm version ${{ steps.version.outputs.version }} --no-git-tag-version
 
+      - name: Upgrade npm for OIDC trusted publishing
+        run: npm install -g npm@latest --no-audit
+
       - name: Publish to npm
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: npm publish --access public
 
       - name: Create GitHub Release
-        uses: softprops/action-gh-release@v1
+        uses: softprops/action-gh-release@v3
         with:
           tag_name: ${{ github.ref_name }}
           name: Release ${{ github.ref_name }}

.mcp.json

@@ -0,0 +1,11 @@
+{
+  "mcpServers": {
+    "Framelink MCP for Figma": {
+      "command": "npx",
+      "args": ["-y", "figma-developer-mcp@0.13.2", "--stdio"],
+      "env": {
+        "FIGMA_API_KEY": "${FIGMA_API_KEY}"
+      }
+    }
+  }
+}

CHANGELOG.md

@@ -1,3 +1,103 @@
+# [1.0.0](https://github.com/mi-examples/pp-dev/compare/v0.19.0-beta.2...v1.0.0) (2026-06-19)
+
+## ⚠ BREAKING CHANGES
+
+This release replaces the flat configuration API with a grouped schema. All existing `pp-dev.config.*` files must be updated — use `pp-dev migrate` to do it automatically.
+
+### Configuration schema
+
+The flat `VitePPDevOptions` object is replaced by `PPDevConfig` with five grouped sections:
+
+```ts
+// BEFORE (0.x)
+export default {
+  backendBaseURL: 'https://mi.company.com',
+  personalAccessToken: 'YOUR_TOKEN',
+  miHudLess: true,
+  v7Features: true,
+  appId: 937,
+  templateLess: false,
+};
+
+// AFTER (1.0)
+import { defineConfig } from '@metricinsights/pp-dev';
+
+export default defineConfig({
+  mi:    { url: 'https://mi.company.com', token: 'YOUR_TOKEN', mode: 'standalone', apiVersion: 7 },
+  app:   { id: 937, type: 'template' },
+});
+```
+
+| 0.x field | 1.0 field |
+|---|---|
+| `backendBaseURL` | `mi.url` |
+| `personalAccessToken` | `mi.token` |
+| `miHudLess: true` | `mi.mode: 'standalone'` |
+| `miHudLess: false` | `mi.mode: 'embedding'` |
+| `integrateMiTopBar: true` | `mi.mode: 'standalone'`, `mi.include: 'top-bar'` |
+| `integrateMiTopBar: { addSharedComponentsScripts: true }` | `mi.include: 'shared-components'` |
+| `v7Features: true` | `mi.apiVersion: 7` |
+| `v7Features: false` | `mi.apiVersion: 6` |
+| `appId` / `portalPageId` | `app.id` |
+| `templateName` | `app.name` (auto-resolved from `package.json#name` — usually omit) |
+| `templateLess: true` | `app.type: 'page'` |
+| `templateLess: false` | `app.type: 'template'` |
+| `enableProxyCache` | `proxy.cache` |
+| `proxyCacheTTL` | `proxy.cacheTtl` |
+| `disableSSLValidation: true` | `proxy.tls.allowSelfSigned: true` |
+| `distZip` | `build.zip` |
+| `versionPlugin` | `build.versionFile` |
+| `imageOptimizer` | `build.imageOptimisations` |
+| `outDir` | `build.outDir` |
+| `syncBackupsDir` | `sync.backupsDir` |
+
+### Removed
+
+- `pp-watch.config.*` / `.pp-watch.config.*` config files — use `pp-dev.config.*` instead
+- `PPWatchConfig` type
+- `VitePPDevOptions` type — use `PPDevConfig`
+- `normalizeVitePPDevConfig()` — internal, use `normalizePPDevConfig()`
+
+### Defaults
+
+| Field | Default |
+|---|---|
+| `mi.mode` | `'standalone'` |
+| `mi.apiVersion` | `7` |
+| `app.type` | `'template'` |
+| `app.name` | resolved from `package.json#name` |
+
+### Validation
+
+Startup validation now throws meaningful errors instead of silently ignoring bad config. Key rules:
+
+- `mi.include` requires `mi.mode: 'standalone'`
+- `mi.url` is required when `mi.mode: 'embedding'` or `app.type: 'template'`
+- `app.id` is required for templates and standalone pages
+
+### Migration
+
+Run the built-in codemod to upgrade your config automatically:
+
+```bash
+npx @metricinsights/pp-dev migrate
+# Preview changes first:
+npx @metricinsights/pp-dev migrate --dry-run
+# Force output format:
+npx @metricinsights/pp-dev migrate --format ts
+```
+
+The command detects flat 0.x configs and `pp-watch.config.*` files, migrates them to the new grouped format, and writes a `.bak` backup before overwriting.
+
+## Features
+
+* **config:** grouped `PPDevConfig` schema with `mi`, `app`, `proxy`, `build`, `sync` sections
+* **config:** `defineConfig()` helper for full TypeScript intellisense
+* **cli:** `pp-dev migrate` codemod — auto-migrates 0.x flat and `pp-watch` configs to 1.0 format, supports `--dry-run`, `--format ts|js|json`, `--output`, `--no-backup`
+* **ui:** redesigned dev panel — MI brand colors (`#075B7E`), Inter font, bordered buttons, updated toast and confirm modal styles
+
+---
+
 # [0.19.0-beta.2](https://github.com/mi-examples/pp-dev/compare/v0.19.0-beta.1...v0.19.0-beta.2) (2026-06-18)