@cartbase/storefront 0.16.0 → 0.18.0

package/src/locales/context.ts

@@ -1,37 +1,37 @@
-"use client"
-
-import { createContext, useContext } from "react"
-import type { StorefrontLocale } from "./types"
-
-/**
- * THE MOUNTED LANGUAGE, as a context. Null outside `StorefrontLocaleProvider`.
- *
- * Its default is null and not `en` on purpose: `en` gathers every area's
- * English, and a client component that needs one area (the cart drawer, a
- * review card) must not bundle the other five to read it. Each reader hands
- * over its own area's English instead, through `useLocaleArea`, so a
- * component rendered with no language mounted behaves exactly as before.
- */
-export const StorefrontLocaleContext = createContext<StorefrontLocale | null>(null)
-
-/**
- * One area of the mounted language, for a CLIENT component that renders it.
- *
- *   const l = { ...useLocaleArea("reviews", defaultReviewsUiLabels), ...labels }
- *
- * The pack the store mounted wins over the area's English; a `labels` prop
- * still wins over both, so a store can override one word without a pack.
- * Since 2026-09-14 this is how the cart drawer and the reviews family are
- * localized: mount the provider once and there is nothing left to forget.
- *
- * A SERVER component cannot call this, because a server component has no
- * context. That is why the store, product and order templates take their
- * pack as a REQUIRED prop instead (`PropLabelAreas` in ./types).
- */
-export function useLocaleArea<K extends keyof StorefrontLocale>(
-  area: K,
-  english: StorefrontLocale[K]
-): StorefrontLocale[K] {
-  const locale = useContext(StorefrontLocaleContext)
-  return locale ? locale[area] : english
-}
+"use client"
+
+import { createContext, useContext } from "react"
+import type { StorefrontLocale } from "./types"
+
+/**
+ * THE MOUNTED LANGUAGE, as a context. Null outside `StorefrontLocaleProvider`.
+ *
+ * Its default is null and not `en` on purpose: `en` gathers every area's
+ * English, and a client component that needs one area (the cart drawer, a
+ * review card) must not bundle the other five to read it. Each reader hands
+ * over its own area's English instead, through `useLocaleArea`, so a
+ * component rendered with no language mounted behaves exactly as before.
+ */
+export const StorefrontLocaleContext = createContext<StorefrontLocale | null>(null)
+
+/**
+ * One area of the mounted language, for a CLIENT component that renders it.
+ *
+ *   const l = { ...useLocaleArea("reviews", defaultReviewsUiLabels), ...labels }
+ *
+ * The pack the store mounted wins over the area's English; a `labels` prop
+ * still wins over both, so a store can override one word without a pack.
+ * Since 2026-09-14 this is how the cart drawer and the reviews family are
+ * localized: mount the provider once and there is nothing left to forget.
+ *
+ * A SERVER component cannot call this, because a server component has no
+ * context. That is why the store, product and order templates take their
+ * pack as a REQUIRED prop instead (`PropLabelAreas` in ./types).
+ */
+export function useLocaleArea<K extends keyof StorefrontLocale>(
+  area: K,
+  english: StorefrontLocale[K]
+): StorefrontLocale[K] {
+  const locale = useContext(StorefrontLocaleContext)
+  return locale ? locale[area] : english
+}

package/src/locales/en.ts

@@ -1,26 +1,26 @@
-import { defaultCartDrawerLabels } from "../cart-drawer/labels"
-import { defaultCheckoutLabels } from "../checkout/labels"
-import { defaultOrderLabels } from "../order/labels"
-import { defaultProductLabels } from "../products/labels"
-import { defaultReviewsUiLabels } from "../reviews-ui/labels"
-import { defaultStoreLabels } from "../store/labels"
-import type { StorefrontLocale } from "./types"
-
-/**
- * ENGLISH — the library's own default, gathered into one locale object.
- *
- * It holds NO copy of its own: every field points at the defaults that
- * live beside each area's type, which are what a component renders when no
- * provider is mounted. So English cannot drift from the library, and a new
- * label added to any area appears here with no edit.
- */
-export const en: StorefrontLocale = {
-  code: "en",
-  name: "English",
-  products: defaultProductLabels,
-  store: defaultStoreLabels,
-  cartDrawer: defaultCartDrawerLabels,
-  checkout: defaultCheckoutLabels,
-  order: defaultOrderLabels,
-  reviews: defaultReviewsUiLabels,
-}
+import { defaultCartDrawerLabels } from "../cart-drawer/labels"
+import { defaultCheckoutLabels } from "../checkout/labels"
+import { defaultOrderLabels } from "../order/labels"
+import { defaultProductLabels } from "../products/labels"
+import { defaultReviewsUiLabels } from "../reviews-ui/labels"
+import { defaultStoreLabels } from "../store/labels"
+import type { StorefrontLocale } from "./types"
+
+/**
+ * ENGLISH — the library's own default, gathered into one locale object.
+ *
+ * It holds NO copy of its own: every field points at the defaults that
+ * live beside each area's type, which are what a component renders when no
+ * provider is mounted. So English cannot drift from the library, and a new
+ * label added to any area appears here with no edit.
+ */
+export const en: StorefrontLocale = {
+  code: "en",
+  name: "English",
+  products: defaultProductLabels,
+  store: defaultStoreLabels,
+  cartDrawer: defaultCartDrawerLabels,
+  checkout: defaultCheckoutLabels,
+  order: defaultOrderLabels,
+  reviews: defaultReviewsUiLabels,
+}