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
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_)
Select your site
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
│   └── scripts.json     # Script metadata
└── kode/                # Your scripts directory
    ├── init.js
    ├── tracking.js
    └── styles.css

Configuration

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

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

VS Code Settings

Setting	Default	Description
`cureKode.apiUrl`	`https://cure-app-v2-production.up.railway.app`	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 kode/ 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

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 cure-app.com/tools/kode)
VS Code 1.85.0 or later

Known Issues

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

Release Notes

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