add-cdn-bundle

द्वारा sentry

निर्दिष्ट सुविधाओं के साथ ब्राउज़र पैकेज के लिए एक नया CDN बंडल बनाएं

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

sentry की और Skills

generate-frontend-forms
sentry
Sentry के नए फॉर्म सिस्टम का उपयोग करके फॉर्म बनाने के लिए मार्गदर्शिका। फॉर्म, फॉर्म फ़ील्ड, सत्यापन या ऑटो-सेव कार्यक्षमता लागू करते समय उपयोग करें।
official
sentry-snapshots-cocoa
sentry
Apple/Cocoa प्रोजेक्ट्स के लिए पूर्ण Sentry Snapshots सेटअप। जब "setup SnapshotPreviews", "setup Apple snapshot testing", "upload Apple snapshots to…" के लिए कहा जाए तो उपयोग करें।
official
architecture-review
sentry
स्टाफ-स्तरीय कोडबेस स्वास्थ्य समीक्षा। मोनोलिथिक मॉड्यूल, मूक विफलताएं, प्रकार सुरक्षा अंतराल, परीक्षण कवरेज छिद्र और एलएलएम-मित्रता मुद्दों का पता लगाता है।
official
linear-type-labeler
sentry
लीनियर इश्यूज को वर्गीकृत करता है और प्रत्येक इश्यू के शीर्षक और विवरण की सामग्री के आधार पर सेंट्री वर्कस्पेस की लेबल वर्गीकरण से एक टाइप लेबल लागू करता है।
official
sentry-flutter-sdk
sentry
Flutter और Dart के लिए पूर्ण Sentry SDK सेटअप। जब "Flutter में Sentry जोड़ें", "sentry_flutter इंस्टॉल करें", "Dart में Sentry सेटअप करें" या त्रुटि कॉन्फ़िगर करने के लिए कहा जाए तो इसका उपयोग करें…
official
sentry-svelte-sdk
sentry
Svelte और SvelteKit के लिए पूर्ण Sentry SDK सेटअप। जब "Svelte में Sentry जोड़ें", "SvelteKit में Sentry जोड़ें", "@sentry/sveltekit इंस्टॉल करें" या कॉन्फ़िगर करने के लिए कहा जाए तो उपयोग करें…
official
vercel-react-best-practices
sentry
React और Next.js प्रदर्शन अनुकूलन दिशानिर्देश Vercel Engineering से। इस कौशल का उपयोग React/Next.js को लिखने, समीक्षा करने या रीफैक्टर करते समय किया जाना चाहिए…
official
sentry-tanstack-start-sdk
sentry
TanStack Start React के लिए पूर्ण Sentry SDK सेटअप। जब "TanStack Start में Sentry जोड़ें", "@sentry/tanstackstart-react इंस्टॉल करें", या त्रुटि कॉन्फ़िगर करने के लिए कहा जाए तो उपयोग करें…
official