@surfaice/next 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 surfaiceai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,55 @@
+# @surfaice/next
+
+Next.js middleware and plugin for Surfaice — serve your UI as markdown to AI agents via `Accept: text/surfaice`.
+
+## Install
+
+```bash
+npm install @surfaice/next @surfaice/react @surfaice/format
+```
+
+## Usage
+
+### 1. Wrap your Next.js config
+
+```typescript
+// next.config.ts
+import { withSurfaice } from '@surfaice/next'
+
+export default withSurfaice({
+  enabled: process.env.SURFAICE_ENABLED === 'true',
+  exclude: ['/api', '/_next'],
+})(nextConfig)
+```
+
+### 2. Add middleware
+
+```typescript
+// middleware.ts
+import { shouldHandleSurfaice, isRouteAllowed } from '@surfaice/next'
+import { NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
+
+export function middleware(req: NextRequest) {
+  const accept = req.headers.get('accept') ?? ''
+
+  if (shouldHandleSurfaice(accept) && isRouteAllowed(req.nextUrl.pathname, config)) {
+    // Rewrite to Surfaice render mode
+    const url = req.nextUrl.clone()
+    url.searchParams.set('__surfaice', '1')
+    return NextResponse.rewrite(url)
+  }
+
+  return NextResponse.next()
+}
+```
+
+### 3. Request in Surfaice format
+
+```bash
+curl -H "Accept: text/surfaice" http://localhost:3000/settings
+```
+
+## Same URL, Different Content Type
+
+The core principle: your `/settings` page serves HTML to browsers and markdown to agents — same URL, same auth, same data.

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { shouldHandleSurfaice, isRouteAllowed } from './middleware.js';
+export type { SurfaiceMiddlewareConfig } from './middleware.js';
+export { withSurfaice } from './plugin.js';

package/dist/index.js

@@ -0,0 +1,3 @@
+// @surfaice/next
+export { shouldHandleSurfaice, isRouteAllowed } from './middleware.js';
+export { withSurfaice } from './plugin.js';

package/dist/middleware.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Core middleware logic for Surfaice — framework-agnostic.
+ *
+ * The actual Next.js middleware wiring is in middleware-next.ts to avoid
+ * importing next/server in tests (which have no Next.js runtime).
+ */
+export interface SurfaiceMiddlewareConfig {
+    /** Master toggle. Default: true */
+    enabled?: boolean;
+    /** Only serve Surfaice on these route prefixes */
+    include?: string[];
+    /** Never serve Surfaice on these route prefixes */
+    exclude?: string[];
+    /** Auth gate — return false to respond 401 */
+    auth?: (headers: Record<string, string | undefined>) => boolean | Promise<boolean>;
+}
+/**
+ * Check if the Accept header requests text/surfaice.
+ */
+export declare function shouldHandleSurfaice(accept: string | undefined): boolean;
+/**
+ * Check if a route is allowed to serve Surfaice responses.
+ */
+export declare function isRouteAllowed(pathname: string, config: Pick<SurfaiceMiddlewareConfig, 'enabled' | 'include' | 'exclude'>): boolean;

package/dist/middleware.js

@@ -0,0 +1,30 @@
+/**
+ * Core middleware logic for Surfaice — framework-agnostic.
+ *
+ * The actual Next.js middleware wiring is in middleware-next.ts to avoid
+ * importing next/server in tests (which have no Next.js runtime).
+ */
+/**
+ * Check if the Accept header requests text/surfaice.
+ */
+export function shouldHandleSurfaice(accept) {
+    if (!accept)
+        return false;
+    return accept.includes('text/surfaice');
+}
+/**
+ * Check if a route is allowed to serve Surfaice responses.
+ */
+export function isRouteAllowed(pathname, config) {
+    // Master toggle
+    if (config.enabled === false)
+        return false;
+    // Exclude takes priority
+    if (config.exclude?.some(prefix => pathname.startsWith(prefix)))
+        return false;
+    // Include filter (prefix match)
+    if (config.include) {
+        return config.include.some(prefix => pathname.startsWith(prefix));
+    }
+    return true;
+}

package/dist/plugin.d.ts

@@ -0,0 +1,16 @@
+import type { SurfaiceMiddlewareConfig } from './middleware.js';
+interface NextConfig {
+    env?: Record<string, string>;
+    [key: string]: unknown;
+}
+/**
+ * withSurfaice — Next.js config plugin.
+ * Wrap your next.config.ts with this to inject Surfaice env vars.
+ *
+ * @example
+ * // next.config.ts
+ * import { withSurfaice } from '@surfaice/next'
+ * export default withSurfaice({ enabled: true })({ reactStrictMode: true })
+ */
+export declare function withSurfaice(config?: SurfaiceMiddlewareConfig): (nextConfig?: NextConfig) => NextConfig;
+export {};

package/dist/plugin.js

@@ -0,0 +1,20 @@
+/**
+ * withSurfaice — Next.js config plugin.
+ * Wrap your next.config.ts with this to inject Surfaice env vars.
+ *
+ * @example
+ * // next.config.ts
+ * import { withSurfaice } from '@surfaice/next'
+ * export default withSurfaice({ enabled: true })({ reactStrictMode: true })
+ */
+export function withSurfaice(config = {}) {
+    return (nextConfig = {}) => {
+        return {
+            ...nextConfig,
+            env: {
+                ...nextConfig.env,
+                __SURFAICE_ENABLED: config.enabled !== false ? 'true' : 'false',
+            },
+        };
+    };
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@surfaice/next",
+  "version": "0.0.1",
+  "description": "Next.js middleware for Surfaice — Accept: text/surfaice runtime serving",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/surfaiceai/surfaice",
+    "directory": "packages/next"
+  },
+  "dependencies": {
+    "@surfaice/format": "0.0.1",
+    "@surfaice/react": "0.0.1"
+  },
+  "peerDependencies": {
+    "next": ">=14.0.0",
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "vitest": "^2.0.0",
+    "typescript": "^5.5.0",
+    "@types/node": "^22.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "dev": "tsc --watch"
+  }
+}