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 的更多技能

generate-frontend-forms
sentry
使用Sentry新表单系统创建表单的指南。在实现表单、表单字段、验证或自动保存功能时使用。
official
sentry-snapshots-cocoa
sentry
完整的 Sentry Snapshots 配置,适用于 Apple/Cocoa 项目。当被要求“设置 SnapshotPreviews”、“设置 Apple 快照测试”、“上传 Apple 快照到…”时使用。
official
architecture-review
sentry
员工级代码库健康审查。发现单体模块、静默失败、类型安全漏洞、测试覆盖缺口以及LLM友好性问题。
official
linear-type-labeler
sentry
根据每个问题的标题和描述内容,对Linear问题进行分类,并从Sentry工作区的标签分类体系中应用一个类型标签。
official
sentry-flutter-sdk
sentry
完整的Sentry SDK配置,适用于Flutter和Dart。当被要求“为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
来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。
official
sentry-tanstack-start-sdk
sentry
为TanStack Start React提供完整的Sentry SDK设置。当被要求“向TanStack Start添加Sentry”、“安装@sentry/tanstackstart-react”或配置错误…时使用。
official