vinext 0.0.51 → 0.0.53

package/dist/shims/default-global-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-global-error.js","names":[],"sources":["../../src/shims/default-global-error.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\n/**\n * Ported from Next.js's built-in default global error component:\n * https://github.com/vercel/next.js/blob/canary/packages/next/src/client/components/builtin/global-error.tsx\n *\n * Rendered when an unhandled error reaches the root error boundary and the\n * user has not supplied their own `app/global-error.tsx`. Matches the\n * markup, inline styles, and theme CSS that Next.js's\n * `test/e2e/app-dir/default-error-page-ui/default-error-page-ui.test.ts`\n * exercises:\n *   - `<h1>` reads \"This page couldn't load\"\n *   - `<p>` contains \"Reload to try again, or go back\" (client error) or\n *     \"A server error occurred. Reload to try again.\" (server error)\n *   - First `<button>` is \"Reload\" (form submit triggers a page reload)\n *   - Second `<button>` is \"Back\" (only for client errors)\n *   - Server errors render an \"ERROR <digest>\" footer\n *   - SVG warning icon is 32x32\n */\n\ntype DefaultGlobalErrorProps = {\n  error: { digest?: string } | null | undefined;\n  reset?: () => void;\n};\n\nconst errorStyles = {\n  container: {\n    fontFamily:\n      'system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"',\n    height: \"100vh\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  card: {\n    marginTop: \"-32px\",\n    maxWidth: \"325px\",\n    padding: \"32px 28px\",\n    textAlign: \"left\" as const,\n  },\n  icon: {\n    marginBottom: \"24px\",\n  },\n  title: {\n    fontSize: \"24px\",\n    fontWeight: 500,\n    letterSpacing: \"-0.02em\",\n    lineHeight: \"32px\",\n    margin: \"0 0 12px 0\",\n    color: \"var(--next-error-title)\",\n  },\n  message: {\n    fontSize: \"14px\",\n    fontWeight: 400,\n    lineHeight: \"21px\",\n    margin: \"0 0 20px 0\",\n    color: \"var(--next-error-message)\",\n  },\n  form: {\n    margin: 0,\n  },\n  buttonGroup: {\n    display: \"flex\",\n    gap: \"8px\",\n    alignItems: \"center\",\n  },\n  button: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: \"32px\",\n    padding: \"0 12px\",\n    fontSize: \"14px\",\n    fontWeight: 500,\n    lineHeight: \"20px\",\n    borderRadius: \"6px\",\n    cursor: \"pointer\",\n    color: \"var(--next-error-btn-text)\",\n    background: \"var(--next-error-btn-bg)\",\n    border: \"var(--next-error-btn-border)\",\n  },\n  buttonSecondary: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: \"32px\",\n    padding: \"0 12px\",\n    fontSize: \"14px\",\n    fontWeight: 500,\n    lineHeight: \"20px\",\n    borderRadius: \"6px\",\n    cursor: \"pointer\",\n    color: \"var(--next-error-btn-secondary-text)\",\n    background: \"var(--next-error-btn-secondary-bg)\",\n    border: \"var(--next-error-btn-secondary-border)\",\n  },\n  digestFooter: {\n    position: \"fixed\" as const,\n    bottom: \"32px\",\n    left: \"0\",\n    right: \"0\",\n    textAlign: \"center\" as const,\n    fontFamily: 'ui-monospace,SFMono-Regular,\"SF Mono\",Menlo,Consolas,monospace',\n    fontSize: \"12px\",\n    lineHeight: \"18px\",\n    fontWeight: 400,\n    margin: \"0\",\n    color: \"var(--next-error-digest)\",\n  },\n} as const;\n\nconst errorThemeCss = `\n:root {\n  --next-error-bg: #fff;\n  --next-error-text: #171717;\n  --next-error-title: #171717;\n  --next-error-message: #171717;\n  --next-error-digest: #666666;\n  --next-error-btn-text: #fff;\n  --next-error-btn-bg: #171717;\n  --next-error-btn-border: none;\n  --next-error-btn-secondary-text: #171717;\n  --next-error-btn-secondary-bg: transparent;\n  --next-error-btn-secondary-border: 1px solid rgba(0,0,0,0.08);\n}\n@media (prefers-color-scheme: dark) {\n  :root {\n    --next-error-bg: #0a0a0a;\n    --next-error-text: #ededed;\n    --next-error-title: #ededed;\n    --next-error-message: #ededed;\n    --next-error-digest: #a0a0a0;\n    --next-error-btn-text: #0a0a0a;\n    --next-error-btn-bg: #ededed;\n    --next-error-btn-border: none;\n    --next-error-btn-secondary-text: #ededed;\n    --next-error-btn-secondary-bg: transparent;\n    --next-error-btn-secondary-border: 1px solid rgba(255,255,255,0.14);\n  }\n}\nbody { margin: 0; color: var(--next-error-text); background: var(--next-error-bg); }\n`.replace(/\\n\\s*/g, \"\");\n\nfunction WarningIcon() {\n  return (\n    <svg width=\"32\" height=\"32\" viewBox=\"-0.2 -1.5 32 32\" fill=\"none\" style={errorStyles.icon}>\n      <path\n        d=\"M16.9328 0C18.0839 0.000116771 19.1334 0.658832 19.634 1.69531L31.4299 26.1309C32.0708 27.4588 31.1036 28.9999 29.6291 29H2.00215C0.527541 29 -0.439628 27.4588 0.201371 26.1309L11.9973 1.69531C12.4979 0.658823 13.5474 7.75066e-05 14.6984 0H16.9328ZM3.59493 26H28.0363L16.9328 3H14.6984L3.59493 26ZM15.8156 19C16.9202 19.0001 17.8156 19.8955 17.8156 21C17.8156 22.1045 16.9202 22.9999 15.8156 23C14.7111 23 13.8156 22.1046 13.8156 21C13.8156 19.8954 14.7111 19 15.8156 19ZM17.3156 16.5H14.3156V8.5H17.3156V16.5Z\"\n        fill=\"var(--next-error-title)\"\n      />\n    </svg>\n  );\n}\n\nfunction handleBackClick() {\n  if (typeof window === \"undefined\") return;\n  if (window.history.length > 1) {\n    window.history.back();\n  } else {\n    window.location.href = \"/\";\n  }\n}\n\nfunction DefaultGlobalError({ error }: DefaultGlobalErrorProps) {\n  const digest: string | undefined = error?.digest;\n  const isServerError = !!digest;\n\n  const message = isServerError\n    ? \"A server error occurred. Reload to try again.\"\n    : \"Reload to try again, or go back.\";\n\n  return (\n    <html id=\"__next_error__\">\n      <head>\n        <style dangerouslySetInnerHTML={{ __html: errorThemeCss }} />\n      </head>\n      <body>\n        <div style={errorStyles.container}>\n          <div style={errorStyles.card}>\n            <WarningIcon />\n            <h1 style={errorStyles.title}>This page couldn&#x2019;t load</h1>\n            <p style={errorStyles.message}>{message}</p>\n            <div style={errorStyles.buttonGroup}>\n              <form style={errorStyles.form}>\n                <button type=\"submit\" style={errorStyles.button}>\n                  Reload\n                </button>\n              </form>\n              {!isServerError && (\n                <button type=\"button\" style={errorStyles.buttonSecondary} onClick={handleBackClick}>\n                  Back\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n        {digest && <p style={errorStyles.digestFooter}>ERROR {digest}</p>}\n      </body>\n    </html>\n  );\n}\n\nexport default DefaultGlobalError;\n"],"mappings":";;;;AA2BA,MAAM,cAAc;CAClB,WAAW;EACT,YACE;EACF,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EACjB;CACD,MAAM;EACJ,WAAW;EACX,UAAU;EACV,SAAS;EACT,WAAW;EACZ;CACD,MAAM,EACJ,cAAc,QACf;CACD,OAAO;EACL,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,QAAQ;EACR,OAAO;EACR;CACD,SAAS;EACP,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,OAAO;EACR;CACD,MAAM,EACJ,QAAQ,GACT;CACD,aAAa;EACX,SAAS;EACT,KAAK;EACL,YAAY;EACb;CACD,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,cAAc;EACd,QAAQ;EACR,OAAO;EACP,YAAY;EACZ,QAAQ;EACT;CACD,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,cAAc;EACd,QAAQ;EACR,OAAO;EACP,YAAY;EACZ,QAAQ;EACT;CACD,cAAc;EACZ,UAAU;EACV,QAAQ;EACR,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,OAAO;EACR;CACF;AAED,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,QAAQ,UAAU,GAAG;AAEvB,SAAS,cAAc;CACrB,OACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAkB,MAAK;EAAO,OAAO,YAAY;YACnF,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,CAAA;EACE,CAAA;;AAIV,SAAS,kBAAkB;CACzB,IAAI,OAAO,WAAW,aAAa;CACnC,IAAI,OAAO,QAAQ,SAAS,GAC1B,OAAO,QAAQ,MAAM;MAErB,OAAO,SAAS,OAAO;;AAI3B,SAAS,mBAAmB,EAAE,SAAkC;CAC9D,MAAM,SAA6B,OAAO;CAC1C,MAAM,gBAAgB,CAAC,CAAC;CAExB,MAAM,UAAU,gBACZ,kDACA;CAEJ,OACE,qBAAC,QAAD;EAAM,IAAG;YAAT,CACE,oBAAC,QAAD,EAAA,UACE,oBAAC,SAAD,EAAO,yBAAyB,EAAE,QAAQ,eAAe,EAAI,CAAA,EACxD,CAAA,EACP,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,OAAD;GAAK,OAAO,YAAY;aACtB,qBAAC,OAAD;IAAK,OAAO,YAAY;cAAxB;KACE,oBAAC,aAAD,EAAe,CAAA;KACf,oBAAC,MAAD;MAAI,OAAO,YAAY;gBAAO;MAAmC,CAAA;KACjE,oBAAC,KAAD;MAAG,OAAO,YAAY;gBAAU;MAAY,CAAA;KAC5C,qBAAC,OAAD;MAAK,OAAO,YAAY;gBAAxB,CACE,oBAAC,QAAD;OAAM,OAAO,YAAY;iBACvB,oBAAC,UAAD;QAAQ,MAAK;QAAS,OAAO,YAAY;kBAAQ;QAExC,CAAA;OACJ,CAAA,EACN,CAAC,iBACA,oBAAC,UAAD;OAAQ,MAAK;OAAS,OAAO,YAAY;OAAiB,SAAS;iBAAiB;OAE3E,CAAA,CAEP;;KACF;;GACF,CAAA,EACL,UAAU,qBAAC,KAAD;GAAG,OAAO,YAAY;aAAtB,CAAoC,UAAO,OAAW;KAC5D,EAAA,CAAA,CACF"}

package/dist/shims/default-not-found.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+
+//#region src/shims/default-not-found.d.ts
+/**
+ * Mirrors `<HTTPAccessErrorFallback status={404} message="This page could not be found." />`
+ * from Next.js. Kept in sync with the upstream component's structure so HTML
+ * snapshot diffs between Next.js and vinext stay minimal.
+ */
+declare function DefaultNotFound(): React.ReactElement;
+//#endregion
+export { DefaultNotFound as default };
+//# sourceMappingURL=default-not-found.d.ts.map

package/dist/shims/default-not-found.js

@@ -0,0 +1,61 @@
+import React from "react";
+//#region src/shims/default-not-found.tsx
+/**
+* Ported from Next.js's built-in default not-found component:
+*   https://github.com/vercel/next.js/blob/canary/packages/next/src/client/components/builtin/not-found.tsx
+*   https://github.com/vercel/next.js/blob/canary/packages/next/src/client/components/http-access-fallback/error-fallback.tsx
+*
+* Rendered when an App Router request resolves to a 404 and the user has not
+* supplied their own `app/not-found.tsx` (or `app/global-not-found.tsx`).
+* Matches Next.js's `HTTPAccessErrorFallback` exactly: a centered 404 / message
+* pair with minified theme CSS and dark-mode media query.
+*
+* The message string `"This page could not be found."` (note the trailing
+* period) is the canonical body asserted by Next.js's deploy suite
+* (`test/e2e/app-dir/prefetching-not-found/prefetching-not-found.test.ts`,
+* `test/e2e/basepath/error-pages.test.ts`).
+*/
+const styles = {
+	error: {
+		fontFamily: "system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"",
+		height: "100vh",
+		textAlign: "center",
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	desc: { display: "inline-block" },
+	h1: {
+		display: "inline-block",
+		margin: "0 20px 0 0",
+		padding: "0 23px 0 0",
+		fontSize: 24,
+		fontWeight: 500,
+		verticalAlign: "top",
+		lineHeight: "49px"
+	},
+	h2: {
+		fontSize: 14,
+		fontWeight: 400,
+		lineHeight: "49px",
+		margin: 0
+	}
+};
+const STATUS = 404;
+const MESSAGE = "This page could not be found.";
+/**
+* Mirrors `<HTTPAccessErrorFallback status={404} message="This page could not be found." />`
+* from Next.js. Kept in sync with the upstream component's structure so HTML
+* snapshot diffs between Next.js and vinext stay minimal.
+*/
+function DefaultNotFound() {
+	return React.createElement(React.Fragment, null, React.createElement("title", null, `${STATUS}: ${MESSAGE}`), React.createElement("div", { style: styles.error }, React.createElement("div", null, React.createElement("style", { dangerouslySetInnerHTML: { __html: "body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}" } }), React.createElement("h1", {
+		className: "next-error-h1",
+		style: styles.h1
+	}, STATUS), React.createElement("div", { style: styles.desc }, React.createElement("h2", { style: styles.h2 }, MESSAGE)))));
+}
+//#endregion
+export { DefaultNotFound as default };
+
+//# sourceMappingURL=default-not-found.js.map

package/dist/shims/default-not-found.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-not-found.js","names":[],"sources":["../../src/shims/default-not-found.tsx"],"sourcesContent":["/**\n * Ported from Next.js's built-in default not-found component:\n *   https://github.com/vercel/next.js/blob/canary/packages/next/src/client/components/builtin/not-found.tsx\n *   https://github.com/vercel/next.js/blob/canary/packages/next/src/client/components/http-access-fallback/error-fallback.tsx\n *\n * Rendered when an App Router request resolves to a 404 and the user has not\n * supplied their own `app/not-found.tsx` (or `app/global-not-found.tsx`).\n * Matches Next.js's `HTTPAccessErrorFallback` exactly: a centered 404 / message\n * pair with minified theme CSS and dark-mode media query.\n *\n * The message string `\"This page could not be found.\"` (note the trailing\n * period) is the canonical body asserted by Next.js's deploy suite\n * (`test/e2e/app-dir/prefetching-not-found/prefetching-not-found.test.ts`,\n * `test/e2e/basepath/error-pages.test.ts`).\n */\nimport React from \"react\";\n\nconst styles = {\n  error: {\n    fontFamily:\n      'system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"',\n    height: \"100vh\",\n    textAlign: \"center\" as const,\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  desc: {\n    display: \"inline-block\",\n  },\n  h1: {\n    display: \"inline-block\",\n    margin: \"0 20px 0 0\",\n    padding: \"0 23px 0 0\",\n    fontSize: 24,\n    fontWeight: 500,\n    verticalAlign: \"top\",\n    lineHeight: \"49px\",\n  },\n  h2: {\n    fontSize: 14,\n    fontWeight: 400,\n    lineHeight: \"49px\",\n    margin: 0,\n  },\n} satisfies Record<string, React.CSSProperties>;\n\nconst STATUS = 404;\nconst MESSAGE = \"This page could not be found.\";\n\n/**\n * Mirrors `<HTTPAccessErrorFallback status={404} message=\"This page could not be found.\" />`\n * from Next.js. Kept in sync with the upstream component's structure so HTML\n * snapshot diffs between Next.js and vinext stay minimal.\n */\nexport default function DefaultNotFound(): React.ReactElement {\n  return React.createElement(\n    React.Fragment,\n    null,\n    React.createElement(\"title\", null, `${STATUS}: ${MESSAGE}`),\n    React.createElement(\n      \"div\",\n      { style: styles.error },\n      React.createElement(\n        \"div\",\n        null,\n        React.createElement(\"style\", {\n          dangerouslySetInnerHTML: {\n            __html:\n              \"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\",\n          },\n        }),\n        React.createElement(\n          \"h1\",\n          {\n            className: \"next-error-h1\",\n            style: styles.h1,\n          },\n          STATUS,\n        ),\n        React.createElement(\n          \"div\",\n          { style: styles.desc },\n          React.createElement(\"h2\", { style: styles.h2 }, MESSAGE),\n        ),\n      ),\n    ),\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,SAAS;CACb,OAAO;EACL,YACE;EACF,QAAQ;EACR,WAAW;EACX,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EACjB;CACD,MAAM,EACJ,SAAS,gBACV;CACD,IAAI;EACF,SAAS;EACT,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,QAAQ;EACT;CACF;AAED,MAAM,SAAS;AACf,MAAM,UAAU;;;;;;AAOhB,SAAwB,kBAAsC;CAC5D,OAAO,MAAM,cACX,MAAM,UACN,MACA,MAAM,cAAc,SAAS,MAAM,GAAG,OAAO,IAAI,UAAU,EAC3D,MAAM,cACJ,OACA,EAAE,OAAO,OAAO,OAAO,EACvB,MAAM,cACJ,OACA,MACA,MAAM,cAAc,SAAS,EAC3B,yBAAyB,EACvB,QACE,iOACH,EACF,CAAC,EACF,MAAM,cACJ,MACA;EACE,WAAW;EACX,OAAO,OAAO;EACf,EACD,OACD,EACD,MAAM,cACJ,OACA,EAAE,OAAO,OAAO,MAAM,EACtB,MAAM,cAAc,MAAM,EAAE,OAAO,OAAO,IAAI,EAAE,QAAQ,CACzD,CACF,CACF,CACF"}

package/dist/shims/document.d.ts

@@ -29,9 +29,65 @@ declare function Main(): _$react_jsx_runtime0.JSX.Element;
  */
 declare function NextScript(): _$react_jsx_runtime0.JSX.Element;
 /**
- * Default Document component - used when no custom _document.tsx exists.
+ * Loose stand-ins for Next.js's `DocumentContext` / `DocumentInitialProps`.
+ * The shim doesn't currently invoke `getInitialProps` on user `_document.tsx`
+ * files (separate gap), but the signatures here match Next.js's so subclasses
+ * that delegate via `await Document.getInitialProps(ctx)` typecheck against
+ * the same shape they'd see under real Next.js.
+ *
+ * @see https://github.com/vercel/next.js/blob/canary/packages/next/src/shared/lib/utils.ts
  */
-declare function Document(): _$react_jsx_runtime0.JSX.Element;
+type DocumentContext = {
+  renderPage?: (options?: {
+    enhanceApp?: (App: React.ComponentType<{
+      children?: React.ReactNode;
+    }>) => unknown;
+    enhanceComponent?: (Comp: React.ComponentType<unknown>) => unknown;
+  }) => {
+    html: string;
+    head?: ReadonlyArray<React.ReactElement>;
+  };
+  defaultGetInitialProps?: (ctx: DocumentContext, options?: {
+    nonce?: string;
+  }) => Promise<DocumentInitialProps>;
+  pathname?: string;
+  query?: Record<string, string | string[] | undefined>;
+  asPath?: string;
+  err?: any;
+};
+type DocumentInitialProps = {
+  html: string;
+  head?: ReadonlyArray<React.ReactElement>;
+  styles?: React.ReactElement[] | Iterable<React.ReactNode> | React.ReactElement;
+};
+/**
+ * Default Document component — also the base class user `_document.tsx` files
+ * `extend`. Must be a class (not a function) to match Next.js's `next/document`
+ * default export so `class MyDocument extends Document` produces a constructible
+ * class that React can instantiate during SSR. Returning a function here breaks
+ * any user `_document.tsx` that uses the class-based form because `extends`
+ * against a non-constructor produces a class that can only be called without
+ * `new`, which React refuses to do.
+ *
+ * @see https://github.com/vercel/next.js/blob/canary/packages/next/src/pages/_document.tsx
+ * Ported behavior: Next.js's default `Document` is a `class Document extends
+ * React.Component`. Custom documents extend it and override `getInitialProps`
+ * and `render`. Generic default matches Next.js (`P = {}`).
+ */
+declare class Document<P = {}> extends React.Component<P & {
+  children?: React.ReactNode;
+}> {
+  /**
+   * `getInitialProps` is invoked by the SSR pipeline. The default implementation
+   * is a stub: vinext does not yet plumb the Pages Router `renderPage` /
+   * `defaultGetInitialProps` chain into the SSR entry, so subclasses that
+   * delegate via `await Document.getInitialProps(ctx)` receive an empty shell
+   * (`html: ""`). This matches the runtime contract user code expects without
+   * pretending the chain is wired up.
+   */
+  static getInitialProps(_ctx: DocumentContext): Promise<DocumentInitialProps>;
+  render(): React.ReactNode;
+}
 //#endregion
-export { Head, Html, Main, NextScript, Document as default };
+export { DocumentContext, DocumentInitialProps, Head, Html, Main, NextScript, Document as default };
 //# sourceMappingURL=document.d.ts.map

package/dist/shims/document.js

@@ -1,6 +1,13 @@
-import "react";
+import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/shims/document.tsx
+/**
+* next/document shim
+*
+* Provides Html, Head, Main, NextScript components for custom _document.tsx.
+* During SSR these render placeholder markers that the dev server replaces
+* with actual content.
+*/
 function Html({ children, lang, ...props }) {
 	return /* @__PURE__ */ jsx("html", {
 		lang,
@@ -40,11 +47,35 @@ function NextScript() {
 	return /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: "<!-- __NEXT_SCRIPTS__ -->" } });
 }
 /**
-* Default Document component - used when no custom _document.tsx exists.
+* Default Document component — also the base class user `_document.tsx` files
+* `extend`. Must be a class (not a function) to match Next.js's `next/document`
+* default export so `class MyDocument extends Document` produces a constructible
+* class that React can instantiate during SSR. Returning a function here breaks
+* any user `_document.tsx` that uses the class-based form because `extends`
+* against a non-constructor produces a class that can only be called without
+* `new`, which React refuses to do.
+*
+* @see https://github.com/vercel/next.js/blob/canary/packages/next/src/pages/_document.tsx
+* Ported behavior: Next.js's default `Document` is a `class Document extends
+* React.Component`. Custom documents extend it and override `getInitialProps`
+* and `render`. Generic default matches Next.js (`P = {}`).
 */
-function Document() {
-	return /* @__PURE__ */ jsxs(Html, { children: [/* @__PURE__ */ jsx(Head, {}), /* @__PURE__ */ jsxs("body", { children: [/* @__PURE__ */ jsx(Main, {}), /* @__PURE__ */ jsx(NextScript, {})] })] });
-}
+var Document = class extends React.Component {
+	/**
+	* `getInitialProps` is invoked by the SSR pipeline. The default implementation
+	* is a stub: vinext does not yet plumb the Pages Router `renderPage` /
+	* `defaultGetInitialProps` chain into the SSR entry, so subclasses that
+	* delegate via `await Document.getInitialProps(ctx)` receive an empty shell
+	* (`html: ""`). This matches the runtime contract user code expects without
+	* pretending the chain is wired up.
+	*/
+	static async getInitialProps(_ctx) {
+		return { html: "" };
+	}
+	render() {
+		return /* @__PURE__ */ jsxs(Html, { children: [/* @__PURE__ */ jsx(Head, {}), /* @__PURE__ */ jsxs("body", { children: [/* @__PURE__ */ jsx(Main, {}), /* @__PURE__ */ jsx(NextScript, {})] })] });
+	}
+};
 //#endregion
 export { Head, Html, Main, NextScript, Document as default };
 

package/dist/shims/document.js.map

@@ -1 +1 @@
-{"version":3,"file":"document.js","names":[],"sources":["../../src/shims/document.tsx"],"sourcesContent":["/**\n * next/document shim\n *\n * Provides Html, Head, Main, NextScript components for custom _document.tsx.\n * During SSR these render placeholder markers that the dev server replaces\n * with actual content.\n */\nimport React from \"react\";\n\nexport function Html({\n  children,\n  lang,\n  ...props\n}: React.HTMLAttributes<HTMLHtmlElement> & { children?: React.ReactNode }) {\n  return (\n    <html lang={lang} {...props}>\n      {children}\n    </html>\n  );\n}\n\n/**\n * Document Head - renders <head> with children.\n * The dev server injects meta tags, styles, etc.\n */\nexport function Head({ children }: { children?: React.ReactNode }) {\n  return (\n    <head>\n      <meta charSet=\"utf-8\" />\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n      {children}\n    </head>\n  );\n}\n\n/**\n * Main - renders the page content container.\n */\nexport function Main() {\n  return <div id=\"__next\" dangerouslySetInnerHTML={{ __html: \"__NEXT_MAIN__\" }} />;\n}\n\n/**\n * NextScript - renders a placeholder that the dev-server replaces with\n * actual hydration scripts (__NEXT_DATA__ + entry module).\n * Uses dangerouslySetInnerHTML so the HTML comment survives renderToString.\n */\nexport function NextScript() {\n  return <span dangerouslySetInnerHTML={{ __html: \"<!-- __NEXT_SCRIPTS__ -->\" }} />;\n}\n\n/**\n * Default Document component - used when no custom _document.tsx exists.\n */\nexport default function Document() {\n  return (\n    <Html>\n      <Head />\n      <body>\n        <Main />\n        <NextScript />\n      </body>\n    </Html>\n  );\n}\n"],"mappings":";;;AASA,SAAgB,KAAK,EACnB,UACA,MACA,GAAG,SACsE;CACzE,OACE,oBAAC,QAAD;EAAY;EAAM,GAAI;EACnB;EACI,CAAA;;;;;;AAQX,SAAgB,KAAK,EAAE,YAA4C;CACjE,OACE,qBAAC,QAAD,EAAA,UAAA;EACE,oBAAC,QAAD,EAAM,SAAQ,SAAU,CAAA;EACxB,oBAAC,QAAD;GAAM,MAAK;GAAW,SAAQ;GAAwC,CAAA;EACrE;EACI,EAAA,CAAA;;;;;AAOX,SAAgB,OAAO;CACrB,OAAO,oBAAC,OAAD;EAAK,IAAG;EAAS,yBAAyB,EAAE,QAAQ,iBAAiB;EAAI,CAAA;;;;;;;AAQlF,SAAgB,aAAa;CAC3B,OAAO,oBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,6BAA6B,EAAI,CAAA;;;;;AAMnF,SAAwB,WAAW;CACjC,OACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,MAAD,EAAQ,CAAA,EACR,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,MAAD,EAAQ,CAAA,EACR,oBAAC,YAAD,EAAc,CAAA,CACT,EAAA,CAAA,CACF,EAAA,CAAA"}
+{"version":3,"file":"document.js","names":[],"sources":["../../src/shims/document.tsx"],"sourcesContent":["/**\n * next/document shim\n *\n * Provides Html, Head, Main, NextScript components for custom _document.tsx.\n * During SSR these render placeholder markers that the dev server replaces\n * with actual content.\n */\nimport React from \"react\";\n\nexport function Html({\n  children,\n  lang,\n  ...props\n}: React.HTMLAttributes<HTMLHtmlElement> & { children?: React.ReactNode }) {\n  return (\n    <html lang={lang} {...props}>\n      {children}\n    </html>\n  );\n}\n\n/**\n * Document Head - renders <head> with children.\n * The dev server injects meta tags, styles, etc.\n */\nexport function Head({ children }: { children?: React.ReactNode }) {\n  return (\n    <head>\n      <meta charSet=\"utf-8\" />\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n      {children}\n    </head>\n  );\n}\n\n/**\n * Main - renders the page content container.\n */\nexport function Main() {\n  return <div id=\"__next\" dangerouslySetInnerHTML={{ __html: \"__NEXT_MAIN__\" }} />;\n}\n\n/**\n * NextScript - renders a placeholder that the dev-server replaces with\n * actual hydration scripts (__NEXT_DATA__ + entry module).\n * Uses dangerouslySetInnerHTML so the HTML comment survives renderToString.\n */\nexport function NextScript() {\n  return <span dangerouslySetInnerHTML={{ __html: \"<!-- __NEXT_SCRIPTS__ -->\" }} />;\n}\n\n/**\n * Loose stand-ins for Next.js's `DocumentContext` / `DocumentInitialProps`.\n * The shim doesn't currently invoke `getInitialProps` on user `_document.tsx`\n * files (separate gap), but the signatures here match Next.js's so subclasses\n * that delegate via `await Document.getInitialProps(ctx)` typecheck against\n * the same shape they'd see under real Next.js.\n *\n * @see https://github.com/vercel/next.js/blob/canary/packages/next/src/shared/lib/utils.ts\n */\nexport type DocumentContext = {\n  // The full `DocumentContext` includes `renderPage`, `defaultGetInitialProps`,\n  // and the inherited `NextPageContext` (`pathname`, `query`, `req`, `res`,\n  // `err`, `asPath`, ...). They're declared as optional here because vinext\n  // does not yet plumb them through; widening to optional avoids forcing user\n  // code to assert their presence.\n  renderPage?: (options?: {\n    enhanceApp?: (App: React.ComponentType<{ children?: React.ReactNode }>) => unknown;\n    enhanceComponent?: (Comp: React.ComponentType<unknown>) => unknown;\n  }) => { html: string; head?: ReadonlyArray<React.ReactElement> };\n  defaultGetInitialProps?: (\n    ctx: DocumentContext,\n    options?: { nonce?: string },\n  ) => Promise<DocumentInitialProps>;\n  pathname?: string;\n  query?: Record<string, string | string[] | undefined>;\n  asPath?: string;\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  err?: any;\n};\n\nexport type DocumentInitialProps = {\n  html: string;\n  head?: ReadonlyArray<React.ReactElement>;\n  styles?: React.ReactElement[] | Iterable<React.ReactNode> | React.ReactElement;\n};\n\n/**\n * Default Document component — also the base class user `_document.tsx` files\n * `extend`. Must be a class (not a function) to match Next.js's `next/document`\n * default export so `class MyDocument extends Document` produces a constructible\n * class that React can instantiate during SSR. Returning a function here breaks\n * any user `_document.tsx` that uses the class-based form because `extends`\n * against a non-constructor produces a class that can only be called without\n * `new`, which React refuses to do.\n *\n * @see https://github.com/vercel/next.js/blob/canary/packages/next/src/pages/_document.tsx\n * Ported behavior: Next.js's default `Document` is a `class Document extends\n * React.Component`. Custom documents extend it and override `getInitialProps`\n * and `render`. Generic default matches Next.js (`P = {}`).\n */\n// oxlint-disable-next-line @typescript-eslint/no-empty-object-type\nexport default class Document<P = {}> extends React.Component<P & { children?: React.ReactNode }> {\n  /**\n   * `getInitialProps` is invoked by the SSR pipeline. The default implementation\n   * is a stub: vinext does not yet plumb the Pages Router `renderPage` /\n   * `defaultGetInitialProps` chain into the SSR entry, so subclasses that\n   * delegate via `await Document.getInitialProps(ctx)` receive an empty shell\n   * (`html: \"\"`). This matches the runtime contract user code expects without\n   * pretending the chain is wired up.\n   */\n  static async getInitialProps(_ctx: DocumentContext): Promise<DocumentInitialProps> {\n    return { html: \"\" };\n  }\n\n  render(): React.ReactNode {\n    return (\n      <Html>\n        <Head />\n        <body>\n          <Main />\n          <NextScript />\n        </body>\n      </Html>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,KAAK,EACnB,UACA,MACA,GAAG,SACsE;CACzE,OACE,oBAAC,QAAD;EAAY;EAAM,GAAI;EACnB;EACI,CAAA;;;;;;AAQX,SAAgB,KAAK,EAAE,YAA4C;CACjE,OACE,qBAAC,QAAD,EAAA,UAAA;EACE,oBAAC,QAAD,EAAM,SAAQ,SAAU,CAAA;EACxB,oBAAC,QAAD;GAAM,MAAK;GAAW,SAAQ;GAAwC,CAAA;EACrE;EACI,EAAA,CAAA;;;;;AAOX,SAAgB,OAAO;CACrB,OAAO,oBAAC,OAAD;EAAK,IAAG;EAAS,yBAAyB,EAAE,QAAQ,iBAAiB;EAAI,CAAA;;;;;;;AAQlF,SAAgB,aAAa;CAC3B,OAAO,oBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,6BAA6B,EAAI,CAAA;;;;;;;;;;;;;;;;AAsDnF,IAAqB,WAArB,cAA8C,MAAM,UAA8C;;;;;;;;;CAShG,aAAa,gBAAgB,MAAsD;EACjF,OAAO,EAAE,MAAM,IAAI;;CAGrB,SAA0B;EACxB,OACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,MAAD,EAAQ,CAAA,EACR,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,MAAD,EAAQ,CAAA,EACR,oBAAC,YAAD,EAAc,CAAA,CACT,EAAA,CAAA,CACF,EAAA,CAAA"}

package/dist/shims/error-boundary.d.ts

@@ -32,7 +32,7 @@ declare class RedirectErrorBoundary extends React.Component<{
     children?: React.ReactNode;
   });
   static getDerivedStateFromError(error: unknown): RedirectBoundaryState;
-  render(): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+  render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | _$react_jsx_runtime0.JSX.Element | null | undefined;
 }
 declare function RedirectBoundary({
   children
@@ -49,7 +49,7 @@ declare class ErrorBoundaryInner extends React.Component<ErrorBoundaryInnerProps
   static getDerivedStateFromProps(props: ErrorBoundaryInnerProps, state: ErrorBoundaryState): ErrorBoundaryState | null;
   static getDerivedStateFromError(error: unknown): Partial<ErrorBoundaryState>;
   reset: () => void;
-  render(): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+  render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | _$react_jsx_runtime0.JSX.Element | null | undefined;
 }
 declare function ErrorBoundary({
   fallback,

package/dist/shims/font-local.d.ts

@@ -19,6 +19,11 @@ type LocalFontOptions = {
     prop: string;
     value: string;
   }>;
+  _vinext?: {
+    font?: {
+      family?: unknown;
+    };
+  };
 };
 type FontResult = {
   className: string;

package/dist/shims/font-local.js

@@ -27,6 +27,10 @@ import { escapeCSSString, formatFontClassRule, resolveSingleFaceStyle, sanitizeC
 function sanitizeCSSProperty(prop) {
 	if (/^(--)?[a-zA-Z][a-zA-Z0-9-]*$/.test(prop)) return prop;
 }
+function sanitizeInternalFontFamily(name) {
+	if (typeof name !== "string" || name.length === 0) return void 0;
+	if (/^[$_a-zA-Z][$_a-zA-Z0-9]*$/.test(name)) return name;
+}
 let classCounter = 0;
 const injectedFonts = /* @__PURE__ */ new Set();
 function generateFontFaceCSS(family, options, sources) {
@@ -179,7 +183,7 @@ function localFont(options) {
 	const id = classCounter++;
 	const sources = normalizeSources(options);
 	const singleSource = sources.length === 1 ? sources[0] : void 0;
-	const family = `__local_font_${id}`;
+	const family = sanitizeInternalFontFamily(options._vinext?.font?.family) ?? `__local_font_${id}`;
 	const className = `__font_local_${id}`;
 	const fontFamily = `'${family}', ${(options.fallback ?? ["sans-serif"]).map(sanitizeFallback).join(", ")}`;
 	const cssVarName = options.variable ? sanitizeCSSVarName(options.variable) : void 0;
@@ -190,7 +194,7 @@ function localFont(options) {
 		style: singleSource.style ?? options.style
 	}) : { fontFamily };
 	collectFontPreloads(sources);
-	injectFontFaceCSS(generateFontFaceCSS(family, options, sources), family);
+	injectFontFaceCSS(generateFontFaceCSS(family, options, sources), className);
 	injectClassNameRule(className, style);
 	if (cssVarName) injectVariableClassRule(variableClassName, cssVarName, fontFamily);
 	return {

package/dist/shims/font-local.js.map

@@ -1 +1 @@
-{"version":3,"file":"font-local.js","names":[],"sources":["../../src/shims/font-local.ts"],"sourcesContent":["/**\n * next/font/local shim\n *\n * Provides a runtime-compatible shim for Next.js local fonts.\n * Generates @font-face CSS declarations and returns an object\n * with className, style, and variable properties.\n *\n * Supports both client-side injection and SSR collection,\n * matching the patterns used by the Google font shim.\n *\n * Usage:\n *   import localFont from 'next/font/local';\n *   const myFont = localFont({ src: './my-font.woff2' });\n *   // myFont.className -> unique CSS class\n *   // myFont.style -> { fontFamily: \"'__local_font_0', sans-serif\" }\n *   // myFont.variable -> generated class name when requested\n */\nimport {\n  escapeCSSString,\n  formatFontClassRule,\n  resolveSingleFaceStyle,\n  sanitizeCSSVarName,\n  sanitizeFallback,\n  sanitizeFontDescriptorValue,\n  type FontStyle,\n} from \"./font-utils.js\";\n\n/**\n * Validate a CSS property name for use in declarations.\n *\n * Only allows standard CSS property names (lowercase letters and hyphens)\n * and custom properties (--prefixed). Rejects anything that could inject\n * CSS rules via crafted property names.\n */\nfunction sanitizeCSSProperty(prop: string): string | undefined {\n  if (/^(--)?[a-zA-Z][a-zA-Z0-9-]*$/.test(prop)) return prop;\n  return undefined;\n}\n\nlet classCounter = 0;\nconst injectedFonts = new Set<string>();\n\ntype LocalFontSrc = {\n  path: string;\n  weight?: string;\n  style?: string;\n};\n\ntype LocalFontOptions = {\n  src: string | LocalFontSrc | LocalFontSrc[];\n  display?: string;\n  weight?: string;\n  style?: string;\n  fallback?: string[];\n  preload?: boolean;\n  variable?: string;\n  adjustFontFallback?: boolean | string;\n  declarations?: Array<{ prop: string; value: string }>;\n};\n\ntype FontResult = {\n  className: string;\n  style: FontStyle;\n  variable?: string;\n};\n\nfunction generateFontFaceCSS(\n  family: string,\n  options: LocalFontOptions,\n  sources: LocalFontSrc[],\n): string {\n  const display = options.display ?? \"swap\";\n  const rules: string[] = [];\n\n  for (const src of sources) {\n    const weight = sanitizeFontDescriptorValue(src.weight ?? options.weight ?? \"400\") ?? \"400\";\n    const style = sanitizeFontDescriptorValue(src.style ?? options.style ?? \"normal\") ?? \"normal\";\n    const format = src.path.endsWith(\".woff2\")\n      ? \"woff2\"\n      : src.path.endsWith(\".woff\")\n        ? \"woff\"\n        : src.path.endsWith(\".ttf\")\n          ? \"truetype\"\n          : src.path.endsWith(\".otf\")\n            ? \"opentype\"\n            : \"woff2\";\n\n    rules.push(`@font-face {\n  font-family: '${escapeCSSString(family)}';\n  src: url('${escapeCSSString(src.path)}') format('${format}');\n  font-weight: ${weight};\n  font-style: ${style};\n  font-display: ${display};\n}`);\n  }\n\n  // Add extra declarations if provided — sanitize prop/value to prevent injection\n  if (options.declarations) {\n    for (const decl of options.declarations) {\n      const safeProp = sanitizeCSSProperty(decl.prop);\n      const safeValue = sanitizeFontDescriptorValue(decl.value);\n      if (safeProp && safeValue) {\n        rules.push(\n          `@font-face { font-family: '${escapeCSSString(family)}'; ${safeProp}: ${safeValue}; }`,\n        );\n      }\n    }\n  }\n\n  return rules.join(\"\\n\");\n}\n\n// SSR: collect font styles for injection in <head>\nconst ssrFontStyles: string[] = [];\n\n// SSR: collect font file URLs for <link rel=\"preload\"> injection\nconst ssrFontPreloads: Array<{ href: string; type: string }> = [];\nconst ssrFontPreloadHrefs = new Set<string>();\n\n/**\n * Get collected SSR font styles (used by the renderer).\n * Note: We don't clear the arrays because fonts are loaded at module import\n * time and need to persist across all requests in the Workers environment.\n */\nexport function getSSRFontStyles(): string[] {\n  return [...ssrFontStyles];\n}\n\n/**\n * Get collected SSR font preload data (used by the renderer).\n * Returns an array of { href, type } objects for emitting\n * <link rel=\"preload\" as=\"font\" ...> tags.\n */\nexport function getSSRFontPreloads(): Array<{ href: string; type: string }> {\n  return [...ssrFontPreloads];\n}\n\nfunction injectFontFaceCSS(css: string, id: string): void {\n  if (injectedFonts.has(id)) return;\n  injectedFonts.add(id);\n\n  // On server, store the CSS for SSR injection\n  if (typeof document === \"undefined\") {\n    ssrFontStyles.push(css);\n    return;\n  }\n\n  const style = document.createElement(\"style\");\n  style.textContent = css;\n  style.setAttribute(\"data-vinext-font\", id);\n  document.head.appendChild(style);\n}\n\n/** Track which className CSS rules have been injected. */\nconst injectedClassRules = new Set<string>();\n\n/**\n * Inject a CSS rule that maps a className to the exported font style.\n *\n * This is what makes `<div className={font.className}>` apply the font.\n *\n * In Next.js, the .className class sets font-family and any single\n * font-weight/font-style. CSS variables are handled separately by .variable.\n */\nfunction injectClassNameRule(className: string, fontStyle: FontStyle): void {\n  if (injectedClassRules.has(className)) return;\n  injectedClassRules.add(className);\n\n  const css = formatFontClassRule(className, fontStyle);\n\n  // On server, store the CSS for SSR injection\n  if (typeof document === \"undefined\") {\n    ssrFontStyles.push(css);\n    return;\n  }\n\n  // On client, inject a <style> tag\n  const style = document.createElement(\"style\");\n  style.textContent = css;\n  style.setAttribute(\"data-vinext-font-class\", className);\n  document.head.appendChild(style);\n}\n\n/** Track which variable class CSS rules have been injected. */\nconst injectedVariableRules = new Set<string>();\n\n/** Track which :root CSS variable rules have been injected. */\nconst injectedRootVariables = new Set<string>();\n\n/**\n * Inject a CSS rule that sets a CSS variable on an element.\n * This is what makes `<html className={font.variable}>` set the CSS variable\n * that can be referenced by other styles (e.g., Tailwind's font-sans).\n *\n * In Next.js, the .variable class ONLY sets the CSS variable — it does NOT\n * set font-family. This is critical because apps commonly apply multiple\n * .variable classes to <body> (e.g., geistSans.variable + geistMono.variable).\n * If we also set font-family here, the last class wins due to CSS cascade,\n * causing all text to use that font (e.g., everything becomes monospace).\n */\nfunction injectVariableClassRule(\n  variableClassName: string,\n  cssVarName: string,\n  fontFamily: string,\n): void {\n  if (injectedVariableRules.has(variableClassName)) return;\n  injectedVariableRules.add(variableClassName);\n\n  // Only set the CSS variable — do NOT set font-family.\n  // This matches Next.js behavior where .variable classes only define CSS variables.\n  let css = `.${variableClassName} { ${cssVarName}: ${fontFamily}; }\\n`;\n\n  // Also inject at :root so CSS variable inheritance works throughout the page.\n  // This ensures Tailwind utilities like `font-sans` that reference these\n  // variables via var(--font-geist-sans) work correctly.\n  if (!injectedRootVariables.has(cssVarName)) {\n    injectedRootVariables.add(cssVarName);\n    css += `:root { ${cssVarName}: ${fontFamily}; }\\n`;\n  }\n\n  // On server, store the CSS for SSR injection\n  if (typeof document === \"undefined\") {\n    ssrFontStyles.push(css);\n    return;\n  }\n\n  // On client, inject a <style> tag\n  const style = document.createElement(\"style\");\n  style.textContent = css;\n  style.setAttribute(\"data-vinext-font-variable\", variableClassName);\n  document.head.appendChild(style);\n}\n\n/**\n * Normalize the `src` option into a flat array of `{ path, weight?, style? }`.\n * Handles string, single object, and array forms.\n */\nfunction normalizeSources(options: LocalFontOptions): LocalFontSrc[] {\n  if (Array.isArray(options.src)) return options.src;\n  if (typeof options.src === \"string\") return [{ path: options.src }];\n  return [options.src];\n}\n\n/**\n * Determine the MIME type for a font file based on its extension.\n * Uses endsWith() only — matching the approach in generateFontFaceCSS —\n * to avoid false positives from substring matches (e.g. \".woff\" matching \".woff2\").\n */\nfunction getFontMimeType(pathOrUrl: string): string {\n  if (pathOrUrl.endsWith(\".woff2\")) return \"font/woff2\";\n  if (pathOrUrl.endsWith(\".woff\")) return \"font/woff\";\n  if (pathOrUrl.endsWith(\".ttf\")) return \"font/ttf\";\n  if (pathOrUrl.endsWith(\".otf\")) return \"font/opentype\";\n  return \"font/woff2\";\n}\n\n/**\n * Collect font source URLs for preload link generation.\n * Only collects on the server (SSR). Deduplicates by href using a Set for O(1) lookups.\n */\nfunction collectFontPreloads(sources: LocalFontSrc[]): void {\n  if (typeof document !== \"undefined\") return; // client-side, skip\n\n  for (const src of sources) {\n    const href = src.path;\n    // Only collect URLs that are absolute (start with /) — relative paths\n    // would resolve incorrectly from different page URLs. The vinext:local-fonts\n    // Vite transform should have already resolved them to absolute URLs.\n    if (href && href.startsWith(\"/\") && !ssrFontPreloadHrefs.has(href)) {\n      ssrFontPreloadHrefs.add(href);\n      ssrFontPreloads.push({ href, type: getFontMimeType(href) });\n    }\n  }\n}\n\nexport default function localFont(options: LocalFontOptions): FontResult {\n  const id = classCounter++;\n  const sources = normalizeSources(options);\n  const singleSource = sources.length === 1 ? sources[0] : undefined;\n  const family = `__local_font_${id}`;\n  const className = `__font_local_${id}`;\n  const fallback = options.fallback ?? [\"sans-serif\"];\n  // Sanitize each fallback name to prevent CSS injection via crafted values\n  const fontFamily = `'${family}', ${fallback.map(sanitizeFallback).join(\", \")}`;\n  // Validate CSS variable name — reject anything that could inject CSS\n  const cssVarName = options.variable ? sanitizeCSSVarName(options.variable) : undefined;\n  // In Next.js, `variable` returns a CLASS NAME that sets the CSS variable.\n  // Users apply this class to set the CSS variable on that element.\n  const variableClassName = `__variable_local_${id}`;\n  const style = singleSource\n    ? resolveSingleFaceStyle({\n        fontFamily,\n        weight: singleSource.weight ?? options.weight,\n        style: singleSource.style ?? options.style,\n      })\n    : { fontFamily };\n\n  // Collect font URLs for preload <link> tags (SSR only)\n  collectFontPreloads(sources);\n\n  // Inject @font-face declarations\n  const css = generateFontFaceCSS(family, options, sources);\n  injectFontFaceCSS(css, family);\n\n  // Inject the className -> font-family CSS rule\n  injectClassNameRule(className, style);\n\n  // Inject a CSS rule for the variable class name if variable is specified.\n  // This is what makes `<html className={font.variable}>` set the CSS variable.\n  if (cssVarName) {\n    injectVariableClassRule(variableClassName, cssVarName, fontFamily);\n  }\n\n  return {\n    className,\n    style,\n    ...(cssVarName ? { variable: variableClassName } : {}),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"font-local.js","names":[],"sources":["../../src/shims/font-local.ts"],"sourcesContent":["/**\n * next/font/local shim\n *\n * Provides a runtime-compatible shim for Next.js local fonts.\n * Generates @font-face CSS declarations and returns an object\n * with className, style, and variable properties.\n *\n * Supports both client-side injection and SSR collection,\n * matching the patterns used by the Google font shim.\n *\n * Usage:\n *   import localFont from 'next/font/local';\n *   const myFont = localFont({ src: './my-font.woff2' });\n *   // myFont.className -> unique CSS class\n *   // myFont.style -> { fontFamily: \"'__local_font_0', sans-serif\" }\n *   // myFont.variable -> generated class name when requested\n */\nimport {\n  escapeCSSString,\n  formatFontClassRule,\n  resolveSingleFaceStyle,\n  sanitizeCSSVarName,\n  sanitizeFallback,\n  sanitizeFontDescriptorValue,\n  type FontStyle,\n} from \"./font-utils.js\";\n\n/**\n * Validate a CSS property name for use in declarations.\n *\n * Only allows standard CSS property names (lowercase letters and hyphens)\n * and custom properties (--prefixed). Rejects anything that could inject\n * CSS rules via crafted property names.\n */\nfunction sanitizeCSSProperty(prop: string): string | undefined {\n  if (/^(--)?[a-zA-Z][a-zA-Z0-9-]*$/.test(prop)) return prop;\n  return undefined;\n}\n\nfunction sanitizeInternalFontFamily(name: unknown): string | undefined {\n  if (typeof name !== \"string\" || name.length === 0) return undefined;\n  if (/^[$_a-zA-Z][$_a-zA-Z0-9]*$/.test(name)) return name;\n  return undefined;\n}\n\nlet classCounter = 0;\nconst injectedFonts = new Set<string>();\n\ntype LocalFontSrc = {\n  path: string;\n  weight?: string;\n  style?: string;\n};\n\ntype LocalFontOptions = {\n  src: string | LocalFontSrc | LocalFontSrc[];\n  display?: string;\n  weight?: string;\n  style?: string;\n  fallback?: string[];\n  preload?: boolean;\n  variable?: string;\n  adjustFontFallback?: boolean | string;\n  declarations?: Array<{ prop: string; value: string }>;\n  _vinext?: {\n    font?: {\n      family?: unknown;\n    };\n  };\n};\n\ntype FontResult = {\n  className: string;\n  style: FontStyle;\n  variable?: string;\n};\n\nfunction generateFontFaceCSS(\n  family: string,\n  options: LocalFontOptions,\n  sources: LocalFontSrc[],\n): string {\n  const display = options.display ?? \"swap\";\n  const rules: string[] = [];\n\n  for (const src of sources) {\n    const weight = sanitizeFontDescriptorValue(src.weight ?? options.weight ?? \"400\") ?? \"400\";\n    const style = sanitizeFontDescriptorValue(src.style ?? options.style ?? \"normal\") ?? \"normal\";\n    const format = src.path.endsWith(\".woff2\")\n      ? \"woff2\"\n      : src.path.endsWith(\".woff\")\n        ? \"woff\"\n        : src.path.endsWith(\".ttf\")\n          ? \"truetype\"\n          : src.path.endsWith(\".otf\")\n            ? \"opentype\"\n            : \"woff2\";\n\n    rules.push(`@font-face {\n  font-family: '${escapeCSSString(family)}';\n  src: url('${escapeCSSString(src.path)}') format('${format}');\n  font-weight: ${weight};\n  font-style: ${style};\n  font-display: ${display};\n}`);\n  }\n\n  // Add extra declarations if provided — sanitize prop/value to prevent injection\n  if (options.declarations) {\n    for (const decl of options.declarations) {\n      const safeProp = sanitizeCSSProperty(decl.prop);\n      const safeValue = sanitizeFontDescriptorValue(decl.value);\n      if (safeProp && safeValue) {\n        rules.push(\n          `@font-face { font-family: '${escapeCSSString(family)}'; ${safeProp}: ${safeValue}; }`,\n        );\n      }\n    }\n  }\n\n  return rules.join(\"\\n\");\n}\n\n// SSR: collect font styles for injection in <head>\nconst ssrFontStyles: string[] = [];\n\n// SSR: collect font file URLs for <link rel=\"preload\"> injection\nconst ssrFontPreloads: Array<{ href: string; type: string }> = [];\nconst ssrFontPreloadHrefs = new Set<string>();\n\n/**\n * Get collected SSR font styles (used by the renderer).\n * Note: We don't clear the arrays because fonts are loaded at module import\n * time and need to persist across all requests in the Workers environment.\n */\nexport function getSSRFontStyles(): string[] {\n  return [...ssrFontStyles];\n}\n\n/**\n * Get collected SSR font preload data (used by the renderer).\n * Returns an array of { href, type } objects for emitting\n * <link rel=\"preload\" as=\"font\" ...> tags.\n */\nexport function getSSRFontPreloads(): Array<{ href: string; type: string }> {\n  return [...ssrFontPreloads];\n}\n\nfunction injectFontFaceCSS(css: string, id: string): void {\n  if (injectedFonts.has(id)) return;\n  injectedFonts.add(id);\n\n  // On server, store the CSS for SSR injection\n  if (typeof document === \"undefined\") {\n    ssrFontStyles.push(css);\n    return;\n  }\n\n  const style = document.createElement(\"style\");\n  style.textContent = css;\n  style.setAttribute(\"data-vinext-font\", id);\n  document.head.appendChild(style);\n}\n\n/** Track which className CSS rules have been injected. */\nconst injectedClassRules = new Set<string>();\n\n/**\n * Inject a CSS rule that maps a className to the exported font style.\n *\n * This is what makes `<div className={font.className}>` apply the font.\n *\n * In Next.js, the .className class sets font-family and any single\n * font-weight/font-style. CSS variables are handled separately by .variable.\n */\nfunction injectClassNameRule(className: string, fontStyle: FontStyle): void {\n  if (injectedClassRules.has(className)) return;\n  injectedClassRules.add(className);\n\n  const css = formatFontClassRule(className, fontStyle);\n\n  // On server, store the CSS for SSR injection\n  if (typeof document === \"undefined\") {\n    ssrFontStyles.push(css);\n    return;\n  }\n\n  // On client, inject a <style> tag\n  const style = document.createElement(\"style\");\n  style.textContent = css;\n  style.setAttribute(\"data-vinext-font-class\", className);\n  document.head.appendChild(style);\n}\n\n/** Track which variable class CSS rules have been injected. */\nconst injectedVariableRules = new Set<string>();\n\n/** Track which :root CSS variable rules have been injected. */\nconst injectedRootVariables = new Set<string>();\n\n/**\n * Inject a CSS rule that sets a CSS variable on an element.\n * This is what makes `<html className={font.variable}>` set the CSS variable\n * that can be referenced by other styles (e.g., Tailwind's font-sans).\n *\n * In Next.js, the .variable class ONLY sets the CSS variable — it does NOT\n * set font-family. This is critical because apps commonly apply multiple\n * .variable classes to <body> (e.g., geistSans.variable + geistMono.variable).\n * If we also set font-family here, the last class wins due to CSS cascade,\n * causing all text to use that font (e.g., everything becomes monospace).\n */\nfunction injectVariableClassRule(\n  variableClassName: string,\n  cssVarName: string,\n  fontFamily: string,\n): void {\n  if (injectedVariableRules.has(variableClassName)) return;\n  injectedVariableRules.add(variableClassName);\n\n  // Only set the CSS variable — do NOT set font-family.\n  // This matches Next.js behavior where .variable classes only define CSS variables.\n  let css = `.${variableClassName} { ${cssVarName}: ${fontFamily}; }\\n`;\n\n  // Also inject at :root so CSS variable inheritance works throughout the page.\n  // This ensures Tailwind utilities like `font-sans` that reference these\n  // variables via var(--font-geist-sans) work correctly.\n  if (!injectedRootVariables.has(cssVarName)) {\n    injectedRootVariables.add(cssVarName);\n    css += `:root { ${cssVarName}: ${fontFamily}; }\\n`;\n  }\n\n  // On server, store the CSS for SSR injection\n  if (typeof document === \"undefined\") {\n    ssrFontStyles.push(css);\n    return;\n  }\n\n  // On client, inject a <style> tag\n  const style = document.createElement(\"style\");\n  style.textContent = css;\n  style.setAttribute(\"data-vinext-font-variable\", variableClassName);\n  document.head.appendChild(style);\n}\n\n/**\n * Normalize the `src` option into a flat array of `{ path, weight?, style? }`.\n * Handles string, single object, and array forms.\n */\nfunction normalizeSources(options: LocalFontOptions): LocalFontSrc[] {\n  if (Array.isArray(options.src)) return options.src;\n  if (typeof options.src === \"string\") return [{ path: options.src }];\n  return [options.src];\n}\n\n/**\n * Determine the MIME type for a font file based on its extension.\n * Uses endsWith() only — matching the approach in generateFontFaceCSS —\n * to avoid false positives from substring matches (e.g. \".woff\" matching \".woff2\").\n */\nfunction getFontMimeType(pathOrUrl: string): string {\n  if (pathOrUrl.endsWith(\".woff2\")) return \"font/woff2\";\n  if (pathOrUrl.endsWith(\".woff\")) return \"font/woff\";\n  if (pathOrUrl.endsWith(\".ttf\")) return \"font/ttf\";\n  if (pathOrUrl.endsWith(\".otf\")) return \"font/opentype\";\n  return \"font/woff2\";\n}\n\n/**\n * Collect font source URLs for preload link generation.\n * Only collects on the server (SSR). Deduplicates by href using a Set for O(1) lookups.\n */\nfunction collectFontPreloads(sources: LocalFontSrc[]): void {\n  if (typeof document !== \"undefined\") return; // client-side, skip\n\n  for (const src of sources) {\n    const href = src.path;\n    // Only collect URLs that are absolute (start with /) — relative paths\n    // would resolve incorrectly from different page URLs. The vinext:local-fonts\n    // Vite transform should have already resolved them to absolute URLs.\n    if (href && href.startsWith(\"/\") && !ssrFontPreloadHrefs.has(href)) {\n      ssrFontPreloadHrefs.add(href);\n      ssrFontPreloads.push({ href, type: getFontMimeType(href) });\n    }\n  }\n}\n\nexport default function localFont(options: LocalFontOptions): FontResult {\n  const id = classCounter++;\n  const sources = normalizeSources(options);\n  const singleSource = sources.length === 1 ? sources[0] : undefined;\n  const family = sanitizeInternalFontFamily(options._vinext?.font?.family) ?? `__local_font_${id}`;\n  const className = `__font_local_${id}`;\n  const fallback = options.fallback ?? [\"sans-serif\"];\n  // Sanitize each fallback name to prevent CSS injection via crafted values\n  const fontFamily = `'${family}', ${fallback.map(sanitizeFallback).join(\", \")}`;\n  // Validate CSS variable name — reject anything that could inject CSS\n  const cssVarName = options.variable ? sanitizeCSSVarName(options.variable) : undefined;\n  // In Next.js, `variable` returns a CLASS NAME that sets the CSS variable.\n  // Users apply this class to set the CSS variable on that element.\n  const variableClassName = `__variable_local_${id}`;\n  const style = singleSource\n    ? resolveSingleFaceStyle({\n        fontFamily,\n        weight: singleSource.weight ?? options.weight,\n        style: singleSource.style ?? options.style,\n      })\n    : { fontFamily };\n\n  // Collect font URLs for preload <link> tags (SSR only)\n  collectFontPreloads(sources);\n\n  // Inject @font-face declarations\n  const css = generateFontFaceCSS(family, options, sources);\n  // The exposed family can repeat across modules; the generated class stays\n  // unique for each localFont call and is the correct injection identity.\n  injectFontFaceCSS(css, className);\n\n  // Inject the className -> font-family CSS rule\n  injectClassNameRule(className, style);\n\n  // Inject a CSS rule for the variable class name if variable is specified.\n  // This is what makes `<html className={font.variable}>` set the CSS variable.\n  if (cssVarName) {\n    injectVariableClassRule(variableClassName, cssVarName, fontFamily);\n  }\n\n  return {\n    className,\n    style,\n    ...(cssVarName ? { variable: variableClassName } : {}),\n  };\n}\n"],"mappings":"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"}

package/dist/shims/form.js

@@ -1,6 +1,7 @@
 "use client";
 import { isDangerousScheme } from "./url-safety.js";
-import { toSameOriginPath } from "./url-utils.js";
+import { toSameOriginPath, withBasePath } from "./url-utils.js";
+import { hasAppNavigationRuntime } from "../client/navigation-runtime.js";
 import { navigateClientSide } from "./navigation.js";
 import { forwardRef, useActionState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -22,6 +23,7 @@ import { jsx } from "react/jsx-runtime";
 *     <button type="submit">Search</button>
 *   </Form>
 */
+const __basePath = process.env.__NEXT_ROUTER_BASEPATH ?? "";
 const SUPPORTED_FORM_ENCTYPE = "application/x-www-form-urlencoded";
 const SUPPORTED_FORM_METHOD = "GET";
 const SUPPORTED_FORM_TARGET = "_self";
@@ -112,6 +114,7 @@ const Form = forwardRef(function Form(props, ref) {
 			...rest
 		});
 	}
+	const actionHref = withBasePath(action, __basePath);
 	async function handleSubmit(e) {
 		if (onSubmit) {
 			onSubmit(e);
@@ -120,7 +123,7 @@ const Form = forwardRef(function Form(props, ref) {
 		const submitter = getSubmitter(e.nativeEvent);
 		if (submitter && hasUnsupportedSubmitterAttributes(submitter)) return;
 		if (getEffectiveMethod(submitter, rest.method) !== "GET") return;
-		const effectiveAction = getEffectiveAction(submitter, action);
+		const effectiveAction = getEffectiveAction(submitter, actionHref);
 		if (process.env.NODE_ENV !== "production" && submitter?.getAttribute("formaction") !== null) checkFormActionUrl(effectiveAction, "formAction");
 		if (!isSafeAction(effectiveAction)) {
 			if (process.env.NODE_ENV !== "production") console.warn(`<Form> blocked unsafe action: ${effectiveAction}`);
@@ -129,17 +132,21 @@ const Form = forwardRef(function Form(props, ref) {
 		}
 		e.preventDefault();
 		const url = createFormSubmitDestinationUrl(effectiveAction, e.currentTarget, submitter);
-		if (typeof window.__VINEXT_RSC_NAVIGATE__ === "function") await navigateClientSide(url, replace ? "replace" : "push", scroll);
-		else {
+		if (hasAppNavigationRuntime()) await navigateClientSide(url, replace ? "replace" : "push", scroll);
+		else try {
+			const Router = (await import("./router.js")).default;
+			if (replace) await Router.replace(url, void 0, { scroll });
+			else await Router.push(url, void 0, { scroll });
+		} catch {
 			if (replace) window.history.replaceState({}, "", url);
 			else window.history.pushState({}, "", url);
 			window.dispatchEvent(new PopStateEvent("popstate"));
+			if (scroll) window.scrollTo(0, 0);
 		}
-		if (typeof window.__VINEXT_RSC_NAVIGATE__ !== "function" && scroll) window.scrollTo(0, 0);
 	}
 	return /* @__PURE__ */ jsx("form", {
 		ref,
-		action,
+		action: actionHref,
 		onSubmit: (event) => {
 			handleSubmit(event);
 		},

package/dist/shims/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../src/shims/form.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * next/form shim\n *\n * Progressive enhancement form component. In Next.js, this replaces\n * the standard <form> element with one that intercepts submissions\n * and performs client-side navigation for GET forms (search forms).\n *\n * For POST forms with server actions, it delegates to React's built-in\n * form action handling.\n *\n * Usage:\n *   import Form from 'next/form';\n *   <Form action=\"/search\">\n *     <input name=\"q\" />\n *     <button type=\"submit\">Search</button>\n *   </Form>\n */\n\nimport { forwardRef, useActionState, type FormHTMLAttributes, type ForwardedRef } from \"react\";\nimport { navigateClientSide } from \"./navigation.js\";\nimport { isDangerousScheme } from \"./url-safety.js\";\nimport { toSameOriginPath } from \"./url-utils.js\";\n\n// Re-export useActionState from React 19 to match Next.js's next/form module\nexport { useActionState };\n\ntype FormSubmitter = HTMLButtonElement | HTMLInputElement;\nconst SUPPORTED_FORM_ENCTYPE = \"application/x-www-form-urlencoded\";\nconst SUPPORTED_FORM_METHOD = \"GET\";\nconst SUPPORTED_FORM_TARGET = \"_self\";\n\nfunction isSafeAction(action: string): boolean {\n  // Block dangerous URI schemes\n  if (isDangerousScheme(action)) return false;\n  // Block protocol-relative URLs (//evil.com/...)\n  if (action.startsWith(\"//\")) return false;\n  // Block absolute URLs to external origins (client-side: compare origins)\n  if (/^https?:\\/\\//i.test(action)) {\n    if (typeof window !== \"undefined\") {\n      try {\n        const actionUrl = new URL(action);\n        return actionUrl.origin === window.location.origin;\n      } catch {\n        return false;\n      }\n    }\n    // Server-side: block all absolute URLs (can't compare origins)\n    return false;\n  }\n  return true;\n}\n\nfunction getSubmitter(nativeEvent: unknown): FormSubmitter | null {\n  const submitter =\n    nativeEvent &&\n    typeof nativeEvent === \"object\" &&\n    \"submitter\" in nativeEvent &&\n    nativeEvent.submitter instanceof Element\n      ? nativeEvent.submitter\n      : null;\n\n  if (submitter instanceof HTMLButtonElement || submitter instanceof HTMLInputElement) {\n    return submitter;\n  }\n  return null;\n}\n\nfunction getEffectiveMethod(\n  submitter: FormSubmitter | null,\n  formMethod: FormHTMLAttributes<HTMLFormElement>[\"method\"],\n): string {\n  const override = submitter?.getAttribute(\"formmethod\");\n  return (override ?? formMethod ?? \"GET\").toUpperCase();\n}\n\nfunction getEffectiveAction(submitter: FormSubmitter | null, formAction: string): string {\n  return submitter?.getAttribute(\"formaction\") ?? formAction;\n}\n\nfunction checkFormActionUrl(action: string, source: \"action\" | \"formAction\"): void {\n  const aPropName = source === \"action\" ? \"an `action`\" : \"a `formAction`\";\n\n  let testUrl: URL;\n  try {\n    testUrl = new URL(action, \"http://n\");\n  } catch {\n    console.error(`<Form> received ${aPropName} that cannot be parsed as a URL: \"${action}\".`);\n    return;\n  }\n\n  if (testUrl.searchParams.size) {\n    console.warn(\n      `<Form> received ${aPropName} that contains search params: \"${action}\". This is not supported, and they will be ignored. ` +\n        `If you need to pass in additional search params, use an \\`<input type=\"hidden\" />\\` instead.`,\n    );\n  }\n}\n\nfunction hasUnsupportedSubmitterAttributes(submitter: FormSubmitter): boolean {\n  const formEncType = submitter.getAttribute(\"formenctype\");\n  if (formEncType !== null && formEncType !== SUPPORTED_FORM_ENCTYPE) {\n    console.error(\n      `<Form>'s \\`encType\\` was set to an unsupported value via \\`formEncType=\"${formEncType}\"\\`. ` +\n        `This will disable <Form>'s navigation functionality. If you need this, use a native <form> element instead.`,\n    );\n    return true;\n  }\n\n  const formMethod = submitter.getAttribute(\"formmethod\");\n  if (formMethod !== null && formMethod.toUpperCase() !== SUPPORTED_FORM_METHOD) {\n    console.error(\n      `<Form>'s \\`method\\` was set to an unsupported value via \\`formMethod=\"${formMethod}\"\\`. ` +\n        `This will disable <Form>'s navigation functionality. If you need this, use a native <form> element instead.`,\n    );\n    return true;\n  }\n\n  const formTarget = submitter.getAttribute(\"formtarget\");\n  if (formTarget !== null && formTarget !== SUPPORTED_FORM_TARGET) {\n    console.error(\n      `<Form>'s \\`target\\` was set to an unsupported value via \\`formTarget=\"${formTarget}\"\\`. ` +\n        `This will disable <Form>'s navigation functionality. If you need this, use a native <form> element instead.`,\n    );\n    return true;\n  }\n\n  return false;\n}\n\nfunction createFormSubmitDestinationUrl(\n  action: string,\n  form: HTMLFormElement,\n  submitter: FormSubmitter | null,\n): string {\n  const targetUrl = new URL(action, window.location.href);\n  if (targetUrl.searchParams.size) {\n    targetUrl.search = \"\";\n  }\n\n  const formData = buildFormData(form, submitter);\n  for (const [name, value] of formData) {\n    targetUrl.searchParams.append(name, typeof value === \"string\" ? value : value.name);\n  }\n\n  return toSameOriginPath(targetUrl.href) ?? targetUrl.href;\n}\n\nfunction buildFormData(form: HTMLFormElement, submitter: FormSubmitter | null): FormData {\n  if (!submitter) return new FormData(form);\n\n  try {\n    return new FormData(form, submitter);\n  } catch {\n    const formData = new FormData(form);\n    if (!submitter.disabled && submitter.name) {\n      formData.append(submitter.name, submitter.value);\n    }\n    return formData;\n  }\n}\n\ntype FormProps = {\n  /** Target URL for GET forms, or server action for POST forms */\n  action: string | ((formData: FormData) => void | Promise<void>);\n  /** Replace instead of push in history (default: false) */\n  replace?: boolean;\n  /** Scroll to top after navigation (default: true) */\n  scroll?: boolean;\n} & FormHTMLAttributes<HTMLFormElement>;\n\nconst Form = forwardRef(function Form(props: FormProps, ref: ForwardedRef<HTMLFormElement>) {\n  const { action, replace = false, scroll = true, onSubmit, ...rest } = props;\n\n  // If action is a function (server action), pass it directly to React\n  if (typeof action === \"function\") {\n    return <form ref={ref} action={action} onSubmit={onSubmit} {...rest} />;\n  }\n\n  // Block dangerous action URLs. Render <form> without action attribute\n  // so it submits to the current page (safe default).\n  if (process.env.NODE_ENV !== \"production\") {\n    checkFormActionUrl(action, \"action\");\n  }\n\n  if (!isSafeAction(action)) {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(`<Form> blocked unsafe action: ${action}`);\n    }\n    return <form ref={ref} onSubmit={onSubmit} {...rest} />;\n  }\n\n  async function handleSubmit(e: React.SubmitEvent<HTMLFormElement>) {\n    // Call user's onSubmit first\n    if (onSubmit) {\n      onSubmit(e);\n      if (e.defaultPrevented) return;\n    }\n\n    const submitter = getSubmitter(e.nativeEvent);\n    if (submitter && hasUnsupportedSubmitterAttributes(submitter)) {\n      return;\n    }\n\n    // Only intercept GET forms for client-side navigation\n    const method = getEffectiveMethod(submitter, rest.method);\n    if (method !== \"GET\") return;\n\n    const effectiveAction = getEffectiveAction(submitter, action as string);\n    if (process.env.NODE_ENV !== \"production\" && submitter?.getAttribute(\"formaction\") !== null) {\n      checkFormActionUrl(effectiveAction, \"formAction\");\n    }\n    if (!isSafeAction(effectiveAction)) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(`<Form> blocked unsafe action: ${effectiveAction}`);\n      }\n      e.preventDefault();\n      return;\n    }\n\n    e.preventDefault();\n    const url = createFormSubmitDestinationUrl(effectiveAction, e.currentTarget, submitter);\n\n    // Navigate client-side\n    if (typeof window.__VINEXT_RSC_NAVIGATE__ === \"function\") {\n      // App Router: use the shared navigator so URL/history publish stays\n      // aligned with the committed RSC tree.\n      await navigateClientSide(url, replace ? \"replace\" : \"push\", scroll);\n    } else {\n      // Pages Router: use router or fallback\n      if (replace) {\n        window.history.replaceState({}, \"\", url);\n      } else {\n        window.history.pushState({}, \"\", url);\n      }\n      window.dispatchEvent(new PopStateEvent(\"popstate\"));\n    }\n\n    // App Router: scroll is handled inside navigateClientSide (called above).\n    // Pages Router: scroll manually since pushState/popstate doesn't auto-scroll.\n    if (typeof window.__VINEXT_RSC_NAVIGATE__ !== \"function\" && scroll) {\n      window.scrollTo(0, 0);\n    }\n  }\n\n  return (\n    <form\n      ref={ref}\n      action={action}\n      onSubmit={(event) => {\n        void handleSubmit(event);\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport default Form;\n"],"mappings":"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"}
+{"version":3,"file":"form.js","names":[],"sources":["../../src/shims/form.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * next/form shim\n *\n * Progressive enhancement form component. In Next.js, this replaces\n * the standard <form> element with one that intercepts submissions\n * and performs client-side navigation for GET forms (search forms).\n *\n * For POST forms with server actions, it delegates to React's built-in\n * form action handling.\n *\n * Usage:\n *   import Form from 'next/form';\n *   <Form action=\"/search\">\n *     <input name=\"q\" />\n *     <button type=\"submit\">Search</button>\n *   </Form>\n */\n\nimport { forwardRef, useActionState, type FormHTMLAttributes, type ForwardedRef } from \"react\";\nimport { hasAppNavigationRuntime } from \"../client/navigation-runtime.js\";\nimport { navigateClientSide } from \"./navigation.js\";\nimport { isDangerousScheme } from \"./url-safety.js\";\nimport { toSameOriginPath, withBasePath } from \"./url-utils.js\";\n\n// Mirrors `__NEXT_ROUTER_BASEPATH` exposure in `next/link` / `next/router`.\n// `addBasePath` is only applied to the form-level `action` prop. A submitter's\n// `formAction` is intentionally untouched, matching Next.js (the comment in\n// upstream `form.tsx` notes \"this should not have basePath added, because we\n// can't add it before hydration\").\nconst __basePath: string = process.env.__NEXT_ROUTER_BASEPATH ?? \"\";\n\n// Re-export useActionState from React 19 to match Next.js's next/form module\nexport { useActionState };\n\ntype FormSubmitter = HTMLButtonElement | HTMLInputElement;\nconst SUPPORTED_FORM_ENCTYPE = \"application/x-www-form-urlencoded\";\nconst SUPPORTED_FORM_METHOD = \"GET\";\nconst SUPPORTED_FORM_TARGET = \"_self\";\n\nfunction isSafeAction(action: string): boolean {\n  // Block dangerous URI schemes\n  if (isDangerousScheme(action)) return false;\n  // Block protocol-relative URLs (//evil.com/...)\n  if (action.startsWith(\"//\")) return false;\n  // Block absolute URLs to external origins (client-side: compare origins)\n  if (/^https?:\\/\\//i.test(action)) {\n    if (typeof window !== \"undefined\") {\n      try {\n        const actionUrl = new URL(action);\n        return actionUrl.origin === window.location.origin;\n      } catch {\n        return false;\n      }\n    }\n    // Server-side: block all absolute URLs (can't compare origins)\n    return false;\n  }\n  return true;\n}\n\nfunction getSubmitter(nativeEvent: unknown): FormSubmitter | null {\n  const submitter =\n    nativeEvent &&\n    typeof nativeEvent === \"object\" &&\n    \"submitter\" in nativeEvent &&\n    nativeEvent.submitter instanceof Element\n      ? nativeEvent.submitter\n      : null;\n\n  if (submitter instanceof HTMLButtonElement || submitter instanceof HTMLInputElement) {\n    return submitter;\n  }\n  return null;\n}\n\nfunction getEffectiveMethod(\n  submitter: FormSubmitter | null,\n  formMethod: FormHTMLAttributes<HTMLFormElement>[\"method\"],\n): string {\n  const override = submitter?.getAttribute(\"formmethod\");\n  return (override ?? formMethod ?? \"GET\").toUpperCase();\n}\n\nfunction getEffectiveAction(submitter: FormSubmitter | null, formAction: string): string {\n  return submitter?.getAttribute(\"formaction\") ?? formAction;\n}\n\nfunction checkFormActionUrl(action: string, source: \"action\" | \"formAction\"): void {\n  const aPropName = source === \"action\" ? \"an `action`\" : \"a `formAction`\";\n\n  let testUrl: URL;\n  try {\n    testUrl = new URL(action, \"http://n\");\n  } catch {\n    console.error(`<Form> received ${aPropName} that cannot be parsed as a URL: \"${action}\".`);\n    return;\n  }\n\n  if (testUrl.searchParams.size) {\n    console.warn(\n      `<Form> received ${aPropName} that contains search params: \"${action}\". This is not supported, and they will be ignored. ` +\n        `If you need to pass in additional search params, use an \\`<input type=\"hidden\" />\\` instead.`,\n    );\n  }\n}\n\nfunction hasUnsupportedSubmitterAttributes(submitter: FormSubmitter): boolean {\n  const formEncType = submitter.getAttribute(\"formenctype\");\n  if (formEncType !== null && formEncType !== SUPPORTED_FORM_ENCTYPE) {\n    console.error(\n      `<Form>'s \\`encType\\` was set to an unsupported value via \\`formEncType=\"${formEncType}\"\\`. ` +\n        `This will disable <Form>'s navigation functionality. If you need this, use a native <form> element instead.`,\n    );\n    return true;\n  }\n\n  const formMethod = submitter.getAttribute(\"formmethod\");\n  if (formMethod !== null && formMethod.toUpperCase() !== SUPPORTED_FORM_METHOD) {\n    console.error(\n      `<Form>'s \\`method\\` was set to an unsupported value via \\`formMethod=\"${formMethod}\"\\`. ` +\n        `This will disable <Form>'s navigation functionality. If you need this, use a native <form> element instead.`,\n    );\n    return true;\n  }\n\n  const formTarget = submitter.getAttribute(\"formtarget\");\n  if (formTarget !== null && formTarget !== SUPPORTED_FORM_TARGET) {\n    console.error(\n      `<Form>'s \\`target\\` was set to an unsupported value via \\`formTarget=\"${formTarget}\"\\`. ` +\n        `This will disable <Form>'s navigation functionality. If you need this, use a native <form> element instead.`,\n    );\n    return true;\n  }\n\n  return false;\n}\n\nfunction createFormSubmitDestinationUrl(\n  action: string,\n  form: HTMLFormElement,\n  submitter: FormSubmitter | null,\n): string {\n  const targetUrl = new URL(action, window.location.href);\n  if (targetUrl.searchParams.size) {\n    targetUrl.search = \"\";\n  }\n\n  const formData = buildFormData(form, submitter);\n  for (const [name, value] of formData) {\n    targetUrl.searchParams.append(name, typeof value === \"string\" ? value : value.name);\n  }\n\n  return toSameOriginPath(targetUrl.href) ?? targetUrl.href;\n}\n\nfunction buildFormData(form: HTMLFormElement, submitter: FormSubmitter | null): FormData {\n  if (!submitter) return new FormData(form);\n\n  try {\n    return new FormData(form, submitter);\n  } catch {\n    const formData = new FormData(form);\n    if (!submitter.disabled && submitter.name) {\n      formData.append(submitter.name, submitter.value);\n    }\n    return formData;\n  }\n}\n\ntype FormProps = {\n  /** Target URL for GET forms, or server action for POST forms */\n  action: string | ((formData: FormData) => void | Promise<void>);\n  /** Replace instead of push in history (default: false) */\n  replace?: boolean;\n  /** Scroll to top after navigation (default: true) */\n  scroll?: boolean;\n} & FormHTMLAttributes<HTMLFormElement>;\n\nconst Form = forwardRef(function Form(props: FormProps, ref: ForwardedRef<HTMLFormElement>) {\n  const { action, replace = false, scroll = true, onSubmit, ...rest } = props;\n\n  // If action is a function (server action), pass it directly to React\n  if (typeof action === \"function\") {\n    return <form ref={ref} action={action} onSubmit={onSubmit} {...rest} />;\n  }\n\n  // Block dangerous action URLs. Render <form> without action attribute\n  // so it submits to the current page (safe default).\n  if (process.env.NODE_ENV !== \"production\") {\n    checkFormActionUrl(action, \"action\");\n  }\n\n  if (!isSafeAction(action)) {\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(`<Form> blocked unsafe action: ${action}`);\n    }\n    return <form ref={ref} onSubmit={onSubmit} {...rest} />;\n  }\n\n  // Prefix basePath to the navigating `action` prop (matches Next.js's\n  // `addBasePath(actionProp)` in `client/form.tsx` and `client/app-dir/form.tsx`).\n  // This becomes both the rendered `action=` attribute (so JS-disabled\n  // submissions still hit the right URL) and the soft-navigation target.\n  const actionHref = withBasePath(action, __basePath);\n\n  async function handleSubmit(e: React.SubmitEvent<HTMLFormElement>) {\n    // Call user's onSubmit first\n    if (onSubmit) {\n      onSubmit(e);\n      if (e.defaultPrevented) return;\n    }\n\n    const submitter = getSubmitter(e.nativeEvent);\n    if (submitter && hasUnsupportedSubmitterAttributes(submitter)) {\n      return;\n    }\n\n    // Only intercept GET forms for client-side navigation\n    const method = getEffectiveMethod(submitter, rest.method);\n    if (method !== \"GET\") return;\n\n    // NOTE: a submitter's `formAction` is intentionally NOT base-path-prefixed\n    // here, matching Next.js. Upstream `form.tsx` notes: \"this should not have\n    // `basePath` added, because we can't add it before hydration\".\n    const effectiveAction = getEffectiveAction(submitter, actionHref);\n    if (process.env.NODE_ENV !== \"production\" && submitter?.getAttribute(\"formaction\") !== null) {\n      checkFormActionUrl(effectiveAction, \"formAction\");\n    }\n    if (!isSafeAction(effectiveAction)) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(`<Form> blocked unsafe action: ${effectiveAction}`);\n      }\n      e.preventDefault();\n      return;\n    }\n\n    e.preventDefault();\n    const url = createFormSubmitDestinationUrl(effectiveAction, e.currentTarget, submitter);\n\n    // Navigate client-side\n    if (hasAppNavigationRuntime()) {\n      // App Router: use the shared navigator so URL/history publish stays\n      // aligned with the committed RSC tree.\n      await navigateClientSide(url, replace ? \"replace\" : \"push\", scroll);\n    } else {\n      // Pages Router: delegate to the Router singleton so navigation flows\n      // through `performNavigation` (route events, HTML fetch, scroll\n      // handling). Mirrors what `<Link>` does at link.tsx:619-623.\n      try {\n        const routerModule = await import(\"./router.js\");\n        const Router = routerModule.default;\n        if (replace) {\n          await Router.replace(url, undefined, { scroll });\n        } else {\n          await Router.push(url, undefined, { scroll });\n        }\n      } catch {\n        // Fallback: pushState + popstate keeps the URL in sync even if the\n        // Router singleton import fails (e.g. in test/SSR-only contexts).\n        if (replace) {\n          window.history.replaceState({}, \"\", url);\n        } else {\n          window.history.pushState({}, \"\", url);\n        }\n        window.dispatchEvent(new PopStateEvent(\"popstate\"));\n        if (scroll) {\n          window.scrollTo(0, 0);\n        }\n      }\n    }\n  }\n\n  return (\n    <form\n      ref={ref}\n      action={actionHref}\n      onSubmit={(event) => {\n        void handleSubmit(event);\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport default Form;\n"],"mappings":"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"}

package/dist/shims/head.js

@@ -159,9 +159,9 @@ function headChildToHTML(tag, props) {
 		attrs.push(key);
 	}
 	const attrStr = attrs.length ? " " + attrs.join(" ") : "";
-	if (SELF_CLOSING_HEAD_TAGS.has(tag)) return `<${tag}${attrStr} data-vinext-head="true" />`;
+	if (SELF_CLOSING_HEAD_TAGS.has(tag)) return `<${tag}${attrStr} data-next-head="" />`;
 	if (RAW_CONTENT_TAGS.has(tag) && innerHTML) innerHTML = escapeInlineContent(innerHTML, tag);
-	return `<${tag}${attrStr} data-vinext-head="true">${innerHTML}</${tag}>`;
+	return `<${tag}${attrStr} data-next-head="">${innerHTML}</${tag}>`;
 }
 function escapeHTML(s) {
 	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
@@ -204,13 +204,13 @@ function _applyHeadPropsToElement(domEl, props) {
 	}
 }
 function syncClientHead() {
-	document.querySelectorAll("[data-vinext-head]").forEach((el) => el.remove());
+	document.querySelectorAll("[data-next-head]").forEach((el) => el.remove());
 	for (const child of reduceHeadChildren([..._clientHeadChildren.values()])) {
 		if (typeof child.type !== "string") continue;
 		const domEl = document.createElement(child.type);
 		const props = child.props;
 		_applyHeadPropsToElement(domEl, props);
-		domEl.setAttribute("data-vinext-head", "true");
+		domEl.setAttribute("data-next-head", "");
 		document.head.appendChild(domEl);
 	}
 }