feat: Add Bun docs (#7858)

Co-authored-by: getsantry[bot] <66042841+getsantry[bot]@users.noreply.github.com>

package.json

@@ -59,7 +59,7 @@
     "js-cookie": "^3.0.5",
     "js-yaml": "^3.0.0",
     "jsdom": "^22.1.0",
-    "platformicons": "^5.6.0",
+    "platformicons": "^5.6.4",
     "prism-sentry": "^1.0.2",
     "prismjs": "^1.27.0",
     "query-string": "^6.13.1",

src/components/guideGrid.tsx

@@ -26,7 +26,7 @@ export function GuideGrid({platform, className}: Props) {
         <li key={guide.key}>
           <SmartLink to={guide.url}>
             <PlatformIcon
-              platform={guide.key}
+              platform={guide.icon ?? guide.key}
               style={{marginRight: '0.5rem', border: 0, boxShadow: 'none'}}
               format="sm"
             />

src/components/hooks/usePlatform.tsx

@@ -17,6 +17,7 @@ const query = graphql`
         title
         url
         sdk
+        icon
         caseStyle
         supportLevel
         fallbackPlatform
@@ -26,6 +27,7 @@ const query = graphql`
           name
           title
           url
+          icon
           sdk
           caseStyle
           supportLevel

src/components/navbarPlatformDropdown.tsx

@@ -14,7 +14,7 @@ export function NavbarPlatformDropdown() {
         currentPlatform ? (
           <Fragment>
             <PlatformIcon
-              platform={currentPlatform.key}
+              platform={currentPlatform.icon ?? currentPlatform.key}
               size={16}
               style={{marginRight: '0.5rem'}}
               format="sm"
@@ -36,7 +36,7 @@ export function NavbarPlatformDropdown() {
           to={platform.url}
         >
           <PlatformIcon
-            platform={platform.key}
+            platform={platform.icon ?? platform.key}
             size={16}
             style={{marginRight: '0.5rem'}}
             format="sm"

src/components/platformGrid.tsx

@@ -76,7 +76,7 @@ export function PlatformGrid({noGuides = false}: Props) {
                   <SmartLink to={platform.url}>
                     <PlatformIcon
                       size={82}
-                      platform={platform.key}
+                      platform={platform.icon ?? platform.key}
                       format="lg"
                       style={{maxWidth: 'none', border: 0, boxShadow: 'none'}}
                     />

src/components/platformLinkWithLogo.tsx

@@ -21,7 +21,7 @@ export function PlatformLinkWithLogo({platform, label, url}: Props) {
     <SmartLink to={url}>
       <PlatformIcon
         size={20}
-        platform={currentPlatform.key}
+        platform={currentPlatform.icon ?? currentPlatform.key}
         style={{
           marginRight: '0.5rem',
           marginTop: '0.2rem',

src/data/platforms.yml

@@ -107,3 +107,6 @@
   type: language
   name: Dart
   case_style: camelCase
+- slug: bun
+  type: framework
+  name: Bun

src/gatsby/createSchemaCustomization/platformSchema.ts

@@ -31,6 +31,7 @@ export const getPlatformTypeDefs = () => {
       categories: [PlatformCategory!]
       url: String!
       fallbackPlatform: String!
+      icon: String
     }
 
     type Platform implements Node {
@@ -44,6 +45,7 @@ export const getPlatformTypeDefs = () => {
       categories: [PlatformCategory!]
       url: String!
       fallbackPlatform: String
+      icon: String
     }
     `,
   ];

src/pages/index.tsx

@@ -128,7 +128,11 @@ function IndexPage() {
             {visiblePlatforms.map(platform => (
               <SmartLink to={platform.url} className="hover-card-link" key={platform.key}>
                 <div className="image-frame">
-                  <PlatformIcon size={48} platform={platform.key} format="lg" />
+                  <PlatformIcon
+                    size={48}
+                    platform={platform.icon ?? platform.key}
+                    format="lg"
+                  />
                 </div>
                 {platform.title}
               </SmartLink>

src/pages/platform-redirect.tsx

@@ -29,7 +29,7 @@ function BasePlatformRedirect({path = '/'}: Props) {
             <SmartLink to={`/platforms/${platform.key}${path}`}>
               <PlatformIcon
                 size={16}
-                platform={platform.key}
+                platform={platform.icon ?? platform.key}
                 style={{marginRight: '0.5rem'}}
                 format="sm"
               />

src/platform-includes/getting-started-config/javascript.bun.mdx

@@ -0,0 +1,12 @@
+Once installed, you can capture exceptions manually for now.
+
+<SignInNote />
+
+```javascript {tabTitle:ESM}
+import * as Sentry from "@sentry/bun";
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+  tracesSampleRate: 1.0,
+});
+```

src/platform-includes/getting-started-install/javascript.bun.mdx

@@ -0,0 +1,3 @@
+```bash {tabTitle:Bun}
+bun add @sentry/bun
+```

src/platform-includes/getting-started-primer/javascript.bun.mdx

@@ -0,0 +1,12 @@
+<Note>
+
+The Bun SDK is currently in Beta.
+
+</Note>
+
+<Alert level="warning" title="Note">
+
+It's not possible to capture global unhandled exceptions, unhandled promise rejections now - Bun is working on adding support for it.
+[Github Issue](https://github.com/oven-sh/bun/issues/5091) follow this issue.
+
+</Alert>

src/platform-includes/getting-started-verify/javascript.bun.mdx

@@ -0,0 +1,16 @@
+```javascript
+const transaction = Sentry.startTransaction({
+  op: "test",
+  name: "My First Test Transaction",
+});
+
+setTimeout(() => {
+  try {
+    foo();
+  } catch (e) {
+    Sentry.captureException(e);
+  } finally {
+    transaction.finish();
+  }
+}, 99);
+```

src/platform-includes/performance/automatic-instrumentation-intro/javascript.bun.mdx

@@ -0,0 +1 @@
+The Sentry SDK provides a `Tracing` integration to add automatic instrumentation for monitoring the performance of your application.

src/platform-includes/performance/configure-sample-rate/javascript.bun.mdx

@@ -0,0 +1,17 @@
+<SignInNote />
+
+```javascript
+import * as Sentry from "@sentry/bun";
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+  integrations: [new Sentry.Tracing()],
+
+  // We recommend adjusting this value in production, or using tracesSampler
+  // for finer control
+  tracesSampleRate: 1.0,
+
+  // Set `tracePropagationTargets` to control for which URLs distributed tracing should be enabled
+  tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+});
+```

src/platform-includes/performance/enable-automatic-instrumentation/javascript.bun.mdx

@@ -0,0 +1,17 @@
+To enable tracing, include the `Tracing` integration in your SDK configuration options.
+
+<SignInNote />
+
+```javascript
+import * as Sentry from "@sentry/bun";
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+
+  integrations: [new Sentry.Tracing()],
+
+  // We recommend adjusting this value in production, or using tracesSampler
+  // for finer control
+  tracesSampleRate: 1.0,
+});
+```

src/platform-includes/performance/enable-tracing/javascript.bun.mdx

@@ -0,0 +1 @@
+Tracing is available by default in the Sentry Bun.

src/platforms/common/index.mdx

@@ -1,6 +1,6 @@
 <PlatformContent includePath="getting-started-primer" />
 
-On this page, we get you up and running with Sentry's SDK, so that it will automatically report errors and exceptions in your application.
+On this page, we get you up and running with Sentry's SDK.
 
 <PlatformSection noGuides notSupported={["android", "dart", "elixir", "flutter", "perl", "react-native", "unity", "unreal", "kotlin-multiplatform"]}>
 

src/platforms/javascript/common/install/index.mdx

@@ -4,6 +4,7 @@ sidebar_order: 1
 description: "Review our alternate installation methods."
 notSupported:
   - javascript.angular
+  - javascript.bun
   - javascript.capacitor
   - javascript.cordova
   - javascript.electron

src/platforms/javascript/common/profiling/index.mdx

@@ -3,6 +3,8 @@ title: Profiling
 sidebar_order: 1
 supported:
   - javascript
+notSupported:
+  - javascript.bun
 description: "Learn what transactions are captured after tracing is enabled."
 ---
 

src/platforms/javascript/guides/bun/config.yml

@@ -0,0 +1,9 @@
+title: Bun
+sdk: sentry.javascript.bun
+fallbackPlatform: javascript
+caseStyle: camelCase
+supportLevel: production
+icon: bun
+categories:
+  - browser
+  - server

src/types/platform.tsx

@@ -96,6 +96,10 @@ export interface PlatformConfig {
    * inherit configuration values from the parent platform.
    */
   fallbackPlatform?: string;
+  /**
+   * The icon to use for this platform. This is the name of the icon as defined
+   */
+  icon?: string;
   /**
    * Keywords used for search etc.
    */

yarn.lock

@@ -12162,10 +12162,10 @@ platform@^1.3.6:
   resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.6.tgz#48b4ce983164b209c2d45a107adb31f473a6e7a7"
   integrity sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==
 
-platformicons@^5.6.0:
-  version "5.6.2"
-  resolved "https://registry.yarnpkg.com/platformicons/-/platformicons-5.6.2.tgz#24d109e56c3dcedbac513f5b8fa73335e0eddd1e"
-  integrity sha512-2X/cWYohEqVAMQiz/MCVjgJaFEX/jiSXncqcgnMztPcsCSL5JpLn4d8CBeSBjpMIDTlCvGF90p0vM0oc7yGTpA==
+platformicons@^5.6.4:
+  version "5.6.4"
+  resolved "https://registry.yarnpkg.com/platformicons/-/platformicons-5.6.4.tgz#1c5b5aa410ea3f4a5113214863c08b7a5d7e5fc8"
+  integrity sha512-Mx6EEBC0XuwY7RU8Qa7YCdjhXj0QV7aFx1gYyBH8iEzz7uCLQmP7gj9WLfEu1WGo69AeJlkTjX6ViiEfTbUZOQ==
   dependencies:
     "@types/node" "*"
     "@types/react" "*"