@djangocfg/nextjs 2.1.626 → 2.1.628

package/README.md

@@ -304,6 +304,16 @@ function MyComponent() {
 }
 ```
 
+#### Shared locale cookie (several hosts, one family)
+
+`NEXT_LOCALE` is written by the **proxy** (`createProxy` → `shareLocaleCookie`) and by `useChangeLocale` in the browser, never during render. Server components read the locale from the URL segment, so the cookie cannot change what SSR renders; it only decides where a bare `/` redirects. With `Domain=<registrable domain>` every host of the family sends the same value; the host-only twin is expired so it cannot shadow it. Override the domain guess with `NEXT_PUBLIC_COOKIE_DOMAIN`.
+
+What it costs, and the rules that keep SSR intact:
+- A response that sets a cookie is not cached by a CDN by default. The proxy sets it only when next-intl wrote one (a bare-path visit or a switch), not on every page view; keep it that way and do not add `Set-Cookie` to static pages.
+- Never read `NEXT_LOCALE` in a server component (`cookies()` makes the route dynamic). Take `locale` from `params`.
+- SEO sites (one language per host, indexed) keep `localeCookie: false`; sharing applies only to app families behind a login.
+- If this ever causes trouble, the fallback is no cookie at all: the locale lives in the URL, and the family switcher links to the sibling host with the same locale prefix.
+
 #### Locale Switcher
 
 Smart wrapper around `@djangocfg/layouts` LocaleSwitcher with automatic next-intl hooks:

package/dist/app-icon/index.d.mts

@@ -0,0 +1,11 @@
+export { A as AppIconGlyph, a as AppIconOptions, b as AppIconShape, I as IconNode, c as appIconElement, d as appIconGradient, o as oklchToHex } from '../element-DhDVWCha.mjs';
+import 'react';
+
+/** The manifest's `icons` for an app that serves `createAppIcon` at `app/icon.tsx`. Pass it to `createManifest({ icons })`. */
+declare const appIconPaths: {
+    readonly logo192: "/icon/192";
+    readonly logo384: "/icon/384";
+    readonly logo512: "/icon/512";
+};
+
+export { appIconPaths };

package/dist/app-icon/index.mjs

@@ -0,0 +1,66 @@
+// src/app-icon/element.ts
+import { createElement } from "react";
+function oklchToHex(l, c, h) {
+  const a = c * Math.cos(h * Math.PI / 180);
+  const b = c * Math.sin(h * Math.PI / 180);
+  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  const lin = [
+    4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,
+    -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,
+    -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_
+  ];
+  const hex = lin.map((v) => {
+    const g = v <= 31308e-7 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;
+    return Math.round(Math.min(1, Math.max(0, g)) * 255).toString(16).padStart(2, "0");
+  });
+  return `#${hex.join("")}`;
+}
+function appIconGradient(hue) {
+  return `linear-gradient(150deg, ${oklchToHex(0.66, 0.17, hue)}, ${oklchToHex(0.47, 0.18, hue + 22)})`;
+}
+function nodesOf(glyph) {
+  if (Array.isArray(glyph)) return glyph;
+  const node = glyph.__iconData?.node;
+  if (!node) throw new Error("app-icon: glyph is not a lucide icon module (expected `import * as x from 'lucide-react/icons/<name>'`)");
+  return node;
+}
+function appIconElement({ glyph, hue, size, shape = "rounded" }) {
+  const square = shape === "square";
+  const side = Math.round(size * (square ? 0.46 : 0.58));
+  const glyphSvg = createElement(
+    "svg",
+    { width: side, height: side, viewBox: "0 0 24 24", fill: "none", stroke: "#ffffff", strokeWidth: 2.1, strokeLinecap: "round", strokeLinejoin: "round" },
+    ...nodesOf(glyph).map(([tag, { key, ...attrs }]) => createElement(tag, { key, ...attrs }))
+  );
+  return createElement(
+    "div",
+    {
+      style: {
+        width: size,
+        height: size,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundImage: appIconGradient(hue),
+        borderRadius: square ? 0 : Math.round(size * 0.225)
+      }
+    },
+    glyphSvg
+  );
+}
+
+// src/app-icon/paths.ts
+var appIconPaths = {
+  logo192: "/icon/192",
+  logo384: "/icon/384",
+  logo512: "/icon/512"
+};
+export {
+  appIconElement,
+  appIconGradient,
+  appIconPaths,
+  oklchToHex
+};
+//# sourceMappingURL=index.mjs.map

package/dist/app-icon/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/app-icon/element.ts","../../src/app-icon/paths.ts"],"sourcesContent":["/**\n * App icon: ONE definition of the picture an app shows in a tab, on a home screen and as a PWA icon.\n *\n * House style: a full-bleed tile in the product's hue (a two-stop gradient), a white lucide glyph in the inner ~46-58%,\n * and NO border near the edge. The OS cuts its own corner (iOS ~22%, Android a mask); anything drawn at the edge never\n * matches that curve.\n *\n * Pure: plain host elements only (`next/og` renders nothing else) and no `next/og` import, so a client bundle can use\n * the same gradient for an in-app tile. The route factory lives in `./next`.\n */\n\nimport { createElement, type ReactElement } from 'react';\n\n/** What lucide stores for an icon: `[tag, attrs][]`; `attrs.key` is React's key. */\nexport type IconNode = [tag: string, attrs: Record<string, string>][];\n\n/**\n * A glyph is a lucide icon MODULE, `import * as workflow from 'lucide-react/icons/workflow'` (a lucide component is a\n * client component and `next/og` cannot render it, so its drawing data is read from the module), or the node list itself.\n */\nexport type AppIconGlyph = object | IconNode;\n\nexport type AppIconShape = 'rounded' | 'square';\n\nexport interface AppIconOptions {\n  glyph: AppIconGlyph;\n  /** OKLCH hue, 0-360. The switcher tile should use `appIconGradient(hue)` so both agree. */\n  hue: number;\n  /** Side in px. */\n  size: number;\n  /** `rounded`: transparent corners (browser tab). `square`: full-bleed for iOS and maskable PWA icons. @default 'rounded' */\n  shape?: AppIconShape;\n}\n\n/** OKLCH to sRGB hex. `next/og` does not parse `oklch()`; CSS does, and the two must show the same colour. */\nexport function oklchToHex(l: number, c: number, h: number): string {\n  const a = c * Math.cos((h * Math.PI) / 180);\n  const b = c * Math.sin((h * Math.PI) / 180);\n  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;\n  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;\n  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;\n  const lin = [\n    4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,\n    -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,\n    -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_,\n  ];\n  const hex = lin.map((v) => {\n    const g = v <= 0.0031308 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;\n    return Math.round(Math.min(1, Math.max(0, g)) * 255).toString(16).padStart(2, '0');\n  });\n  return `#${hex.join('')}`;\n}\n\n/** The gradient behind a glyph, two hex stops from one hue. */\nexport function appIconGradient(hue: number): string {\n  return `linear-gradient(150deg, ${oklchToHex(0.66, 0.17, hue)}, ${oklchToHex(0.47, 0.18, hue + 22)})`;\n}\n\nfunction nodesOf(glyph: AppIconGlyph): IconNode {\n  if (Array.isArray(glyph)) return glyph as IconNode;\n  const node = (glyph as { __iconData?: { node?: IconNode } }).__iconData?.node;\n  if (!node) throw new Error(\"app-icon: glyph is not a lucide icon module (expected `import * as x from 'lucide-react/icons/<name>'`)\");\n  return node;\n}\n\n/** The picture as plain JSX, for `new ImageResponse(...)`. */\nexport function appIconElement({ glyph, hue, size, shape = 'rounded' }: AppIconOptions): ReactElement {\n  const square = shape === 'square';\n  // A square icon is cropped by the OS: keep the glyph inside the maskable safe zone (the inner 60%).\n  const side = Math.round(size * (square ? 0.46 : 0.58));\n  const glyphSvg = createElement(\n    'svg',\n    { width: side, height: side, viewBox: '0 0 24 24', fill: 'none', stroke: '#ffffff', strokeWidth: 2.1, strokeLinecap: 'round', strokeLinejoin: 'round' },\n    ...nodesOf(glyph).map(([tag, { key, ...attrs }]) => createElement(tag, { key, ...attrs })),\n  );\n  return createElement(\n    'div',\n    {\n      style: {\n        width: size,\n        height: size,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundImage: appIconGradient(hue),\n        borderRadius: square ? 0 : Math.round(size * 0.225),\n      },\n    },\n    glyphSvg,\n  );\n}\n","/** The manifest's `icons` for an app that serves `createAppIcon` at `app/icon.tsx`. Pass it to `createManifest({ icons })`. */\nexport const appIconPaths = {\n  logo192: '/icon/192',\n  logo384: '/icon/384',\n  logo512: '/icon/512',\n} as const;\n"],"mappings":";AAWA,SAAS,qBAAwC;AAwB1C,SAAS,WAAW,GAAW,GAAW,GAAmB;AAClE,QAAM,IAAI,IAAI,KAAK,IAAK,IAAI,KAAK,KAAM,GAAG;AAC1C,QAAM,IAAI,IAAI,KAAK,IAAK,IAAI,KAAK,KAAM,GAAG;AAC1C,QAAM,MAAM,IAAI,eAAe,IAAI,eAAe,MAAM;AACxD,QAAM,MAAM,IAAI,eAAe,IAAI,eAAe,MAAM;AACxD,QAAM,MAAM,IAAI,eAAe,IAAI,cAAc,MAAM;AACvD,QAAM,MAAM;AAAA,IACV,eAAe,KAAK,eAAe,KAAK,eAAe;AAAA,IACvD,gBAAgB,KAAK,eAAe,KAAK,eAAe;AAAA,IACxD,gBAAgB,KAAK,eAAe,KAAK,cAAc;AAAA,EACzD;AACA,QAAM,MAAM,IAAI,IAAI,CAAC,MAAM;AACzB,UAAM,IAAI,KAAK,WAAY,QAAQ,IAAI,QAAQ,MAAM,IAAI,OAAO;AAChE,WAAO,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAAA,EACnF,CAAC;AACD,SAAO,IAAI,IAAI,KAAK,EAAE,CAAC;AACzB;AAGO,SAAS,gBAAgB,KAAqB;AACnD,SAAO,2BAA2B,WAAW,MAAM,MAAM,GAAG,CAAC,KAAK,WAAW,MAAM,MAAM,MAAM,EAAE,CAAC;AACpG;AAEA,SAAS,QAAQ,OAA+B;AAC9C,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO;AACjC,QAAM,OAAQ,MAA+C,YAAY;AACzE,MAAI,CAAC,KAAM,OAAM,IAAI,MAAM,yGAAyG;AACpI,SAAO;AACT;AAGO,SAAS,eAAe,EAAE,OAAO,KAAK,MAAM,QAAQ,UAAU,GAAiC;AACpG,QAAM,SAAS,UAAU;AAEzB,QAAM,OAAO,KAAK,MAAM,QAAQ,SAAS,OAAO,KAAK;AACrD,QAAM,WAAW;AAAA,IACf;AAAA,IACA,EAAE,OAAO,MAAM,QAAQ,MAAM,SAAS,aAAa,MAAM,QAAQ,QAAQ,WAAW,aAAa,KAAK,eAAe,SAAS,gBAAgB,QAAQ;AAAA,IACtJ,GAAG,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,cAAc,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC;AAAA,EAC3F;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,iBAAiB,gBAAgB,GAAG;AAAA,QACpC,cAAc,SAAS,IAAI,KAAK,MAAM,OAAO,KAAK;AAAA,MACpD;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;;;ACzFO,IAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;","names":[]}

package/dist/app-icon/next.d.mts

@@ -0,0 +1,51 @@
+import { ImageResponse } from 'next/og';
+import { AppIconGlyph } from './index.mjs';
+import 'react';
+
+/**
+ * Route handlers for Next's icon file conventions, from one glyph and one hue.
+ *
+ *   // app/icon.tsx
+ *   import * as workflow from 'lucide-react/icons/workflow';
+ *   import { createAppIcon } from '@djangocfg/nextjs/app-icon/next';
+ *   const icon = createAppIcon({ glyph: workflow, hue: 55 });
+ *   export const generateImageMetadata = icon.generateImageMetadata;
+ *   export default icon.icon;
+ *
+ *   // app/apple-icon.tsx
+ *   export const size = { width: 180, height: 180 };
+ *   export const contentType = 'image/png';
+ *   export default icon.appleIcon;   // same createAppIcon call, or call it again
+ *
+ * Served at `/icon/tab` (64, rounded), `/icon/192`, `/icon/384`, `/icon/512` (square) and `/apple-icon` (180, square).
+ */
+
+declare const appIconSizes: {
+    readonly tab: 64;
+    readonly '192': 192;
+    readonly '384': 384;
+    readonly '512': 512;
+};
+declare const appleIconSize: {
+    readonly width: 180;
+    readonly height: 180;
+};
+declare function createAppIcon({ glyph, hue }: {
+    glyph: AppIconGlyph;
+    hue: number;
+}): {
+    generateImageMetadata(): {
+        id: string;
+        size: {
+            width: 64 | 192 | 384 | 512;
+            height: 64 | 192 | 384 | 512;
+        };
+        contentType: string;
+    }[];
+    icon({ id }: {
+        id: Promise<string | number>;
+    }): Promise<ImageResponse>;
+    appleIcon(): ImageResponse;
+};
+
+export { appIconSizes, appleIconSize, createAppIcon };

package/dist/app-icon/next.mjs

@@ -0,0 +1,87 @@
+// src/app-icon/next.ts
+import { ImageResponse } from "next/og";
+
+// src/app-icon/element.ts
+import { createElement } from "react";
+function oklchToHex(l, c, h) {
+  const a = c * Math.cos(h * Math.PI / 180);
+  const b = c * Math.sin(h * Math.PI / 180);
+  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  const lin = [
+    4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,
+    -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,
+    -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_
+  ];
+  const hex = lin.map((v) => {
+    const g = v <= 31308e-7 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;
+    return Math.round(Math.min(1, Math.max(0, g)) * 255).toString(16).padStart(2, "0");
+  });
+  return `#${hex.join("")}`;
+}
+function appIconGradient(hue) {
+  return `linear-gradient(150deg, ${oklchToHex(0.66, 0.17, hue)}, ${oklchToHex(0.47, 0.18, hue + 22)})`;
+}
+function nodesOf(glyph) {
+  if (Array.isArray(glyph)) return glyph;
+  const node = glyph.__iconData?.node;
+  if (!node) throw new Error("app-icon: glyph is not a lucide icon module (expected `import * as x from 'lucide-react/icons/<name>'`)");
+  return node;
+}
+function appIconElement({ glyph, hue, size, shape = "rounded" }) {
+  const square = shape === "square";
+  const side = Math.round(size * (square ? 0.46 : 0.58));
+  const glyphSvg = createElement(
+    "svg",
+    { width: side, height: side, viewBox: "0 0 24 24", fill: "none", stroke: "#ffffff", strokeWidth: 2.1, strokeLinecap: "round", strokeLinejoin: "round" },
+    ...nodesOf(glyph).map(([tag, { key, ...attrs }]) => createElement(tag, { key, ...attrs }))
+  );
+  return createElement(
+    "div",
+    {
+      style: {
+        width: size,
+        height: size,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundImage: appIconGradient(hue),
+        borderRadius: square ? 0 : Math.round(size * 0.225)
+      }
+    },
+    glyphSvg
+  );
+}
+
+// src/app-icon/next.ts
+var appIconSizes = { tab: 64, "192": 192, "384": 384, "512": 512 };
+var appleIconSize = { width: 180, height: 180 };
+function createAppIcon({ glyph, hue }) {
+  return {
+    generateImageMetadata() {
+      return Object.entries(appIconSizes).map(([id, side]) => ({
+        id,
+        size: { width: side, height: side },
+        contentType: "image/png"
+      }));
+    },
+    async icon({ id }) {
+      const key = String(await id);
+      const side = appIconSizes[key] ?? appIconSizes.tab;
+      return new ImageResponse(appIconElement({ glyph, hue, size: side, shape: key === "tab" ? "rounded" : "square" }), {
+        width: side,
+        height: side
+      });
+    },
+    appleIcon() {
+      return new ImageResponse(appIconElement({ glyph, hue, size: appleIconSize.width, shape: "square" }), appleIconSize);
+    }
+  };
+}
+export {
+  appIconSizes,
+  appleIconSize,
+  createAppIcon
+};
+//# sourceMappingURL=next.mjs.map

package/dist/app-icon/next.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/app-icon/next.ts","../../src/app-icon/element.ts"],"sourcesContent":["/**\n * Route handlers for Next's icon file conventions, from one glyph and one hue.\n *\n *   // app/icon.tsx\n *   import * as workflow from 'lucide-react/icons/workflow';\n *   import { createAppIcon } from '@djangocfg/nextjs/app-icon/next';\n *   const icon = createAppIcon({ glyph: workflow, hue: 55 });\n *   export const generateImageMetadata = icon.generateImageMetadata;\n *   export default icon.icon;\n *\n *   // app/apple-icon.tsx\n *   export const size = { width: 180, height: 180 };\n *   export const contentType = 'image/png';\n *   export default icon.appleIcon;   // same createAppIcon call, or call it again\n *\n * Served at `/icon/tab` (64, rounded), `/icon/192`, `/icon/384`, `/icon/512` (square) and `/apple-icon` (180, square).\n */\n\nimport { ImageResponse } from 'next/og';\n\nimport { appIconElement, type AppIconGlyph } from './element';\n\nexport const appIconSizes = { tab: 64, '192': 192, '384': 384, '512': 512 } as const;\nexport const appleIconSize = { width: 180, height: 180 } as const;\n\nexport function createAppIcon({ glyph, hue }: { glyph: AppIconGlyph; hue: number }) {\n  return {\n    generateImageMetadata() {\n      return Object.entries(appIconSizes).map(([id, side]) => ({\n        id,\n        size: { width: side, height: side },\n        contentType: 'image/png',\n      }));\n    },\n    async icon({ id }: { id: Promise<string | number> }) {\n      const key = String(await id) as keyof typeof appIconSizes;\n      const side = appIconSizes[key] ?? appIconSizes.tab;\n      return new ImageResponse(appIconElement({ glyph, hue, size: side, shape: key === 'tab' ? 'rounded' : 'square' }), {\n        width: side,\n        height: side,\n      });\n    },\n    appleIcon() {\n      return new ImageResponse(appIconElement({ glyph, hue, size: appleIconSize.width, shape: 'square' }), appleIconSize);\n    },\n  };\n}\n","/**\n * App icon: ONE definition of the picture an app shows in a tab, on a home screen and as a PWA icon.\n *\n * House style: a full-bleed tile in the product's hue (a two-stop gradient), a white lucide glyph in the inner ~46-58%,\n * and NO border near the edge. The OS cuts its own corner (iOS ~22%, Android a mask); anything drawn at the edge never\n * matches that curve.\n *\n * Pure: plain host elements only (`next/og` renders nothing else) and no `next/og` import, so a client bundle can use\n * the same gradient for an in-app tile. The route factory lives in `./next`.\n */\n\nimport { createElement, type ReactElement } from 'react';\n\n/** What lucide stores for an icon: `[tag, attrs][]`; `attrs.key` is React's key. */\nexport type IconNode = [tag: string, attrs: Record<string, string>][];\n\n/**\n * A glyph is a lucide icon MODULE, `import * as workflow from 'lucide-react/icons/workflow'` (a lucide component is a\n * client component and `next/og` cannot render it, so its drawing data is read from the module), or the node list itself.\n */\nexport type AppIconGlyph = object | IconNode;\n\nexport type AppIconShape = 'rounded' | 'square';\n\nexport interface AppIconOptions {\n  glyph: AppIconGlyph;\n  /** OKLCH hue, 0-360. The switcher tile should use `appIconGradient(hue)` so both agree. */\n  hue: number;\n  /** Side in px. */\n  size: number;\n  /** `rounded`: transparent corners (browser tab). `square`: full-bleed for iOS and maskable PWA icons. @default 'rounded' */\n  shape?: AppIconShape;\n}\n\n/** OKLCH to sRGB hex. `next/og` does not parse `oklch()`; CSS does, and the two must show the same colour. */\nexport function oklchToHex(l: number, c: number, h: number): string {\n  const a = c * Math.cos((h * Math.PI) / 180);\n  const b = c * Math.sin((h * Math.PI) / 180);\n  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;\n  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;\n  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;\n  const lin = [\n    4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,\n    -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,\n    -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_,\n  ];\n  const hex = lin.map((v) => {\n    const g = v <= 0.0031308 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;\n    return Math.round(Math.min(1, Math.max(0, g)) * 255).toString(16).padStart(2, '0');\n  });\n  return `#${hex.join('')}`;\n}\n\n/** The gradient behind a glyph, two hex stops from one hue. */\nexport function appIconGradient(hue: number): string {\n  return `linear-gradient(150deg, ${oklchToHex(0.66, 0.17, hue)}, ${oklchToHex(0.47, 0.18, hue + 22)})`;\n}\n\nfunction nodesOf(glyph: AppIconGlyph): IconNode {\n  if (Array.isArray(glyph)) return glyph as IconNode;\n  const node = (glyph as { __iconData?: { node?: IconNode } }).__iconData?.node;\n  if (!node) throw new Error(\"app-icon: glyph is not a lucide icon module (expected `import * as x from 'lucide-react/icons/<name>'`)\");\n  return node;\n}\n\n/** The picture as plain JSX, for `new ImageResponse(...)`. */\nexport function appIconElement({ glyph, hue, size, shape = 'rounded' }: AppIconOptions): ReactElement {\n  const square = shape === 'square';\n  // A square icon is cropped by the OS: keep the glyph inside the maskable safe zone (the inner 60%).\n  const side = Math.round(size * (square ? 0.46 : 0.58));\n  const glyphSvg = createElement(\n    'svg',\n    { width: side, height: side, viewBox: '0 0 24 24', fill: 'none', stroke: '#ffffff', strokeWidth: 2.1, strokeLinecap: 'round', strokeLinejoin: 'round' },\n    ...nodesOf(glyph).map(([tag, { key, ...attrs }]) => createElement(tag, { key, ...attrs })),\n  );\n  return createElement(\n    'div',\n    {\n      style: {\n        width: size,\n        height: size,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundImage: appIconGradient(hue),\n        borderRadius: square ? 0 : Math.round(size * 0.225),\n      },\n    },\n    glyphSvg,\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/element-DhDVWCha.d.mts

@@ -0,0 +1,39 @@
+import { ReactElement } from 'react';
+
+/**
+ * App icon: ONE definition of the picture an app shows in a tab, on a home screen and as a PWA icon.
+ *
+ * House style: a full-bleed tile in the product's hue (a two-stop gradient), a white lucide glyph in the inner ~46-58%,
+ * and NO border near the edge. The OS cuts its own corner (iOS ~22%, Android a mask); anything drawn at the edge never
+ * matches that curve.
+ *
+ * Pure: plain host elements only (`next/og` renders nothing else) and no `next/og` import, so a client bundle can use
+ * the same gradient for an in-app tile. The route factory lives in `./next`.
+ */
+
+/** What lucide stores for an icon: `[tag, attrs][]`; `attrs.key` is React's key. */
+type IconNode = [tag: string, attrs: Record<string, string>][];
+/**
+ * A glyph is a lucide icon MODULE, `import * as workflow from 'lucide-react/icons/workflow'` (a lucide component is a
+ * client component and `next/og` cannot render it, so its drawing data is read from the module), or the node list itself.
+ */
+type AppIconGlyph = object | IconNode;
+type AppIconShape = 'rounded' | 'square';
+interface AppIconOptions {
+    glyph: AppIconGlyph;
+    /** OKLCH hue, 0-360. The switcher tile should use `appIconGradient(hue)` so both agree. */
+    hue: number;
+    /** Side in px. */
+    size: number;
+    /** `rounded`: transparent corners (browser tab). `square`: full-bleed for iOS and maskable PWA icons. @default 'rounded' */
+    shape?: AppIconShape;
+}
+/** OKLCH to sRGB hex. `next/og` does not parse `oklch()`; CSS does, and the two must show the same colour. */
+declare function oklchToHex(l: number, c: number, h: number): string;
+/** The gradient behind a glyph, two hex stops from one hue. */
+declare function appIconGradient(hue: number): string;
+/** The picture as plain JSX, for `new ImageResponse(...)`. */
+declare function appIconElement({ glyph, hue, size, shape }: AppIconOptions): ReactElement;
+
+export { appIconElement as c, appIconGradient as d, oklchToHex as o };
+export type { AppIconGlyph as A, IconNode as I, AppIconOptions as a, AppIconShape as b };

package/dist/i18n/client.mjs

@@ -95,6 +95,49 @@ function NextIntlProvider({
   );
 }
 
+// src/i18n/shared-locale.ts
+var LOCALE_COOKIE = "NEXT_LOCALE";
+var LOCALE_COOKIE_MAX_AGE = 60 * 60 * 24 * 365;
+var TWO_LABEL_SUFFIXES = /* @__PURE__ */ new Set([
+  "co.uk",
+  "org.uk",
+  "ac.uk",
+  "com.au",
+  "net.au",
+  "co.nz",
+  "co.jp",
+  "co.kr",
+  "or.kr",
+  "com.br",
+  "com.tr",
+  "com.cn",
+  "com.mx",
+  "co.in",
+  "co.za",
+  "com.sg",
+  "com.hk",
+  "com.tw",
+  "com.ar",
+  "com.ua",
+  "co.il"
+]);
+function sharedCookieDomain(hostname, override) {
+  const forced = override?.trim().replace(/^\./, "");
+  if (forced) return forced;
+  const host = hostname.split(":")[0].toLowerCase();
+  if (!host || /^\d+(\.\d+){3}$/.test(host) || host.includes(":")) return null;
+  const labels = host.split(".");
+  if (labels.length < 2) return null;
+  const keep = TWO_LABEL_SUFFIXES.has(labels.slice(-2).join(".")) ? 3 : 2;
+  return labels.slice(-keep).join(".");
+}
+function localeCookieHeader(locale, domain, secure) {
+  return `${LOCALE_COOKIE}=${encodeURIComponent(locale)}; Path=/; Max-Age=${LOCALE_COOKIE_MAX_AGE}; SameSite=Lax${domain ? `; Domain=${domain}` : ""}${secure ? "; Secure" : ""}`;
+}
+function expireHostOnlyLocaleCookie(secure) {
+  return `${LOCALE_COOKIE}=; Path=/; Max-Age=0; SameSite=Lax${secure ? "; Secure" : ""}`;
+}
+
 // src/i18n/client.ts
 function useTranslations(namespace) {
   return useNextIntlTranslations(namespace);
@@ -128,9 +171,10 @@ function useDefaultLocale() {
 function useChangeLocale() {
   const pathname = usePathname();
   return (locale) => {
-    const date = /* @__PURE__ */ new Date();
-    date.setFullYear(date.getFullYear() + 1);
-    document.cookie = `NEXT_LOCALE=${locale}; expires=${date.toUTCString()}; path=/`;
+    const secure = window.location.protocol === "https:";
+    const domain = sharedCookieDomain(window.location.hostname, process.env.NEXT_PUBLIC_COOKIE_DOMAIN);
+    document.cookie = localeCookieHeader(locale, domain, secure);
+    if (domain) document.cookie = expireHostOnlyLocaleCookie(secure);
     window.location.href = `/${locale}${pathname}`;
   };
 }

package/dist/i18n/client.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/i18n/client.ts","../../src/i18n/navigation.ts","../../src/i18n/routing.ts","../../src/i18n/provider.tsx"],"sourcesContent":["/**\n * Client-side i18n Hooks\n *\n * For use in Client Components ('use client')\n *\n * @example\n * ```tsx\n * 'use client';\n *\n * import { useTranslations, useLocale } from '@djangocfg/nextjs/i18n/client';\n *\n * export function MyComponent() {\n *   const t = useTranslations('HomePage');\n *   const locale = useLocale();\n *\n *   return <h1>{t('title')}</h1>;\n * }\n * ```\n */\n\n'use client';\n\nimport {\n    useFormatter, useLocale as useNextIntlLocale, useMessages, useNow, useTimeZone,\n    useTranslations as useNextIntlTranslations\n} from 'next-intl';\n\nimport { usePathname } from './navigation';\nimport { I18nProvider, NextIntlProvider, useDeclaredLocales } from './provider';\nimport { routing } from './routing';\n\n// Re-export providers\nexport { I18nProvider, NextIntlProvider };\n\nimport type { LocaleCode } from './types';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Core Client Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Get translations in Client Components\n *\n * @example\n * ```tsx\n * const t = useTranslations('HomePage');\n * return <h1>{t('title')}</h1>;\n *\n * // With interpolation\n * return <p>{t('greeting', { name: 'John' })}</p>;\n * ```\n */\nexport function useTranslations<Namespace extends string = never>(\n  namespace?: Namespace\n) {\n  return useNextIntlTranslations(namespace);\n}\n\n/**\n * Get current locale in Client Components\n */\nexport function useLocale(): LocaleCode {\n  return useNextIntlLocale() as LocaleCode;\n}\n\n/**\n * Get all messages\n * Useful for passing to child providers\n */\nexport { useMessages };\n\n/**\n * Get current time\n */\nexport { useNow };\n\n/**\n * Get timezone\n */\nexport { useTimeZone };\n\n/**\n * Get formatter for dates, numbers, etc.\n */\nexport { useFormatter };\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Convenience Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Shorthand for useTranslations\n * Alias for compatibility with @djangocfg/i18n\n */\nexport const useT = useTranslations;\n\n/**\n * Get namespaced translations\n *\n * @example\n * ```tsx\n * const pt = useNamespacedTranslations('payments');\n * return <span>{pt('balance.available')}</span>;\n * ```\n */\nexport function useNamespacedTranslations(namespace: string) {\n  return useNextIntlTranslations(namespace);\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Formatting Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Format a date according to locale\n *\n * @example\n * ```tsx\n * const formatDate = useDateFormatter();\n * return <span>{formatDate(new Date())}</span>;\n * ```\n */\nexport function useDateFormatter() {\n  const formatter = useFormatter();\n  return (date: Date | number, options?: Parameters<typeof formatter.dateTime>[1]) =>\n    formatter.dateTime(date, options);\n}\n\n/**\n * Format a number according to locale\n *\n * @example\n * ```tsx\n * const formatNumber = useNumberFormatter();\n * return <span>{formatNumber(1234.56)}</span>;\n * ```\n */\nexport function useNumberFormatter() {\n  const formatter = useFormatter();\n  return (number: number, options?: Parameters<typeof formatter.number>[1]) =>\n    formatter.number(number, options);\n}\n\n/**\n * Format relative time\n *\n * @example\n * ```tsx\n * const formatRelative = useRelativeTimeFormatter();\n * return <span>{formatRelative(new Date())}</span>;\n * ```\n */\nexport function useRelativeTimeFormatter() {\n  const formatter = useFormatter();\n  return (date: Date | number, options?: Parameters<typeof formatter.relativeTime>[1]) =>\n    formatter.relativeTime(date, options);\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Locale Switching Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Locales the app declared on `I18nProvider`; the built-in routing list only\n * when it declared none.\n *\n * @example\n * ```tsx\n * const locales = useLocales();\n * // ['en', 'ru', 'ko']\n * ```\n */\nexport function useLocales(): LocaleCode[] {\n  const declared = useDeclaredLocales();\n  return declared ?? (routing.locales as LocaleCode[]);\n}\n\n/**\n * Get default locale from routing config\n */\nexport function useDefaultLocale(): LocaleCode {\n  return routing.defaultLocale as LocaleCode;\n}\n\n/**\n * Hook to change current locale\n *\n * @example\n * ```tsx\n * const changeLocale = useChangeLocale();\n *\n * <button onClick={() => changeLocale('ru')}>\n *   Switch to Russian\n * </button>\n * ```\n */\nexport function useChangeLocale() {\n  const pathname = usePathname();\n\n  return (locale: LocaleCode) => {\n    // Set NEXT_LOCALE cookie so middleware remembers the choice\n    const date = new Date();\n    date.setFullYear(date.getFullYear() + 1);\n    document.cookie = `NEXT_LOCALE=${locale}; expires=${date.toUTCString()}; path=/`;\n\n    // Hard navigation to force full page reload with new locale\n    // (ensures server components re-render with updated translations)\n    window.location.href = `/${locale}${pathname}`;\n  };\n}\n\n/**\n * Combined hook for locale switching\n * Returns current locale, available locales, and change function\n *\n * @example\n * ```tsx\n * const { locale, locales, changeLocale } = useLocaleSwitcher();\n *\n * <select value={locale} onChange={(e) => changeLocale(e.target.value)}>\n *   {locales.map(l => <option key={l} value={l}>{l}</option>)}\n * </select>\n * ```\n */\nexport function useLocaleSwitcher() {\n  const locale = useLocale();\n  const locales = useLocales();\n  const changeLocale = useChangeLocale();\n\n  return { locale, locales, changeLocale };\n}\n","/**\n * i18n Navigation Utilities\n *\n * Provides locale-aware navigation components and functions\n *\n * @example\n * ```ts\n * // In your app's i18n/navigation.ts\n * import { createNavigation } from '@djangocfg/nextjs/i18n';\n * import { routing } from './routing';\n *\n * export const { Link, redirect, usePathname, useRouter } = createNavigation(routing);\n * ```\n *\n * @example\n * ```tsx\n * // Using in components\n * import { Link, usePathname } from '@/i18n/navigation';\n *\n * function Nav() {\n *   const pathname = usePathname();\n *   return <Link href=\"/about\">About</Link>;\n * }\n * ```\n */\n\nimport { createNavigation as createNextIntlNavigation } from 'next-intl/navigation';\n\nimport { createRouting, routing } from './routing';\n\nimport type { I18nConfig } from './types';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Navigation Factory\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Create navigation utilities with custom routing\n *\n * Returns locale-aware versions of:\n * - Link: Locale-prefixed links\n * - redirect: Server-side redirect with locale\n * - usePathname: Current pathname without locale prefix\n * - useRouter: Router with locale-aware navigation\n * - getPathname: Get pathname for a route\n */\nexport function createNavigation(routingConfig?: ReturnType<typeof createRouting>) {\n  const config = routingConfig ?? routing;\n  return createNextIntlNavigation(config);\n}\n\n/**\n * Create navigation from config options\n */\nexport function createNavigationFromConfig(config: Partial<I18nConfig>) {\n  const routingConfig = createRouting(config);\n  return createNextIntlNavigation(routingConfig);\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Navigation (using default routing)\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Default navigation utilities\n * Use these directly or create custom ones with createNavigation()\n */\nexport const {\n  Link,\n  redirect,\n  usePathname,\n  useRouter,\n  getPathname,\n} = createNavigation();\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Props for locale-aware Link component\n */\nexport interface LinkProps {\n  /** Target href */\n  href: string;\n  /** Target locale (optional, defaults to current) */\n  locale?: string;\n  /** Children */\n  children?: React.ReactNode;\n  /** Additional props passed to Next.js Link */\n  [key: string]: unknown;\n}\n","/**\n * i18n Routing Configuration\n *\n * Creates routing configuration for next-intl\n * Used by proxy and navigation components\n */\n\nimport { defineRouting } from 'next-intl/routing';\n\nimport type { I18nConfig, LocaleCode } from './types';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Configuration\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const DEFAULT_LOCALES: LocaleCode[] = ['en', 'ru', 'ko', 'ja', 'de', 'fr', 'zh', 'it', 'es', 'nl', 'ar', 'tr', 'pt-BR', 'pl', 'sv', 'no', 'da'];\nexport const DEFAULT_LOCALE: LocaleCode = 'en';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Routing Factory\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Create routing configuration for next-intl\n *\n * @example\n * ```ts\n * // i18n/routing.ts\n * import { createRouting } from '@djangocfg/nextjs/i18n';\n *\n * export const routing = createRouting({\n *   locales: ['en', 'ru', 'ko'],\n *   defaultLocale: 'en',\n * });\n * ```\n */\nexport function createRouting(config?: Partial<I18nConfig>) {\n  const locales = config?.locales ?? DEFAULT_LOCALES;\n  const defaultLocale = config?.defaultLocale ?? DEFAULT_LOCALE;\n  const localePrefix = config?.localePrefix ?? 'as-needed';\n\n  return defineRouting({\n    locales,\n    defaultLocale,\n    localePrefix,\n  });\n}\n\n/**\n * Default routing configuration\n * Can be overridden by app-specific configuration\n */\nexport const routing = createRouting();\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Locale Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Check if a locale is supported\n */\nexport function isValidLocale(\n  locale: string,\n  supportedLocales: readonly string[] = DEFAULT_LOCALES\n): locale is LocaleCode {\n  return supportedLocales.includes(locale as LocaleCode);\n}\n\n/**\n * Get locale from params (handles async params in Next.js 15+)\n */\nexport async function getLocaleFromParams(\n  params: Promise<{ locale: string }> | { locale: string }\n): Promise<LocaleCode> {\n  const resolved = await params;\n  return resolved.locale as LocaleCode;\n}\n\n/**\n * Generate static params for all locales\n * Use in generateStaticParams for locale pages\n */\nexport function generateLocaleParams(locales: readonly string[] = DEFAULT_LOCALES) {\n  return locales.map((locale) => ({ locale }));\n}\n","/**\n * i18n Provider for Next.js App Router\n *\n * Bridges next-intl with @djangocfg/i18n\n * Provides translations to both Server and Client components\n *\n * @example\n * ```tsx\n * // app/[locale]/layout.tsx\n * import { I18nProvider } from '@djangocfg/nextjs/i18n';\n * import { getMessages, getLocale } from '@djangocfg/nextjs/i18n/server';\n *\n * export default async function LocaleLayout({ children, params }) {\n *   const locale = await getLocale(params);\n *   const messages = await getMessages();\n *\n *   return (\n *     <I18nProvider locale={locale} messages={messages}>\n *       {children}\n *     </I18nProvider>\n *   );\n * }\n * ```\n */\n\n'use client';\n\nimport { createContext, useContext } from 'react';\nimport { NextIntlClientProvider } from 'next-intl';\nimport { I18nProvider as DjangoCfgI18nProvider } from '@djangocfg/i18n';\nimport type { I18nProviderProps, LocaleCode } from './types';\n\nconst DeclaredLocalesContext = createContext<LocaleCode[] | null>(null);\n\n/** Locales the app passed to its provider, or null when it passed none. */\nexport const useDeclaredLocales = (): LocaleCode[] | null => useContext(DeclaredLocalesContext);\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Provider Component\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Unified i18n Provider\n *\n * Wraps both NextIntlClientProvider and @djangocfg/i18n's I18nProvider\n * This ensures both next-intl hooks and @djangocfg/i18n hooks work correctly\n */\nexport function I18nProvider({\n  locale,\n  messages,\n  locales,\n  timeZone = 'UTC',\n  now,\n  children,\n}: I18nProviderProps) {\n  return (\n    <NextIntlClientProvider\n      locale={locale}\n      messages={messages}\n      timeZone={timeZone}\n      now={now}\n    >\n      <DjangoCfgI18nProvider\n        locale={locale as LocaleCode}\n        translations={messages}\n      >\n        <DeclaredLocalesContext.Provider value={locales ?? null}>\n          {children}\n        </DeclaredLocalesContext.Provider>\n      </DjangoCfgI18nProvider>\n    </NextIntlClientProvider>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Lightweight Provider (next-intl only)\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Next-intl only provider (without @djangocfg/i18n context)\n * Use if you only need next-intl hooks\n */\nexport function NextIntlProvider({\n  locale,\n  messages,\n  locales,\n  timeZone = 'UTC',\n  now,\n  children,\n}: I18nProviderProps) {\n  return (\n    <NextIntlClientProvider\n      locale={locale}\n      messages={messages}\n      timeZone={timeZone}\n      now={now}\n    >\n      <DeclaredLocalesContext.Provider value={locales ?? null}>\n        {children}\n      </DeclaredLocalesContext.Provider>\n    </NextIntlClientProvider>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/i18n/client.ts","../../src/i18n/navigation.ts","../../src/i18n/routing.ts","../../src/i18n/provider.tsx","../../src/i18n/shared-locale.ts"],"sourcesContent":["/**\n * Client-side i18n Hooks\n *\n * For use in Client Components ('use client')\n *\n * @example\n * ```tsx\n * 'use client';\n *\n * import { useTranslations, useLocale } from '@djangocfg/nextjs/i18n/client';\n *\n * export function MyComponent() {\n *   const t = useTranslations('HomePage');\n *   const locale = useLocale();\n *\n *   return <h1>{t('title')}</h1>;\n * }\n * ```\n */\n\n'use client';\n\nimport {\n    useFormatter, useLocale as useNextIntlLocale, useMessages, useNow, useTimeZone,\n    useTranslations as useNextIntlTranslations\n} from 'next-intl';\n\nimport { usePathname } from './navigation';\nimport { I18nProvider, NextIntlProvider, useDeclaredLocales } from './provider';\nimport { routing } from './routing';\nimport { expireHostOnlyLocaleCookie, localeCookieHeader, sharedCookieDomain } from './shared-locale';\n\n// Re-export providers\nexport { I18nProvider, NextIntlProvider };\n\nimport type { LocaleCode } from './types';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Core Client Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Get translations in Client Components\n *\n * @example\n * ```tsx\n * const t = useTranslations('HomePage');\n * return <h1>{t('title')}</h1>;\n *\n * // With interpolation\n * return <p>{t('greeting', { name: 'John' })}</p>;\n * ```\n */\nexport function useTranslations<Namespace extends string = never>(\n  namespace?: Namespace\n) {\n  return useNextIntlTranslations(namespace);\n}\n\n/**\n * Get current locale in Client Components\n */\nexport function useLocale(): LocaleCode {\n  return useNextIntlLocale() as LocaleCode;\n}\n\n/**\n * Get all messages\n * Useful for passing to child providers\n */\nexport { useMessages };\n\n/**\n * Get current time\n */\nexport { useNow };\n\n/**\n * Get timezone\n */\nexport { useTimeZone };\n\n/**\n * Get formatter for dates, numbers, etc.\n */\nexport { useFormatter };\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Convenience Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Shorthand for useTranslations\n * Alias for compatibility with @djangocfg/i18n\n */\nexport const useT = useTranslations;\n\n/**\n * Get namespaced translations\n *\n * @example\n * ```tsx\n * const pt = useNamespacedTranslations('payments');\n * return <span>{pt('balance.available')}</span>;\n * ```\n */\nexport function useNamespacedTranslations(namespace: string) {\n  return useNextIntlTranslations(namespace);\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Formatting Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Format a date according to locale\n *\n * @example\n * ```tsx\n * const formatDate = useDateFormatter();\n * return <span>{formatDate(new Date())}</span>;\n * ```\n */\nexport function useDateFormatter() {\n  const formatter = useFormatter();\n  return (date: Date | number, options?: Parameters<typeof formatter.dateTime>[1]) =>\n    formatter.dateTime(date, options);\n}\n\n/**\n * Format a number according to locale\n *\n * @example\n * ```tsx\n * const formatNumber = useNumberFormatter();\n * return <span>{formatNumber(1234.56)}</span>;\n * ```\n */\nexport function useNumberFormatter() {\n  const formatter = useFormatter();\n  return (number: number, options?: Parameters<typeof formatter.number>[1]) =>\n    formatter.number(number, options);\n}\n\n/**\n * Format relative time\n *\n * @example\n * ```tsx\n * const formatRelative = useRelativeTimeFormatter();\n * return <span>{formatRelative(new Date())}</span>;\n * ```\n */\nexport function useRelativeTimeFormatter() {\n  const formatter = useFormatter();\n  return (date: Date | number, options?: Parameters<typeof formatter.relativeTime>[1]) =>\n    formatter.relativeTime(date, options);\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Locale Switching Hooks\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Locales the app declared on `I18nProvider`; the built-in routing list only\n * when it declared none.\n *\n * @example\n * ```tsx\n * const locales = useLocales();\n * // ['en', 'ru', 'ko']\n * ```\n */\nexport function useLocales(): LocaleCode[] {\n  const declared = useDeclaredLocales();\n  return declared ?? (routing.locales as LocaleCode[]);\n}\n\n/**\n * Get default locale from routing config\n */\nexport function useDefaultLocale(): LocaleCode {\n  return routing.defaultLocale as LocaleCode;\n}\n\n/**\n * Hook to change current locale\n *\n * @example\n * ```tsx\n * const changeLocale = useChangeLocale();\n *\n * <button onClick={() => changeLocale('ru')}>\n *   Switch to Russian\n * </button>\n * ```\n */\nexport function useChangeLocale() {\n  const pathname = usePathname();\n\n  return (locale: LocaleCode) => {\n    // Set NEXT_LOCALE so middleware remembers the choice, on the registrable domain so every host of the family\n    // reads it (see ./shared-locale); the host-only twin is expired so it cannot shadow the shared one.\n    const secure = window.location.protocol === 'https:';\n    const domain = sharedCookieDomain(window.location.hostname, process.env.NEXT_PUBLIC_COOKIE_DOMAIN);\n    document.cookie = localeCookieHeader(locale, domain, secure);\n    if (domain) document.cookie = expireHostOnlyLocaleCookie(secure);\n\n    // Hard navigation to force full page reload with new locale\n    // (ensures server components re-render with updated translations)\n    window.location.href = `/${locale}${pathname}`;\n  };\n}\n\n/**\n * Combined hook for locale switching\n * Returns current locale, available locales, and change function\n *\n * @example\n * ```tsx\n * const { locale, locales, changeLocale } = useLocaleSwitcher();\n *\n * <select value={locale} onChange={(e) => changeLocale(e.target.value)}>\n *   {locales.map(l => <option key={l} value={l}>{l}</option>)}\n * </select>\n * ```\n */\nexport function useLocaleSwitcher() {\n  const locale = useLocale();\n  const locales = useLocales();\n  const changeLocale = useChangeLocale();\n\n  return { locale, locales, changeLocale };\n}\n","/**\n * i18n Navigation Utilities\n *\n * Provides locale-aware navigation components and functions\n *\n * @example\n * ```ts\n * // In your app's i18n/navigation.ts\n * import { createNavigation } from '@djangocfg/nextjs/i18n';\n * import { routing } from './routing';\n *\n * export const { Link, redirect, usePathname, useRouter } = createNavigation(routing);\n * ```\n *\n * @example\n * ```tsx\n * // Using in components\n * import { Link, usePathname } from '@/i18n/navigation';\n *\n * function Nav() {\n *   const pathname = usePathname();\n *   return <Link href=\"/about\">About</Link>;\n * }\n * ```\n */\n\nimport { createNavigation as createNextIntlNavigation } from 'next-intl/navigation';\n\nimport { createRouting, routing } from './routing';\n\nimport type { I18nConfig } from './types';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Navigation Factory\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Create navigation utilities with custom routing\n *\n * Returns locale-aware versions of:\n * - Link: Locale-prefixed links\n * - redirect: Server-side redirect with locale\n * - usePathname: Current pathname without locale prefix\n * - useRouter: Router with locale-aware navigation\n * - getPathname: Get pathname for a route\n */\nexport function createNavigation(routingConfig?: ReturnType<typeof createRouting>) {\n  const config = routingConfig ?? routing;\n  return createNextIntlNavigation(config);\n}\n\n/**\n * Create navigation from config options\n */\nexport function createNavigationFromConfig(config: Partial<I18nConfig>) {\n  const routingConfig = createRouting(config);\n  return createNextIntlNavigation(routingConfig);\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Navigation (using default routing)\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Default navigation utilities\n * Use these directly or create custom ones with createNavigation()\n */\nexport const {\n  Link,\n  redirect,\n  usePathname,\n  useRouter,\n  getPathname,\n} = createNavigation();\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Props for locale-aware Link component\n */\nexport interface LinkProps {\n  /** Target href */\n  href: string;\n  /** Target locale (optional, defaults to current) */\n  locale?: string;\n  /** Children */\n  children?: React.ReactNode;\n  /** Additional props passed to Next.js Link */\n  [key: string]: unknown;\n}\n","/**\n * i18n Routing Configuration\n *\n * Creates routing configuration for next-intl\n * Used by proxy and navigation components\n */\n\nimport { defineRouting } from 'next-intl/routing';\n\nimport type { I18nConfig, LocaleCode } from './types';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Default Configuration\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const DEFAULT_LOCALES: LocaleCode[] = ['en', 'ru', 'ko', 'ja', 'de', 'fr', 'zh', 'it', 'es', 'nl', 'ar', 'tr', 'pt-BR', 'pl', 'sv', 'no', 'da'];\nexport const DEFAULT_LOCALE: LocaleCode = 'en';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Routing Factory\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Create routing configuration for next-intl\n *\n * @example\n * ```ts\n * // i18n/routing.ts\n * import { createRouting } from '@djangocfg/nextjs/i18n';\n *\n * export const routing = createRouting({\n *   locales: ['en', 'ru', 'ko'],\n *   defaultLocale: 'en',\n * });\n * ```\n */\nexport function createRouting(config?: Partial<I18nConfig>) {\n  const locales = config?.locales ?? DEFAULT_LOCALES;\n  const defaultLocale = config?.defaultLocale ?? DEFAULT_LOCALE;\n  const localePrefix = config?.localePrefix ?? 'as-needed';\n\n  return defineRouting({\n    locales,\n    defaultLocale,\n    localePrefix,\n  });\n}\n\n/**\n * Default routing configuration\n * Can be overridden by app-specific configuration\n */\nexport const routing = createRouting();\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Locale Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Check if a locale is supported\n */\nexport function isValidLocale(\n  locale: string,\n  supportedLocales: readonly string[] = DEFAULT_LOCALES\n): locale is LocaleCode {\n  return supportedLocales.includes(locale as LocaleCode);\n}\n\n/**\n * Get locale from params (handles async params in Next.js 15+)\n */\nexport async function getLocaleFromParams(\n  params: Promise<{ locale: string }> | { locale: string }\n): Promise<LocaleCode> {\n  const resolved = await params;\n  return resolved.locale as LocaleCode;\n}\n\n/**\n * Generate static params for all locales\n * Use in generateStaticParams for locale pages\n */\nexport function generateLocaleParams(locales: readonly string[] = DEFAULT_LOCALES) {\n  return locales.map((locale) => ({ locale }));\n}\n","/**\n * i18n Provider for Next.js App Router\n *\n * Bridges next-intl with @djangocfg/i18n\n * Provides translations to both Server and Client components\n *\n * @example\n * ```tsx\n * // app/[locale]/layout.tsx\n * import { I18nProvider } from '@djangocfg/nextjs/i18n';\n * import { getMessages, getLocale } from '@djangocfg/nextjs/i18n/server';\n *\n * export default async function LocaleLayout({ children, params }) {\n *   const locale = await getLocale(params);\n *   const messages = await getMessages();\n *\n *   return (\n *     <I18nProvider locale={locale} messages={messages}>\n *       {children}\n *     </I18nProvider>\n *   );\n * }\n * ```\n */\n\n'use client';\n\nimport { createContext, useContext } from 'react';\nimport { NextIntlClientProvider } from 'next-intl';\nimport { I18nProvider as DjangoCfgI18nProvider } from '@djangocfg/i18n';\nimport type { I18nProviderProps, LocaleCode } from './types';\n\nconst DeclaredLocalesContext = createContext<LocaleCode[] | null>(null);\n\n/** Locales the app passed to its provider, or null when it passed none. */\nexport const useDeclaredLocales = (): LocaleCode[] | null => useContext(DeclaredLocalesContext);\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Provider Component\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Unified i18n Provider\n *\n * Wraps both NextIntlClientProvider and @djangocfg/i18n's I18nProvider\n * This ensures both next-intl hooks and @djangocfg/i18n hooks work correctly\n */\nexport function I18nProvider({\n  locale,\n  messages,\n  locales,\n  timeZone = 'UTC',\n  now,\n  children,\n}: I18nProviderProps) {\n  return (\n    <NextIntlClientProvider\n      locale={locale}\n      messages={messages}\n      timeZone={timeZone}\n      now={now}\n    >\n      <DjangoCfgI18nProvider\n        locale={locale as LocaleCode}\n        translations={messages}\n      >\n        <DeclaredLocalesContext.Provider value={locales ?? null}>\n          {children}\n        </DeclaredLocalesContext.Provider>\n      </DjangoCfgI18nProvider>\n    </NextIntlClientProvider>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Lightweight Provider (next-intl only)\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Next-intl only provider (without @djangocfg/i18n context)\n * Use if you only need next-intl hooks\n */\nexport function NextIntlProvider({\n  locale,\n  messages,\n  locales,\n  timeZone = 'UTC',\n  now,\n  children,\n}: I18nProviderProps) {\n  return (\n    <NextIntlClientProvider\n      locale={locale}\n      messages={messages}\n      timeZone={timeZone}\n      now={now}\n    >\n      <DeclaredLocalesContext.Provider value={locales ?? null}>\n        {children}\n      </DeclaredLocalesContext.Provider>\n    </NextIntlClientProvider>\n  );\n}\n","/**\n * One locale across every host of one product family.\n *\n * `NEXT_LOCALE` is written host-only by default, so a reader who picked Russian on `hub.example.com` meets English on\n * `team.example.com`. The session tokens already live on the registrable domain (`@djangocfg/api` `createStorage`,\n * `cookieDomain: 'auto'`); the locale follows the same rule: the cookie gets `Domain=` the registrable domain, and the\n * host-only twin is expired so it cannot shadow the shared one.\n *\n * Pure and framework-free, so the proxy (server) and `useChangeLocale` (browser) agree on the domain.\n */\n\nexport const LOCALE_COOKIE = 'NEXT_LOCALE';\nexport const LOCALE_COOKIE_MAX_AGE = 60 * 60 * 24 * 365;\n\n// Second-level public suffixes whose registrable domain has three labels. Not the whole Public Suffix List: the common\n// ones; anything else sets NEXT_PUBLIC_COOKIE_DOMAIN.\nconst TWO_LABEL_SUFFIXES = new Set([\n  'co.uk', 'org.uk', 'ac.uk', 'com.au', 'net.au', 'co.nz', 'co.jp', 'co.kr', 'or.kr', 'com.br', 'com.tr', 'com.cn', 'com.mx',\n  'co.in', 'co.za', 'com.sg', 'com.hk', 'com.tw', 'com.ar', 'com.ua', 'co.il',\n]);\n\n/**\n * The domain a cookie must carry to be sent to every subdomain, or `null` for a host that cannot share (an IP, a bare\n * label such as `localhost`, or an apex with no subdomain in use: a host-only cookie already covers it).\n * `override` (`NEXT_PUBLIC_COOKIE_DOMAIN`) wins when set.\n */\nexport function sharedCookieDomain(hostname: string, override?: string | null): string | null {\n  const forced = override?.trim().replace(/^\\./, '');\n  if (forced) return forced;\n  const host = hostname.split(':')[0]!.toLowerCase();\n  if (!host || /^\\d+(\\.\\d+){3}$/.test(host) || host.includes(':')) return null;\n  const labels = host.split('.');\n  if (labels.length < 2) return null;\n  const keep = TWO_LABEL_SUFFIXES.has(labels.slice(-2).join('.')) ? 3 : 2;\n  return labels.slice(-keep).join('.');\n}\n\n/** The `Set-Cookie` value that writes the shared locale cookie. */\nexport function localeCookieHeader(locale: string, domain: string | null, secure: boolean): string {\n  return `${LOCALE_COOKIE}=${encodeURIComponent(locale)}; Path=/; Max-Age=${LOCALE_COOKIE_MAX_AGE}; SameSite=Lax${domain ? `; Domain=${domain}` : ''}${secure ? '; Secure' : ''}`;\n}\n\n/** Expires the host-only twin of the cookie (a cookie is identified by name and Domain). */\nexport function expireHostOnlyLocaleCookie(secure: boolean): string {\n  return `${LOCALE_COOKIE}=; Path=/; Max-Age=0; SameSite=Lax${secure ? '; Secure' : ''}`;\n}\n"],"mappings":"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","names":[]}

package/dist/i18n/components.mjs

@@ -54,6 +54,49 @@ import { jsx } from "react/jsx-runtime";
 var DeclaredLocalesContext = createContext(null);
 var useDeclaredLocales = () => useContext(DeclaredLocalesContext);
 
+// src/i18n/shared-locale.ts
+var LOCALE_COOKIE = "NEXT_LOCALE";
+var LOCALE_COOKIE_MAX_AGE = 60 * 60 * 24 * 365;
+var TWO_LABEL_SUFFIXES = /* @__PURE__ */ new Set([
+  "co.uk",
+  "org.uk",
+  "ac.uk",
+  "com.au",
+  "net.au",
+  "co.nz",
+  "co.jp",
+  "co.kr",
+  "or.kr",
+  "com.br",
+  "com.tr",
+  "com.cn",
+  "com.mx",
+  "co.in",
+  "co.za",
+  "com.sg",
+  "com.hk",
+  "com.tw",
+  "com.ar",
+  "com.ua",
+  "co.il"
+]);
+function sharedCookieDomain(hostname, override) {
+  const forced = override?.trim().replace(/^\./, "");
+  if (forced) return forced;
+  const host = hostname.split(":")[0].toLowerCase();
+  if (!host || /^\d+(\.\d+){3}$/.test(host) || host.includes(":")) return null;
+  const labels = host.split(".");
+  if (labels.length < 2) return null;
+  const keep = TWO_LABEL_SUFFIXES.has(labels.slice(-2).join(".")) ? 3 : 2;
+  return labels.slice(-keep).join(".");
+}
+function localeCookieHeader(locale, domain, secure) {
+  return `${LOCALE_COOKIE}=${encodeURIComponent(locale)}; Path=/; Max-Age=${LOCALE_COOKIE_MAX_AGE}; SameSite=Lax${domain ? `; Domain=${domain}` : ""}${secure ? "; Secure" : ""}`;
+}
+function expireHostOnlyLocaleCookie(secure) {
+  return `${LOCALE_COOKIE}=; Path=/; Max-Age=0; SameSite=Lax${secure ? "; Secure" : ""}`;
+}
+
 // src/i18n/client.ts
 function useLocale() {
   return useNextIntlLocale();
@@ -65,9 +108,10 @@ function useLocales() {
 function useChangeLocale() {
   const pathname = usePathname();
   return (locale) => {
-    const date = /* @__PURE__ */ new Date();
-    date.setFullYear(date.getFullYear() + 1);
-    document.cookie = `NEXT_LOCALE=${locale}; expires=${date.toUTCString()}; path=/`;
+    const secure = window.location.protocol === "https:";
+    const domain = sharedCookieDomain(window.location.hostname, process.env.NEXT_PUBLIC_COOKIE_DOMAIN);
+    document.cookie = localeCookieHeader(locale, domain, secure);
+    if (domain) document.cookie = expireHostOnlyLocaleCookie(secure);
     window.location.href = `/${locale}${pathname}`;
   };
 }