afterbefore 0.2.1 → 0.2.2

package/README.md

@@ -34,7 +34,7 @@ export default function RootLayout({ children }) {
 ### 2. Create the API route
 
 ```ts
-// app/api/__afterbefore/[...path]/route.ts
+// app/api/afterbefore/[...path]/route.ts
 export { GET, POST } from "afterbefore/server"
 ```
 
@@ -51,6 +51,16 @@ export default withAfterBefore({
 
 The config wrapper adds a dev-only rewrite from `/__afterbefore/*` to the API route. It does nothing in production.
 
+> **Next.js 16+ / Turbopack:** If `withAfterBefore` fails to import (`ERR_PACKAGE_PATH_NOT_EXPORTED`), you can inline the rewrite as a workaround:
+>
+> ```ts
+> // Workaround if withAfterBefore import fails with Turbopack:
+> rewrites: process.env.NODE_ENV === "development"
+>   ? async () => [{ source: "/__afterbefore/:path*", destination: "/api/afterbefore/:path*" }]
+>   : undefined,
+> ```
+
+
 ## How it works
 
 1. A floating icon appears in the bottom-left corner of your dev server

package/dist/next.js

@@ -8,7 +8,7 @@ function withAfterBefore(config = {}) {
       const rules = [
         {
           source: "/__afterbefore/:path*",
-          destination: "/api/__afterbefore/:path*"
+          destination: "/api/afterbefore/:path*"
         }
       ];
       if (Array.isArray(existing)) {

package/dist/next.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/next.ts"],"sourcesContent":["import type { NextConfig } from \"next\";\n\ntype Rewrite = { source: string; destination: string };\n\nexport function withAfterBefore(config: NextConfig = {}): NextConfig {\n  if (process.env.NODE_ENV !== \"development\") return config;\n\n  return {\n    ...config,\n    async rewrites() {\n      const existing = (await config.rewrites?.()) ?? [];\n      const rules: Rewrite[] = [\n        {\n          source: \"/__afterbefore/:path*\",\n          destination: \"/api/__afterbefore/:path*\",\n        },\n      ];\n\n      if (Array.isArray(existing)) {\n        return [...rules, ...existing];\n      }\n\n      return {\n        beforeFiles: [...rules, ...(existing.beforeFiles ?? [])],\n        afterFiles: existing.afterFiles ?? [],\n        fallback: existing.fallback ?? [],\n      };\n    },\n  };\n}\n"],"mappings":";AAIO,SAAS,gBAAgB,SAAqB,CAAC,GAAe;AACnE,MAAI,QAAQ,IAAI,aAAa,cAAe,QAAO;AAEnD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,WAAW;AACf,YAAM,WAAY,MAAM,OAAO,WAAW,KAAM,CAAC;AACjD,YAAM,QAAmB;AAAA,QACvB;AAAA,UACE,QAAQ;AAAA,UACR,aAAa;AAAA,QACf;AAAA,MACF;AAEA,UAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,eAAO,CAAC,GAAG,OAAO,GAAG,QAAQ;AAAA,MAC/B;AAEA,aAAO;AAAA,QACL,aAAa,CAAC,GAAG,OAAO,GAAI,SAAS,eAAe,CAAC,CAAE;AAAA,QACvD,YAAY,SAAS,cAAc,CAAC;AAAA,QACpC,UAAU,SAAS,YAAY,CAAC;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/next.ts"],"sourcesContent":["import type { NextConfig } from \"next\";\n\ntype Rewrite = { source: string; destination: string };\n\nexport function withAfterBefore(config: NextConfig = {}): NextConfig {\n  if (process.env.NODE_ENV !== \"development\") return config;\n\n  return {\n    ...config,\n    async rewrites() {\n      const existing = (await config.rewrites?.()) ?? [];\n      const rules: Rewrite[] = [\n        {\n          source: \"/__afterbefore/:path*\",\n          destination: \"/api/afterbefore/:path*\",\n        },\n      ];\n\n      if (Array.isArray(existing)) {\n        return [...rules, ...existing];\n      }\n\n      return {\n        beforeFiles: [...rules, ...(existing.beforeFiles ?? [])],\n        afterFiles: existing.afterFiles ?? [],\n        fallback: existing.fallback ?? [],\n      };\n    },\n  };\n}\n"],"mappings":";AAIO,SAAS,gBAAgB,SAAqB,CAAC,GAAe;AACnE,MAAI,QAAQ,IAAI,aAAa,cAAe,QAAO;AAEnD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,WAAW;AACf,YAAM,WAAY,MAAM,OAAO,WAAW,KAAM,CAAC;AACjD,YAAM,QAAmB;AAAA,QACvB;AAAA,UACE,QAAQ;AAAA,UACR,aAAa;AAAA,QACf;AAAA,MACF;AAEA,UAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,eAAO,CAAC,GAAG,OAAO,GAAG,QAAQ;AAAA,MAC/B;AAEA,aAAO;AAAA,QACL,aAAa,CAAC,GAAG,OAAO,GAAI,SAAS,eAAe,CAAC,CAAE;AAAA,QACvD,YAAY,SAAS,cAAc,CAAC;AAAA,QACpC,UAAU,SAAS,YAAY,CAAC;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "afterbefore",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Before/after screenshot overlay for Next.js development",
   "type": "module",
   "main": "./dist/overlay/index.js",
@@ -12,6 +12,8 @@
     },
     "./next": {
       "import": "./dist/next.js",
+      "require": "./dist/next.js",
+      "default": "./dist/next.js",
       "types": "./dist/next.d.ts"
     },
     "./server": {