Cure Kode VS Code Extension

Develop and deploy JavaScript/CSS scripts for Webflow sites directly from VS Code.

Features

Scripts Tree View: Browse and manage all scripts for your site
Auto-Sync: Automatically push changes when you save
Pull/Push: Sync scripts between local and remote with conflict detection
Deploy: Deploy to staging or production from VS Code
HTML Preview: Analyze any URL to see scripts and detect Cure Kode integration

Getting Started

Open a folder in VS Code
Run command: Cure Kode: Initialize Project
Enter your API key (starts with ck_)
Your site is auto-detected from the API key
Run Cure Kode: Pull Scripts to download existing scripts

Commands

Command	Description	Shortcut
`Cure Kode: Initialize Project`	Set up a new Cure Kode project	-
`Cure Kode: Pull Scripts`	Download scripts from remote	`Cmd+Shift+D`
`Cure Kode: Push Scripts`	Upload all scripts to remote	`Cmd+Shift+U`
`Cure Kode: Push Current File`	Upload current file only	-
`Cure Kode: Deploy to Staging`	Deploy all scripts to staging	-
`Cure Kode: Promote to Production`	Promote staging to production	-
`Cure Kode: Show HTML Preview`	Analyze a URL	-
`Cure Kode: Toggle Auto-Sync`	Enable/disable auto-sync on save	-

Activity Bar

The extension adds a "Cure Kode" icon to the activity bar with three views:

Scripts: All scripts for your site, organized by scope (global/page-specific)
Pages: Page definitions with URL patterns
Deployments: Current staging and production deployment status

Project Structure

your-project/
├── .cure-kode/
│   ├── config.json       # Project configuration (gitignored)
│   ├── scripts.json      # Sync state for conflict detection
│   ├── KODE.md           # Auto-generated documentation
│   └── context.md        # AI context notes
├── .cure-kode-scripts/   # Your scripts directory
│   ├── main.js
│   ├── tracking.js
│   └── styles.css
├── .mcp.json             # MCP server configuration
└── CLAUDE.md             # References KODE.md (your content preserved)

Configuration

Project Config (`.cure-kode/config.json`)

{
  "siteId": "uuid",
  "siteSlug": "my-site",
  "siteName": "My Site",
  "apiKey": "ck_...",
  "scriptsDir": ".cure-kode-scripts",
  "environment": "staging"
}

VS Code Settings

Setting	Default	Description
`cureKode.apiUrl`	`https://app.cure.no`	API URL
`cureKode.autoSyncOnSave`	`true`	Auto-push on save
`cureKode.showStatusBar`	`true`	Show status bar item
`cureKode.defaultEnvironment`	`staging`	Default deploy environment

Workflow

Basic Development

Edit scripts in your .cure-kode-scripts/ folder
Save files - they auto-sync to remote
Test on your staging domain
Deploy to production when ready

Deployment Flow

Local Edit → Save (auto-sync) → Deploy to Staging → Test → Promote to Production

CLI Companion

For advanced features, use the CLI alongside VS Code:

npm i -g @curenorway/kode-cli

kode status              # Show sync status with staleness indicators
kode doctor              # Diagnose configuration issues
kode deploy --dry-run    # Preview deployment without executing
kode diff <script>       # Compare local vs remote versions
kode sync                # Bidirectional sync with conflict detection

Status Bar

The status bar shows:

Sync icon (enabled/disabled)
Current environment (stag/prod)

Click to toggle auto-sync.

Requirements

Cure Kode API key (get from app.cure.no/tools/kode)
VS Code 1.85.0 or later

Security

API Key Management

API keys stored in .cure-kode/config.json (auto-gitignored)
Keys are SHA256 hashed on the server
Keys are site-scoped with granular permissions

Permissions

Permission	Enabled Commands
`read`	Pull scripts, view deployments
`write`	Push scripts, create new scripts
`deploy`	Deploy to staging/production
`delete`	Delete scripts

Best Practices

Never commit .cure-kode/config.json to version control
Use read-only keys for browse-only workflows
Generate separate keys for each developer

Known Issues

Version history view not yet implemented
Page assignment UI coming in future update

Release Notes

1.0.3

Updated documentation for v1.1 CLI compatibility
New project structure with .cure-kode-scripts/ directory
Added CLI companion section with new commands

1.0.0

Initial release:

Scripts, Pages, Deployments tree views
Pull/Push/Deploy commands
Auto-sync on save
HTML preview
Status bar integration

Cure Kode

Cure