@wular/pnext 0.0.4 → 0.0.6

package/src/compat/{misc/action-return.ts → actions/return.ts}

@@ -14,26 +14,26 @@
 //    client unbuffered. JSON cannot carry a stream, so the server responds with the raw stream body
 //    under a marker header/content type and the client returns a live ReadableStream from the call.
 //
-// These helpers are pure and node-safe. The client counterparts live inline in actions/action-client.ts.
+// These helpers are pure and node-safe. The client counterparts live inline in actions/client.ts.
 
 /** Marker key naming a temporary-reference id in the args / return wire. */
-export const TEMP_REF_MARKER = '$$pnext_temp_ref';
-export const ACTION_ELEMENT_MARKER = '$$pnext_element';
+export const TEMP_REF_MARKER = '$$pnext_temp_ref'
+export const ACTION_ELEMENT_MARKER = '$$pnext_element'
 /**
  * Marker carrying the SERVER-RENDERED HTML of a React element tree an action returned (host elements /
  * async server components - NOT a client-reference element, which uses ACTION_ELEMENT_MARKER). The
  * client revives it into a renderable node for useActionState.
  */
-export const ACTION_ELEMENT_HTML_MARKER = '$$pnext_element_html';
+export const ACTION_ELEMENT_HTML_MARKER = '$$pnext_element_html'
 
-const clientReferenceSymbol = Symbol.for('pnext.clientReference');
+const clientReferenceSymbol = Symbol.for('pnext.clientReference')
 
 /**
  * Response content-type/marker for a streamed action return. The client detects
  * this and returns the response body as a ReadableStream from the call instead
  * of parsing JSON.
  */
-export const ACTION_STREAM_CONTENT_TYPE = 'x-component/pnext-stream';
+export const ACTION_STREAM_CONTENT_TYPE = 'x-component/pnext-stream'
 
 /**
  * Per-request association of a decoded arg object -> the temp-ref id the client
@@ -42,29 +42,29 @@ export const ACTION_STREAM_CONTENT_TYPE = 'x-component/pnext-stream';
  */
 export interface TempRefScope {
   /** Record that a decoded arg object carries the client's temp-ref id. */
-  track(object: object, id: string): void;
+  track(object: object, id: string): void
   /** The temp-ref id the client sent for this object, if any. */
-  idFor(value: unknown): string | undefined;
+  idFor(value: unknown): string | undefined
   /** True once any temp-ref arg has been seen (skip serialization walk otherwise). */
-  readonly active: boolean;
+  readonly active: boolean
 }
 
 export function createTempRefScope(): TempRefScope {
-  const ids = new WeakMap<object, string>();
-  let active = false;
+  const ids = new WeakMap<object, string>()
+  let active = false
   return {
     track(object, id) {
-      ids.set(object, id);
-      active = true;
+      ids.set(object, id)
+      active = true
     },
     idFor(value) {
-      if (value === null || typeof value !== 'object') return undefined;
-      return ids.get(value);
+      if (value === null || typeof value !== 'object') return undefined
+      return ids.get(value)
     },
     get active() {
-      return active;
+      return active
     },
-  };
+  }
 }
 
 /**
@@ -73,24 +73,28 @@ export function createTempRefScope(): TempRefScope {
  * resulting object is tracked under `id`, so the action sees a clean object and
  * a later return of that same object serializes back to the marker.
  */
-export function extractTempRefs(value: unknown, scope: TempRefScope, seen = new Set<unknown>()): unknown {
-  if (value === null || typeof value !== 'object') return value;
-  if (seen.has(value)) return value;
-  seen.add(value);
+export function extractTempRefs(
+  value: unknown,
+  scope: TempRefScope,
+  seen = new Set<unknown>(),
+): unknown {
+  if (value === null || typeof value !== 'object') return value
+  if (seen.has(value)) return value
+  seen.add(value)
   if (Array.isArray(value)) {
-    for (let i = 0; i < value.length; i++) value[i] = extractTempRefs(value[i], scope, seen);
-    return value;
+    for (let i = 0; i < value.length; i++) value[i] = extractTempRefs(value[i], scope, seen)
+    return value
   }
-  const record = value as Record<string, unknown>;
-  const id = record[TEMP_REF_MARKER];
+  const record = value as Record<string, unknown>
+  const id = record[TEMP_REF_MARKER]
   if (typeof id === 'string') {
-    delete record[TEMP_REF_MARKER];
-    scope.track(record, id);
+    delete record[TEMP_REF_MARKER]
+    scope.track(record, id)
   }
   for (const key of Object.keys(record)) {
-    record[key] = extractTempRefs(record[key], scope, seen);
+    record[key] = extractTempRefs(record[key], scope, seen)
   }
-  return record;
+  return record
 }
 
 /**
@@ -107,12 +111,12 @@ export async function serializeReturnWithTempRefs(
   renderElement?: (element: unknown) => Promise<string>,
 ): Promise<unknown> {
   const walk = async (input: unknown, seen: Set<unknown>): Promise<unknown> => {
-    if (input === null || typeof input !== 'object') return input;
-    const marker = scope.active ? scope.idFor(input) : undefined;
-    if (marker !== undefined) return { [TEMP_REF_MARKER]: marker };
-    if (seen.has(input)) return input;
-    seen.add(input);
-    const element = clientReferenceElement(input);
+    if (input === null || typeof input !== 'object') return input
+    const marker = scope.active ? scope.idFor(input) : undefined
+    if (marker !== undefined) return { [TEMP_REF_MARKER]: marker }
+    if (seen.has(input)) return input
+    seen.add(input)
+    const element = clientReferenceElement(input)
     if (element) {
       return {
         [ACTION_ELEMENT_MARKER]: {
@@ -120,21 +124,21 @@ export async function serializeReturnWithTempRefs(
           props: await walk(element.props, seen),
           ...(element.key !== undefined ? { key: element.key } : {}),
         },
-      };
+      }
     }
     if (renderElement && isServerElement(input)) {
-      return { [ACTION_ELEMENT_HTML_MARKER]: await renderElement(input) };
+      return { [ACTION_ELEMENT_HTML_MARKER]: await renderElement(input) }
     }
-    if (Array.isArray(input)) return Promise.all(input.map(item => walk(item, seen)));
-    const proto = Object.getPrototypeOf(input) as object | null;
-    if (proto !== Object.prototype && proto !== null) return input;
-    const out: Record<string, unknown> = {};
+    if (Array.isArray(input)) return Promise.all(input.map(item => walk(item, seen)))
+    const proto = Object.getPrototypeOf(input) as object | null
+    if (proto !== Object.prototype && proto !== null) return input
+    const out: Record<string, unknown> = {}
     for (const [key, item] of Object.entries(input as Record<string, unknown>)) {
-      out[key] = await walk(item, seen);
+      out[key] = await walk(item, seen)
     }
-    return out;
-  };
-  return walk(value, new Set());
+    return out
+  }
+  return walk(value, new Set())
 }
 
 /**
@@ -145,29 +149,28 @@ export async function serializeReturnWithTempRefs(
  * element (it stays JSON-serialized).
  */
 function isServerElement(value: object): boolean {
-  const vnode = value as { type?: unknown; props?: unknown; $$typeof?: unknown };
-  if (!('type' in vnode) || !('props' in vnode)) return false;
-  if (vnode.$$typeof === Symbol.for('react.element')) return true;
+  const vnode = value as { type?: unknown; props?: unknown; $$typeof?: unknown }
+  if (!('type' in vnode) || !('props' in vnode)) return false
+  if (vnode.$$typeof === Symbol.for('react.element')) return true
   return (
     Object.prototype.hasOwnProperty.call(value, 'constructor') &&
     (value as { constructor?: unknown }).constructor === undefined
-  );
+  )
 }
 
 function clientReferenceElement(
   value: object,
 ): { id: string; props: unknown; key?: string | number } | undefined {
-  const vnode = value as { type?: unknown; props?: unknown; key?: unknown };
-  if (typeof vnode.type !== 'function') return undefined;
+  const vnode = value as { type?: unknown; props?: unknown; key?: unknown }
+  if (typeof vnode.type !== 'function') return undefined
   const reference = (vnode.type as unknown as Record<symbol, unknown>)[clientReferenceSymbol] as
-    | { id?: unknown }
-    | undefined;
-  if (typeof reference?.id !== 'string') return undefined;
-  const key = typeof vnode.key === 'string' || typeof vnode.key === 'number' ? vnode.key : undefined;
-  return { id: reference.id, props: vnode.props ?? {}, ...(key !== undefined ? { key } : {}) };
+    { id?: unknown } | undefined
+  if (typeof reference?.id !== 'string') return undefined
+  const key = typeof vnode.key === 'string' || typeof vnode.key === 'number' ? vnode.key : undefined
+  return { id: reference.id, props: vnode.props ?? {}, ...(key !== undefined ? { key } : {}) }
 }
 
 /** True for a value the streaming action path must send as a raw stream body. */
 export function isReadableStreamReturn(value: unknown): value is ReadableStream {
-  return typeof ReadableStream !== 'undefined' && value instanceof ReadableStream;
+  return typeof ReadableStream !== 'undefined' && value instanceof ReadableStream
 }

package/src/compat/actions/rewrite.ts

@@ -1,5 +1,5 @@
-import { inlineUseServerFunctions, moduleLevelUseServer } from './detect';
-import { workspaceRelative } from './ids';
+import { inlineUseServerFunctions, moduleLevelUseServer } from './detect'
+import { workspaceRelative } from './ids'
 
 /**
  * Compile-time tagging for MODULE-SCOPE inline server actions: top-level functions whose body opens
@@ -12,30 +12,30 @@ import { workspaceRelative } from './ids';
  * untouched - they register per render through the render-scoped instance registry.
  */
 export function rewriteInlineActionTags(source: string, file: string, root?: string): string {
-  if (!source.includes('use server')) return source;
-  if (moduleLevelUseServer(source)) return source;
+  if (!source.includes('use server')) return source
+  if (moduleLevelUseServer(source)) return source
 
   const topLevel = inlineUseServerFunctions(source).filter(
     action => action.start === 0 || source[action.start - 1] === '\n',
-  );
-  if (topLevel.length === 0) return source;
+  )
+  if (topLevel.length === 0) return source
 
-  const key = workspaceRelative(file, root);
-  const insertions: { at: number; text: string }[] = [];
-  const fallbacks: string[] = [];
+  const key = workspaceRelative(file, root)
+  const insertions: { at: number; text: string }[] = []
+  const fallbacks: string[] = []
   for (const action of topLevel) {
-    const id = inlineActionId(key, action.name);
-    const tag = `\n;typeof ${action.name} === 'function' && globalThis.__pnextTagInlineAction && globalThis.__pnextTagInlineAction(${action.name}, ${JSON.stringify(id)});`;
-    const at = declarationEnd(source, action.directiveEnd);
-    if (at === undefined) fallbacks.push(tag);
-    else insertions.push({ at, text: tag });
+    const id = inlineActionId(key, action.name)
+    const tag = `\n;typeof ${action.name} === 'function' && globalThis.__pnextTagInlineAction && globalThis.__pnextTagInlineAction(${action.name}, ${JSON.stringify(id)});`
+    const at = declarationEnd(source, action.directiveEnd)
+    if (at === undefined) fallbacks.push(tag)
+    else insertions.push({ at, text: tag })
   }
-  let out = source;
+  let out = source
   for (const { at, text } of insertions.sort((a, b) => b.at - a.at)) {
-    out = out.slice(0, at) + text + out.slice(at);
+    out = out.slice(0, at) + text + out.slice(at)
   }
-  if (fallbacks.length > 0) out = `${out}\n${fallbacks.join('\n')}\n`;
-  return out;
+  if (fallbacks.length > 0) out = `${out}\n${fallbacks.join('\n')}\n`
+  return out
 }
 
 /**
@@ -50,28 +50,28 @@ export function rewriteInlineActionTags(source: string, file: string, root?: str
  * expression position are wrapped, and a `'use server'` string right after an unrelated brace can match.
  */
 export function rewriteAnonymousInlineActionMarks(source: string): string {
-  if (!source.includes('use server')) return source;
-  if (moduleLevelUseServer(source)) return source;
+  if (!source.includes('use server')) return source
+  if (moduleLevelUseServer(source)) return source
 
-  const wraps = anonymousInlineActionSpans(source);
-  if (wraps.length === 0) return source;
+  const wraps = anonymousInlineActionSpans(source)
+  if (wraps.length === 0) return source
 
-  let out = source;
+  let out = source
   for (const { start, end } of wraps.sort((a, b) => b.start - a.start)) {
-    const fn = out.slice(start, end);
-    out = `${out.slice(0, start)}(globalThis.__pnextMarkInlineAction ? globalThis.__pnextMarkInlineAction(${fn}) : ${fn})${out.slice(end)}`;
+    const fn = out.slice(start, end)
+    out = `${out.slice(0, start)}(globalThis.__pnextMarkInlineAction ? globalThis.__pnextMarkInlineAction(${fn}) : ${fn})${out.slice(end)}`
   }
-  return out;
+  return out
 }
 
 /** One anonymous inline action: the span of its whole function expression. */
 export interface AnonymousActionSpan {
   /** Offset of the first character of the function expression. */
-  start: number;
+  start: number
   /** Offset just past its closing `}`. */
-  end: number;
+  end: number
   /** Offset just past the `'use server'` directive that identified it. */
-  directiveEnd: number;
+  directiveEnd: number
 }
 
 /**
@@ -80,16 +80,16 @@ export interface AnonymousActionSpan {
  * ones filter themselves.
  */
 export function anonymousInlineActionSpans(source: string): AnonymousActionSpan[] {
-  const directive = /\{\s*(['"])use server\1\s*;?/g;
-  const spans: AnonymousActionSpan[] = [];
-  for (let match; (match = directive.exec(source)); ) {
-    const start = functionExpressionStart(source, match.index);
-    if (start === undefined) continue;
-    const end = bodyEnd(source, match.index);
-    if (end === undefined) continue;
-    spans.push({ start, end, directiveEnd: match.index + match[0].length });
+  const directive = /\{\s*(['"])use server\1\s*;?/g
+  const spans: AnonymousActionSpan[] = []
+  for (let match; (match = directive.exec(source));) {
+    const start = functionExpressionStart(source, match.index)
+    if (start === undefined) continue
+    const end = bodyEnd(source, match.index)
+    if (end === undefined) continue
+    spans.push({ start, end, directiveEnd: match.index + match[0].length })
   }
-  return spans;
+  return spans
 }
 
 /**
@@ -98,39 +98,39 @@ export function anonymousInlineActionSpans(source: string): AnonymousActionSpan[
  * *declaration*, an object method, or a plain block).
  */
 function functionExpressionStart(source: string, open: number): number | undefined {
-  let i = skipBackWhitespace(source, open - 1);
+  let i = skipBackWhitespace(source, open - 1)
   if (source[i] === '>' && source[i - 1] === '=') {
     // arrow: `(...) =>` or `param =>`
-    i = skipBackWhitespace(source, i - 2);
-    const head = source[i] === ')' ? matchingOpenParen(source, i) : identifierStart(source, i);
-    if (head === undefined) return undefined;
-    i = head;
+    i = skipBackWhitespace(source, i - 2)
+    const head = source[i] === ')' ? matchingOpenParen(source, i) : identifierStart(source, i)
+    if (head === undefined) return undefined
+    i = head
   } else if (source[i] === ')') {
     // function expression: `function [name](...)`
-    const paren = matchingOpenParen(source, i);
-    if (paren === undefined) return undefined;
-    let j = skipBackWhitespace(source, paren - 1);
-    const name = identifierStart(source, j);
-    if (name === undefined) return undefined;
+    const paren = matchingOpenParen(source, i)
+    if (paren === undefined) return undefined
+    let j = skipBackWhitespace(source, paren - 1)
+    const name = identifierStart(source, j)
+    if (name === undefined) return undefined
     if (source.slice(name, j + 1) !== 'function') {
-      j = skipBackWhitespace(source, name - 1);
-      const keyword = identifierStart(source, j);
-      if (keyword === undefined || source.slice(keyword, j + 1) !== 'function') return undefined;
-      i = keyword;
+      j = skipBackWhitespace(source, name - 1)
+      const keyword = identifierStart(source, j)
+      if (keyword === undefined || source.slice(keyword, j + 1) !== 'function') return undefined
+      i = keyword
     } else {
-      i = name;
+      i = name
     }
   } else {
-    return undefined;
+    return undefined
   }
-  const withAsync = precedingKeyword(source, i, 'async');
-  if (withAsync !== undefined) i = withAsync;
+  const withAsync = precedingKeyword(source, i, 'async')
+  if (withAsync !== undefined) i = withAsync
   // Only expression position: a `function`/`const` declaration statement or a
   // bare block must not be wrapped.
-  const before = skipBackWhitespace(source, i - 1);
-  if (before < 0) return undefined;
-  if (source[before] === '{') return isJsxExpressionContainer(source, before) ? i : undefined;
-  return '(,:[=?&|'.includes(source[before] ?? '') ? i : undefined;
+  const before = skipBackWhitespace(source, i - 1)
+  if (before < 0) return undefined
+  if (source[before] === '{') return isJsxExpressionContainer(source, before) ? i : undefined
+  return '(,:[=?&|'.includes(source[before] ?? '') ? i : undefined
 }
 
 /**
@@ -140,143 +140,143 @@ function functionExpressionStart(source: string, open: number): number | undefin
  * name the component still references, so rewriting it in place would leave that name unbound.
  */
 function isJsxExpressionContainer(source: string, open: number): boolean {
-  const before = skipBackWhitespace(source, open - 1);
-  if (before < 0) return false;
-  const ch = source[before];
+  const before = skipBackWhitespace(source, open - 1)
+  if (before < 0) return false
+  const ch = source[before]
   // `prop={…` (attribute) or `<div>{…` (children) — but not `=>{` (arrow body)
   // and not `==`/`>=` style operators.
-  if (source[before - 1] === '=') return false;
-  return ch === '=' || ch === '>';
+  if (source[before - 1] === '=') return false
+  return ch === '=' || ch === '>'
 }
 
 function skipBackWhitespace(source: string, from: number): number {
-  let i = from;
-  while (i >= 0 && /\s/.test(source[i] ?? '')) i--;
-  return i;
+  let i = from
+  while (i >= 0 && /\s/.test(source[i] ?? '')) i--
+  return i
 }
 
 function identifierStart(source: string, end: number): number | undefined {
-  if (!/[\w$]/.test(source[end] ?? '')) return undefined;
-  let i = end;
-  while (i >= 0 && /[\w$]/.test(source[i] ?? '')) i--;
-  return i + 1;
+  if (!/[\w$]/.test(source[end] ?? '')) return undefined
+  let i = end
+  while (i >= 0 && /[\w$]/.test(source[i] ?? '')) i--
+  return i + 1
 }
 
 function matchingOpenParen(source: string, close: number): number | undefined {
-  let depth = 0;
+  let depth = 0
   for (let i = close; i >= 0; i--) {
-    if (source[i] === ')') depth++;
+    if (source[i] === ')') depth++
     else if (source[i] === '(') {
-      depth--;
-      if (depth === 0) return i;
+      depth--
+      if (depth === 0) return i
     }
   }
-  return undefined;
+  return undefined
 }
 
 /** Start offset of `keyword` when it directly precedes `at`, else undefined. */
 function precedingKeyword(source: string, at: number, keyword: string): number | undefined {
-  const end = skipBackWhitespace(source, at - 1);
-  const start = identifierStart(source, end);
-  if (start === undefined || source.slice(start, end + 1) !== keyword) return undefined;
-  return start;
+  const end = skipBackWhitespace(source, at - 1)
+  const start = identifierStart(source, end)
+  if (start === undefined || source.slice(start, end + 1) !== keyword) return undefined
+  return start
 }
 
 /** Offset just past the `}` closing the function body that opens at `open`. */
 function bodyEnd(source: string, open: number): number | undefined {
-  const end = declarationEnd(source, open + 1);
-  if (end === undefined) return undefined;
-  return source[end - 1] === ';' ? end - 1 : end;
+  const end = declarationEnd(source, open + 1)
+  if (end === undefined) return undefined
+  return source[end - 1] === ';' ? end - 1 : end
 }
 
 function declarationEnd(source: string, directiveEnd: number): number | undefined {
   // The body-open `{` is the last `{` at or before the directive.
-  let open = -1;
+  let open = -1
   for (let i = directiveEnd - 1; i >= 0; i--) {
     if (source[i] === '{') {
-      open = i;
-      break;
+      open = i
+      break
     }
   }
-  if (open === -1) return undefined;
-  let depth = 0;
+  if (open === -1) return undefined
+  let depth = 0
   for (let i = open; i < source.length; i++) {
-    const ch = source[i];
+    const ch = source[i]
     // Skip string/template/comment spans so their braces don't miscount and
     // shift the insertion point into the middle of an expression.
     if (ch === '"' || ch === "'" || ch === '`') {
-      i = skipString(source, i, ch);
-      continue;
+      i = skipString(source, i, ch)
+      continue
     }
     if (ch === '/' && source[i + 1] === '/') {
-      const nl = source.indexOf('\n', i + 2);
-      if (nl === -1) return undefined;
-      i = nl;
-      continue;
+      const nl = source.indexOf('\n', i + 2)
+      if (nl === -1) return undefined
+      i = nl
+      continue
     }
     if (ch === '/' && source[i + 1] === '*') {
-      const end = source.indexOf('*/', i + 2);
-      if (end === -1) return undefined;
-      i = end + 1;
-      continue;
+      const end = source.indexOf('*/', i + 2)
+      if (end === -1) return undefined
+      i = end + 1
+      continue
     }
-    if (ch === '{') depth++;
+    if (ch === '{') depth++
     else if (ch === '}') {
-      depth--;
+      depth--
       if (depth === 0) {
-        let end = i + 1;
-        if (source[end] === ';') end += 1;
-        return end;
+        let end = i + 1
+        if (source[end] === ';') end += 1
+        return end
       }
     }
   }
-  return undefined;
+  return undefined
 }
 
 /** Return the index of the closing quote of a string/template starting at `i`. */
 function skipString(source: string, i: number, quote: string): number {
   for (let j = i + 1; j < source.length; j++) {
-    const ch = source[j];
+    const ch = source[j]
     if (ch === '\\') {
-      j += 1;
-      continue;
+      j += 1
+      continue
     }
-    if (ch === quote) return j;
+    if (ch === quote) return j
     // Nested `${...}` in template literals can contain braces/strings; a
     // conservative bail (treat the rest as opaque) is safer than miscounting.
     if (quote === '`' && ch === '$' && source[j + 1] === '{') {
-      let depth = 1;
-      j += 2;
+      let depth = 1
+      j += 2
       while (j < source.length && depth > 0) {
-        if (source[j] === '{') depth++;
-        else if (source[j] === '}') depth--;
-        j++;
+        if (source[j] === '{') depth++
+        else if (source[j] === '}') depth--
+        j++
       }
-      j -= 1;
+      j -= 1
     }
   }
-  return source.length;
+  return source.length
 }
 
 function inlineActionId(fileKey: string, name: string): string {
   // 'if:' ids embed the module key so a cold lookup can import the module
   // (running the injected registration) and retry — see resolveAction.
-  return `if:${encodeURIComponent(fileKey)}:${encodeURIComponent(name)}`;
+  return `if:${encodeURIComponent(fileKey)}:${encodeURIComponent(name)}`
 }
 
 /** Parse the module key out of an 'if:' inline-action id. */
 export function inlineActionModuleKey(id: string): string | undefined {
-  if (!id.startsWith('if:')) return undefined;
-  const rest = id.slice(3);
-  const separator = rest.lastIndexOf(':');
-  if (separator === -1) return undefined;
+  if (!id.startsWith('if:')) return undefined
+  const rest = id.slice(3)
+  const separator = rest.lastIndexOf(':')
+  if (separator === -1) return undefined
   try {
-    return decodeURIComponent(rest.slice(0, separator));
+    return decodeURIComponent(rest.slice(0, separator))
   } catch {
-    return undefined;
+    return undefined
   }
 }
 
 export function isInlineActionId(id: string): boolean {
-  return id.startsWith('if:');
+  return id.startsWith('if:')
 }

package/src/compat/actions/{action-router.ts → router.ts}

@@ -5,30 +5,30 @@
 //   redirect/refresh/error semantics, island prop revival, and <form action={fn}> interception.
 // Only imported into client entries when Next compat is enabled.
 
-import { softNavigate } from '../../api/router';
-import { installActionRuntime } from './action-client';
+import { softNavigate } from '../../client/router'
+import { installActionRuntime } from './client'
 
 interface PNextRouterGlobal {
-  navigate: (href: string) => Promise<void>;
-  refresh: () => Promise<void>;
+  navigate: (href: string) => Promise<void>
+  refresh: () => Promise<void>
 }
 
 declare global {
   interface Window {
-    __PNEXT_ROUTER__?: PNextRouterGlobal;
+    __PNEXT_ROUTER__?: PNextRouterGlobal
   }
 }
 
 export function installActionRouter() {
-  if (!process.browser && typeof window === 'undefined') return;
-  installActionRuntime();
-  const existing = window.__PNEXT_ROUTER__;
+  if (!process.browser && typeof window === 'undefined') return
+  installActionRuntime()
+  const existing = window.__PNEXT_ROUTER__
   if (
     existing &&
     typeof existing.navigate === 'function' &&
     typeof existing.refresh === 'function'
   ) {
-    return;
+    return
   }
   window.__PNEXT_ROUTER__ = {
     navigate: (href: string) => softNavigate(href),
@@ -36,5 +36,5 @@ export function installActionRouter() {
     // re-runs the server render (picking up any revalidated data). replace:true
     // keeps history intact; scroll:false avoids jumping to the top.
     refresh: () => softNavigate(location.href, { replace: true, scroll: false }),
-  };
+  }
 }