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 metricsreplay.logs.metrics- Bundle with replay, logs, and metricstracing.replay.logs- Bundle with tracing, replay, and logstracing.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