@quilted/preact-localize 0.1.0 → 0.3.0

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/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/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/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>
-  );
-}