TypeSync Dashboard

A minimal VS Code extension that wraps the typesync CLI (validate, validate-data, generate-ts, generate-zod, generate-rules, generate-graph) and shows pass/fail status for each in a webview dashboard plus a status bar indicator.

Development

npm install
npm run compile  # For local development/testing
npm run bundle   # To test the bundled output

Then open this folder in VS Code and press F5.

Publishing

1. Verify Publisher: The publisher in package.json is set to AxelSorensen.
2. Get a PAT: Create a Personal Access Token on Azure DevOps with Marketplace (Publish) scope.
3. Login & Publish:

   npx vsce login AxelSorensen
   npm run publish
   

Commands

All available via the command palette (Cmd+Shift+P):

• TypeSync: Open Dashboard
• TypeSync: Validate Schema
• TypeSync: Validate Data (Emulator/Live)
• TypeSync: Generate TypeScript Models
• TypeSync: Generate Zod Schemas
• TypeSync: Generate Firestore Rules
• TypeSync: Generate Schema Graph
• TypeSync: Run All Checks

Settings

Configurable under typesyncDashboard.* in VS Code settings — schema definition path, output file paths/targets, emulator host, and project id. By default the project id is read from .firebaserc if not set explicitly.

Requirements

• The typesync CLI must be installed and on PATH.
• For validate-data, a running Firestore emulator (or live credentials) is required, matching whatever you'd normally pass to the CLI directly.