| name | add-cdn-bundle |
| description | Create a new CDN bundle for the browser package with specified features |
| argument-hint | <feature-combo> (e.g., replay.logs.metrics, tracing.logs, tracing.replay.feedback.logs.metrics) |
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 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
- Create
packages/browser/src/index.bundle.{FEATURE_COMBO}.ts
- Create
packages/browser/test/index.bundle.{FEATURE_COMBO}.test.ts
- Modify
packages/browser/rollup.bundle.config.mjs
- Modify
.size-limit.js
- Modify
dev-packages/browser-integration-tests/package.json
- Modify
dev-packages/browser-integration-tests/utils/generatePlugin.ts
- Modify
.github/workflows/build.yml
Verification Steps
After making changes:
yarn lint
cd packages/browser && yarn build:dev
cd packages/browser && yarn test