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:
bash
yarn lint cd packages/browser && yarn build:dev cd packages/browser && yarn test