add js package codeblock demo

Author: chargome

docs/platforms/javascript/common/session-replay/index.mdx

@@ -62,7 +62,62 @@ There is currently no PII scrubbing in canvas recordings!
 
 If you want to record HTML canvas elements, you'll need to add an additional integration in your Sentry configuration. The canvas integration is exported from the browser SDK, so no additional package is required. Canvas recording is opt-in and will be tree-shaken from your bundle if it's not being used:
 
-<PlatformContent includePath="session-replay/setup-canvas" />
+<PlatformSection notSupported={["javascript"]}>
+```javascript {13}
+import * as Sentry from "___JS_PACKAGE___";
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
+
+  integrations: [
+    // Keep the Replay integration as before
+    Sentry.replayIntegration(),
+
+    // The following is all you need to enable canvas recording with Replay
+    Sentry.replayCanvasIntegration(),
+  ],
+});
+```
+</PlatformSection>
+
+<PlatformSection supported={["javascript"]}>
+```javascript {tabTitle: npm} {13}
+import * as Sentry from "___JS_PACKAGE___";
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
+
+  integrations: [
+    // Keep the Replay integration as before
+    Sentry.replayIntegration(),
+
+    // The following is all you need to enable canvas recording with Replay
+    Sentry.replayCanvasIntegration(),
+  ],
+});
+```
+
+```html {tabTitle: CDN}
+<!-- Existing script tag for bundle with replay, error, and tracing -->
+<script
+  src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.tracing.replay.min.js"
+  integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.tracing.replay.min.js', 'sha384-base64') }}"
+  crossorigin="anonymous"
+></script>
+
+<!-- New script tag for the canvas replay integration -->
+<script
+  src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/replay-canvas.min.js"
+  integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'replay-canvas.min.js', 'sha384-base64') }}"
+  crossorigin="anonymous"
+></script>
+```
+</PlatformSection>
+
 
 #### 3D and WebGL Canvases
 

docs/platforms/javascript/guides/aws-lambda/index.mdx

@@ -1,7 +1,7 @@
 ---
 title: AWS Lambda
 description: "Learn about Sentry's integration with AWS Lambda."
-sdk: sentry.javascript.node
+sdk: sentry.javascript.aws-serverless
 fallbackGuide: javascript.node
 categories:
   - serverless

docs/platforms/javascript/guides/gcp-functions/index.mdx

@@ -1,7 +1,7 @@
 ---
 title: Google Cloud Functions
 description: "Learn how to use Sentry's Google Cloud Functions SDK."
-sdk: sentry.javascript.node
+sdk: sentry.javascript.google-cloud-serverless
 fallbackGuide: javascript.node
 categories:
   - serverless