@koine/next 2.0.0-beta.2 → 2.0.0-beta.21

package/12/useBackUrl.js

@@ -1,33 +1,24 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBackUrl = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var router_1 = require("next/router");
-var createStorage_1 = tslib_1.__importDefault(require("@koine/browser/createStorage"));
-var back = (0, createStorage_1.default)({
+import { __read } from "tslib";
+import { useRouter } from "next/router";
+import { useEffect, useRef, useState } from "react";
+import { createStorage } from "@koine/browser";
+var back = createStorage({
     lastUrl: "",
 });
-function useBackUrl() {
-    var asPath = (0, router_1.useRouter)().asPath;
-    var calledOnce = (0, react_1.useRef)(false);
-    var _a = (0, react_1.useState)(), backUrl = _a[0], setBackUrl = _a[1];
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(function () {
+export function useBackUrl() {
+    var asPath = useRouter().asPath;
+    var calledOnce = useRef(false);
+    var _a = __read(useState(), 2), backUrl = _a[0], setBackUrl = _a[1];
+    useEffect(function () {
         if (calledOnce.current) {
             return;
         }
         var prevLastUrl = back.get("lastUrl");
-        // console.log("useBackUrl: prevLastUrl", prevLastUrl);
-        // first set it to use on a link, set to undefined if the previous URL
-        // is the same as the current one
         setBackUrl(asPath === prevLastUrl || !prevLastUrl ? undefined : prevLastUrl);
-        // then update the local storage
         back.set("lastUrl", asPath);
         calledOnce.current = true;
     });
     return backUrl;
 }
-exports.useBackUrl = useBackUrl;
-exports.default = useBackUrl;
+export default useBackUrl;

package/12/useDateFormat.d.ts

@@ -1,7 +1,3 @@
 import format from "date-fns/format";
-/**
- * Automatically returns the `date-fns/format` function with the right locale
- * passed as option (grabbed from next router value).
- */
 export declare const useDateFormat: () => typeof format;
 export default useDateFormat;

package/12/useDateFormat.js

@@ -1,43 +1,35 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateFormat = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var router_1 = require("next/router");
-var format_1 = tslib_1.__importDefault(require("date-fns/format"));
-var useDateLocale_1 = tslib_1.__importDefault(require("@koine/react/hooks/useDateLocale"));
-/**
- * Automatically returns the `date-fns/format` function with the right locale
- * passed as option (grabbed from next router value).
- */
-var useDateFormat = function () {
-    var _a = (0, react_1.useState)(function () {
+import { __assign, __read, __spreadArray } from "tslib";
+import format from "date-fns/format";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+import { useDateLocale } from "@koine/react";
+export var useDateFormat = function () {
+    var _a = __read(useState(function () {
         return function () {
             var args = [];
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return format_1.default.apply(void 0, args);
+            return format.apply(void 0, __spreadArray([], __read(args), false));
         };
-    }), formatter = _a[0], setFormatter = _a[1];
-    var router = (0, router_1.useRouter)();
-    var locale = (0, useDateLocale_1.default)(router.locale);
-    (0, react_1.useEffect)(function () {
+    }), 2), formatter = _a[0], setFormatter = _a[1];
+    var router = useRouter();
+    var locale = useDateLocale(router.locale);
+    useEffect(function () {
         if (locale) {
-            var newFormatter_1 = function (date, _format, options) { return (0, format_1.default)(date, _format, tslib_1.__assign(tslib_1.__assign({}, (options || {})), { locale: locale })); };
+            var newFormatter_1 = function (date, _format, options) { return format(date, _format, __assign(__assign({}, (options || {})), { locale: locale })); };
             setFormatter(function () {
                 return function () {
                     var args = [];
                     for (var _i = 0; _i < arguments.length; _i++) {
                         args[_i] = arguments[_i];
                     }
-                    return newFormatter_1.apply(void 0, args);
+                    return newFormatter_1.apply(void 0, __spreadArray([], __read(args), false));
                 };
             });
         }
     }, [locale]);
     return formatter;
 };
-exports.useDateFormat = useDateFormat;
-exports.default = exports.useDateFormat;
+export default useDateFormat;

package/12/useForm.d.ts

@@ -1,6 +1,6 @@
-import type { UseFormProps, FieldValues } from "react-hook-form";
 import type { ObjectSchema } from "@kuus/yup";
-import { type TranslateLoose } from "./types-i18n";
+import type { FieldValues, UseFormProps } from "react-hook-form";
+import { type TranslateLoose } from "./types-i18n.js";
 export declare function useForm<T extends FieldValues>(schema: ObjectSchema<any>, t: TranslateLoose, formProps?: UseFormProps, debug?: boolean): {
     watch: import("react-hook-form").UseFormWatch<T>;
     getValues: import("react-hook-form").UseFormGetValues<T>;

package/12/useForm.js

@@ -1,39 +1,15 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForm = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var yup_1 = require("@hookform/resolvers/yup");
-function useForm(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-schema, t, formProps, debug) {
+import { __assign } from "tslib";
+import { yupResolver as resolver } from "@hookform/resolvers/yup";
+import { useMemo } from "react";
+import { useForm as _useForm } from "react-hook-form";
+export function useForm(schema, t, formProps, debug) {
     if (formProps === void 0) { formProps = {}; }
-    // const form = _useForm<InferType<ObjectSchema<T, object>>>({
-    var form = (0, react_hook_form_1.useForm)(tslib_1.__assign({ 
-        // @ts-expect-error FIXME:
-        resolver: (0, yup_1.yupResolver)(schema) }, formProps));
-    // const { control, register, setValue } = form;
-    // const field = { control, register, setValue, t };
-    // if (process.env["NODE_ENV"] !== "production") {
-    //   if (debug) {
-    //     console.info(
-    //       `Form ${i18nNamespace} data`,
-    //       form.watch(),
-    //       `errors: `,
-    //       form.formState.errors
-    //     );
-    //   }
-    // }
-    // if (formProps.mode === "onChange") {
-    //   return { field, ...form };
-    // }
-    return (0, react_1.useMemo)(function () {
+    var form = _useForm(__assign({ resolver: resolver(schema) }, formProps));
+    return useMemo(function () {
         var control = form.control, register = form.register, setValue = form.setValue;
         var field = { control: control, register: register, setValue: setValue, t: t };
-        return tslib_1.__assign({ field: field }, form);
+        return __assign({ field: field }, form);
     }, [t, form]);
 }
-exports.useForm = useForm;
-exports.default = useForm;
+export default useForm;

package/12/useLocale.js

@@ -1,11 +1,6 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocale = void 0;
-var tslib_1 = require("tslib");
-var useTranslation_1 = tslib_1.__importDefault(require("next-translate/useTranslation"));
-function useLocale() {
-    return (0, useTranslation_1.default)().lang;
+import useTranslation from "next-translate/useTranslation";
+export function useLocale() {
+    return useTranslation().lang;
 }
-exports.useLocale = useLocale;
-exports.default = useLocale;
+export default useLocale;

package/12/useT.d.ts

@@ -1,4 +1,4 @@
-import type { TranslateNamespace, TranslateDefault, TranslateNamespaced } from "./types-i18n";
+import type { TranslateDefault, TranslateNamespace, TranslateNamespaced } from "./types-i18n.js";
 export declare function useT(): TranslateDefault;
 export declare function useT<TNamespace extends TranslateNamespace>(namespace: TNamespace): TranslateNamespaced<TNamespace>;
 export default useT;

package/12/useT.js

@@ -1,44 +1,17 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useT = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-// import useTranslation from "next-translate/useTranslation";
-var context_1 = tslib_1.__importDefault(require("next-translate/context"));
-function useT(namespace) {
-    var t = (0, react_1.useContext)(context_1.default).t;
-    // const t = useTranslation().t;
-    var tMemoized = (0, react_1.useMemo)(function () {
+import I18nContext from "next-translate/context";
+import { useContext, useMemo } from "react";
+export function useT(namespace) {
+    var t = useContext(I18nContext).t;
+    var tMemoized = useMemo(function () {
         return function (s, q, o) {
             return t(namespace ? "".concat(namespace, ":").concat(s) : "".concat(s), q === "obj" || q === "" ? null : q, q === "obj" || o === "obj"
                 ? { returnObjects: true }
                 : q === "" || o === ""
                     ? { fallback: "" }
                     : o);
-            // ) as TReturn extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : TReturn;
-            // );
         };
     }, [t, namespace]);
     return tMemoized;
 }
-exports.useT = useT;
-exports.default = useT;
-// Instead of wrapping the `useTranslation` hook from [`next-translate`](https://github.com/vinissimus/next-translate/blob/master/src/useTranslation.tsx)
-// we might just rewrite it with our custom implementation but the `_context`
-// to use is not exposed by the library...
-// import { useContext/* , useMemo */ } from "react"
-// // import wrapTWithDefaultNs from "next-translate";
-// import I18nContext from "next-translate/context";
-// import type { Translate } from "./types-i18n";
-// export default function useT(_defaultNS?: string) {
-//   const ctx = useContext(I18nContext);
-//   return ctx.t as Translate;
-//   // return useMemo(
-//   //   () => ({
-//   //     ...ctx,
-//   //     t: wrapTWithDefaultNs(ctx.t, defaultNS),
-//   //   }),
-//   //   [ctx, defaultNS]
-//   // )
-// }
+export default useT;

package/12/useTo.d.ts

@@ -1,3 +1,3 @@
-import { type ToArgs } from "./to";
+import { type ToArgs } from "./to.js";
 export declare function useTo(): (...args: ToArgs) => string;
 export default useTo;

package/12/useTo.js

@@ -1,19 +1,15 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTo = void 0;
-var tslib_1 = require("tslib");
-var useT_1 = require("./useT");
-var to_1 = require("./to");
-function useTo() {
-    var t = (0, useT_1.useT)("~");
+import { __read, __spreadArray } from "tslib";
+import { to } from "./to.js";
+import { useT } from "./useT.js";
+export function useTo() {
+    var t = useT("~");
     return function () {
         var args = [];
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return to_1.to.apply(void 0, tslib_1.__spreadArray([t], args, false));
+        return to.apply(void 0, __spreadArray([t], __read(args), false));
     };
 }
-exports.useTo = useTo;
-exports.default = useTo;
+export default useTo;

package/ThemeContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ThemeContextProps = {
+    themes: string[];
+    forcedTheme?: string;
+    setTheme: (theme: string) => void;
+    theme?: string;
+    resolvedTheme?: string;
+    systemTheme?: "dark" | "light";
+};
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;
+export default ThemeContext;

package/{12/ThemeContext.mjs → ThemeContext.js}

@@ -1,6 +1,5 @@
 import { createContext } from "react";
 export var ThemeContext = createContext({
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     setTheme: function (_) { },
     themes: [],
 });

package/ThemeProvider.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+type ValueObject = {
+    [themeName: string]: string;
+};
+export type ThemeProviderProps = React.PropsWithChildren<{
+    themes?: string[];
+    forcedTheme?: string;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+    enableColorScheme?: boolean;
+    defaultTheme?: string;
+    attribute?: string | "class";
+    value?: ValueObject;
+    nonce?: string;
+}>;
+export declare const ThemeProvider: ({ forcedTheme, disableTransitionOnChange, enableSystem, enableColorScheme, themes, defaultTheme, attribute, value, children, nonce, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/{12/ThemeProvider.mjs → ThemeProvider.js}

@@ -1,37 +1,27 @@
 "use client";
-import { __spreadArray } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState, memo } from "react";
 import NextScript from "next/script";
-import isServer from "@koine/utils/isServer";
-import { ThemeContext } from "./ThemeContext";
+import { memo, useCallback, useEffect, useState } from "react";
+import { isServer } from "@koine/utils";
+import { ThemeContext } from "./ThemeContext.js";
 var colorSchemes = ["light", "dark"];
 var MEDIA = "(prefers-color-scheme: dark)";
 var THEME_STORAGE_KEY = "theme";
-/**
- * @borrows [next-themes](https://github.com/pacocoursey/next-themes)
- *
- * Differences:
- *
- * - enableColorScheme: `false` by default (instead of `true`), this plays more
- * nicely with tailwind `dark` class mode as dark theme is supposed to be only
- * controlled by tailwind modifiers
- */
 export var ThemeProvider = function (_a) {
     var forcedTheme = _a.forcedTheme, _b = _a.disableTransitionOnChange, disableTransitionOnChange = _b === void 0 ? false : _b, _c = _a.enableSystem, enableSystem = _c === void 0 ? true : _c, enableColorScheme = _a.enableColorScheme, _d = _a.themes, themes = _d === void 0 ? ["light", "dark"] : _d, _e = _a.defaultTheme, defaultTheme = _e === void 0 ? enableSystem ? "system" : "light" : _e, _f = _a.attribute, attribute = _f === void 0 ? "data-theme" : _f, value = _a.value, children = _a.children, nonce = _a.nonce;
-    var _g = useState(function () {
+    var _g = __read(useState(function () {
         return getTheme(THEME_STORAGE_KEY, defaultTheme);
-    }), theme = _g[0], setThemeState = _g[1];
-    var _h = useState(function () {
+    }), 2), theme = _g[0], setThemeState = _g[1];
+    var _h = __read(useState(function () {
         return getTheme(THEME_STORAGE_KEY);
-    }), resolvedTheme = _h[0], setResolvedTheme = _h[1];
+    }), 2), resolvedTheme = _h[0], setResolvedTheme = _h[1];
     var attrs = !value ? themes : Object.values(value);
     var applyTheme = useCallback(function (theme) {
         var _a;
         var resolved = theme;
         if (isServer || !resolved)
             return;
-        // If theme is system, resolve it before setting theme
         if (theme === "system" && enableSystem) {
             resolved = getSystemTheme();
         }
@@ -39,7 +29,7 @@ export var ThemeProvider = function (_a) {
         var enable = disableTransitionOnChange ? disableAnimation() : null;
         var d = document.documentElement;
         if (attribute === "class") {
-            (_a = d.classList).remove.apply(_a, attrs);
+            (_a = d.classList).remove.apply(_a, __spreadArray([], __read(attrs), false));
             if (name)
                 d.classList.add(name);
         }
@@ -72,12 +62,10 @@ export var ThemeProvider = function (_a) {
     ]);
     var setTheme = useCallback(function (theme) {
         setThemeState(theme);
-        // Save to storage
         try {
             localStorage.setItem(THEME_STORAGE_KEY, theme);
         }
         catch (e) {
-            // Unsupported
         }
     }, []);
     var handleMediaQuery = useCallback(function (e) {
@@ -87,28 +75,23 @@ export var ThemeProvider = function (_a) {
             applyTheme("system");
         }
     }, [theme, enableSystem, forcedTheme, applyTheme]);
-    // Always listen to System preference
     useEffect(function () {
         var media = window.matchMedia(MEDIA);
-        // Intentionally use deprecated listener methods to support iOS & old browsers
         media.addListener(handleMediaQuery);
         handleMediaQuery(media);
         return function () { return media.removeListener(handleMediaQuery); };
     }, [handleMediaQuery]);
-    // localStorage event handling
     useEffect(function () {
         var handleStorage = function (e) {
             if (e.key !== THEME_STORAGE_KEY) {
                 return;
             }
-            // If default theme set, use it if localstorage === null (happens on local storage manual deletion)
             var theme = e.newValue || defaultTheme;
             setTheme(theme);
         };
         window.addEventListener("storage", handleStorage);
         return function () { return window.removeEventListener("storage", handleStorage); };
     }, [defaultTheme, setTheme]);
-    // Whenever theme or forcedTheme changes, apply it
     useEffect(function () {
         applyTheme(forcedTheme !== null && forcedTheme !== void 0 ? forcedTheme : theme);
     }, [applyTheme, forcedTheme, theme]);
@@ -117,14 +100,13 @@ export var ThemeProvider = function (_a) {
             setTheme: setTheme,
             forcedTheme: forcedTheme,
             resolvedTheme: theme === "system" ? resolvedTheme : theme,
-            themes: enableSystem ? __spreadArray(__spreadArray([], themes, true), ["system"], false) : themes,
+            themes: enableSystem ? __spreadArray(__spreadArray([], __read(themes), false), ["system"], false) : themes,
             systemTheme: (enableSystem ? resolvedTheme : undefined),
         }, children: [_jsx(ThemeScript, { forcedTheme: forcedTheme, disableTransitionOnChange: disableTransitionOnChange, enableSystem: enableSystem, enableColorScheme: enableColorScheme, themes: themes, defaultTheme: defaultTheme, attribute: attribute, value: value, children: children, attrs: attrs, nonce: nonce }), children] }));
 };
 var ThemeScript = memo(function (_a) {
     var forcedTheme = _a.forcedTheme, attribute = _a.attribute, enableSystem = _a.enableSystem, enableColorScheme = _a.enableColorScheme, defaultTheme = _a.defaultTheme, value = _a.value, attrs = _a.attrs, nonce = _a.nonce;
     var defaultSystem = defaultTheme === "system";
-    // Code-golfing the amount of characters in the script
     var optimization = (function () {
         var removeClasses = "d.remove(".concat(attrs
             .map(function (t) { return "'".concat(t, "'"); })
@@ -151,9 +133,6 @@ var ThemeScript = memo(function (_a) {
         var resolvedName = value ? value[name] : name;
         var val = literal ? name + "|| ''" : "'".concat(resolvedName, "'");
         var text = "";
-        // MUCH faster to set colorScheme alongside HTML attribute/class
-        // as it only incurs 1 style recalculation rather than 2
-        // This can save over 250ms of work for pages with big DOM
         if (enableColorScheme &&
             setColorScheme &&
             !literal &&
@@ -186,16 +165,9 @@ var ThemeScript = memo(function (_a) {
         }
         return "!function(){try{".concat(optimization, "var e=localStorage.getItem(\"").concat(THEME_STORAGE_KEY, "\");if(e){").concat(value ? "var x=".concat(JSON.stringify(value), ";") : "").concat(updateDOM(value ? "x[e]" : "e", true), "}else{").concat(updateDOM(defaultTheme, false, false), ";}").concat(fallbackColorScheme, "}catch(t){}}();");
     })();
-    // We MUST use next/script's `beforeInteractive` strategy to avoid flashing on load.
-    // However, it only accepts the `src` prop, not `dangerouslySetInnerHTML` or `children`
-    // But our script cannot be external because it changes at runtime based on React props
-    // so we trick next/script by passing `src` as a base64 JS script
     var encodedScript = "data:text/javascript;base64,".concat(encodeBase64(scriptSrc));
     return (_jsx(NextScript, { id: "next-theme-script", strategy: "beforeInteractive", src: encodedScript, nonce: nonce }));
-}, 
-// Never re-render this component
-function () { return true; });
-// Helpers
+}, function () { return true; });
 var getTheme = function (key, fallback) {
     if (isServer)
         return undefined;
@@ -204,7 +176,6 @@ var getTheme = function (key, fallback) {
         theme = localStorage.getItem(key) || undefined;
     }
     catch (e) {
-        // Unsupported
     }
     return theme || fallback;
 };
@@ -214,9 +185,7 @@ var disableAnimation = function () {
     css.appendChild(d.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}"));
     d.head.appendChild(css);
     return function () {
-        // Force restyle
         (function () { return window.getComputedStyle(d.body); })();
-        // Wait for next tick before removing
         setTimeout(function () {
             d.head.removeChild(css);
         }, 1);

package/config-i18n.d.ts

@@ -0,0 +1,52 @@
+import type { Redirect as _Redirect, Rewrite as _Rewrite } from "next/dist/lib/load-custom-routes";
+export type Redirect = Omit<_Redirect, "locale"> & {
+    locale?: boolean;
+};
+export type Rewrite = Omit<_Rewrite, "locale"> & {
+    locale?: boolean;
+};
+type Route = string | {
+    [key: string]: Route | string;
+};
+type RoutesByLocale = Record<string, Route>;
+export type Locale = string;
+export type Routes = Record<Locale, RoutesByLocale>;
+type RoutesMapRoute = {
+    template: string;
+    pathname: string;
+    wildcard?: boolean;
+};
+export declare function normaliseUrlPathname(pathname?: string): string;
+export declare function toPath(urlOrPathname?: string): string;
+export declare function encodePathname(pathname?: string): string;
+export declare function getRoutesOfDefaultLocale(routes: Routes | RoutesByLocale, defaultLocale?: Locale): RoutesByLocale;
+export type ConfigI18nOptions = {
+    locales: Locale[];
+    defaultLocale: Locale;
+    hideDefaultLocaleInUrl?: boolean;
+    localeParam?: string;
+};
+type Options = ConfigI18nOptions & {
+    routes: Routes;
+    debug?: boolean;
+    permanent?: boolean;
+};
+export declare function getPathRedirect(arg: Pick<GetRedirectsOptions, "localeParam" | "permanent"> & {
+    localeSource?: Locale;
+    localeDestination?: Locale;
+    route: RoutesMapRoute;
+    usePathnameAsSource?: boolean;
+}): Redirect | undefined;
+type GetRedirectsOptions = Options;
+export declare function getRedirects(arg: GetRedirectsOptions): Promise<Redirect[]>;
+export declare function getPathRewrite(arg: Pick<GetRewritesOptions, "localeParam"> & {
+    localeSource?: Locale;
+    localeDestination?: Locale;
+    route: RoutesMapRoute;
+}): {
+    source: string;
+    destination: string;
+} | undefined;
+type GetRewritesOptions = Options;
+export declare function getRewrites(arg: GetRewritesOptions): Promise<Rewrite[]>;
+export {};