@codewithdan/zingit 0.17.3 → 0.17.5

package/AGENTS.md

@@ -140,28 +140,31 @@ The server uses a pluggable agent architecture:
 
 ## Development Commands
 
+This project uses [npm workspaces](https://docs.npmjs.com/cli/using-npm/workspaces). A single `npm install` at the root installs all dependencies for both client and server.
+
+```bash
+npm install          # Install all dependencies (run from root)
+npm run dev          # Start both server and client concurrently
+npm run build        # Build both client and server
+npm run test         # Run client unit tests
+```
+
 ### Client
 ```bash
-cd client
-npm install
-npm run dev          # Start Vite dev server (http://localhost:5200)
-npm run build        # Build for production
-npm run deploy       # Prepare and deploy to GitHub Pages
-npm run typecheck    # Type check without emitting
-npm run typecheck:watch  # Watch mode type checking
+npm run dev -w client          # Start Vite dev server (http://localhost:5200)
+npm run build -w client        # Build for production
+npm run deploy -w client       # Prepare and deploy to GitHub Pages
+npm run typecheck -w client    # Type check without emitting
 ```
 
 **Note**: The deploy script (`npm run deploy`) runs `prepare-deploy.js` which copies files to the `deploy/` folder, then uses `gh-pages` to publish to GitHub Pages.
 
 ### Server
 ```bash
-cd server
-npm install
-npx cross-env AGENT=claude npm run dev   # Start with Claude Code agent
-npx cross-env AGENT=copilot npm run dev  # Start with GitHub Copilot agent
-npx cross-env AGENT=codex npm run dev    # Start with OpenAI Codex agent
-npm run typecheck                         # Type check
-npm run typecheck:watch                   # Watch mode type checking
+npx cross-env AGENT=claude npm run dev -w server   # Start with Claude Code agent
+npx cross-env AGENT=copilot npm run dev -w server  # Start with GitHub Copilot agent
+npx cross-env AGENT=codex npm run dev -w server    # Start with OpenAI Codex agent
+npm run typecheck -w server                         # Type check
 ```
 
 ### Running the Published Package

package/CHANGELOG.md

@@ -1,6 +1,28 @@
 # Changelog
 
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
+
+## 0.17.5 (2026-02-22)
+
+
+### Features
+
+* integrate @codewithdan/agent-sdk-core for all AI agent providers ([a49229f](https://github.com/danwahlin/zingit/commit/a49229f390f00578539ea5bb3671565f01efbaee))
+
+
+### Bug Fixes
+
+* default PROJECT_DIR to npm invocation directory ([bd21484](https://github.com/danwahlin/zingit/commit/bd21484ea02b6a8e139fc850726c2e9f8597ee14))
+* replace deprecated standard-version with commit-and-tag-version ([3e0646c](https://github.com/danwahlin/zingit/commit/3e0646c03d1cf3451dd334a15dfe95bb106b8744))
+* update vulnerable devDependencies and harden querySelector ([c6a88e4](https://github.com/danwahlin/zingit/commit/c6a88e473a081dcee8887bbb7dae5390044e6102))
+
+
+### Documentation
+
+* update demo site setup steps for npm workspaces ([e53859c](https://github.com/danwahlin/zingit/commit/e53859cfb84a17b772e4570b378c95cf4c7b7f5b))
+* update README and AGENTS.md for npm workspaces setup ([bf9a6ab](https://github.com/danwahlin/zingit/commit/bf9a6ab37ac0da8e2d41e283a9c185380d64803c))
+
+### [0.17.4](https://github.com/danwahlin/zingit/compare/v0.17.3...v0.17.4) (2026-01-30)
 
 ### [0.17.3](https://github.com/danwahlin/zingit/compare/v0.17.2...v0.17.3) (2026-01-29)
 

package/README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img src="client/images/zingit-readme.png" alt="ZingIt" width="200">
+  <img src="client/images/zingit-readme.webp" alt="ZingIt" width="200">
 
 
 # ZingIt
@@ -21,17 +21,17 @@ Tired of describing what element to change in the UI, taking screenshots, and co
 ### Visual Markers
 Click any element on your page to add notes about changes you want. Smart CSS selectors are automatically generated to target the exact element.
 
-<img src="client/images/select-it.png" alt="Visual Markers" width="600">
+<img src="client/images/select-it.webp" alt="Visual Markers" width="600">
 
 ### Screenshot Capture
 Automatically captures screenshots of marked elements to provide visual context to AI agents. No more manual screenshot taking!
 
-<img src="client/images/screen-shots.png" alt="Screenshot Capture" width="600">
+<img src="client/images/screen-shots.webp" alt="Screenshot Capture" width="600">
 
 ### Multi-Agent Support
 Works with Claude Code, GitHub Copilot CLI, and OpenAI Codex. Choose your preferred AI assistant and watch it work in real-time.
 
-<img src="client/images/multi-agents.png" alt="Multi-Agent Support" width="600">
+<img src="client/images/multi-agents.webp" alt="Multi-Agent Support" width="600">
 
 ### Send Changes with a Click
 Once you've marked your changes, simply click the sparkle icon (✨) in the ZingIt toolbar to send everything to your AI agent. Watch as it generates code updates live!
@@ -58,29 +58,21 @@ Once you've marked your changes, simply click the sparkle icon (✨) in the Zing
 
 ```bash
 git clone https://github.com/danwahlin/zingit.git
-```
-
-3. **Start the ZingIt server** (in one terminal):
-
-```bash
-cd zingit/server
+cd zingit
 npm install
-npx cross-env PROJECT_DIR=../client npm run dev
 ```
 
-Server runs on `ws://localhost:3000`
-
-4. **Run the demo site** (in another terminal):
+3. **Start the ZingIt server and demo site**:
 
 ```bash
-cd zingit/client
-npm install
 npm run dev
 ```
 
-5. Visit [http://localhost:5200/?zingit](http://localhost:5200/?zingit) to see ZingIt in action!
+This starts both the server (`ws://localhost:3000`) and the client dev server concurrently.
+
+4. Visit [http://localhost:5200/?zingit](http://localhost:5200/?zingit) to see ZingIt in action!
 
-6. You'll be prompted to select an AI agent. Start marking!
+5. You'll be prompted to select an AI agent. Start marking!
 
 ### Option 2: Add to Your Website