update docs and links as this is v4 only

Author: nicktrn

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam._index/route.tsx

@@ -715,7 +715,6 @@ function HelpfulInfoHasTasks({ onClose }: { onClose: () => void }) {
           isExternal
         />
         <LinkWithIcon to={docsPath("/examples/puppeteer")} description="Puppeteer" isExternal />
-        <LinkWithIcon to={docsPath("/examples/lightpanda")} description="Lightpanda" isExternal />
         <LinkWithIcon to={docsPath("/examples/react-pdf")} description="React to PDF" isExternal />
         <LinkWithIcon
           to={docsPath("/examples/resend-email-sequence")}

docs/config/config-file.mdx

@@ -433,10 +433,6 @@ See the [syncEnvVars documentation](/config/extensions/syncEnvVars) for more inf
 
 See the [puppeteer documentation](/config/extensions/puppeteer) for more information.
 
-#### lightpanda
-
-See the [Lightpanda documentation](/config/extensions/lightpanda) for more information.
-
 #### ffmpeg
 
 See the [ffmpeg documentation](/config/extensions/ffmpeg) for more information.

docs/config/extensions/lightpanda.mdx

@@ -1,15 +1,18 @@
 ---
 title: "Lightpanda"
 sidebarTitle: "lightpanda"
-description: "Use the lightpanda build extension to be able to use Lightpanda Browser in your project"
+description: "Use the lightpanda build extension to add Lightpanda browser to your project"
+tag: "v4"
 ---
 
-<ScrapingWarning />
+import UpgradeToV4Note from "/snippets/upgrade-to-v4-note.mdx";
 
-To use Lightpanda in your project, add these build settings to your `trigger.config.ts` file:
+<UpgradeToV4Note />
+
+To use the Lightpanda browser in your project, add the extension to your `trigger.config.ts` file:
 
 ```ts trigger.config.ts
-import { defineConfig } from "@trigger.dev/sdk/v3";
+import { defineConfig } from "@trigger.dev/sdk";
 import { lightpanda } from "@trigger.dev/build/extensions/lightpanda";
 
 export default defineConfig({
@@ -21,10 +24,42 @@ export default defineConfig({
 });
 ```
 
-And add the following environment variable in your Trigger.dev dashboard on the Environment Variables page:
+### Options
 
-```bash
-LIGHTPANDA_BROWSER_PATH: "/usr/bin/lightpanda",
+- `version`: The version of the browser to install. Default: `"nightly"`.
+- `disableTelemetry`: Whether to disable telemetry. Default: `false`.
+
+For example:
+
+```ts trigger.config.ts
+import { defineConfig } from "@trigger.dev/sdk";
+import { lightpanda } from "@trigger.dev/build/extensions/lightpanda";
+
+export default defineConfig({
+  project: "<project ref>",
+  build: {
+    extensions: [
+      lightpanda({
+        version: "nightly",
+        disableTelemetry: true,
+      }),
+    ],
+  },
+});
 ```
 
-Follow [this example](/guides/examples/lightpanda) to get setup with Trigger.dev and Lightpanda in your project.
+### Environment variables
+
+The extension sets the following environment variables during the build:
+
+- `LIGHTPANDA_BROWSER_PATH`: Set to `/usr/bin/lightpanda` so the browser can be found at runtime
+
+#### Development
+
+When running in dev, you will first have to download the Lightpanda browser binary. See [Lightpanda's installation guide](https://lightpanda.io/docs/getting-started/installation).
+
+Then, set the `LIGHTPANDA_BROWSER_PATH` environment variable to the path of the Lightpanda browser binary.
+
+```bash
+export LIGHTPANDA_BROWSER_PATH="/usr/local/bin/lightpanda"
+```

docs/config/extensions/overview.mdx

@@ -50,9 +50,7 @@ Trigger.dev provides a set of built-in extensions that you can use to customize
 | :-------------------------------------------------------------------- | :----------------------------------------------------------------------------- |
 | [prismaExtension](/config/extensions/prismaExtension)                 | Using prisma in your Trigger.dev tasks                                         |
 | [pythonExtension](/config/extensions/pythonExtension)                 | Execute Python scripts in your project                                         |
-| [playwright](/config/extensions/playwright)                           | Use Playwright in your Trigger.dev tasks                                       |
 | [puppeteer](/config/extensions/puppeteer)                             | Use Puppeteer in your Trigger.dev tasks                                        |
-| [lightpanda](/config/extensions/lightpanda)                           | Use Lightpanda in your Trigger.dev tasks                                        |
 | [ffmpeg](/config/extensions/ffmpeg)                                   | Use FFmpeg in your Trigger.dev tasks                                           |
 | [aptGet](/config/extensions/aptGet)                                   | Install system packages in your build image                                    |
 | [additionalFiles](/config/extensions/additionalFiles)                 | Copy additional files to your build image                                      |

docs/guides/examples/lightpanda.mdx

@@ -6,6 +6,9 @@ tag: "v4"
 ---
 
 import ScrapingWarning from "/snippets/web-scraping-warning.mdx";
+import UpgradeToV4Note from "/snippets/upgrade-to-v4-note.mdx";
+
+<UpgradeToV4Note />
 
 ## Overview
 
@@ -31,7 +34,7 @@ LIGHTPANDA_TOKEN: "<your-token>",
 ```
 
 ```ts trigger/lightpanda-cloud-puppeteer.ts
-import { logger, task } from '@trigger.dev/sdk/v3'
+import { logger, task } from '@trigger.dev/sdk'
 import puppeteer from 'puppeteer'
 
 export const lightpandaCloudPuppeteer = task({
@@ -109,7 +112,7 @@ You will have to pass the URL as a payload when triggering the task.
 
 ### Task
 ```ts trigger/lightpanda-lightpanda-fetch.ts
-import { logger, task } from '@trigger.dev/sdk/v3'
+import { logger, task } from '@trigger.dev/sdk'
 import { execSync } from 'node:child_process'
 
 export const lightpandaFetch = task({
@@ -154,7 +157,7 @@ This task initialises a Lightpanda CDP server to allow you to scrape directly vi
 Your task will have to launch a child process in order to have the websocket available to scrape using Puppeteer.
 
 ```ts trigger/lightpandaCDP.ts
-import { logger, task } from '@trigger.dev/sdk/v3'
+import { logger, task } from '@trigger.dev/sdk'
 import { spawn, type ChildProcessWithoutNullStreams } from 'node:child_process'
 import puppeteer from 'puppeteer'
 
@@ -171,7 +174,7 @@ const spawnLightpanda = async (log: typeof logger) =>
     ])
 
     child.on('spawn', async () => {
-      log.info("Running Lightpanda's CDP server…", {
+      logger.info("Running Lightpanda's CDP server…", {
         pid: child.pid,
       })