@frontman-ai/nextjs 0.1.3 → 0.1.5

package/README.md

@@ -130,10 +130,11 @@ export async function register() {
 
 If you already have `middleware.ts`, `proxy.ts`, or `instrumentation.ts` files, the installer will show you manual integration steps. Here's how to add Frontman to existing files:
 
-### Existing middleware.ts
+### Existing middleware.ts (Next.js 15)
 
 ```typescript
 import { createMiddleware } from '@frontman-ai/nextjs';
+import { NextRequest, NextResponse } from 'next/server';
 // ... your other imports
 
 const frontman = createMiddleware({
@@ -141,11 +142,11 @@ const frontman = createMiddleware({
 });
 
 export async function middleware(req: NextRequest) {
-  // Add Frontman handler first
+  // Add Frontman handler first - it will handle /__frontman/* routes
   const response = await frontman(req);
   if (response) return response;
 
-  // ... your existing middleware logic
+  // ... your existing middleware logic below
   return NextResponse.next();
 }
 
@@ -155,17 +156,59 @@ export const config = {
 };
 ```
 
+### Existing proxy.ts (Next.js 16+)
+
+```typescript
+import { createMiddleware } from '@frontman-ai/nextjs';
+import { NextRequest, NextResponse } from 'next/server';
+// ... your other imports
+
+const frontman = createMiddleware({
+  host: 'api.frontman.sh', // or 'frontman.local:4000' for local development
+});
+
+export function proxy(req: NextRequest): NextResponse | Promise<NextResponse> {
+  // Add Frontman handler first - it will handle /__frontman/* routes
+  if (req.nextUrl.pathname.startsWith('/__frontman')) {
+    return frontman(req) || NextResponse.next();
+  }
+
+  // ... your existing proxy logic below
+  return NextResponse.next();
+}
+```
+
 ### Existing instrumentation.ts
 
+If you **don't have OpenTelemetry** set up yet:
+
+```typescript
+export async function register() {
+  if (process.env.NEXT_RUNTIME === 'nodejs') {
+    const { NodeSDK } = await import('@opentelemetry/sdk-node');
+    const { setup } = await import('@frontman-ai/nextjs/Instrumentation');
+    const [logProcessor, spanProcessor] = setup();
+
+    new NodeSDK({
+      logRecordProcessors: [logProcessor],
+      spanProcessors: [spanProcessor],
+    }).start();
+  }
+
+  // ... your existing instrumentation logic
+}
+```
+
+If you **already have OpenTelemetry** set up, add the Frontman processors to your existing configuration:
+
 ```typescript
 export async function register() {
   if (process.env.NEXT_RUNTIME === 'nodejs') {
     const { setup } = await import('@frontman-ai/nextjs/Instrumentation');
     const [logProcessor, spanProcessor] = setup();
 
-    // Add to your existing NodeSDK configuration:
     new NodeSDK({
-      // ... your existing config
+      // ... your existing OTEL config
       logRecordProcessors: [logProcessor, ...yourExistingLogProcessors],
       spanProcessors: [spanProcessor, ...yourExistingSpanProcessors],
     }).start();

package/dist/cli.js

@@ -168,71 +168,116 @@ function instrumentationTemplate() {
 }
 `;
 }
-function middlewareManualSetup(fileName) {
+function middlewareManualSetup(fileName, host) {
   return `
-Error: ` + fileName + ` already exists and requires manual modification.
+` + fileName + ` already exists and requires manual modification.
 
-Please add the following to your ` + fileName + `:
+Add the following to your ` + fileName + `:
+
+  1. Add import at the top of the file:
 
-  1. Import at the top of the file:
      import { createMiddleware } from '@frontman-ai/nextjs';
 
-  2. Create the middleware instance:
+  2. Create the middleware instance (after imports):
+
      const frontman = createMiddleware({
-       host: 'YOUR_FRONTMAN_HOST',
+       host: '` + host + `',
      });
 
-  3. In your middleware function, add before other logic:
-     const response = await frontman(req);
-     if (response) return response;
+  3. In your middleware function, add at the beginning:
+
+     export async function middleware(req: NextRequest) {
+       // Add Frontman handler first
+       const response = await frontman(req);
+       if (response) return response;
+
+       // ... your existing middleware logic
+     }
 
-  4. Add to your matcher config:
-     matcher: ['/__frontman/:path*', ...yourExistingMatchers],
+  4. Update your matcher config to include Frontman routes:
 
-For full documentation, see: https://frontman.dev/docs/nextjs
+     export const config = {
+       matcher: ['/__frontman/:path*', ...yourExistingMatchers],
+     };
+
+For full documentation, see: https://frontman.sh/docs/nextjs
 `;
 }
-function instrumentationManualSetup(fileName) {
+function proxyManualSetup(fileName, host) {
   return `
-Error: ` + fileName + ` already exists and requires manual modification.
+` + fileName + ` already exists and requires manual modification.
 
-Please add the following to your ` + fileName + `:
+Add the following to your ` + fileName + `:
 
-  1. Inside your register() function, add:
-     if (process.env.NEXT_RUNTIME === 'nodejs') {
-       const { setup } = await import('@frontman-ai/nextjs/Instrumentation');
-       const [logProcessor, spanProcessor] = setup();
+  1. Add import at the top of the file:
+
+     import { createMiddleware } from '@frontman-ai/nextjs';
 
-       // Add to your NodeSDK configuration:
-       // logRecordProcessors: [logProcessor, ...yourExistingProcessors],
-       // spanProcessors: [spanProcessor, ...yourExistingProcessors],
+  2. Create the middleware instance (after imports):
+
+     const frontman = createMiddleware({
+       host: '` + host + `',
+     });
+
+  3. In your proxy function, add at the beginning:
+
+     export function proxy(req: NextRequest): NextResponse | Promise<NextResponse> {
+       // Add Frontman handler first
+       if (req.nextUrl.pathname.startsWith('/__frontman')) {
+         return frontman(req) || NextResponse.next();
+       }
+
+       // ... your existing proxy logic
      }
 
-For full documentation, see: https://frontman.dev/docs/nextjs
+For full documentation, see: https://frontman.sh/docs/nextjs
 `;
 }
-var ErrorMessages = {
-  middlewareManualSetup,
-  proxyManualSetup: `
-Error: proxy.ts already exists and requires manual modification.
+function instrumentationManualSetup(fileName) {
+  return `
+` + fileName + ` already exists and requires manual modification.
 
-Please add the following to your proxy.ts:
+Add the following to your ` + fileName + `:
 
-  1. Import at the top of the file:
-     import { createMiddleware } from '@frontman-ai/nextjs';
+  1. If you DON'T have OpenTelemetry set up yet, add inside register():
 
-  2. Create the middleware instance:
-     const frontman = createMiddleware({
-       host: 'YOUR_FRONTMAN_HOST',
-     });
+     export async function register() {
+       if (process.env.NEXT_RUNTIME === 'nodejs') {
+         const { NodeSDK } = await import('@opentelemetry/sdk-node');
+         const { setup } = await import('@frontman-ai/nextjs/Instrumentation');
+         const [logProcessor, spanProcessor] = setup();
 
-  3. In your proxy function, add at the beginning:
-     if (req.nextUrl.pathname.startsWith('/__frontman')) {
-       return frontman(req) || NextResponse.next();
+         new NodeSDK({
+           logRecordProcessors: [logProcessor],
+           spanProcessors: [spanProcessor],
+         }).start();
+       }
+
+       // ... your existing instrumentation logic
      }
 
-For full documentation, see: https://frontman.dev/docs/nextjs
-`,
+  2. If you ALREADY have OpenTelemetry set up, add the Frontman processors:
+
+     export async function register() {
+       if (process.env.NEXT_RUNTIME === 'nodejs') {
+         const { setup } = await import('@frontman-ai/nextjs/Instrumentation');
+         const [logProcessor, spanProcessor] = setup();
+
+         new NodeSDK({
+           // Add Frontman processors to your existing configuration:
+           logRecordProcessors: [logProcessor, ...yourExistingLogProcessors],
+           spanProcessors: [spanProcessor, ...yourExistingSpanProcessors],
+           // ... your other OTEL config
+         }).start();
+       }
+     }
+
+For full documentation, see: https://frontman.sh/docs/nextjs
+`;
+}
+var ErrorMessages = {
+  middlewareManualSetup,
+  proxyManualSetup,
   instrumentationManualSetup
 };
 function fileCreated(fileName) {
@@ -253,7 +298,7 @@ Next steps:
   2. Open your browser to: http://localhost:3000/__frontman
   3. Your app is now connected to: ` + host + `
 
-For documentation, visit: https://frontman.dev/docs
+For documentation, visit: https://frontman.sh/docs
 `;
 }
 var SuccessMessages = {
@@ -303,7 +348,7 @@ async function handleMiddleware(projectDir, host, existingFile, dryRun) {
         TAG: "Ok",
         _0: {
           TAG: "ManualEditRequired",
-          _0: ErrorMessages.middlewareManualSetup(fileName)
+          _0: ErrorMessages.middlewareManualSetup(fileName, host)
         }
       };
     }
@@ -390,7 +435,7 @@ async function handleProxy(projectDir, host, existingFile, dryRun) {
         TAG: "Ok",
         _0: {
           TAG: "ManualEditRequired",
-          _0: ErrorMessages.proxyManualSetup
+          _0: ErrorMessages.proxyManualSetup(fileName, host)
         }
       };
     }

package/dist/index.js

@@ -121,7 +121,7 @@ function make(isDevOpt, basePathOpt, serverNameOpt, serverVersionOpt, hostOpt, c
   let projectRoot$1 = getOr(orElse(projectRoot, orElse(process.env["PROJECT_ROOT"], process.env["PWD"])), ".");
   let sourceRoot$1 = getOr(sourceRoot, projectRoot$1);
   let baseUrl = process.env["FRONTMAN_CLIENT_URL"];
-  let clientUrl$1 = getOr(clientUrl, baseUrl !== void 0 ? baseUrl + `?clientName=nextjs&host=` + host$1 : isDev$1 ? `http://localhost:5173/src/Main.res.mjs?clientName=nextjs&host=` + host$1 : `https://frontman.dev/frontman.es.js?clientName=nextjs&host=` + host$1);
+  let clientUrl$1 = getOr(clientUrl, baseUrl !== void 0 ? baseUrl + `?clientName=nextjs&host=` + host$1 : isDev$1 ? `http://localhost:5173/src/Main.res.mjs?clientName=nextjs&host=` + host$1 : `https://frontman.sh/frontman.es.js?clientName=nextjs&host=` + host$1);
   return {
     isDev: isDev$1,
     basePath: basePath$1,

package/dist/instrumentation.js

@@ -46,23 +46,22 @@ function initialize(transport) {
   if (initialized.contents) {
     return;
   }
-  let options_environment = process.env.NODE_ENV || "development";
-  let options_release = process.env.npm_package_version || "unknown";
-  let options_sampleRate = 1;
-  let options_initialScope = {
-    tags: Object.fromEntries([[
-      "frontman.library",
-      "frontman-nextjs"
-    ]])
+  let scope_tags = Object.fromEntries([[
+    "frontman.library",
+    "frontman-nextjs"
+  ]]);
+  let scope = {
+    tags: scope_tags
   };
-  let options = {
-    dsn,
-    environment: options_environment,
-    release: options_release,
-    sampleRate: options_sampleRate,
-    initialScope: options_initialScope
-  };
-  Nextjs.init(options);
+  {
+    Nextjs.init({
+      dsn,
+      environment: process.env.NODE_ENV || "development",
+      release: process.env.npm_package_version || "unknown",
+      sampleRate: 1,
+      initialScope: scope
+    });
+  }
   initialized.contents = true;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@frontman-ai/nextjs",
-	"version": "0.1.3",
+	"version": "0.1.5",
 	"description": "Next.js integration for Frontman - AI-powered development tools and observability",
 	"type": "module",
 	"main": "./dist/index.js",
@@ -9,7 +9,8 @@
 		"./Instrumentation": "./dist/instrumentation.js"
 	},
 	"bin": {
-		"frontman-nextjs": "./dist/cli.js"
+		"frontman-nextjs": "./dist/cli.js",
+		"nextjs": "./dist/cli.js"
 	},
 	"keywords": [
 		"frontman",
@@ -28,7 +29,7 @@
 		"url": "https://github.com/frontman-ai/frontman.git",
 		"directory": "libs/frontman-nextjs"
 	},
-	"homepage": "https://frontman.dev",
+	"homepage": "https://frontman.sh",
 	"bugs": {
 		"url": "https://github.com/frontman-ai/frontman/issues"
 	},