@koine/next 2.0.0-beta.10 → 2.0.0-beta.11

package/12/useForm.js

@@ -1,65 +0,0 @@
-"use client";
-"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>>>({
-    const form = (0, _reacthookform.useForm)({
-        // @ts-expect-error FIXME:
-        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") {
-    //   if (debug) {
-    //     console.info(
-    //       `Form ${i18nNamespace} data`,
-    //       form.watch(),
-    //       `errors: `,
-    //       form.formState.errors
-    //     );
-    //   }
-    // }
-    // if (formProps.mode === "onChange") {
-    //   return { field, ...form };
-    // }
-    return (0, _react.useMemo)(()=>{
-        const { control, register, setValue } = form;
-        const field = {
-            control,
-            register,
-            setValue,
-            t
-        };
-        return {
-            field,
-            ...form
-        };
-    }, [
-        t,
-        form
-    ]);
-}
-const _default = useForm;

package/12/useLocale.js

@@ -1,25 +0,0 @@
-"use client";
-"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, {
-    useLocale: function() {
-        return useLocale;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _useTranslation = /*#__PURE__*/ _interop_require_default._(require("next-translate/useTranslation"));
-function useLocale() {
-    return (0, _useTranslation.default)().lang;
-}
-const _default = useLocale;

package/12/useT.js

@@ -1,58 +0,0 @@
-"use client";
-"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, {
-    useT: function() {
-        return useT;
-    },
-    default: function() {
-        return _default // 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]
-         //   // )
-         // }
-        ;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _context = /*#__PURE__*/ _interop_require_default._(require("next-translate/context"));
-const _react = require("react");
-function useT(namespace) {
-    const { t } = (0, _react.useContext)(_context.default);
-    // const t = useTranslation().t;
-    const tMemoized = (0, _react.useMemo)(()=>function(s, q, o) {
-            return t(namespace ? `${namespace}:${s}` : `${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;
-}
-const _default = useT;

package/12/useTheme.js

@@ -1,23 +0,0 @@
-"use client";
-"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, {
-    useTheme: function() {
-        return useTheme;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _react = require("react");
-const _ThemeContext = require("./ThemeContext");
-const useTheme = ()=>(0, _react.useContext)(_ThemeContext.ThemeContext);
-const _default = useTheme;

package/12/useTo.js

@@ -1,26 +0,0 @@
-"use client";
-"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, {
-    useTo: function() {
-        return useTo;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _to = require("./to");
-const _useT = require("./useT");
-function useTo() {
-    const t = (0, _useT.useT)("~");
-    return (...args)=>(0, _to.to)(t, ...args);
-}
-const _default = useTo;

package/config/index.js

@@ -1,317 +0,0 @@
-"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, {
-    normaliseUrlPathname: function() {
-        return normaliseUrlPathname;
-    },
-    toPath: function() {
-        return toPath;
-    },
-    encodePathname: function() {
-        return encodePathname;
-    },
-    getPathRewrite: function() {
-        return getPathRewrite;
-    },
-    getPathRedirect: function() {
-        return getPathRedirect;
-    },
-    getRedirects: function() {
-        return getRedirects;
-    },
-    getRewrites: function() {
-        return getRewrites;
-    },
-    withKoine: function() {
-        return withKoine;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function normaliseUrlPathname(pathname = "") {
-    // with return pathname.replace(/\/+\//g, "/").replace(/^\/+(.*?)\/+$/, "$1");
-    // we would instead return a single slash if only slashes are given
-    return pathname.replace(/\/+\//g, "/").replace(/^\/*(.*?)\/*$/, "$1");
-}
-function toPath(urlOrPathname = "") {
-    let pathname = "";
-    try {
-        const parsed = new URL(urlOrPathname);
-        pathname = parsed.pathname;
-    } catch (e) {
-        pathname = urlOrPathname;
-    }
-    // with return pathname.replace(/\/+\//g, "/").replace(/^\/+(.*?)\/+$/, "$1");
-    // we would instead return a single slash if only slashes are given
-    return pathname.replace(/\/+\//g, "/").replace(/^\/*(.*?)\/*$/, "$1");
-}
-function encodePathname(pathname = "") {
-    const parts = normaliseUrlPathname(pathname).split("/");
-    return parts.filter((part)=>!!part).map((part)=>encodeURIComponent(part)).join("/");
-}
-/**
- * Transform the route translated defintion into a `pathname` and a `template`.
- *
- * Here we add the wildcard flag maybe found in the pathname to the template
- * name too, this is because we do not want to have the wildcard in the JSON
- * keys as those are also used to produce links throught the `useTo` hook and
- * having asterisks there is a bit cumbersome.
- *
- * @see https://nextjs.org/docs/messages/invalid-multi-match
- */ function transformRoute(route) {
-    const { pathname: rawPathname, template: rawTemplate } = route;
-    const pathnameParts = rawPathname.split("/").filter((part)=>!!part);
-    const templateParts = rawTemplate.split("/").filter((part)=>!!part);
-    const mapPartsByIdx = {};
-    const pathname = pathnameParts.map((part)=>{
-        const hasWildcard = part.endsWith("*");
-        part = part.replace("*", "");
-        const isDynamic = part.startsWith("{{") && part.endsWith("}}");
-        const asValue = isDynamic ? part.match(/{{(.+)}}/)?.[1].trim() ?? "" : part.trim();
-        const asPath = encodeURIComponent(asValue) + (hasWildcard ? "*" : "");
-        mapPartsByIdx[asValue] = {
-            isDynamic,
-            hasWildcard
-        };
-        return isDynamic ? `:${asPath}` : asPath;
-    }).join("/");
-    const template = templateParts.map((part)=>{
-        const isDynamic = part.startsWith("[") && part.endsWith("]");
-        const asValue = isDynamic ? part.match(/\[(.+)\]/)?.[1].trim() ?? "" : part.trim();
-        const hasWildcard = mapPartsByIdx[asValue]?.hasWildcard;
-        const asPath = encodeURIComponent(asValue) + (hasWildcard ? "*" : "");
-        return isDynamic ? `:${asPath}` : asPath;
-    }).join("/");
-    return {
-        pathname,
-        template
-    };
-}
-/**
- * Get routes map dictionary
- */ function getRoutesMap(map = {}, routes, pathnameBuffer = "", templateBuffer = "") {
-    for(const key in routes){
-        const pathOrNestedRoutes = routes[key];
-        const template = `${templateBuffer}/${key}`;
-        if (typeof pathOrNestedRoutes === "string") {
-            map[template] = {
-                template,
-                pathname: pathOrNestedRoutes,
-                wildcard: pathOrNestedRoutes.includes("*")
-            };
-        } else {
-            getRoutesMap(map, pathOrNestedRoutes, pathnameBuffer, template);
-        }
-    }
-    return map;
-}
-/**
- * Removes `/index` from a template/url path
- */ function getWithoutIndex(template) {
-    return template.replace(/\/index$/, "");
-}
-function getPathRewrite(route) {
-    const { pathname, template } = transformRoute(route);
-    const source = `/${normaliseUrlPathname(pathname)}`;
-    const destination = `/${normaliseUrlPathname(template)}`;
-    // console.log(`rewrite pathname "${source}" to template "${destination}"`);
-    return {
-        source,
-        destination: getWithoutIndex(destination)
-    };
-}
-function getPathRedirect(locale = "", route, permanent) {
-    const { template, pathname } = transformRoute(route);
-    const source = `/${normaliseUrlPathname((locale ? `/${locale}/` : "/") + template)}`;
-    const destination = `/${normaliseUrlPathname(pathname)}`;
-    // console.log(`redirect template "${source}" to pathname "${destination}"`);
-    return {
-        source: getWithoutIndex(source),
-        destination,
-        permanent: Boolean(permanent),
-        locale: false
-    };
-}
-async function getRedirects(defaultLocale, routes, permanent, debug) {
-    const redirects = [];
-    const routesMap = getRoutesMap({}, routes);
-    Object.keys(routesMap).forEach((template)=>{
-        const route = routesMap[template];
-        // TODO: add option hideDefaultLocaleInUrl?
-        // this is meant to redirect the URL with the default locale to the same
-        // url without locale prefix, e.g.: /en/about -> /about (assuming en is the
-        // defualt locale).
-        // Actually this redirect seem not to be necessary, probably the i18n routing
-        // mechanism of next 12 already does this, enabling causes infinite redirects
-        // if (hideDefaultLocaleInUrl) {
-        // redirects.push(getPathRedirect(defaultLocale, route, permanent));
-        // }
-        if (route.pathname !== getWithoutIndex(template)) {
-            redirects.push(getPathRedirect("", route, permanent));
-        }
-    });
-    if (debug) console.info("[@koine/next/config:getRedirects]", redirects);
-    return redirects;
-}
-async function getRewrites(routes, debug) {
-    const rewrites = [];
-    const routesMap = getRoutesMap({}, routes);
-    Object.keys(routesMap).forEach((template)=>{
-        const route = routesMap[template];
-        if (route.pathname !== getWithoutIndex(template)) {
-            rewrites.push(getPathRewrite(route));
-        }
-    });
-    if (debug) console.info("[@koine/next/config:getRewrites]", rewrites);
-    return rewrites;
-}
-function withKoine({ nx = true, svg = true, sc = true, page, routes, permanent, debug, ...custom } = {
-    i18n: {
-        locales: [
-            "en"
-        ],
-        defaultLocale: "en"
-    }
-}) {
-    const nextConfig = {
-        // @see https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory
-        pageExtensions: page ? [
-            "page.tsx",
-            "page.ts"
-        ] : undefined,
-        eslint: {
-            ignoreDuringBuilds: true
-        },
-        typescript: {
-            ignoreBuildErrors: true
-        },
-        poweredByHeader: false,
-        swcMinify: true,
-        modularizeImports: {
-            "@koine/api": {
-                transform: "@koine/api/{{member}}"
-            },
-            "@koine/browser": {
-                transform: "@koine/browser/{{member}}"
-            },
-            "@koine/dom": {
-                transform: "@koine/dom/{{member}}"
-            },
-            "@koine/next/?(((\\w*)?/?)*)": {
-                transform: "@koine/next/{{ matches.[1] }}/{{member}}"
-            },
-            "@koine/react/?(((\\w*)?/?)*)": {
-                transform: "@koine/react/{{ matches.[1] }}/{{member}}"
-            },
-            "@koine/utils": {
-                transform: "@koine/utils/{{member}}"
-            },
-            ...custom["modularizeImports"] || {}
-        },
-        experimental: {
-            // @see https://github.com/vercel/vercel/discussions/5973#discussioncomment-472618
-            // @see critters error https://github.com/vercel/next.js/issues/20742
-            // optimizeCss: true,
-            // @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
-            scrollRestoration: true,
-            // concurrentFeatures: true,
-            // serverComponents: true,
-            // reactRoot: true,
-            ...custom["experimental"] || {}
-        },
-        // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
-        // reactStrictMode: true,
-        ...custom
-    };
-    if (svg) {
-        if (nx) {
-            // @see https://github.com/gregberge/svgr
-            nextConfig["nx"] = {
-                svgr: true
-            };
-        } else {
-            nextConfig.webpack = (_config, options)=>{
-                const webpackConfig = typeof nextConfig.webpack === "function" ? nextConfig.webpack(_config, options) : _config;
-                // @see https://dev.to/dolearning/importing-svgs-to-next-js-nna#svgr
-                webpackConfig.module.rules.push({
-                    test: /\.svg$/,
-                    use: [
-                        {
-                            loader: "@svgr/webpack",
-                            options: {
-                                svgoConfig: {
-                                    plugins: [
-                                        {
-                                            name: "removeViewBox",
-                                            active: false
-                                        }
-                                    ]
-                                }
-                            }
-                        }
-                    ]
-                });
-                return webpackConfig;
-            };
-        }
-    }
-    if (sc) {
-        nextConfig.compiler = {
-            styledComponents: true
-        };
-    }
-    if (routes) {
-        // we pass the default values, so we can assert I guess
-        const defaultLocale = nextConfig?.i18n?.defaultLocale;
-        return {
-            ...nextConfig,
-            async redirects () {
-                const defaults = await getRedirects(defaultLocale, routes, permanent, debug);
-                if (nextConfig.redirects) {
-                    const customs = await nextConfig.redirects();
-                    return [
-                        ...defaults,
-                        ...customs
-                    ];
-                }
-                return defaults;
-            },
-            async rewrites () {
-                const defaults = await getRewrites(routes, debug);
-                if (nextConfig.rewrites) {
-                    const customs = await nextConfig.rewrites();
-                    if (Array.isArray(customs)) {
-                        return {
-                            beforeFiles: defaults,
-                            afterFiles: customs,
-                            fallback: []
-                        };
-                    }
-                    return {
-                        ...customs,
-                        beforeFiles: [
-                            ...defaults,
-                            ...customs.beforeFiles || []
-                        ]
-                    };
-                }
-                return {
-                    afterFiles: [],
-                    beforeFiles: defaults,
-                    fallback: []
-                };
-            }
-        };
-    }
-    return nextConfig;
-}
-const _default = withKoine;

package/getSiteUrl.js

@@ -1,24 +0,0 @@
-"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, {
-    getSiteUrl: function() {
-        return getSiteUrl;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _normaliseUrl = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/normaliseUrl"));
-function getSiteUrl(path = "") {
-    return (0, _normaliseUrl.default)(`${process.env["NEXT_PUBLIC_APP_URL"]}/${path}`);
-}
-const _default = getSiteUrl;

package/index.js

@@ -1,20 +0,0 @@
-"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, {
-    getSiteUrl: function() {
-        return _getSiteUrl.getSiteUrl;
-    },
-    load: function() {
-        return _load.load;
-    }
-});
-const _getSiteUrl = require("./getSiteUrl");
-const _load = require("./load");

package/load.js

@@ -1,31 +0,0 @@
-/**
- * Utility to load a component with an optional pre-determined delay.
- *
- * This was designed to improve anti spam with async form loading.
- *
- * @see https://github.com/vercel/next.js/blob/main/packages/next/next-server/lib/dynamic.tsx
- * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
- */ "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, {
-    load: function() {
-        return load;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function load(component, milliseconds) {
-    return new Promise((resolve)=>{
-        setTimeout(()=>resolve(component), milliseconds);
-    });
-}
-const _default = load;