From Vite

Automated migration

npx @rep-protocol/codemod --framework vite src/

What it transforms

// Before
const apiUrl = import.meta.env.VITE_API_URL;
const flags = import.meta.env.VITE_FEATURE_FLAGS;

// After
import { rep } from '@rep-protocol/sdk';
const apiUrl = rep.get('API_URL');
const flags = rep.get('FEATURE_FLAGS');

What it leaves alone

Vite built-in variables are not transformed:

import.meta.env.MODE
import.meta.env.DEV
import.meta.env.PROD
import.meta.env.SSR
import.meta.env.BASE_URL

Preview first

npx @rep-protocol/codemod --framework vite --dry-run src/

Manual migration

If you prefer to migrate manually:

Rename environment variables:

VITE_API_URL        → REP_PUBLIC_API_URL
VITE_FEATURE_FLAGS  → REP_PUBLIC_FEATURE_FLAGS
VITE_ANALYTICS_KEY  → REP_SENSITIVE_ANALYTICS_KEY

Update code:

// Before
const apiUrl = import.meta.env.VITE_API_URL;

// After
import { rep } from '@rep-protocol/sdk';
const apiUrl = rep.get('API_URL', 'http://localhost:3000');

Install the SDK:
Terminal window
```
npm install @rep-protocol/sdk
```

Post-migration cleanup

Remove vite-env.d.ts ImportMeta type augmentations (if you had custom ones)
Remove .env.production and .env.staging files from the project
Remove envPrefix configuration from vite.config.ts (if customized)
Run rep typegen --manifest .rep.yaml --output src/rep.d.ts for typed access
Update your Dockerfile to include the REP gateway