@koine/next 1.0.11 → 1.0.14

package/Analytics/AnalyticsGoogle.js

@@ -1,24 +1,26 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useRouter } from "next/router";
 import Script from "next/script";
 import { pageview } from "@koine/utils";
-export const AnalyticsGoogle = ({ id }) => {
-    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    const { events, asPath, query } = useRouter();
-    const [ready, setReady] = useState(false);
-    const [routed, setRouted] = useState(false);
+export var AnalyticsGoogle = function (_a) {
+    var id = _a.id;
+    var uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
+    var _b = useRouter(), events = _b.events, asPath = _b.asPath, query = _b.query;
+    var _c = useState(false), ready = _c[0], setReady = _c[1];
+    var _d = useState(false), routed = _d[0], setRouted = _d[1];
     // const [url, setUrl] = useState("");
-    useEffect(() => {
-        const handleRouteChange = () => {
+    useEffect(function () {
+        var handleRouteChange = function () {
             setRouted(true);
         };
         events.on("routeChangeComplete", handleRouteChange);
-        return () => {
+        return function () {
             events.off("routeChangeComplete", handleRouteChange);
         };
     }, [events]);
-    useEffect(() => {
+    useEffect(function () {
         if (routed && ready && asPath) {
             // const search = query;
             pageview(asPath);
@@ -27,11 +29,5 @@ export const AnalyticsGoogle = ({ id }) => {
     if (!uid) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: `https://www.googletagmanager.com/gtag/js?id=${id}`, strategy: "afterInteractive", onLoad: () => setReady(true) }), _jsx(Script, { id: "google-analytics", strategy: "afterInteractive", children: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${id}', { 'send_page_view': false });
-        ` })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), _jsx(Script, __assign({ id: "google-analytics", strategy: "afterInteractive" }, { children: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){window.dataLayer.push(arguments);}\n          gtag('js', new Date());\n\n          gtag('config', '".concat(id, "', { 'send_page_view': false });\n        ") }))] }));
 };

package/Auth/helpers.js

@@ -1,21 +1,22 @@
 import { isString } from "@koine/utils";
-export const AUTH_ROUTES = {
+export var AUTH_ROUTES = {
     login: process.env["AUTH_ROUTE_LOGIN"],
     profile: process.env["AUTH_ROUTE_PROFILE"],
     register: process.env["AUTH_ROUTE_REGISTER"],
     secured: JSON.parse(process.env["AUTH_ROUTES_SECURED"] || "[]"),
 };
 export function getAuthRoutes(t) {
-    return Object.keys(AUTH_ROUTES).reduce((map, name) => {
-        const routePage = AUTH_ROUTES[name];
+    return Object.keys(AUTH_ROUTES).reduce(function (map, name) {
+        var routePage = AUTH_ROUTES[name];
         // @ts-expect-error cannot remember
-        map[name] = isString(routePage) ? t(`~:${AUTH_ROUTES[name]}`) : routePage;
+        map[name] = isString(routePage) ? t("~:".concat(AUTH_ROUTES[name])) : routePage;
         return map;
     }, {});
 }
 /**
  * @param url e.g. "http://localhost:3000/signin?callbackUrl=http://localhost:3000/profile"
  */
-export function getCallbackUrl(url = window.location.href) {
+export function getCallbackUrl(url) {
+    if (url === void 0) { url = window.location.href; }
     return url.split("callbackUrl=")[1] || "";
 }

package/Auth/useLogin.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { useState, useCallback } from "react";
 import { useRouter } from "next/router";
 import { signIn } from "next-auth/react";
@@ -5,27 +6,25 @@ import { parseURL } from "@koine/utils";
 import { useT } from "../I18n";
 import { getAuthRoutes, getCallbackUrl } from "./helpers";
 export function useLogin() {
-    const t = useT();
-    const { push } = useRouter();
-    const [loading, setLoading] = useState(false);
-    const [ok, setOk] = useState(false);
-    const [fail, setFail] = useState(false);
-    const submit = useCallback((data) => {
+    var t = useT();
+    var push = useRouter().push;
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    var _b = useState(false), ok = _b[0], setOk = _b[1];
+    var _c = useState(false), fail = _c[0], setFail = _c[1];
+    var submit = useCallback(function (data) {
         setLoading(true);
-        signIn("credentials", {
-            ...data,
-            redirect: false,
-        })
+        signIn("credentials", __assign(__assign({}, data), { redirect: false }))
             // @ts-expect-error FIXME: at some point...
-            .then(({ ok }) => {
+            .then(function (_a) {
+            var ok = _a.ok;
             setLoading(false);
             setOk(ok);
             setFail(!ok);
             if (ok) {
-                const redirectUrl = parseURL(getCallbackUrl());
-                const { login, register, profile } = getAuthRoutes(t);
+                var redirectUrl = parseURL(getCallbackUrl());
+                var _b = getAuthRoutes(t), login = _b.login, register = _b.register, profile = _b.profile;
                 if (redirectUrl) {
-                    const redirectPath = redirectUrl.pathname;
+                    var redirectPath = redirectUrl.pathname;
                     if (profile &&
                         (redirectPath === login || redirectPath === register)) {
                         push(profile);
@@ -42,9 +41,9 @@ export function useLogin() {
     }, [t, push]);
     // TODO: useMemo ?
     return {
-        submit,
-        loading,
-        ok,
-        fail,
+        submit: submit,
+        loading: loading,
+        ok: ok,
+        fail: fail,
     };
 }

package/Auth/useLoginUrl.js

@@ -2,10 +2,10 @@ import { useEffect, useState } from "react";
 import { useT } from "../I18n";
 import { getAuthRoutes } from "./helpers";
 export function useLoginUrl() {
-    const [currentUrl, setCurrentUrl] = useState("");
-    const t = useT();
-    useEffect(() => {
-        setCurrentUrl(`?callbackUrl=${window.location.href}`);
+    var _a = useState(""), currentUrl = _a[0], setCurrentUrl = _a[1];
+    var t = useT();
+    useEffect(function () {
+        setCurrentUrl("?callbackUrl=".concat(window.location.href));
     }, []);
-    return `${getAuthRoutes(t).login}${currentUrl}`;
+    return "".concat(getAuthRoutes(t).login).concat(currentUrl);
 }

package/Auth/useLogout.js

@@ -5,31 +5,31 @@ import { parseURL } from "@koine/utils";
 import { useT } from "../I18n";
 import { getAuthRoutes, getCallbackUrl } from "./helpers";
 export function useLogout() {
-    const t = useT();
-    const { push } = useRouter();
-    const [loading, setLoading] = useState(false);
-    const [ok, setOk] = useState(false);
-    const [fail] = useState(false);
-    const submit = useCallback((event) => {
+    var t = useT();
+    var push = useRouter().push;
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    var _b = useState(false), ok = _b[0], setOk = _b[1];
+    var fail = useState(false)[0];
+    var submit = useCallback(function (event) {
         event.preventDefault();
         event.stopPropagation();
         setLoading(true);
-        signOut({ redirect: false }).then(() => {
+        signOut({ redirect: false }).then(function () {
             setLoading(false);
             setOk(true);
-            const redirectUrl = parseURL(getCallbackUrl());
-            const currentUrl = parseURL(window.location.href);
-            const { secured } = getAuthRoutes(t);
-            const signin = t("~:/signin");
-            const profile = t("~:/profile");
-            const targetUrl = redirectUrl || currentUrl;
-            let redirect = "";
+            var redirectUrl = parseURL(getCallbackUrl());
+            var currentUrl = parseURL(window.location.href);
+            var secured = getAuthRoutes(t).secured;
+            var signin = t("~:/signin");
+            var profile = t("~:/profile");
+            var targetUrl = redirectUrl || currentUrl;
+            var redirect = "";
             if (targetUrl) {
                 if (targetUrl.pathname === profile) {
                     redirect = signin;
                 }
                 else if (secured) {
-                    for (let i = 0; i < secured.length; i++) {
+                    for (var i = 0; i < secured.length; i++) {
                         if (targetUrl.pathname.match(secured[i])) {
                             redirect = signin;
                             break;
@@ -44,9 +44,9 @@ export function useLogout() {
     }, [t, push]);
     // TODO: useMemo ?
     return {
-        submit,
-        loading,
-        ok,
-        fail,
+        submit: submit,
+        loading: loading,
+        ok: ok,
+        fail: fail,
     };
 }

package/Favicon/Favicon.js

@@ -1,4 +1,5 @@
+import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import Head from "next/head";
 import { FaviconTags } from "@koine/react";
-export const Favicon = (props) => (_jsx(Head, { children: _jsx(FaviconTags, { ...props }) }));
+export var Favicon = function (props) { return (_jsx(Head, { children: _jsx(FaviconTags, __assign({}, props)) })); };

package/Forms/useForm.js

@@ -1,19 +1,17 @@
+import { __assign } from "tslib";
 import { useMemo } from "react";
 import { useForm as _useForm } from "react-hook-form";
 import { yupResolver as resolver } from "@hookform/resolvers/yup";
 import { useT } from "../I18n";
 export function useForm(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-schema, i18nNamespace, formProps = {}, debug) {
-    const t = useT(i18nNamespace);
+schema, i18nNamespace, formProps, debug) {
+    if (formProps === void 0) { formProps = {}; }
+    var t = useT(i18nNamespace);
     // const form = _useForm<InferType<ObjectSchema<T, object>>>({
-    const form = _useForm({
+    var form = _useForm(__assign({ 
         // @ts-expect-error FIXME:
-        resolver: resolver(schema),
-        // make the form behave more closer as native:
-        // shouldUnregister: true,
-        ...formProps,
-    });
+        resolver: resolver(schema) }, formProps));
     // const { control, register, setValue } = form;
     // const field = { control, register, setValue, t };
     // if (process.env["NODE_ENV"] !== "production") {
@@ -29,9 +27,9 @@ schema, i18nNamespace, formProps = {}, debug) {
     // if (formProps.mode === "onChange") {
     //   return { field, ...form };
     // }
-    return useMemo(() => {
-        const { control, register, setValue } = form;
-        const field = { control, register, setValue, t };
-        return { field, ...form };
+    return useMemo(function () {
+        var control = form.control, register = form.register, setValue = form.setValue;
+        var field = { control: control, register: register, setValue: setValue, t: t };
+        return __assign({ field: field }, form);
     }, [t, form]);
 }

package/Forms/useSubmit.js

@@ -1,23 +1,28 @@
+import { __assign, __awaiter, __generator } from "tslib";
 import { useAsyncFn } from "@koine/react";
 import { api } from "../utils/api";
 export function useSubmit(url, transformData) {
-    const [state, submit] = useAsyncFn(async (json) => {
-        if (transformData)
-            json = transformData(json);
-        const response = await api.post(url, {
-            json,
+    var _this = this;
+    var _a = useAsyncFn(function (json) { return __awaiter(_this, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (transformData)
+                        json = transformData(json);
+                    return [4 /*yield*/, api.post(url, {
+                            json: json,
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (process.env["NODE_ENV"] !== "production") {
+                        console.log("[@koine/next] useSubmit response", response);
+                    }
+                    return [2 /*return*/, response];
+            }
         });
-        if (process.env["NODE_ENV"] !== "production") {
-            console.log("[@koine/next] useSubmit response", response);
-        }
-        return response;
-    }, [url, transformData]);
-    const { loading, error, value } = state;
-    const fail = !loading && (!!error || value?.fail);
-    return {
-        submit,
-        loading,
-        ...(value || {}),
-        fail,
-    };
+    }); }, [url, transformData]), state = _a[0], submit = _a[1];
+    var loading = state.loading, error = state.error, value = state.value;
+    var fail = !loading && (!!error || (value === null || value === void 0 ? void 0 : value.fail));
+    return __assign(__assign({ submit: submit, loading: loading }, (value || {})), { fail: fail });
 }

package/I18n/I18n.js

@@ -1,4 +1,5 @@
 /// <reference types="@koine/next/typings" />
+import { __assign } from "tslib";
 /* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
 /**
  * @file
@@ -19,7 +20,7 @@ export { default as T } from "next-translate/Trans";
  * @see https://github.com/vinissimus/next-translate/issues/513#issuecomment-779826418
  */
 export function useT(namespace) {
-    const t = useTranslation().t;
+    var t = useTranslation().t;
     // const typedT = <
     //   // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
     //   R extends unknown = string,
@@ -41,33 +42,53 @@ export function useT(namespace) {
     //   // ) as R extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : R;
     //   ) as R;
     // return typedT;
-    const tMemoized = useMemo(() => (s, q, o) => t(namespace ? `${namespace}:${s}` : s, q === "obj" ? null : q, q === "obj" || o === "obj" ? { returnObjects: true } : o
-    // ) as R extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : R;
-    ), [t, namespace]);
+    var tMemoized = useMemo(function () {
+        return function (s, q, o) {
+            return t(namespace ? "".concat(namespace, ":").concat(s) : s, q === "obj" ? null : q, q === "obj" || o === "obj" ? { returnObjects: true } : o
+            // ) as R extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : R;
+            );
+        };
+    }, [t, namespace]);
     // return tMemoized as Translate<N>;
     return tMemoized;
 }
 export function translationAsOptions(t, i18nKey) {
-    const dictionary = t(i18nKey, undefined, {
+    var dictionary = t(i18nKey, undefined, {
         returnObjects: true,
     });
-    return Object.keys(dictionary).map((key) => ({
+    return Object.keys(dictionary).map(function (key) { return ({
         value: key,
         label: dictionary[key],
-    }));
+    }); });
 }
 /**
  * Automatically returns the `date-fns/format` function with the right locale
  * passed as option (grabbed from next router value).
  */
-export const useDateFormat = () => {
-    const [formatter, setFormatter] = useState(() => (...args) => format(...args));
-    const router = useRouter();
-    const locale = useDateLocale(router.locale);
-    useEffect(() => {
+export var useDateFormat = function () {
+    var _a = useState(function () {
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return format.apply(void 0, args);
+        };
+    }), formatter = _a[0], setFormatter = _a[1];
+    var router = useRouter();
+    var locale = useDateLocale(router.locale);
+    useEffect(function () {
         if (locale) {
-            const newFormatter = (date, _format, options) => format(date, _format, { ...(options || {}), locale });
-            setFormatter(() => (...args) => newFormatter(...args));
+            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);
+                };
+            });
         }
     }, [locale]);
     return formatter;

package/Img/Img.js

@@ -1,28 +1,30 @@
+import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import NextImage from "next/image";
-export const NextImg = NextImage;
-export const NextImgSmart = (props) => {
-    const [$loaded, setLoaded] = useState(false);
-    const [$error, setError] = useState(false);
-    const { nextImgProps, restProps } = getNextImgProps(props);
-    const { Wrap } = restProps;
-    return nextImgProps.priority ? (_jsx(NextImage, { ...nextImgProps })) : (_jsx(Wrap, { ...restProps, "$loaded": $loaded, "$error": $error, children: _jsx(NextImage, { ...nextImgProps, onLoadingComplete: () => setLoaded(true), onError: () => setError(true) }) }));
+export var NextImg = NextImage;
+export var NextImgSmart = function (props) {
+    var _a = useState(false), $loaded = _a[0], setLoaded = _a[1];
+    var _b = useState(false), $error = _b[0], setError = _b[1];
+    var _c = getNextImgProps(props), nextImgProps = _c.nextImgProps, restProps = _c.restProps;
+    var Wrap = restProps.Wrap;
+    return nextImgProps.priority ? (_jsx(NextImage, __assign({}, nextImgProps))) : (_jsx(Wrap, __assign({}, restProps, { "$loaded": $loaded, "$error": $error }, { children: _jsx(NextImage, __assign({}, nextImgProps, { onLoadingComplete: function () { return setLoaded(true); }, onError: function () { return setError(true); } })) })));
 };
-export function getNextImgProps({ src, alt, layout, blurDataURL, width, height, priority, objectFit, objectPosition, ...restProps }) {
-    const nextImgProps = {
-        src,
-        alt,
-        layout,
-        blurDataURL,
-        width,
-        height,
-        priority,
-        objectFit,
-        objectPosition,
+export function getNextImgProps(_a) {
+    var src = _a.src, alt = _a.alt, layout = _a.layout, blurDataURL = _a.blurDataURL, width = _a.width, height = _a.height, priority = _a.priority, objectFit = _a.objectFit, objectPosition = _a.objectPosition, restProps = __rest(_a, ["src", "alt", "layout", "blurDataURL", "width", "height", "priority", "objectFit", "objectPosition"]);
+    var nextImgProps = {
+        src: src,
+        alt: alt,
+        layout: layout,
+        blurDataURL: blurDataURL,
+        width: width,
+        height: height,
+        priority: priority,
+        objectFit: objectFit,
+        objectPosition: objectPosition,
     };
     return {
-        nextImgProps,
-        restProps,
+        nextImgProps: nextImgProps,
+        restProps: restProps,
     };
 }

package/Link/Link.js

@@ -1,9 +1,11 @@
+import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import NextLink from "next/link";
 /**
  * @see https://next.js.org/docs/api-reference/next/link
  */
-export const Link = forwardRef(function Link({ href, prefetch, replace, scroll, shallow, locale, Link = "span", ...props }, ref) {
-    return (_jsx(NextLink, { href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true, children: _jsx(Link, { ref: ref, ...props }) }));
+export var Link = forwardRef(function Link(_a, ref) {
+    var href = _a.href, prefetch = _a.prefetch, replace = _a.replace, scroll = _a.scroll, shallow = _a.shallow, locale = _a.locale, _b = _a.Link, Link = _b === void 0 ? "span" : _b, props = __rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
+    return (_jsx(NextLink, __assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: _jsx(Link, __assign({ ref: ref }, props)) })));
 });

package/NextProgress/NextProgress.js

@@ -1,33 +1,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useRouter } from "next/router";
-export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, Overlay = "div", }) => {
-    const { events } = useRouter();
+export var NextProgress = function (_a) {
+    var _b = _a.startAt, startAt = _b === void 0 ? 0.3 : _b, _c = _a.showOnShallow, showOnShallow = _c === void 0 ? true : _c, _d = _a.stopDelayMs, stopDelayMs = _d === void 0 ? 200 : _d, _e = _a.Overlay, Overlay = _e === void 0 ? "div" : _e;
+    var events = useRouter().events;
     // const [progress, setProgress] = useState(0);
-    const [running, setRunning] = useState(false);
-    const timer = useRef(null);
-    const routeChangeStart = useCallback((_, { shallow }) => {
+    var _f = useState(false), running = _f[0], setRunning = _f[1];
+    var timer = useRef(null);
+    var routeChangeStart = useCallback(function (_, _a) {
+        var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
             // setProgress(startAt);
             setRunning(true);
         }
     }, [showOnShallow]);
-    const routeChangeEnd = useCallback((_, { shallow }) => {
+    var routeChangeEnd = useCallback(function (_, _a) {
+        var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
             if (timer.current) {
                 clearTimeout(timer.current);
             }
-            timer.current = setTimeout(() => {
+            timer.current = setTimeout(function () {
                 // setProgress(100);
                 setRunning(false);
             }, stopDelayMs);
         }
     }, [showOnShallow, stopDelayMs, timer]);
-    useEffect(() => {
+    useEffect(function () {
         events.on("routeChangeStart", routeChangeStart);
         events.on("routeChangeComplete", routeChangeEnd);
         events.on("routeChangeError", routeChangeEnd);
-        return () => {
+        return function () {
             events.off("routeChangeStart", routeChangeStart);
             events.off("routeChangeComplete", routeChangeEnd);
             events.off("routeChangeError", routeChangeEnd);

package/Seo/Seo.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import Head from "next/head";
 import { buildTags } from "./helpers";
-const _Seo = (props) => {
+var _Seo = function (props) {
     return _jsx(Head, { children: buildTags(props) });
 };
-export const Seo = memo(_Seo);
+export var Seo = memo(_Seo);

package/Seo/SeoDefaults.js

@@ -4,9 +4,9 @@ import Head from "next/head";
 // import { useRouter } from "next/router";
 // import { getSiteUrl } from "../utils";
 import { buildTags } from "./helpers";
-const _SeoDefaults = (props) => {
+var _SeoDefaults = function (props) {
     // const router = useRouter();
     // props.openGraph.url = getSiteUrl(router.asPath);
     return _jsx(Head, { children: buildTags(props) });
 };
-export const SeoDefaults = memo(_SeoDefaults);
+export var SeoDefaults = memo(_SeoDefaults);