feat(new-trace): Adding support for python performance setup checklist. (#10777)

Co-authored-by: Abdullah Khan <abdullahkhan@PG9Y57YDXQ.local>

Author: Abdkhan14

public/_platforms/javascript/performance-onboarding-1-install.json

@@ -1 +1,9 @@
-{"key":"javascript.performance-onboarding-1-install","type":"language","doc_link":"https://docs.sentry.io/platforms/javascript/tracing/","name":"JavaScript","aliases":[],"categories":[],"body":"<h4 id=\"install\" style=\"position:relative;\">Install</h4>\n<p>Install our JavaScript browser SDK using either <code>yarn</code> or <code>npm</code>:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash highlight\"><code class=\"language-bash\"><span class=\"token comment\"># Using yarn</span>\n<span class=\"token function\">yarn</span> <span class=\"token function\">add</span> @sentry/browser\n\n<span class=\"token comment\"># Using npm</span>\n<span class=\"token function\">npm</span> <span class=\"token function\">install</span> <span class=\"token parameter variable\">--save</span> @sentry/browser</code></pre></div>"}
+{
+  "key": "javascript.performance-onboarding-1-install",
+  "type": "language",
+  "doc_link": "https://docs.sentry.io/platforms/javascript/tracing/",
+  "name": "JavaScript",
+  "aliases": [],
+  "categories": [],
+  "body": "<h4 id=\"install\" style=\"position:relative;\">Install</h4>\n<p>Install our JavaScript browser SDK using either <code>yarn</code> or <code>npm</code>:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash highlight\"><code class=\"language-bash\"><span class=\"token comment\"># Using yarn</span>\n<span class=\"token function\">yarn</span> <span class=\"token function\">add</span> @sentry/browser\n\n<span class=\"token comment\"># Using npm</span>\n<span class=\"token function\">npm</span> <span class=\"token function\">install</span> <span class=\"token parameter variable\">--save</span> @sentry/browser</code></pre></div>"
+}

public/_platforms/javascript/performance-onboarding-2-configure.json

@@ -1 +1,9 @@
-{"key":"javascript.performance-onboarding-2-configure","type":"language","doc_link":"https://docs.sentry.io/platforms/javascript/tracing/","name":"JavaScript","aliases":[],"categories":[],"body":"<h4 id=\"configure\" style=\"position:relative;\">Configure</h4>\n<p>Configuration should happen as early as possible in your application's lifecycle.</p>\n<p>Once this is done, Sentry's JavaScript SDK captures all unhandled exceptions and transactions.</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript highlight\"><code class=\"language-javascript\"><span class=\"token keyword\">import</span> <span class=\"token operator\">*</span> <span class=\"token keyword\">as</span> Sentry <span class=\"token keyword\">from</span> <span class=\"token string\">\"@sentry/browser\"</span><span class=\"token punctuation\">;</span>\n\nSentry<span class=\"token punctuation\">.</span><span class=\"token function\">init</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  <span class=\"token literal-property property\">dsn</span><span class=\"token operator\">:</span> <span class=\"token string\">\"___PUBLIC_DSN___\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token literal-property property\">integrations</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Sentry<span class=\"token punctuation\">.</span>BrowserTracing</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n\n  <span class=\"token comment\">// Set tracesSampleRate to 1.0 to capture 100%</span>\n  <span class=\"token comment\">// of transactions for performance monitoring.</span>\n  <span class=\"token comment\">// We recommend adjusting this value in production</span>\n  <span class=\"token literal-property property\">tracesSampleRate</span><span class=\"token operator\">:</span> <span class=\"token number\">1.0</span><span class=\"token punctuation\">,</span>\n  <span class=\"token comment\">// Set `tracePropagationTargets` to control for which URLs distributed tracing should be enabled</span>\n  <span class=\"token literal-property property\">tracePropagationTargets</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">\"localhost\"</span><span class=\"token punctuation\">,</span> <span class=\"token regex\"><span class=\"token regex-delimiter\">/</span><span class=\"token regex-source language-regex\">^https:\\/\\/yourserver\\.io\\/api</span><span class=\"token regex-delimiter\">/</span></span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<p>We recommend adjusting the value of <code>tracesSampleRate</code> in production. Learn more about configuring sampling in our <a href=\"https://docs.sentry.io/platforms/javascript/configuration/sampling/\">full documentation</a>.</p>"}
+{
+  "key": "javascript.performance-onboarding-2-configure",
+  "type": "language",
+  "doc_link": "https://docs.sentry.io/platforms/javascript/tracing/",
+  "name": "JavaScript",
+  "aliases": [],
+  "categories": [],
+  "body": "<h4 id=\"configure\" style=\"position:relative;\">Configure</h4>\n<p>Configuration should happen as early as possible in your application's lifecycle.</p>\n<p>Once this is done, Sentry's JavaScript SDK captures all unhandled exceptions and transactions.</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript highlight\"><code class=\"language-javascript\"><span class=\"token keyword\">import</span> <span class=\"token operator\">*</span> <span class=\"token keyword\">as</span> Sentry <span class=\"token keyword\">from</span> <span class=\"token string\">\"@sentry/browser\"</span><span class=\"token punctuation\">;</span>\n\nSentry<span class=\"token punctuation\">.</span><span class=\"token function\">init</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  <span class=\"token literal-property property\">dsn</span><span class=\"token operator\">:</span> <span class=\"token string\">\"___PUBLIC_DSN___\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token literal-property property\">integrations</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">[<span class=\"token class-name\">Sentry<span class=\"token punctuation\">.</span>browserTracingIntegration</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n\n  <span class=\"token comment\">// Set tracesSampleRate to 1.0 to capture 100%</span>\n  <span class=\"token comment\">// of transactions for performance monitoring.</span>\n  <span class=\"token comment\">// We recommend adjusting this value in production</span>\n  <span class=\"token literal-property property\">tracesSampleRate</span><span class=\"token operator\">:</span> <span class=\"token number\">1.0</span><span class=\"token punctuation\">,</span>\n  <span class=\"token comment\">// Set `tracePropagationTargets` to control for which URLs distributed tracing should be enabled</span>\n  <span class=\"token literal-property property\">tracePropagationTargets</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">\"localhost\"</span><span class=\"token punctuation\">,</span> <span class=\"token regex\"><span class=\"token regex-delimiter\">/</span><span class=\"token regex-source language-regex\">^https:\\/\\/yourserver\\.io\\/api</span><span class=\"token regex-delimiter\">/</span></span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<p>We recommend adjusting the value of <code>tracesSampleRate</code> in production. Learn more about tracing <a href=\"https://docs.sentry.io/platforms/javascript/configuration/options/#tracing-options\">options,</a> how to use the <a href=\"https://docs.sentry.io/platforms/javascript/configuration/sampling/\">traces_sampler</a> function, or how to <a href=\"https://docs.sentry.io/platforms/javascript/configuration/sampling/\">sample transactions</a>.</p>"
+}

public/_platforms/javascript/performance-onboarding-3-verify.json

@@ -1 +1,9 @@
-{"key":"javascript.performance-onboarding-3-verify","type":"language","doc_link":"https://docs.sentry.io/platforms/javascript/tracing/","name":"JavaScript","aliases":[],"categories":[],"body":"<h4 id=\"verify\" style=\"position:relative;\">Verify</h4>\n<p>Verify that performance monitoring is working correctly with our <a href=\"https://docs.sentry.io/platforms/javascript/tracing/instrumentation/automatic-instrumentation/\">automatic instrumentation</a> by simply using your JavaScript application.</p>\n<p>You have the option to manually construct a transaction using <a href=\"https://docs.sentry.io/platforms/javascript/tracing/instrumentation/custom-instrumentation/\">custom instrumentation</a>:</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript highlight\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> transaction <span class=\"token operator\">=</span> Sentry<span class=\"token punctuation\">.</span><span class=\"token function\">startTransaction</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span> <span class=\"token literal-property property\">name</span><span class=\"token operator\">:</span> <span class=\"token string\">\"test-transaction\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> span <span class=\"token operator\">=</span> transaction<span class=\"token punctuation\">.</span><span class=\"token function\">startChild</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span> <span class=\"token literal-property property\">op</span><span class=\"token operator\">:</span> <span class=\"token string\">\"functionX\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// This function returns a Span</span>\n<span class=\"token comment\">// exampleFunctionCall();</span>\nspan<span class=\"token punctuation\">.</span><span class=\"token function\">finish</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// Remember that only finished spans will be sent with the transaction</span>\ntransaction<span class=\"token punctuation\">.</span><span class=\"token function\">finish</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// Finishing the transaction will send it to Sentry</span></code></pre></div>"}
+{
+  "key": "javascript.performance-onboarding-3-verify",
+  "type": "language",
+  "doc_link": "https://docs.sentry.io/platforms/javascript/tracing/",
+  "name": "JavaScript",
+  "aliases": [],
+  "categories": [],
+  "body": "<h4 id=\"verify\" style=\"position:relative;\">Verify</h4>\n<p>Verify that performance monitoring is working correctly with our <a href=\"https://docs.sentry.io/platforms/javascript/tracing/instrumentation/automatic-instrumentation/\">automatic instrumentation</a> by simply using your JavaScript application.</p>\n<p>You have the option to manually construct a transaction using <a href=\"https://docs.sentry.io/platforms/javascript/tracing/instrumentation/custom-instrumentation/\">custom instrumentation</a>:</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript highlight\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> transaction <span class=\"token operator\">=</span> Sentry<span class=\"token punctuation\">.</span><span class=\"token function\">startTransaction</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span> <span class=\"token literal-property property\">name</span><span class=\"token operator\">:</span> <span class=\"token string\">\"test-transaction\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> span <span class=\"token operator\">=</span> transaction<span class=\"token punctuation\">.</span><span class=\"token function\">startChild</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span> <span class=\"token literal-property property\">op</span><span class=\"token operator\">:</span> <span class=\"token string\">\"functionX\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// This function returns a Span</span>\n<span class=\"token comment\">// exampleFunctionCall();</span>\nspan<span class=\"token punctuation\">.</span><span class=\"token function\">finish</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// Remember that only finished spans will be sent with the transaction</span>\ntransaction<span class=\"token punctuation\">.</span><span class=\"token function\">finish</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// Finishing the transaction will send it to Sentry</span></code></pre></div>"
+}

public/_platforms/javascript/react-performance-onboarding-1-install.json

@@ -1 +1,9 @@
-{"key":"javascript.react-performance-onboarding-1-install","type":"framework","doc_link":"https://docs.sentry.io/platforms/javascript/guides/react/tracing/","name":"React","aliases":[],"categories":[],"body":"<h4 id=\"install\" style=\"position:relative;\">Install</h4>\n<p>Install our JavaScript browser SDK using either <code>yarn</code> or <code>npm</code>:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash highlight\"><code class=\"language-bash\"><span class=\"token comment\"># Using yarn</span>\n<span class=\"token function\">yarn</span> <span class=\"token function\">add</span> @sentry/react\n\n<span class=\"token comment\"># Using npm</span>\n<span class=\"token function\">npm</span> <span class=\"token function\">install</span> <span class=\"token parameter variable\">--save</span> @sentry/react</code></pre></div>"}
+{
+  "key": "javascript.react-performance-onboarding-1-install",
+  "type": "framework",
+  "doc_link": "https://docs.sentry.io/platforms/javascript/guides/react/tracing/",
+  "name": "React",
+  "aliases": [],
+  "categories": [],
+  "body": "<h4 id=\"install\" style=\"position:relative;\">Install</h4>\n<p>Install our JavaScript browser SDK using either <code>yarn</code> or <code>npm</code>:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash highlight\"><code class=\"language-bash\"><span class=\"token comment\"># Using yarn</span>\n<span class=\"token function\">yarn</span> <span class=\"token function\">add</span> @sentry/react\n\n<span class=\"token comment\"># Using npm</span>\n<span class=\"token function\">npm</span> <span class=\"token function\">install</span> <span class=\"token parameter variable\">--save</span> @sentry/react</code></pre></div>"
+}