add-cdn-bundle

von sentry

Erstelle ein neues CDN-Bundle für das Browser-Paket mit den angegebenen Funktionen

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

Mehr Skills von sentry

generate-frontend-forms
sentry
Leitfaden zur Erstellung von Formularen mit Sentrys neuem Formularsystem. Verwenden Sie dies bei der Implementierung von Formularen, Formularfeldern, Validierung oder Auto-Save-Funktionalität.
official
sentry-snapshots-cocoa
sentry
Vollständige Sentry-Snapshots-Einrichtung für Apple/Cocoa-Projekte. Verwenden, wenn aufgefordert, "SnapshotPreviews einzurichten", "Apple-Snapshot-Tests einzurichten", "Apple-Snapshots hochzuladen nach…
official
architecture-review
sentry
Codebase-Gesundheitsprüfung auf Mitarbeiterebene. Erkennt monolithische Module, stille Fehler, Typsicherheitslücken, Testabdeckungslücken und LLM-Freundlichkeitsprobleme.
official
linear-type-labeler
sentry
Klassifiziert Linear-Issues und weist ein Typ-Label aus der Label-Taxonomie des Sentry-Workspace zu, basierend auf dem Inhalt des Titels und der Beschreibung jedes Issues.
official
sentry-flutter-sdk
sentry
Vollständige Sentry SDK-Einrichtung für Flutter und Dart. Verwenden, wenn aufgefordert wird, "Sentry zu Flutter hinzuzufügen", "sentry_flutter zu installieren", "Sentry in Dart einzurichten" oder Fehlerkonfiguration…
official
sentry-svelte-sdk
sentry
Vollständige Sentry-SDK-Einrichtung für Svelte und SvelteKit. Verwenden, wenn aufgefordert wird, "Sentry zu Svelte hinzuzufügen", "Sentry zu SvelteKit hinzuzufügen", "@sentry/sveltekit zu installieren" oder zu konfigurieren…
official
vercel-react-best-practices
sentry
Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…
official
sentry-tanstack-start-sdk
sentry
Vollständige Sentry SDK-Einrichtung für TanStack Start React. Verwenden, wenn aufgefordert wird, "Sentry zu TanStack Start hinzuzufügen", "@sentry/tanstackstart-react zu installieren" oder Fehlerkonfiguration…
official