add-cdn-bundle

# Add CDN Bundle Skill This skill creates a new CDN bundle for the browser package that includes a specific combination of features. ## Input The user provides a feature combination using dot notation: - `logs.metrics` - Bundle with logs and metrics - `replay.logs.metrics` - Bundle with replay, logs, and metrics - `tracing.replay.logs` - Bundle with tracing, replay, and logs - `tracing.replay.feedback.logs.metrics` - Full featured bundle **Feature order in bundle names:** `tracing` → `replay` → `feedback` → `logs` → `metrics` ## Instructions Follow the detailed guide at [docs/adding-cdn-bundle.md](../../../docs/adding-cdn-bundle.md) to create the bundle. ### Quick Reference - Naming Conventions Given a feature combination, derive these variants: | Placeholder | Example (`replay.logs.metrics`) | | ------------------------------- | ------------------------------- | | `{FEATURE_COMBO}` | `replay.logs.metrics` | | `{feature_combo}` | `replay_logs_metrics` | | `{featureCombo}` | `replayLogsMetrics` | | `{Human Readable Features}` | `Replay, Logs, Metrics` | | `{Human Readable Feature List}` | `Replay, Logs, and Metrics` | ### Quick Reference - Files to Create/Modify 1. **Create** `packages/browser/src/index.bundle.{FEATURE_COMBO}.ts` 2. **Create** `packages/browser/test/index.bundle.{FEATURE_COMBO}.test.ts` 3. **Modify** `packages/browser/rollup.bundle.config.mjs` 4. **Modify** `.size-limit.js` 5. **Modify** `dev-packages/browser-integration-tests/package.json` 6. **Modify** `dev-packages/browser-integration-tests/utils/generatePlugin.ts` 7. **Modify** `.github/workflows/build.yml` ### Verification Steps After making changes: ```bash yarn lint cd packages/browser && yarn build:dev cd packages/browser && yarn test ```