@quilted/preact-localize 0.1.0 → 0.3.1

package/source/routing/LocalizedRouter.ts

@@ -0,0 +1,46 @@
+import {Router, type RouterOptions} from '@quilted/preact-router';
+
+import type {RouteLocalization, ResolvedRouteLocalization} from './types.ts';
+
+export class LocalizedRouter extends Router {
+  readonly localization: ResolvedRouteLocalization;
+
+  constructor(
+    initial: ConstructorParameters<typeof Router>[0],
+    {
+      localization,
+      isExternal: explicitIsExternal,
+    }: {localization: RouteLocalization} & Pick<RouterOptions, 'isExternal'>,
+  ) {
+    const {localeFromURL} = localization;
+
+    super(initial, {
+      isExternal(url, currentURL) {
+        return (
+          matchedLocale !== localeFromURL(url) ||
+          (explicitIsExternal?.(url, currentURL) ?? false)
+        );
+      },
+    });
+
+    const currentURL = this.currentRequest.url;
+
+    const matchedLocale = localeFromURL(currentURL);
+
+    const resolvedLocalization: ResolvedRouteLocalization = {
+      locale: matchedLocale ?? localization.defaultLocale,
+      ...localization,
+    };
+
+    this.localization = resolvedLocalization;
+
+    const {pathname: rootPath} = localization.redirectURL(
+      new URL('/', currentURL),
+      {
+        to: resolvedLocalization.locale,
+      },
+    );
+
+    if (rootPath.length > 1) Object.assign(this, {base: rootPath});
+  }
+}

package/source/routing/localization/by-locale.ts

@@ -15,9 +15,9 @@ export function createRouteLocalization({
 
   return {
     locales,
-    redirectUrl,
+    redirectURL,
     matchLocale,
-    localeFromUrl,
+    localeFromURL,
     defaultLocale,
   };
 
@@ -29,7 +29,7 @@ export function createRouteLocalization({
     );
   }
 
-  function localeFromUrl(url: URL) {
+  function localeFromURL(url: URL) {
     const hostname = url.hostname.toLowerCase();
     const pathname = normalizePath(url.pathname.toLowerCase());
 
@@ -42,8 +42,8 @@ export function createRouteLocalization({
     }
   }
 
-  function redirectUrl(from: URL, {to: toLocale}: {to: string}) {
-    const fromLocale = localeFromUrl(from);
+  function redirectURL(from: URL, {to: toLocale}: {to: string}) {
+    const fromLocale = localeFromURL(from);
     const toUrl = new URL(from);
 
     if (fromLocale === toLocale) return toUrl;

package/source/routing/types.ts

@@ -2,8 +2,8 @@ export interface RouteLocalization {
   readonly locales: string[];
   readonly defaultLocale: string;
   matchLocale(locale: string): string | undefined;
-  redirectUrl(from: URL, options: {to: string}): URL;
-  localeFromUrl(url: URL): string | undefined;
+  redirectURL(from: URL, options: {to: string}): URL;
+  localeFromURL(url: URL): string | undefined;
 }
 
 export interface ResolvedRouteLocalization extends RouteLocalization {

package/source/routing.ts

@@ -1,5 +1,6 @@
 export {LocalizedLink} from './routing/LocalizedLink.tsx';
-export {LocalizedRouting} from './routing/LocalizedRouting.tsx';
+export {LocalizedNavigation} from './routing/LocalizedNavigation.tsx';
+export {LocalizedRouter} from './routing/LocalizedRouter.ts';
 export {useRouteLocalization} from './routing/context.ts';
 export {createRouteLocalization} from './routing/localization/by-locale.ts';
 export {createRoutePathLocalization} from './routing/localization/by-path.ts';

package/tsconfig.json

@@ -1,12 +1,8 @@
 {
-  "extends": "@quilted/typescript/tsconfig.project.json",
+  "extends": "@quilted/typescript/tsconfig.package.json",
   "compilerOptions": {
-    "rootDir": "source",
-    "outDir": "build/typescript",
     "jsxImportSource": "preact"
   },
-  "include": ["source"],
-  "exclude": ["*.test.ts", "*.test.tsx"],
   "references": [
     {"path": "../localize"},
     {"path": "../preact-browser"},

package/build/esm/hooks/locale-from-environment.mjs

@@ -1,15 +0,0 @@
-import { parseAcceptLanguageHeader } from '@quilted/localize';
-import { useBrowserDetails } from '@quilted/preact-browser';
-
-function useLocaleFromEnvironment() {
-  if (typeof navigator === 'object' && navigator.language) {
-    return navigator.language;
-  }
-  const browserDetails = useBrowserDetails({
-    optional: true
-  });
-  const acceptLanguage = browserDetails?.request.headers?.get('Accept-Language');
-  return acceptLanguage && parseAcceptLanguageHeader(acceptLanguage);
-}
-
-export { useLocaleFromEnvironment };

package/build/esm/routing/LocalizedRouting.mjs

@@ -1,65 +0,0 @@
-import { useMemo, useCallback } from 'preact/hooks';
-import { useInitialURL, Routing } from '@quilted/preact-router';
-import { Localization } from '../Localization.mjs';
-import { useLocaleFromEnvironment } from '../hooks/locale-from-environment.mjs';
-import { RouteLocalizationContext } from './context.mjs';
-import { jsx } from 'preact/jsx-runtime';
-
-function LocalizedRouting({
-  locale: explicitLocale,
-  localization,
-  children,
-  isExternal: isExplicitlyExternal,
-  ...props
-}) {
-  const initialUrl = useInitialURL();
-  const localeFromEnvironment = useLocaleFromEnvironment();
-  const {
-    prefix,
-    isExternal: isExternalByRouteLocale,
-    resolvedLocalization
-  } = useMemo(() => {
-    const {
-      localeFromUrl
-    } = localization;
-    const matchedLocale = initialUrl && localeFromUrl(initialUrl);
-    const resolvedLocalization = {
-      locale: matchedLocale ?? localization.defaultLocale,
-      ...localization
-    };
-    const rootUrl = localization.redirectUrl(new URL('/', initialUrl ?? 'https://example.com'), {
-      to: resolvedLocalization.locale
-    });
-    return {
-      prefix: rootUrl.pathname.length > 1 ? rootUrl.pathname : undefined,
-      isExternal: url => matchedLocale !== localeFromUrl(url),
-      resolvedLocalization
-    };
-  }, [initialUrl, localization]);
-  const isExternal = useCallback((url, currentUrl) => {
-    return isExternalByRouteLocale(url) || (isExplicitlyExternal?.(url, currentUrl) ?? false);
-  }, [isExplicitlyExternal, isExternalByRouteLocale]);
-  let resolvedLocale;
-  if (explicitLocale) {
-    resolvedLocale = explicitLocale;
-  } else if (localeFromEnvironment != null && localeFromEnvironment.toLowerCase().startsWith(resolvedLocalization.locale.toLowerCase())) {
-    resolvedLocale = localeFromEnvironment;
-  } else {
-    resolvedLocale = resolvedLocalization.locale;
-  }
-  return jsx(Routing, {
-    ...props,
-    prefix: prefix,
-    url: initialUrl,
-    isExternal: isExternal,
-    children: jsx(Localization, {
-      locale: resolvedLocale,
-      children: jsx(RouteLocalizationContext.Provider, {
-        value: resolvedLocalization,
-        children: children
-      })
-    })
-  });
-}
-
-export { LocalizedRouting };

package/build/esnext/hooks/locale-from-environment.esnext

@@ -1,13 +0,0 @@
-import { parseAcceptLanguageHeader } from '@quilted/localize';
-import { useBrowserDetails } from '@quilted/preact-browser';
-
-function useLocaleFromEnvironment() {
-  if (typeof navigator === "object" && navigator.language) {
-    return navigator.language;
-  }
-  const browserDetails = useBrowserDetails({ optional: true });
-  const acceptLanguage = browserDetails?.request.headers?.get("Accept-Language");
-  return acceptLanguage && parseAcceptLanguageHeader(acceptLanguage);
-}
-
-export { useLocaleFromEnvironment };

package/build/esnext/routing/LocalizedRouting.esnext

@@ -1,64 +0,0 @@
-import { jsx } from 'preact/jsx-runtime';
-import { useMemo, useCallback } from 'preact/hooks';
-import { useInitialURL, Routing } from '@quilted/preact-router';
-import { Localization } from '../Localization.esnext';
-import { useLocaleFromEnvironment } from '../hooks/locale-from-environment.esnext';
-import { RouteLocalizationContext } from './context.esnext';
-
-function LocalizedRouting({
-  locale: explicitLocale,
-  localization,
-  children,
-  isExternal: isExplicitlyExternal,
-  ...props
-}) {
-  const initialUrl = useInitialURL();
-  const localeFromEnvironment = useLocaleFromEnvironment();
-  const {
-    prefix,
-    isExternal: isExternalByRouteLocale,
-    resolvedLocalization
-  } = useMemo(() => {
-    const { localeFromUrl } = localization;
-    const matchedLocale = initialUrl && localeFromUrl(initialUrl);
-    const resolvedLocalization2 = {
-      locale: matchedLocale ?? localization.defaultLocale,
-      ...localization
-    };
-    const rootUrl = localization.redirectUrl(
-      new URL("/", initialUrl ?? "https://example.com"),
-      { to: resolvedLocalization2.locale }
-    );
-    return {
-      prefix: rootUrl.pathname.length > 1 ? rootUrl.pathname : void 0,
-      isExternal: (url) => matchedLocale !== localeFromUrl(url),
-      resolvedLocalization: resolvedLocalization2
-    };
-  }, [initialUrl, localization]);
-  const isExternal = useCallback(
-    (url, currentUrl) => {
-      return isExternalByRouteLocale(url) || (isExplicitlyExternal?.(url, currentUrl) ?? false);
-    },
-    [isExplicitlyExternal, isExternalByRouteLocale]
-  );
-  let resolvedLocale;
-  if (explicitLocale) {
-    resolvedLocale = explicitLocale;
-  } else if (localeFromEnvironment != null && localeFromEnvironment.toLowerCase().startsWith(resolvedLocalization.locale.toLowerCase())) {
-    resolvedLocale = localeFromEnvironment;
-  } else {
-    resolvedLocale = resolvedLocalization.locale;
-  }
-  return /* @__PURE__ */ jsx(
-    Routing,
-    {
-      ...props,
-      prefix,
-      url: initialUrl,
-      isExternal,
-      children: /* @__PURE__ */ jsx(Localization, { locale: resolvedLocale, children: /* @__PURE__ */ jsx(RouteLocalizationContext.Provider, { value: resolvedLocalization, children }) })
-    }
-  );
-}
-
-export { LocalizedRouting };

package/build/typescript/routing/LocalizedRouting.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentProps } from 'preact';
-import { Routing } from '@quilted/preact-router';
-import type { RouteLocalization } from './types.ts';
-export type LocalizedRoutingProps = Omit<ComponentProps<typeof Routing>, 'prefix' | 'initialUrl'> & {
-    locale?: string;
-    localization: RouteLocalization;
-};
-export declare function LocalizedRouting({ locale: explicitLocale, localization, children, isExternal: isExplicitlyExternal, ...props }: LocalizedRoutingProps): import("preact").JSX.Element;
-//# sourceMappingURL=LocalizedRouting.d.ts.map

package/build/typescript/routing/LocalizedRouting.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocalizedRouting.d.ts","sourceRoot":"","sources":["../../../source/routing/LocalizedRouting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAE3C,OAAO,EAAC,OAAO,EAAgB,MAAM,wBAAwB,CAAC;AAK9D,OAAO,KAAK,EAAC,iBAAiB,EAA4B,MAAM,YAAY,CAAC;AAG7E,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,CAAC,OAAO,OAAO,CAAC,EAC9B,QAAQ,GAAG,YAAY,CACxB,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EAAE,cAAc,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EAAE,oBAAoB,EAChC,GAAG,KAAK,EACT,EAAE,qBAAqB,gCAqEvB"}

package/source/hooks/locale-from-environment.ts

@@ -1,15 +0,0 @@
-import {parseAcceptLanguageHeader} from '@quilted/localize';
-import {useBrowserDetails} from '@quilted/preact-browser';
-
-export function useLocaleFromEnvironment() {
-  if (typeof navigator === 'object' && navigator.language) {
-    return navigator.language;
-  }
-
-  const browserDetails = useBrowserDetails({optional: true});
-
-  const acceptLanguage =
-    browserDetails?.request.headers?.get('Accept-Language');
-
-  return acceptLanguage && parseAcceptLanguageHeader(acceptLanguage);
-}

package/source/routing/LocalizedRouting.tsx

@@ -1,94 +0,0 @@
-import type {ComponentProps} from 'preact';
-import {useCallback, useMemo} from 'preact/hooks';
-import {Routing, useInitialURL} from '@quilted/preact-router';
-
-import {Localization} from '../Localization.tsx';
-import {useLocaleFromEnvironment} from '../hooks/locale-from-environment.ts';
-
-import type {RouteLocalization, ResolvedRouteLocalization} from './types.ts';
-import {RouteLocalizationContext} from './context.ts';
-
-export type LocalizedRoutingProps = Omit<
-  ComponentProps<typeof Routing>,
-  'prefix' | 'initialUrl'
-> & {
-  locale?: string;
-  localization: RouteLocalization;
-};
-
-export function LocalizedRouting({
-  locale: explicitLocale,
-  localization,
-  children,
-  isExternal: isExplicitlyExternal,
-  ...props
-}: LocalizedRoutingProps) {
-  const initialUrl = useInitialURL();
-  const localeFromEnvironment = useLocaleFromEnvironment();
-
-  const {
-    prefix,
-    isExternal: isExternalByRouteLocale,
-    resolvedLocalization,
-  } = useMemo(() => {
-    const {localeFromUrl} = localization;
-
-    const matchedLocale = initialUrl && localeFromUrl(initialUrl);
-
-    const resolvedLocalization: ResolvedRouteLocalization = {
-      locale: matchedLocale ?? localization.defaultLocale,
-      ...localization,
-    };
-
-    const rootUrl = localization.redirectUrl(
-      new URL('/', initialUrl ?? 'https://example.com'),
-      {to: resolvedLocalization.locale},
-    );
-
-    return {
-      prefix: rootUrl.pathname.length > 1 ? rootUrl.pathname : undefined,
-      isExternal: (url: URL) => matchedLocale !== localeFromUrl(url),
-      resolvedLocalization,
-    };
-  }, [initialUrl, localization]);
-
-  const isExternal = useCallback(
-    (url: URL, currentUrl: URL) => {
-      return (
-        isExternalByRouteLocale(url) ||
-        (isExplicitlyExternal?.(url, currentUrl) ?? false)
-      );
-    },
-    [isExplicitlyExternal, isExternalByRouteLocale],
-  );
-
-  let resolvedLocale: string;
-
-  if (explicitLocale) {
-    resolvedLocale = explicitLocale;
-  } else if (
-    localeFromEnvironment != null &&
-    localeFromEnvironment
-      .toLowerCase()
-      .startsWith(resolvedLocalization.locale.toLowerCase())
-  ) {
-    resolvedLocale = localeFromEnvironment;
-  } else {
-    resolvedLocale = resolvedLocalization.locale;
-  }
-
-  return (
-    <Routing
-      {...props}
-      prefix={prefix}
-      url={initialUrl}
-      isExternal={isExternal}
-    >
-      <Localization locale={resolvedLocale}>
-        <RouteLocalizationContext.Provider value={resolvedLocalization}>
-          {children}
-        </RouteLocalizationContext.Provider>
-      </Localization>
-    </Routing>
-  );
-}