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

package/12/seoBuildTags.mjs

@@ -1,8 +1,8 @@
-import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 import isArray from "@koine/utils/isArray";
-var defaults = {
-    tplTitle: "",
+const defaults = {
+    tplTitle: ""
 };
 /**
  * Comparing to `next-seo` we do a couple of things in addition while many
@@ -18,89 +18,93 @@ var defaults = {
  * - Shorter code
  *
  * @returns
- */
-export var seoBuildTags = function (_a) {
-    var _b = _a === void 0 ? {} : _a, seo = _b.seo, hidden = _b.hidden, keywords = _b.keywords, _c = _b.title, title = _c === void 0 ? "" : _c, titleTemplate = _b.titleTemplate, defaultTitle = _b.defaultTitle, noindex = _b.noindex, nofollow = _b.nofollow, description = _b.description, _d = _b.languageAlternates, languageAlternates = _d === void 0 ? [] : _d, twitter = _b.twitter, facebook = _b.facebook, openGraph = _b.openGraph, ogAlias = _b.og, canonical = _b.canonical, metaTags = _b.metaTags, linkTags = _b.linkTags;
-    var id = "seo-";
-    var render = [];
-    var $names = {};
-    var $properties = {};
+ */ export const seoBuildTags = ({ seo, hidden, keywords, title = "", titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates = [], twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags } = {})=>{
+    const id = "seo-";
+    const render = [];
+    const $names = {};
+    const $properties = {};
     if (titleTemplate) {
         defaults.tplTitle = titleTemplate;
     }
-    title = title || (seo === null || seo === void 0 ? void 0 : seo.title) || "";
+    title = title || seo?.title || "";
     if (title) {
         if (defaults.tplTitle && defaults.tplTitle !== title) {
             title = defaults.tplTitle.replace(/%s/g, title);
         }
-    }
-    else if (defaultTitle) {
+    } else if (defaultTitle) {
         title = defaultTitle;
     }
     if (title) {
-        render.push(_jsx("title", { children: title }, id + "title"));
+        render.push(/*#__PURE__*/ _jsx("title", {
+            children: title
+        }, id + "title"));
         $properties["og:title"] = title; // overridden later...
     }
-    $names["robots"] = "".concat(noindex || hidden ? "noindex" : "index", ",").concat(nofollow || hidden ? "nofollow" : "follow");
-    description = description || (seo === null || seo === void 0 ? void 0 : seo.description);
+    $names["robots"] = `${noindex || hidden ? "noindex" : "index"},${nofollow || hidden ? "nofollow" : "follow"}`;
+    description = description || seo?.description;
     if (description) {
         $names["description"] = description;
         $properties["og:description"] = description; // overridden later...
     }
-    keywords = keywords || (seo === null || seo === void 0 ? void 0 : seo.keywords);
+    keywords = keywords || seo?.keywords;
     if (keywords) {
         $names["keywords"] = isArray(keywords) ? keywords.join(", ") : keywords;
     }
-    if ((languageAlternates === null || languageAlternates === void 0 ? void 0 : languageAlternates.length) > 0) {
-        languageAlternates.forEach(function (_a) {
-            var href = _a.href, hrefLang = _a.hrefLang;
-            render.push(_jsx("link", { rel: "alternate", hrefLang: hrefLang, href: href }, id + "languageAlternate-" + hrefLang));
+    if (languageAlternates?.length > 0) {
+        languageAlternates.forEach(({ href, hrefLang })=>{
+            render.push(/*#__PURE__*/ _jsx("link", {
+                rel: "alternate",
+                hrefLang: hrefLang,
+                href: href
+            }, id + "languageAlternate-" + hrefLang));
         });
     }
     if (canonical) {
-        render.push(_jsx("link", { rel: "canonical", href: canonical }, id + "canonical"));
+        render.push(/*#__PURE__*/ _jsx("link", {
+            rel: "canonical",
+            href: canonical
+        }, id + "canonical"));
         $properties["og:url"] = canonical;
     }
-    if (facebook === null || facebook === void 0 ? void 0 : facebook.appId)
-        $properties["fb:app_id"] = facebook.appId;
+    if (facebook?.appId) $properties["fb:app_id"] = facebook.appId;
     if (twitter) {
-        if (twitter.cardType)
-            $names["twitter:card"] = twitter.cardType;
-        if (twitter.site)
-            $names["twitter:site"] = twitter.site;
-        if (twitter.handle)
-            $names["twitter:creator"] = twitter.handle;
+        if (twitter.cardType) $names["twitter:card"] = twitter.cardType;
+        if (twitter.site) $names["twitter:site"] = twitter.site;
+        if (twitter.handle) $names["twitter:creator"] = twitter.handle;
     }
-    var og = ogAlias || openGraph;
-    if (og === null || og === void 0 ? void 0 : og.title)
-        $properties["og:title"] = og === null || og === void 0 ? void 0 : og.title;
-    if (og === null || og === void 0 ? void 0 : og.description)
-        $properties["og:description"] = og === null || og === void 0 ? void 0 : og.description;
-    if (og === null || og === void 0 ? void 0 : og.url)
-        $properties["og:url"] = og.url;
-    if (og === null || og === void 0 ? void 0 : og.type)
-        $properties["og:type"] = og.type.toLowerCase();
-    if (og === null || og === void 0 ? void 0 : og.locale)
-        $properties["og:locale"] = og.locale;
-    if (og === null || og === void 0 ? void 0 : og.siteName)
-        $properties["og:siteName"] = og.siteName;
-    var ogimage = (og === null || og === void 0 ? void 0 : og.image) || (seo === null || seo === void 0 ? void 0 : seo.ogimage);
-    if (ogimage)
-        $properties["og:image"] = ogimage;
-    Object.keys($names).forEach(function (key) {
-        render.push(_jsx("meta", { name: key, content: $names[key] }, id + "name-" + key));
+    const og = ogAlias || openGraph;
+    if (og?.title) $properties["og:title"] = og?.title;
+    if (og?.description) $properties["og:description"] = og?.description;
+    if (og?.url) $properties["og:url"] = og.url;
+    if (og?.type) $properties["og:type"] = og.type.toLowerCase();
+    if (og?.locale) $properties["og:locale"] = og.locale;
+    if (og?.siteName) $properties["og:siteName"] = og.siteName;
+    const ogimage = og?.image || seo?.ogimage;
+    if (ogimage) $properties["og:image"] = ogimage;
+    Object.keys($names).forEach((key)=>{
+        render.push(/*#__PURE__*/ _jsx("meta", {
+            name: key,
+            content: $names[key]
+        }, id + "name-" + key));
     });
-    Object.keys($properties).forEach(function (key) {
-        render.push(_jsx("meta", { property: key, content: $properties[key] }, id + "prop-" + +key));
+    Object.keys($properties).forEach((key)=>{
+        render.push(/*#__PURE__*/ _jsx("meta", {
+            property: key,
+            content: $properties[key]
+        }, id + "prop-" + +key));
     });
     if (metaTags && metaTags.length > 0) {
-        metaTags.forEach(function (tag) {
-            render.push(_jsx("meta", __assign({}, tag), id + "meta-" + (tag.name || tag.property || tag.httpEquiv)));
+        metaTags.forEach((tag)=>{
+            render.push(/*#__PURE__*/ _jsx("meta", {
+                ...tag
+            }, id + "meta-" + (tag.name || tag.property || tag.httpEquiv)));
         });
     }
-    if (linkTags === null || linkTags === void 0 ? void 0 : linkTags.length) {
-        linkTags.forEach(function (tag) {
-            render.push(_jsx("link", __assign({}, tag), id + "link-" + (tag.href || tag.rel)));
+    if (linkTags?.length) {
+        linkTags.forEach((tag)=>{
+            render.push(/*#__PURE__*/ _jsx("link", {
+                ...tag
+            }, id + "link-" + (tag.href || tag.rel)));
         });
     }
     // TODO: alternates and canonical

package/12/to.js

@@ -1,29 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.to = void 0;
-/**
- * `To` named route utility. It accept either a single argument if that is a static
- * route name or a second argument that interpolates the dynamic portions of
- * the route name. The types of these portions are automatically inferred.
- *
- * @borrows [awesome-template-literal-types](https://github.com/ghoullier/awesome-template-literal-types)
- */
-function to() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    to: function() {
+        return to;
+    },
+    default: function() {
+        return _default;
     }
-    var relative = "";
-    var t = args[0];
+});
+function to(...args) {
+    let relative = "";
+    const [t] = args;
     if (args.length === 3) {
         if (args[2]) {
             relative = t(args[1], args[2]).replace("*", "");
         }
-    }
-    else if (args.length === 2) {
+    } else if (args.length === 2) {
         relative = t(args[1]);
     }
     return relative;
 }
-exports.to = to;
-exports.default = to;
+const _default = to;

package/12/to.mjs

@@ -4,20 +4,14 @@
  * the route name. The types of these portions are automatically inferred.
  *
  * @borrows [awesome-template-literal-types](https://github.com/ghoullier/awesome-template-literal-types)
- */
-export function to() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    var relative = "";
-    var t = args[0];
+ */ export function to(...args) {
+    let relative = "";
+    const [t] = args;
     if (args.length === 3) {
         if (args[2]) {
             relative = t(args[1], args[2]).replace("*", "");
         }
-    }
-    else if (args.length === 2) {
+    } else if (args.length === 2) {
         relative = t(args[1]);
     }
     return relative;

package/12/translationAsOptions.js

@@ -1,13 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.translationAsOptions = void 0;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "translationAsOptions", {
+    enumerable: true,
+    get: function() {
+        return translationAsOptions;
+    }
+});
 function translationAsOptions(t, i18nKey) {
-    var dictionary = t(i18nKey, undefined, {
-        returnObjects: true,
+    const dictionary = t(i18nKey, undefined, {
+        returnObjects: true
     });
-    return Object.keys(dictionary).map(function (key) { return ({
-        value: key,
-        label: dictionary[key],
-    }); });
+    return Object.keys(dictionary).map((key)=>({
+            value: key,
+            label: dictionary[key]
+        }));
 }
-exports.translationAsOptions = translationAsOptions;

package/12/translationAsOptions.mjs

@@ -1,9 +1,9 @@
 export function translationAsOptions(t, i18nKey) {
-    var dictionary = t(i18nKey, undefined, {
-        returnObjects: true,
+    const dictionary = t(i18nKey, undefined, {
+        returnObjects: true
     });
-    return Object.keys(dictionary).map(function (key) { return ({
-        value: key,
-        label: dictionary[key],
-    }); });
+    return Object.keys(dictionary).map((key)=>({
+            value: key,
+            label: dictionary[key]
+        }));
 }

package/12/types-i18n.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * @file
  *
@@ -10,5 +9,7 @@
  *
  * @notes
  * I might take a better look at how things were done in [i18next](https://github.com/i18next/i18next/blob/master/index.d.ts)
- */
-Object.defineProperty(exports, "__esModule", { value: true });
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/12/types-i18n.mjs

@@ -9,5 +9,4 @@
  *
  * @notes
  * I might take a better look at how things were done in [i18next](https://github.com/i18next/i18next/blob/master/index.d.ts)
- */
-export {};
+ */ export { };

package/12/types-seo.js

@@ -1,2 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/12/types-seo.mjs

@@ -1 +1 @@
-export {};
+export { };

package/12/useBackUrl.js

@@ -1,24 +1,39 @@
-"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)({
-    lastUrl: "",
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useBackUrl: function() {
+        return useBackUrl;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _router = require("next/router");
+const _react = require("react");
+const _createStorage = /*#__PURE__*/ _interop_require_default._(require("@koine/browser/createStorage"));
+const back = (0, _createStorage.default)({
+    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];
+    const { asPath } = (0, _router.useRouter)();
+    const calledOnce = (0, _react.useRef)(false);
+    const [backUrl, setBackUrl] = (0, _react.useState)();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(function () {
+    (0, _react.useEffect)(()=>{
         if (calledOnce.current) {
             return;
         }
-        var prevLastUrl = back.get("lastUrl");
+        const 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
@@ -29,5 +44,4 @@ function useBackUrl() {
     });
     return backUrl;
 }
-exports.useBackUrl = useBackUrl;
-exports.default = useBackUrl;
+const _default = useBackUrl;

package/12/useBackUrl.mjs

@@ -1,20 +1,20 @@
 "use client";
-import { useEffect, useRef, useState } from "react";
 import { useRouter } from "next/router";
+import { useEffect, useRef, useState } from "react";
 import createStorage from "@koine/browser/createStorage";
-var back = createStorage({
-    lastUrl: "",
+const back = createStorage({
+    lastUrl: ""
 });
 export function useBackUrl() {
-    var asPath = useRouter().asPath;
-    var calledOnce = useRef(false);
-    var _a = useState(), backUrl = _a[0], setBackUrl = _a[1];
+    const { asPath } = useRouter();
+    const calledOnce = useRef(false);
+    const [backUrl, setBackUrl] = useState();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(function () {
+    useEffect(()=>{
         if (calledOnce.current) {
             return;
         }
-        var prevLastUrl = back.get("lastUrl");
+        const 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

package/12/useDateFormat.js

@@ -1,43 +1,42 @@
-"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 () {
-        return function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return format_1.default.apply(void 0, args);
-        };
-    }), 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 () {
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useDateFormat: function() {
+        return useDateFormat;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _format = /*#__PURE__*/ _interop_require_default._(require("date-fns/format"));
+const _router = require("next/router");
+const _react = require("react");
+const _useDateLocale = /*#__PURE__*/ _interop_require_default._(require("@koine/react/hooks/useDateLocale"));
+const useDateFormat = ()=>{
+    const [formatter, setFormatter] = (0, _react.useState)(()=>(...args)=>(0, _format.default)(...args));
+    const router = (0, _router.useRouter)();
+    const locale = (0, _useDateLocale.default)(router.locale);
+    (0, _react.useEffect)(()=>{
         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 })); };
-            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);
-                };
-            });
+            const newFormatter = (date, _format1, options)=>(0, _format.default)(date, _format1, {
+                    ...options || {},
+                    locale
+                });
+            setFormatter(()=>(...args)=>newFormatter(...args));
         }
-    }, [locale]);
+    }, [
+        locale
+    ]);
     return formatter;
 };
-exports.useDateFormat = useDateFormat;
-exports.default = exports.useDateFormat;
+const _default = useDateFormat;

package/12/useDateFormat.mjs

@@ -1,39 +1,26 @@
 "use client";
-import { __assign } from "tslib";
-import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
 import format from "date-fns/format";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
 import useDateLocale from "@koine/react/hooks/useDateLocale";
 /**
  * Automatically returns the `date-fns/format` function with the right locale
  * passed as option (grabbed from next router value).
- */
-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 () {
+ */ export const useDateFormat = ()=>{
+    const [formatter, setFormatter] = useState(()=>(...args)=>format(...args));
+    const router = useRouter();
+    const locale = useDateLocale(router.locale);
+    useEffect(()=>{
         if (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);
-                };
-            });
+            const newFormatter = (date, _format, options)=>format(date, _format, {
+                    ...options || {},
+                    locale
+                });
+            setFormatter(()=>(...args)=>newFormatter(...args));
         }
-    }, [locale]);
+    }, [
+        locale
+    ]);
     return formatter;
 };
 export default useDateFormat;

package/12/useForm.d.ts

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

package/12/useForm.js

@@ -1,19 +1,35 @@
-"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) {
-    if (formProps === void 0) { formProps = {}; }
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useForm: function() {
+        return useForm;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _yup = require("@hookform/resolvers/yup");
+const _react = require("react");
+const _reacthookform = require("react-hook-form");
+function useForm(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+schema, t, formProps = {}, debug) {
     // const form = _useForm<InferType<ObjectSchema<T, object>>>({
-    var form = (0, react_hook_form_1.useForm)(tslib_1.__assign({ 
+    const form = (0, _reacthookform.useForm)({
         // @ts-expect-error FIXME:
-        resolver: (0, yup_1.yupResolver)(schema) }, formProps));
+        resolver: (0, _yup.yupResolver)(schema),
+        // make the form behave more closer as native:
+        // shouldUnregister: true,
+        ...formProps
+    });
     // const { control, register, setValue } = form;
     // const field = { control, register, setValue, t };
     // if (process.env["NODE_ENV"] !== "production") {
@@ -29,11 +45,21 @@ schema, t, formProps, debug) {
     // if (formProps.mode === "onChange") {
     //   return { field, ...form };
     // }
-    return (0, react_1.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);
-    }, [t, form]);
+    return (0, _react.useMemo)(()=>{
+        const { control, register, setValue } = form;
+        const field = {
+            control,
+            register,
+            setValue,
+            t
+        };
+        return {
+            field,
+            ...form
+        };
+    }, [
+        t,
+        form
+    ]);
 }
-exports.useForm = useForm;
-exports.default = useForm;
+const _default = useForm;