add-cdn-bundle

por sentry

Crear un nuevo paquete CDN para el paquete del navegador con las características especificadas

npx skills add https://github.com/getsentry/sentry-javascript --skill 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: tracingreplayfeedbacklogsmetrics

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:

PlaceholderExample (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:

yarn lint
cd packages/browser && yarn build:dev
cd packages/browser && yarn test

Más skills de sentry

generate-frontend-forms
sentry
Guía para crear formularios usando el nuevo sistema de formularios de Sentry. Úsalo al implementar formularios, campos de formulario, validación o funcionalidad de guardado automático.
official
sentry-snapshots-cocoa
sentry
Configuración completa de Sentry Snapshots para proyectos Apple/Cocoa. Úsalo cuando se te pida "configurar SnapshotPreviews", "configurar pruebas de snapshot en Apple", "subir snapshots de Apple a…
official
architecture-review
sentry
Revisión de salud del código a nivel de equipo. Encuentra módulos monolíticos, fallos silenciosos, brechas de seguridad de tipos, vacíos en la cobertura de pruebas y problemas de compatibilidad con LLM.
official
linear-type-labeler
sentry
Clasifica los issues de Linear y aplica una etiqueta de Tipo de la taxonomía de etiquetas del espacio de trabajo de Sentry basándose en el contenido del título y la descripción de cada issue.
official
vercel-react-best-practices
sentry
Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…
official
bump-size-limit
sentry
Aumenta los límites de tamaño en .size-limit.js cuando la verificación de CI de size-limit falla. Úsalo cuando el usuario mencione fallos en los límites de tamaño, comprobaciones de tamaño de paquete fallidas, tamaño de CI…
official
generate-migration
sentry
Genera migraciones de base de datos de Django para Sentry. Úsalo al crear migraciones, agregar/eliminar columnas o tablas, agregar índices o resolver migraciones…
official
security-review
sentry
Encuentra vulnerabilidades de seguridad explotables en cambios de código. Úsalo para escaneos de seguridad de Warden, revisión de appsec, verificaciones estilo OWASP, autenticación o…
official