@koine/next 2.0.0-beta.7 → 2.0.0-beta.71

package/config/index.mjs

@@ -1,315 +0,0 @@
-/**
- * Normalise pathname
- *
- * From a path like `/some//malformed/path///` it returns `some/malformed/path`
- *
- * - Removes subsequent slashes
- * - Removing initial and ending slashes
- * - Returns an empty string `"""` if only slashes are given
- */ export 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");
-}
-/**
- * Transform to path any absolute or relative URL
- *
- * Useful when setting up `rewrites` and `redirects` especally in a [multi-zones
- * setup](https://nextjs.org/docs/advanced-features/multi-zones).
- *
- * From a path like `http://localhost/some//malformed/path///` it returns `/some/malformed/path`
- *
- * @see {@link normaliseUrlPathname}
- */ export 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");
-}
-/**
- * Clean a pathname and encode each part
- *
- * @see {@link normaliseUrlPathname}
- */ export 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$/, "");
-}
-/**
- * Get path rewrite
- */ export 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)
-    };
-}
-/**
- * Get path redirect
- */ export 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
-    };
-}
-/**
- */ export 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;
-}
-/**
- */ export 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;
-}
-/**
- * Get Next.js config with some basic opinionated defaults
- *
- * @param {object} options
- * @property {boolean} [options.nx=false] Nx monorepo setup
- * @property {boolean} [options.svg=false] Svg to react components
- * @property {boolean} [options.sc=false] Styled components enabled
- * @property {boolean} [options.page=false] When `true` uses `*.page.ts` or `*.page.tsx`
- *                                          extension for next.js config option [`pageExtensions`](https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory)
- *                                          and it enables the same for `next-translate`.
- */ export 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;
-}
-export default withKoine;

package/getSiteUrl.d.ts

@@ -1,8 +0,0 @@
-/**
- * Get site absolute url with the given path
- *
- * - It uses the `NEXT_PUBLIC_APP_URL` env variable
- * - It removes the trailing slashes
- */
-export declare function getSiteUrl(path?: string): string;
-export default getSiteUrl;

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/getSiteUrl.mjs

@@ -1,10 +0,0 @@
-import normaliseUrl from "@koine/utils/normaliseUrl";
-/**
- * Get site absolute url with the given path
- *
- * - It uses the `NEXT_PUBLIC_APP_URL` env variable
- * - It removes the trailing slashes
- */ export function getSiteUrl(path = "") {
-    return normaliseUrl(`${process.env["NEXT_PUBLIC_APP_URL"]}/${path}`);
-}
-export 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/index.mjs

@@ -1,2 +0,0 @@
-export { getSiteUrl } from "./getSiteUrl";
-export { load } from "./load";

package/load.d.ts

@@ -1,10 +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
- */
-export declare function load<T>(component: T, milliseconds: number): Promise<T>;
-export default 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;

package/load.mjs

@@ -1,13 +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
- */ export function load(component, milliseconds) {
-    return new Promise((resolve)=>{
-        setTimeout(()=>resolve(component), milliseconds);
-    });
-}
-export default load;