@wular/pnext 0.0.4 → 0.0.7

package/src/compat/next/font/shared.ts

@@ -10,48 +10,48 @@
  * exactly.
  */
 
-export type FontDisplay = 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+export type FontDisplay = 'auto' | 'block' | 'swap' | 'fallback' | 'optional'
 
 export interface GoogleFontOptions {
-  axes?: string[];
-  adjustFontFallback?: boolean;
-  display?: FontDisplay;
-  fallback?: string[];
-  preload?: boolean;
-  subsets?: string[];
-  style?: string | string[];
-  variable?: string;
-  weight?: string | string[];
+  axes?: string[]
+  adjustFontFallback?: boolean
+  display?: FontDisplay
+  fallback?: string[]
+  preload?: boolean
+  subsets?: string[]
+  style?: string | string[]
+  variable?: string
+  weight?: string | string[]
 }
 
 export interface LocalFontSource {
-  path: string;
-  style?: string;
-  weight?: string;
+  path: string
+  style?: string
+  weight?: string
 }
 
 export interface LocalFontOptions {
-  declarations?: { prop: string; value: string }[];
-  display?: FontDisplay;
-  fallback?: string[];
-  preload?: boolean;
-  src: string | LocalFontSource | LocalFontSource[];
-  style?: string;
-  variable?: string;
-  weight?: string;
+  declarations?: { prop: string; value: string }[]
+  display?: FontDisplay
+  fallback?: string[]
+  preload?: boolean
+  src: string | LocalFontSource | LocalFontSource[]
+  style?: string
+  variable?: string
+  weight?: string
 }
 
 export interface NextFont {
-  className: string;
+  className: string
   style: {
-    fontFamily: string;
-    fontStyle?: string;
-    fontWeight?: number | string;
-  };
+    fontFamily: string
+    fontStyle?: string
+    fontWeight?: number | string
+  }
 }
 
 export interface NextFontWithVariable extends NextFont {
-  variable: string;
+  variable: string
 }
 
 /**
@@ -59,26 +59,26 @@ export interface NextFontWithVariable extends NextFont {
  * Both runtimes derive these from the same inputs, so they agree byte-for-byte.
  */
 export interface FontNaming {
-  className: string;
-  variable: string;
-  style: NextFont['style'];
+  className: string
+  variable: string
+  style: NextFont['style']
   /** Human-readable CSS family label (single, unquoted). */
-  fontFamily: string;
+  fontFamily: string
   /** 12-char hash used for `__className_<hash>` / `__variable_<hash>`. */
-  hash: string;
+  hash: string
   /** Whether the loader call requested a CSS variable. When false the returned
    * font object omits the `variable` key entirely (Next only exposes it when
    * `variable` was passed). */
-  hasVariable: boolean;
+  hasVariable: boolean
 }
 
 /** Naming for a `next/font/google` loader call: keyed on `{family, options}`. */
 export function googleFontNaming(family: string, options: GoogleFontOptions): FontNaming {
-  const normalizedKey = stableJson({ family, options });
-  const hash = hashString(normalizedKey).slice(0, 12);
+  const normalizedKey = stableJson({ family, options })
+  const hash = hashString(normalizedKey).slice(0, 12)
   // Next scopes the family to the human-readable font name (`'Inter'`), not a
   // hashed token; only the className/variable identifiers are hashed.
-  const fontFamily = family;
+  const fontFamily = family
   return {
     className: `__className_${hash}`,
     variable: `__variable_${hash}`,
@@ -86,7 +86,7 @@ export function googleFontNaming(family: string, options: GoogleFontOptions): Fo
     hash,
     hasVariable: Boolean(options.variable),
     style: fontStyle(fontFamily, options, options.fallback ?? []),
-  };
+  }
 }
 
 /**
@@ -98,12 +98,12 @@ export function localFontNaming(
   callerFile: string | undefined,
   options: LocalFontOptions,
 ): FontNaming {
-  const normalizedKey = stableJson({ callerFile, options });
-  const hash = hashString(normalizedKey).slice(0, 12);
+  const normalizedKey = stableJson({ callerFile, options })
+  const hash = hashString(normalizedKey).slice(0, 12)
   // Next derives the CSS font-family from the loader call's JS binding
   // (`variableName`). We reproduce the same human-readable label from the
   // (first) source filename stem: `font1_roboto.woff2` -> `font1`.
-  const fontFamily = localFontFamilyLabel(options) ?? `local_${hash}`;
+  const fontFamily = localFontFamilyLabel(options) ?? `local_${hash}`
   return {
     className: `__className_${hash}`,
     variable: `__variable_${hash}`,
@@ -111,17 +111,17 @@ export function localFontNaming(
     hash,
     hasVariable: Boolean(options.variable),
     style: fontStyle(fontFamily, options, options.fallback ?? []),
-  };
+  }
 }
 
 /** Human-readable family label from the first local `src` filename stem. */
 export function localFontFamilyLabel(options: LocalFontOptions): string | undefined {
-  const first = Array.isArray(options.src) ? options.src[0] : options.src;
-  const srcPath = typeof first === 'string' ? first : first?.path;
-  if (!srcPath) return undefined;
-  const base = srcPath.replace(/^.*[\\/]/, '').replace(/\.[^.]+$/, '');
-  const stem = base.split('_', 1)[0] ?? base;
-  return /^[-_a-zA-Z0-9 ]+$/.test(stem) ? stem : undefined;
+  const first = Array.isArray(options.src) ? options.src[0] : options.src
+  const srcPath = typeof first === 'string' ? first : first?.path
+  if (!srcPath) return undefined
+  const base = srcPath.replace(/^.*[\\/]/, '').replace(/\.[^.]+$/, '')
+  const stem = base.split('_', 1)[0] ?? base
+  return /^[-_a-zA-Z0-9 ]+$/.test(stem) ? stem : undefined
 }
 
 export function fontStyle(
@@ -132,18 +132,20 @@ export function fontStyle(
   // Next exports numeric font-weight and the raw font-style, but only when a
   // single (non-range) value is set on the loader call.
   const weight =
-    typeof options.weight === 'string' && !isRangeValue(options.weight) && !Number.isNaN(Number(options.weight))
+    typeof options.weight === 'string' &&
+    !isRangeValue(options.weight) &&
+    !Number.isNaN(Number(options.weight))
       ? { fontWeight: Number(cssIdentifier(options.weight)) }
-      : {};
+      : {}
   const style =
     typeof options.style === 'string' && !isRangeValue(options.style)
       ? { fontStyle: cssIdentifier(options.style) }
-      : {};
+      : {}
   return {
     fontFamily: familyStack(family, fallbackFonts),
     ...weight,
     ...style,
-  };
+  }
 }
 
 /**
@@ -151,41 +153,45 @@ export function fontStyle(
  * `<family> Fallback` metrics-adjusted fallback (adjustFontFallback defaults
  * on), then any user fallbacks. Single-quoted to match Next's postcss output.
  */
-export function familyStack(family: string, fallbackFonts: string[] = [], adjustFontFallback = true) {
+export function familyStack(
+  family: string,
+  fallbackFonts: string[] = [],
+  adjustFontFallback = true,
+) {
   return [
     singleQuoteFamily(family),
     ...(adjustFontFallback ? [singleQuoteFamily(`${family} Fallback`)] : []),
     ...fallbackFonts.map(singleQuoteFamily),
-  ].join(', ');
+  ].join(', ')
 }
 
 export function singleQuoteFamily(value: string) {
-  if (!/^[-_a-zA-Z0-9 ]+$/.test(value)) throw new Error(`Invalid font family: ${value}`);
-  return `'${value}'`;
+  if (!/^[-_a-zA-Z0-9 ]+$/.test(value)) throw new Error(`Invalid font family: ${value}`)
+  return `'${value}'`
 }
 
 function cssIdentifier(value: string) {
-  if (!/^[-_a-zA-Z0-9. ]+$/.test(value)) throw new Error(`Invalid font option value: ${value}`);
-  return value;
+  if (!/^[-_a-zA-Z0-9. ]+$/.test(value)) throw new Error(`Invalid font option value: ${value}`)
+  return value
 }
 
 function isRangeValue(value: string) {
-  return value.trim().includes(' ');
+  return value.trim().includes(' ')
 }
 
 export function stableJson(value: unknown): string {
-  return JSON.stringify(sortObject(value));
+  return JSON.stringify(sortObject(value))
 }
 
 function sortObject(value: unknown): unknown {
-  if (Array.isArray(value)) return value.map(sortObject);
-  if (!value || typeof value !== 'object') return value;
+  if (Array.isArray(value)) return value.map(sortObject)
+  if (!value || typeof value !== 'object') return value
   return Object.fromEntries(
     Object.entries(value as Record<string, unknown>)
       .filter(([, item]) => item !== undefined)
       .sort(([a], [b]) => a.localeCompare(b))
       .map(([key, item]) => [key, sortObject(item)]),
-  );
+  )
 }
 
 /**
@@ -195,12 +201,12 @@ function sortObject(value: unknown): unknown {
  * font hashes in lock-step.
  */
 export function hashString(value: string): string {
-  return sha256Hex(utf8Bytes(value));
+  return sha256Hex(utf8Bytes(value))
 }
 
 function utf8Bytes(value: string): Uint8Array {
   // TextEncoder is available in browsers and in Node/Bun.
-  return new TextEncoder().encode(value);
+  return new TextEncoder().encode(value)
 }
 
 const K = new Uint32Array([
@@ -212,70 +218,76 @@ const K = new Uint32Array([
   0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, 0xd6990624, 0xf40e3585, 0x106aa070,
   0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, 0x682e6ff3,
   0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2,
-]);
+])
 
 function sha256Hex(message: Uint8Array): string {
   const h = new Uint32Array([
     0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c, 0x1f83d9ab, 0x5be0cd19,
-  ]);
+  ])
 
-  const bitLen = message.length * 8;
+  const bitLen = message.length * 8
   // Padded length: message + 0x80 + zeros + 8-byte length, up to a 64-byte block.
-  const padded = new Uint8Array((((message.length + 8) >> 6) + 1) << 6);
-  padded.set(message);
-  padded[message.length] = 0x80;
+  const padded = new Uint8Array((((message.length + 8) >> 6) + 1) << 6)
+  padded.set(message)
+  padded[message.length] = 0x80
   // 64-bit big-endian bit length in the final 8 bytes (high 32 bits ~always 0
   // for our short inputs, but write both halves for correctness).
-  const dv = new DataView(padded.buffer);
-  dv.setUint32(padded.length - 8, Math.floor(bitLen / 0x100000000));
-  dv.setUint32(padded.length - 4, bitLen >>> 0);
+  const dv = new DataView(padded.buffer)
+  dv.setUint32(padded.length - 8, Math.floor(bitLen / 0x100000000))
+  dv.setUint32(padded.length - 4, bitLen >>> 0)
 
-  const w = new Uint32Array(64);
+  const w = new Uint32Array(64)
   for (let offset = 0; offset < padded.length; offset += 64) {
-    for (let i = 0; i < 16; i++) w[i] = dv.getUint32(offset + i * 4);
+    for (let i = 0; i < 16; i++) w[i] = dv.getUint32(offset + i * 4)
     for (let i = 16; i < 64; i++) {
-      const w15 = w[i - 15]!;
-      const w2 = w[i - 2]!;
-      const s0 = rotr(w15, 7) ^ rotr(w15, 18) ^ (w15 >>> 3);
-      const s1 = rotr(w2, 17) ^ rotr(w2, 19) ^ (w2 >>> 10);
-      w[i] = (w[i - 16]! + s0 + w[i - 7]! + s1) >>> 0;
+      const w15 = w[i - 15]!
+      const w2 = w[i - 2]!
+      const s0 = rotr(w15, 7) ^ rotr(w15, 18) ^ (w15 >>> 3)
+      const s1 = rotr(w2, 17) ^ rotr(w2, 19) ^ (w2 >>> 10)
+      w[i] = (w[i - 16]! + s0 + w[i - 7]! + s1) >>> 0
     }
 
-    let a = h[0]!, b = h[1]!, c = h[2]!, d = h[3]!;
-    let e = h[4]!, f = h[5]!, g = h[6]!, hh = h[7]!;
+    let a = h[0]!,
+      b = h[1]!,
+      c = h[2]!,
+      d = h[3]!
+    let e = h[4]!,
+      f = h[5]!,
+      g = h[6]!,
+      hh = h[7]!
 
     for (let i = 0; i < 64; i++) {
-      const S1 = rotr(e, 6) ^ rotr(e, 11) ^ rotr(e, 25);
-      const ch = (e & f) ^ (~e & g);
-      const t1 = (hh + S1 + ch + K[i]! + w[i]!) >>> 0;
-      const S0 = rotr(a, 2) ^ rotr(a, 13) ^ rotr(a, 22);
-      const maj = (a & b) ^ (a & c) ^ (b & c);
-      const t2 = (S0 + maj) >>> 0;
-      hh = g;
-      g = f;
-      f = e;
-      e = (d + t1) >>> 0;
-      d = c;
-      c = b;
-      b = a;
-      a = (t1 + t2) >>> 0;
+      const S1 = rotr(e, 6) ^ rotr(e, 11) ^ rotr(e, 25)
+      const ch = (e & f) ^ (~e & g)
+      const t1 = (hh + S1 + ch + K[i]! + w[i]!) >>> 0
+      const S0 = rotr(a, 2) ^ rotr(a, 13) ^ rotr(a, 22)
+      const maj = (a & b) ^ (a & c) ^ (b & c)
+      const t2 = (S0 + maj) >>> 0
+      hh = g
+      g = f
+      f = e
+      e = (d + t1) >>> 0
+      d = c
+      c = b
+      b = a
+      a = (t1 + t2) >>> 0
     }
 
-    h[0] = (h[0]! + a) >>> 0;
-    h[1] = (h[1]! + b) >>> 0;
-    h[2] = (h[2]! + c) >>> 0;
-    h[3] = (h[3]! + d) >>> 0;
-    h[4] = (h[4]! + e) >>> 0;
-    h[5] = (h[5]! + f) >>> 0;
-    h[6] = (h[6]! + g) >>> 0;
-    h[7] = (h[7]! + hh) >>> 0;
+    h[0] = (h[0]! + a) >>> 0
+    h[1] = (h[1]! + b) >>> 0
+    h[2] = (h[2]! + c) >>> 0
+    h[3] = (h[3]! + d) >>> 0
+    h[4] = (h[4]! + e) >>> 0
+    h[5] = (h[5]! + f) >>> 0
+    h[6] = (h[6]! + g) >>> 0
+    h[7] = (h[7]! + hh) >>> 0
   }
 
-  let hex = '';
-  for (let i = 0; i < 8; i++) hex += h[i]!.toString(16).padStart(8, '0');
-  return hex;
+  let hex = ''
+  for (let i = 0; i < 8; i++) hex += h[i]!.toString(16).padStart(8, '0')
+  return hex
 }
 
 function rotr(value: number, bits: number): number {
-  return ((value >>> bits) | (value << (32 - bits))) >>> 0;
+  return ((value >>> bits) | (value << (32 - bits))) >>> 0
 }

package/src/compat/next/form.tsx

@@ -1,17 +1,17 @@
-'use client';
+'use client'
 
-import { useEffect, useRef, type JSX, type ReactNode } from 'preact/compat';
-import { prefetchRoute, softNavigate } from '../../api/router';
-import { addBasePath } from '../client/base-path';
+import { useEffect, useRef, type JSX, type ReactNode } from 'preact/compat'
+import { prefetchRoute, softNavigate } from '../../client/router'
+import { addBasePath } from '../client/base-path'
 
-type FormAction = string | ((formData: FormData) => void | Promise<void>);
+type FormAction = string | ((formData: FormData) => void | Promise<void>)
 export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, 'action' | 'method'> & {
-  action: FormAction;
-  replace?: boolean;
-  scroll?: boolean;
-  prefetch?: boolean;
-  children?: ReactNode;
-};
+  action: FormAction
+  replace?: boolean
+  scroll?: boolean
+  prefetch?: boolean
+  children?: ReactNode
+}
 
 export default function Form({
   action,
@@ -22,52 +22,50 @@ export default function Form({
   children,
   ...formProps
 }: FormProps) {
-  const formRef = useRef<HTMLFormElement | null>(null);
-  const stringAction = typeof action === 'string' ? action : undefined;
-  const basePathAction = stringAction == null ? undefined : addBasePath(stringAction);
+  const formRef = useRef<HTMLFormElement | null>(null)
+  const stringAction = typeof action === 'string' ? action : undefined
+  const basePathAction = stringAction == null ? undefined : addBasePath(stringAction)
 
   // Function actions are React form actions; pass through untouched so the
   // renderer wires them (no soft-nav interception, no GET semantics).
 
   useEffect(() => {
-    if (basePathAction == null || prefetch === false) return;
+    if (basePathAction == null || prefetch === false) return
     // No prefetch in dev (per-request rendering); prefetchRoute already no-ops.
     // Register the form element so a revalidation-triggered retry re-prefetches
     // visible forms exactly like visible links (the router reads its `action`).
-    void prefetchRoute(basePathAction, { element: formRef.current ?? undefined });
-  }, [basePathAction, prefetch]);
+    void prefetchRoute(basePathAction, { element: formRef.current ?? undefined })
+  }, [basePathAction, prefetch])
 
   if (typeof action !== 'string') {
     return (
       <form ref={formRef} action={action as never} onSubmit={onSubmit} {...formProps}>
         {children}
       </form>
-    );
+    )
   }
 
   const handleSubmit = (event: JSX.TargetedSubmitEvent<HTMLFormElement>) => {
-    onSubmit?.(event);
-    if (event.defaultPrevented) return;
+    onSubmit?.(event)
+    if (event.defaultPrevented) return
 
-    const form = event.currentTarget;
+    const form = event.currentTarget
     const submitter = (event as unknown as { submitter?: HTMLElement }).submitter as
-      | HTMLButtonElement
-      | HTMLInputElement
-      | undefined;
+      HTMLButtonElement | HTMLInputElement | undefined
 
     // A submitter that sets encType/method/target to a non-default value isn't
     // supported for soft-nav; fall back to the browser's native submit.
-    if (submitter && hasUnsupportedSubmitterAttr(submitter)) return;
-    if (submitter && hasReactClientActionAttributes(submitter)) return;
+    if (submitter && hasUnsupportedSubmitterAttr(submitter)) return
+    if (submitter && hasReactClientActionAttributes(submitter)) return
 
-    event.preventDefault();
+    event.preventDefault()
 
-    const submitterAction = submitter?.getAttribute('formaction');
-    const target = submitterAction != null ? submitterAction : addBasePath(action);
-    const destination = createFormSubmitDestinationUrl(target, form);
+    const submitterAction = submitter?.getAttribute('formaction')
+    const target = submitterAction != null ? submitterAction : addBasePath(action)
+    const destination = createFormSubmitDestinationUrl(target, form)
 
-    void softNavigate(destination.href, { replace, scroll });
-  };
+    void softNavigate(destination.href, { replace, scroll })
+  }
 
   return (
     <form
@@ -79,10 +77,10 @@ export default function Form({
     >
       {children}
     </form>
-  );
+  )
 }
 
-export { Form };
+export { Form }
 
 // encType/method/target set to a non-default value can't be honored by a
 // soft-nav GET; detect and warn so the caller falls back to native submit.
@@ -90,67 +88,69 @@ const SUBMITTER_ATTRS: { attr: string; name: string; defaults: string[] }[] = [
   { attr: 'formEncType', name: 'encType', defaults: ['application/x-www-form-urlencoded'] },
   { attr: 'formMethod', name: 'method', defaults: ['get'] },
   { attr: 'formTarget', name: 'target', defaults: ['', '_self'] },
-];
+]
 
 function hasUnsupportedSubmitterAttr(submitter: HTMLButtonElement | HTMLInputElement) {
   for (const { attr, name, defaults } of SUBMITTER_ATTRS) {
-    const raw = submitter.getAttribute(attr) ?? submitter.getAttribute(attr.toLowerCase());
-    if (raw == null || raw === '') continue;
-    if (defaults.includes(raw.toLowerCase())) continue;
-    reportUnsupportedAttr(name);
-    return true;
+    const raw = submitter.getAttribute(attr) ?? submitter.getAttribute(attr.toLowerCase())
+    if (raw == null || raw === '') continue
+    if (defaults.includes(raw.toLowerCase())) continue
+    reportUnsupportedAttr(name)
+    return true
   }
-  return false;
+  return false
 }
 
 function hasReactClientActionAttributes(submitter: HTMLElement) {
-  const name = submitter.getAttribute('name');
-  return Boolean(name && (name.startsWith('$ACTION_ID_') || name.startsWith('$ACTION_REF_')));
+  const name = submitter.getAttribute('name')
+  return Boolean(name && (name.startsWith('$ACTION_ID_') || name.startsWith('$ACTION_REF_')))
 }
 
 function createFormSubmitDestinationUrl(action: string, form: HTMLFormElement) {
-  let targetUrl: URL;
+  let targetUrl: URL
   try {
-    targetUrl = new URL(action, location.href);
+    targetUrl = new URL(action, location.href)
   } catch (error) {
     throw new Error(`Cannot parse form action "${action}" as a URL`, {
       cause: error as Error,
-    });
+    })
   }
-  if (targetUrl.searchParams.size > 0) targetUrl.search = '';
+  if (targetUrl.searchParams.size > 0) targetUrl.search = ''
 
-  const data = new FormData(form);
+  const data = new FormData(form)
   for (const [key, value] of data.entries()) {
     if (typeof value === 'string') {
-      targetUrl.searchParams.append(key, value);
+      targetUrl.searchParams.append(key, value)
     } else {
-      warnFileInput();
-      targetUrl.searchParams.append(key, (value as File).name);
+      warnFileInput()
+      targetUrl.searchParams.append(key, (value as File).name)
     }
   }
-  return targetUrl;
+  return targetUrl
 }
 
-let reportedAttrs: Set<string> | undefined;
+let reportedAttrs: Set<string> | undefined
 function reportUnsupportedAttr(name: string) {
-  if (typeof document === 'undefined' || !isDevDocument()) return;
-  reportedAttrs ??= new Set();
-  if (reportedAttrs.has(name)) return;
-  reportedAttrs.add(name);
+  if (typeof document === 'undefined' || !isDevDocument()) return
+  reportedAttrs ??= new Set()
+  if (reportedAttrs.has(name)) return
+  reportedAttrs.add(name)
   console.error(
     `<Form>'s \`${name}\` was set to an unsupported value. Only the default value is supported. See https://nextjs.org/docs/app/api-reference/components/form`,
-  );
+  )
 }
 
-let fileInputWarned = false;
+let fileInputWarned = false
 function warnFileInput() {
-  if (fileInputWarned || typeof document === 'undefined' || !isDevDocument()) return;
-  fileInputWarned = true;
+  if (fileInputWarned || typeof document === 'undefined' || !isDevDocument()) return
+  fileInputWarned = true
   console.warn(
     '<Form> only supports file inputs if `action` is a function. Files will not be submitted with a string action.',
-  );
+  )
 }
 
 function isDevDocument() {
-  return typeof document !== 'undefined' && Boolean(document.querySelector('script[data-pnext-dev]'));
+  return (
+    typeof document !== 'undefined' && Boolean(document.querySelector('script[data-pnext-dev]'))
+  )
 }

package/src/compat/next/head.tsx

@@ -1,4 +1,4 @@
-import type { ComponentChildren } from 'preact';
+import type { ComponentChildren } from 'preact'
 
 /**
  * Pages-router head hoisting is not supported (Next's own app router rejects
@@ -6,5 +6,5 @@ import type { ComponentChildren } from 'preact';
  * components that still carry a <Head> don't break.
  */
 export default function Head(_props: { children?: ComponentChildren }) {
-  return null;
+  return null
 }