@koine/next 1.0.44 → 1.0.47

package/index.js

@@ -1,12 +1,28 @@
-export * from "./Analytics";
-export * from "./Auth";
+export * from "./AnalyticsGoogle";
+// export * from "./createEmotionCache";
+export * from "./DynamicNamespaces";
 export * from "./Favicon";
-export * from "./Forms";
+export * from "./getSiteUrl";
+export * from "./getT";
 export * from "./Head";
-export * from "./i18n";
-export * from "./Img";
 export * from "./Link";
+export * from "./load";
+export * from "./NextImg";
+export * from "./NextImgSmart";
 export * from "./NextProgress";
+export * from "./revalidate";
 export * from "./Seo";
-export * from "./Theme";
-export * from "./utils";
+// export * from "./seoBuildTags";
+export * from "./SeoDefaults";
+export * from "./T";
+export * from "./to";
+export * from "./translationAsOptions";
+export * from "./types-i18n";
+export * from "./types-seo";
+export * from "./useBackUrl";
+export * from "./useDateFormat";
+export * from "./useForm";
+export * from "./useLocale";
+export * from "./useT";
+export * from "./useTheme";
+export * from "./useTo";

package/{utils/index.d.ts → load.d.ts}

@@ -1,12 +1,3 @@
-export declare const ONE_HOUR = 3600;
-export declare const ONE_DAY = 84000;
-/**
- * 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;
 /**
  * Utility to load a component with an optional pre-determined delay.
  *
@@ -16,3 +7,4 @@ export declare function getSiteUrl(path?: string): string;
  * @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/{utils/index.js → load.js}

@@ -1,16 +1,3 @@
-import { normaliseUrl } from "@koine/utils";
-export var ONE_HOUR = 3600;
-export var ONE_DAY = 84000;
-/**
- * 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) {
-    if (path === void 0) { path = ""; }
-    return normaliseUrl("".concat(process.env["NEXT_PUBLIC_APP_URL"], "/").concat(path));
-}
 /**
  * Utility to load a component with an optional pre-determined delay.
  *
@@ -24,3 +11,4 @@ export function load(component, milliseconds) {
         setTimeout(function () { return resolve(component); }, milliseconds);
     });
 }
+export default load;

package/node/{Analytics/AnalyticsGoogle.js → AnalyticsGoogle.js}

@@ -35,3 +35,4 @@ var AnalyticsGoogle = function (_a) {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(script_1.default, { id: "google-tagmanager", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), (0, jsx_runtime_1.jsx)(script_1.default, tslib_1.__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        ") }))] }));
 };
 exports.AnalyticsGoogle = AnalyticsGoogle;
+exports.default = exports.AnalyticsGoogle;

package/node/DynamicNamespaces.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicNamespaces = void 0;
+var tslib_1 = require("tslib");
+var DynamicNamespaces_1 = tslib_1.__importDefault(require("next-translate/DynamicNamespaces"));
+/**
+ * **NOTE**: To make typescript work nicely here make sure to enable
+ * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
+ * in your `tsconfig.json` file.
+ */
+exports.DynamicNamespaces = DynamicNamespaces_1.default;
+exports.default = exports.DynamicNamespaces;

package/node/{Favicon/Favicon.js → Favicon.js}

@@ -7,3 +7,4 @@ var head_1 = tslib_1.__importDefault(require("next/head"));
 var react_1 = require("@koine/react");
 var Favicon = function (props) { return ((0, jsx_runtime_1.jsx)(head_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.FaviconTags, tslib_1.__assign({}, props)) })); };
 exports.Favicon = Favicon;
+exports.default = exports.Favicon;

package/node/Head.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Head = void 0;
+var tslib_1 = require("tslib");
+var head_1 = tslib_1.__importDefault(require("next/head"));
+exports.Head = head_1.default;
+exports.default = exports.Head;

package/node/{Link/Link.js → Link.js}

@@ -12,3 +12,4 @@ exports.Link = (0, react_1.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 = tslib_1.__rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
     return ((0, jsx_runtime_1.jsx)(link_1.default, tslib_1.__assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: (0, jsx_runtime_1.jsx)(Link, tslib_1.__assign({ ref: ref }, props)) })));
 });
+exports.default = exports.Link;

package/node/{Img/Img.js → NextImg.js}

@@ -1,19 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextImgProps = exports.NextImgSmart = exports.NextImg = void 0;
+exports.getNextImgProps = exports.NextImg = void 0;
 var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var image_1 = tslib_1.__importDefault(require("next/image"));
 exports.NextImg = image_1.default;
-var NextImgSmart = function (props) {
-    var _a = (0, react_1.useState)(false), $loaded = _a[0], setLoaded = _a[1];
-    var _b = (0, react_1.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 ? ((0, jsx_runtime_1.jsx)(image_1.default, tslib_1.__assign({}, nextImgProps))) : ((0, jsx_runtime_1.jsx)(Wrap, tslib_1.__assign({}, restProps, { "$loaded": $loaded, "$error": $error }, { children: (0, jsx_runtime_1.jsx)(image_1.default, tslib_1.__assign({}, nextImgProps, { onLoadingComplete: function () { return setLoaded(true); }, onError: function () { return setError(true); } })) })));
-};
-exports.NextImgSmart = NextImgSmart;
 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 = tslib_1.__rest(_a, ["src", "alt", "layout", "blurDataURL", "width", "height", "priority", "objectFit", "objectPosition"]);
     var nextImgProps = {
@@ -33,3 +23,4 @@ function getNextImgProps(_a) {
     };
 }
 exports.getNextImgProps = getNextImgProps;
+exports.default = exports.NextImg;

package/node/NextImgSmart.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextImgSmart = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var image_1 = tslib_1.__importDefault(require("next/image"));
+var NextImg_1 = require("./NextImg");
+var NextImgSmart = function (props) {
+    var _a = (0, react_1.useState)(false), $loaded = _a[0], setLoaded = _a[1];
+    var _b = (0, react_1.useState)(false), $error = _b[0], setError = _b[1];
+    var _c = (0, NextImg_1.getNextImgProps)(props), nextImgProps = _c.nextImgProps, restProps = _c.restProps;
+    var Wrap = restProps.Wrap;
+    return nextImgProps.priority ? ((0, jsx_runtime_1.jsx)(image_1.default, tslib_1.__assign({}, nextImgProps))) : ((0, jsx_runtime_1.jsx)(Wrap, tslib_1.__assign({}, restProps, { "$loaded": $loaded, "$error": $error }, { children: (0, jsx_runtime_1.jsx)(image_1.default, tslib_1.__assign({}, nextImgProps, { onLoadingComplete: function () { return setLoaded(true); }, onError: function () { return setError(true); } })) })));
+};
+exports.NextImgSmart = NextImgSmart;
+exports.default = exports.NextImgSmart;

package/node/{NextProgress/NextProgress.js → NextProgress.js}

@@ -42,3 +42,4 @@ var NextProgress = function (_a) {
     return (0, jsx_runtime_1.jsx)(Overlay, { running: running });
 };
 exports.NextProgress = NextProgress;
+exports.default = exports.NextProgress;

package/node/{Seo/Seo.js → Seo.js}

@@ -5,8 +5,16 @@ var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var head_1 = tslib_1.__importDefault(require("next/head"));
-var helpers_1 = require("./helpers");
+var seoBuildTags_1 = require("./seoBuildTags");
 var _Seo = function (props) {
-    return (0, jsx_runtime_1.jsx)(head_1.default, { children: (0, helpers_1.buildTags)(props) });
+    return (0, jsx_runtime_1.jsx)(head_1.default, { children: (0, seoBuildTags_1.seoBuildTags)(props) });
 };
+/**
+ * Adapted from [garmeeh/next-seo](https://github.com/garmeeh/next-seo)
+ *
+ * See also:
+ * - https://github.com/catnose99/next-head-seo
+ * - https://nextjs.org/docs/api-reference/next/head
+ */
 exports.Seo = (0, react_1.memo)(_Seo);
+exports.default = exports.Seo;

package/node/{Seo/SeoDefaults.js → SeoDefaults.js}

@@ -7,10 +7,11 @@ var react_1 = require("react");
 var head_1 = tslib_1.__importDefault(require("next/head"));
 // import { useRouter } from "next/router";
 // import { getSiteUrl } from "../utils";
-var helpers_1 = require("./helpers");
+var seoBuildTags_1 = require("./seoBuildTags");
 var _SeoDefaults = function (props) {
     // const router = useRouter();
     // props.openGraph.url = getSiteUrl(router.asPath);
-    return (0, jsx_runtime_1.jsx)(head_1.default, { children: (0, helpers_1.buildTags)(props) });
+    return (0, jsx_runtime_1.jsx)(head_1.default, { children: (0, seoBuildTags_1.seoBuildTags)(props) });
 };
 exports.SeoDefaults = (0, react_1.memo)(_SeoDefaults);
+exports.default = exports.SeoDefaults;

package/node/app/css/AppMain.js

@@ -4,7 +4,7 @@ exports.AppMain = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = tslib_1.__importDefault(require("react"));
-var Seo_1 = require("../../Seo");
+var SeoDefaults_1 = require("../../SeoDefaults");
 /**
  * App main
  *
@@ -12,6 +12,6 @@ var Seo_1 = require("../../Seo");
  */
 var AppMain = function (_a) {
     var Component = _a.Component, pageProps = _a.pageProps, Layout = _a.Layout, seo = _a.seo, pre = _a.pre, post = _a.post;
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(Seo_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(Component, tslib_1.__assign({}, pageProps)) }), post] }));
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(SeoDefaults_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(Component, tslib_1.__assign({}, pageProps)) }), post] }));
 };
 exports.AppMain = AppMain;

package/node/app/css/AppTheme.js

@@ -4,7 +4,7 @@ exports.AppTheme = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 // import { ThemeVanillaProvider, ThemeVanillaValue } from "@koine/react";
-var Theme_1 = require("../../Theme");
+var useTheme_1 = require("../../useTheme");
 /**
  * App theme with vanilla class based theme (good for `tailwindcss`)
  */
@@ -13,6 +13,6 @@ var AppTheme = function (_a) {
     // return (
     //   <ThemeVanillaProvider initialTheme={theme}>{children}</ThemeVanillaProvider>
     // );
-    return ((0, jsx_runtime_1.jsx)(Theme_1.ThemeProvider, tslib_1.__assign({ defaultTheme: theme, attribute: "class" }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(useTheme_1.ThemeProvider, tslib_1.__assign({ defaultTheme: theme, attribute: "class" }, { children: children })));
 };
 exports.AppTheme = AppTheme;

package/node/app/em/AppMain.js

@@ -7,7 +7,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var router_1 = require("next/router");
 var framer_motion_1 = require("framer-motion");
 var m_1 = require("@koine/react/m");
-var Seo_1 = require("../../Seo");
+var SeoDefaults_1 = require("../../SeoDefaults");
 var NextProgress_1 = require("../../NextProgress");
 /**
  * App main
@@ -23,6 +23,6 @@ var AppMain = function (_a) {
         exit: { opacity: 0 },
     } : _b, pre = _a.pre, post = _a.post;
     var pathname = (0, router_1.useRouter)().pathname;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Seo_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SeoDefaults_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
 };
 exports.AppMain = AppMain;

package/node/app/em/AppTheme.js

@@ -8,9 +8,9 @@ var react_1 = require("@emotion/react");
 var CssBaseline_1 = tslib_1.__importDefault(require("@mui/material/CssBaseline"));
 var react_2 = require("@emotion/react");
 var sc_1 = require("@koine/react/sc");
-var emotion_cache_1 = require("../../utils/emotion-cache");
+var createEmotionCache_1 = require("../../createEmotionCache");
 // client-side cache, shared for the whole session of the user in the browser.
-var clientSideEmotionCache = (0, emotion_cache_1.createEmotionCache)();
+var clientSideEmotionCache = (0, createEmotionCache_1.createEmotionCache)();
 /**
  * App theme with `emotion` (good for `@mui`)s
  */

package/node/app/sc/AppMain.js

@@ -7,7 +7,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var router_1 = require("next/router");
 var framer_motion_1 = require("framer-motion");
 var m_1 = require("@koine/react/m");
-var Seo_1 = require("../../Seo");
+var SeoDefaults_1 = require("../../SeoDefaults");
 var NextProgress_1 = require("../../NextProgress");
 /**
  * App main
@@ -23,6 +23,6 @@ var AppMain = function (_a) {
         exit: { opacity: 0 },
     } : _b, pre = _a.pre, post = _a.post;
     var pathname = (0, router_1.useRouter)().pathname;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Seo_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SeoDefaults_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
 };
 exports.AppMain = AppMain;

package/node/{Auth → auth}/useLogin.js

@@ -6,10 +6,10 @@ var react_1 = require("react");
 var router_1 = require("next/router");
 var react_2 = require("next-auth/react");
 var utils_1 = require("@koine/utils");
-var i18n_1 = require("../i18n");
+var useT_1 = require("../useT");
 var helpers_1 = require("./helpers");
 function useLogin() {
-    var t = (0, i18n_1.useT)();
+    var t = (0, useT_1.useT)();
     var push = (0, router_1.useRouter)().push;
     var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
     var _b = (0, react_1.useState)(false), ok = _b[0], setOk = _b[1];
@@ -51,3 +51,4 @@ function useLogin() {
     };
 }
 exports.useLogin = useLogin;
+exports.default = useLogin;

package/node/{Auth → auth}/useLoginUrl.js

@@ -2,14 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLoginUrl = void 0;
 var react_1 = require("react");
-var i18n_1 = require("../i18n");
+var useT_1 = require("../useT");
 var helpers_1 = require("./helpers");
 function useLoginUrl() {
     var _a = (0, react_1.useState)(""), currentUrl = _a[0], setCurrentUrl = _a[1];
-    var t = (0, i18n_1.useT)();
+    var t = (0, useT_1.useT)();
     (0, react_1.useEffect)(function () {
         setCurrentUrl("?callbackUrl=".concat(window.location.href));
     }, []);
     return "".concat((0, helpers_1.getAuthRoutes)(t).login).concat(currentUrl);
 }
 exports.useLoginUrl = useLoginUrl;
+exports.default = useLoginUrl;

package/node/{Auth → auth}/useLogout.js

@@ -5,10 +5,10 @@ var react_1 = require("react");
 var router_1 = require("next/router");
 var react_2 = require("next-auth/react");
 var utils_1 = require("@koine/utils");
-var i18n_1 = require("../i18n");
+var useT_1 = require("../useT");
 var helpers_1 = require("./helpers");
 function useLogout() {
-    var t = (0, i18n_1.useT)();
+    var t = (0, useT_1.useT)();
     var push = (0, router_1.useRouter)().push;
     var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
     var _b = (0, react_1.useState)(false), ok = _b[0], setOk = _b[1];
@@ -54,3 +54,4 @@ function useLogout() {
     };
 }
 exports.useLogout = useLogout;
+exports.default = useLogout;

package/node/config/index.js

@@ -58,9 +58,25 @@ function encodePathname(pathname) {
 }
 exports.encodePathname = encodePathname;
 /**
- * It replaces `/[dynamic-slug]/` with the given replacer.
+ * It replaces `/{{ slug }}/` with the given replacer.
  */
 function transformRoutePathname(rawPathname, replacer) {
+    var pathNameParts = rawPathname.split("/").filter(function (part) { return !!part; });
+    return pathNameParts
+        .map(function (part, _idx) {
+        var isDynamic = part.startsWith("{{") && part.endsWith("}}");
+        part = isDynamic ? replacer : part;
+        // if (isDynamic && _idx === pathNameParts.length - 1) {
+        //   part += "*";
+        // }
+        return isDynamic ? part : encodeURIComponent(part);
+    })
+        .join("/");
+}
+/**
+ * It replaces `/[slug]/` with the given replacer.
+ */
+function transformRouteTemplate(rawPathname, replacer) {
     var pathNameParts = rawPathname.split("/").filter(function (part) { return !!part; });
     return pathNameParts
         .map(function (part, _idx) {
@@ -97,7 +113,7 @@ function getRoutesMap(map, routes, pathnameBuffer, templateBuffer) {
  */
 function getPathRewrite(pathname, template) {
     pathname = transformRoutePathname(pathname, ":path");
-    template = transformRoutePathname(template, ":path");
+    template = transformRouteTemplate(template, ":path");
     var source = "/".concat(normaliseUrlPathname(pathname));
     var destination = "/".concat(normaliseUrlPathname(template));
     // console.log(`rewrite pathname "${source}" to template "${destination}"`);
@@ -112,7 +128,7 @@ exports.getPathRewrite = getPathRewrite;
  */
 function getPathRedirect(locale, pathname, template, permanent) {
     if (locale === void 0) { locale = ""; }
-    template = transformRoutePathname(template, ":slug");
+    template = transformRouteTemplate(template, ":slug");
     pathname = transformRoutePathname(pathname, ":slug");
     var source = "/".concat(normaliseUrlPathname((locale ? "/".concat(locale, "/") : "/") + template));
     var destination = "/".concat(normaliseUrlPathname(pathname));
@@ -200,16 +216,10 @@ function withKoine(_a) {
             // @see https://nextjs.org/docs/advanced-features/compiler#modularize-imports
             modularizeImports: tslib_1.__assign(tslib_1.__assign({}, (((_b = custom === null || custom === void 0 ? void 0 : custom["experimental"]) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})), { 
                 // FIXME: make these work with the right file/folder structure?
-                // "@koine/next/?(((\\w*)?/?)*)": {
-                //   transform: "@koine/next/{{ matches.[1] }}/{{member}}",
-                // },
                 // "@koine/react/?(((\\w*)?/?)*)": {
                 //   transform: "@koine/react/{{ matches.[1] }}/{{member}}",
                 // },
-                // "@koine/utils/?(((\\w*)?/?)*)": {
-                //   transform: "@koine/utils/{{ matches.[1] }}/{{member}}",
-                // },
-                "@koine/utils": { transform: "@koine/utils/{{member}}" } }) }), 
+                "@koine/next": { transform: "@koine/next/{{member}}" }, "@koine/utils": { transform: "@koine/utils/{{member}}" } }) }), 
         // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
         reactStrictMode: true }, custom);
     if (svg) {

package/node/{utils/emotion-cache.js → createEmotionCache.js}

@@ -11,3 +11,4 @@ function createEmotionCache() {
     return (0, cache_1.default)({ key: "css", prepend: true });
 }
 exports.createEmotionCache = createEmotionCache;
+exports.default = createEmotionCache;

package/node/document/em/index.js

@@ -6,7 +6,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var document_1 = tslib_1.__importStar(require("next/document"));
 var react_1 = require("@koine/react");
 var create_instance_1 = tslib_1.__importDefault(require("@emotion/server/create-instance"));
-var emotion_cache_1 = require("../../utils/emotion-cache");
+var createEmotionCache_1 = require("../../createEmotionCache");
 /**
  * Next Document wrapper for `emotion` based projects
  *
@@ -37,7 +37,7 @@ Document.getInitialProps = function (ctx) { return tslib_1.__awaiter(void 0, voi
         switch (_a.label) {
             case 0:
                 originalRenderPage = ctx.renderPage;
-                cache = (0, emotion_cache_1.createEmotionCache)();
+                cache = (0, createEmotionCache_1.createEmotionCache)();
                 extractCriticalToChunks = (0, create_instance_1.default)(cache).extractCriticalToChunks;
                 ctx.renderPage = function () {
                     return originalRenderPage({

package/node/getSiteUrl.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSiteUrl = void 0;
+var utils_1 = require("@koine/utils");
+/**
+ * Get site absolute url with the given path
+ *
+ * - It uses the `NEXT_PUBLIC_APP_URL` env variable
+ * - It removes the trailing slashes
+ */
+function getSiteUrl(path) {
+    if (path === void 0) { path = ""; }
+    return (0, utils_1.normaliseUrl)("".concat(process.env["NEXT_PUBLIC_APP_URL"], "/").concat(path));
+}
+exports.getSiteUrl = getSiteUrl;
+exports.default = getSiteUrl;

package/node/{i18n/getT/index.js → getT.js}

@@ -10,3 +10,4 @@ var getT_1 = tslib_1.__importDefault(require("next-translate/getT"));
  * in your `tsconfig.json` file.
  */
 exports.getT = getT_1.default;
+exports.default = exports.getT;

package/node/index.js

@@ -1,15 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Analytics"), exports);
-tslib_1.__exportStar(require("./Auth"), exports);
+tslib_1.__exportStar(require("./AnalyticsGoogle"), exports);
+// export * from "./createEmotionCache";
+tslib_1.__exportStar(require("./DynamicNamespaces"), exports);
 tslib_1.__exportStar(require("./Favicon"), exports);
-tslib_1.__exportStar(require("./Forms"), exports);
+tslib_1.__exportStar(require("./getSiteUrl"), exports);
+tslib_1.__exportStar(require("./getT"), exports);
 tslib_1.__exportStar(require("./Head"), exports);
-tslib_1.__exportStar(require("./i18n"), exports);
-tslib_1.__exportStar(require("./Img"), exports);
 tslib_1.__exportStar(require("./Link"), exports);
+tslib_1.__exportStar(require("./load"), exports);
+tslib_1.__exportStar(require("./NextImg"), exports);
+tslib_1.__exportStar(require("./NextImgSmart"), exports);
 tslib_1.__exportStar(require("./NextProgress"), exports);
+tslib_1.__exportStar(require("./revalidate"), exports);
 tslib_1.__exportStar(require("./Seo"), exports);
-tslib_1.__exportStar(require("./Theme"), exports);
-tslib_1.__exportStar(require("./utils"), exports);
+// export * from "./seoBuildTags";
+tslib_1.__exportStar(require("./SeoDefaults"), exports);
+tslib_1.__exportStar(require("./T"), exports);
+tslib_1.__exportStar(require("./to"), exports);
+tslib_1.__exportStar(require("./translationAsOptions"), exports);
+tslib_1.__exportStar(require("./types-i18n"), exports);
+tslib_1.__exportStar(require("./types-seo"), exports);
+tslib_1.__exportStar(require("./useBackUrl"), exports);
+tslib_1.__exportStar(require("./useDateFormat"), exports);
+tslib_1.__exportStar(require("./useForm"), exports);
+tslib_1.__exportStar(require("./useLocale"), exports);
+tslib_1.__exportStar(require("./useT"), exports);
+tslib_1.__exportStar(require("./useTheme"), exports);
+tslib_1.__exportStar(require("./useTo"), exports);

package/node/{utils/index.js → load.js}

@@ -1,20 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.load = exports.getSiteUrl = exports.ONE_DAY = exports.ONE_HOUR = void 0;
-var utils_1 = require("@koine/utils");
-exports.ONE_HOUR = 3600;
-exports.ONE_DAY = 84000;
-/**
- * Get site absolute url with the given path
- *
- * - It uses the `NEXT_PUBLIC_APP_URL` env variable
- * - It removes the trailing slashes
- */
-function getSiteUrl(path) {
-    if (path === void 0) { path = ""; }
-    return (0, utils_1.normaliseUrl)("".concat(process.env["NEXT_PUBLIC_APP_URL"], "/").concat(path));
-}
-exports.getSiteUrl = getSiteUrl;
+exports.load = void 0;
 /**
  * Utility to load a component with an optional pre-determined delay.
  *
@@ -29,3 +15,4 @@ function load(component, milliseconds) {
     });
 }
 exports.load = load;
+exports.default = load;

package/node/revalidate.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.revalidate = void 0;
+exports.revalidate = {
+    oneHour: 3600,
+    onDay: 84000,
+};
+exports.default = exports.revalidate;

package/node/{Seo/helpers.js → seoBuildTags.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildTags = void 0;
+exports.seoBuildTags = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var utils_1 = require("@koine/utils");
@@ -8,12 +8,13 @@ var defaults = {
     tplTitle: "",
 };
 /**
- * We do a couple of things in addition while many other are removed.
+ * Comparing to `next-seo` we do a couple of things in addition while many
+ * others are removed.
  *
  * - Add `seo` meta object coming from a CMS probably
  * - Add `ogimage` and `openGraph.image` as single image source
  * - Add `og` alias to define `openGraph`
- * - Add check for `title` equale to `templateTitle` to avoid meta titles like
+ * - Add check for `title` equal to `templateTitle` to avoid meta titles like
  *   "My site | My site" often happening in homepages
  * - Remove the open graph videos and images
  *
@@ -21,7 +22,7 @@ var defaults = {
  *
  * @returns
  */
-var buildTags = function (_a) {
+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 render = [];
     var $names = {};
@@ -116,4 +117,5 @@ var buildTags = function (_a) {
     // <link rel="alternate" hreflang="en" href="https://www.domain.com/en/">
     return render;
 };
-exports.buildTags = buildTags;
+exports.seoBuildTags = seoBuildTags;
+exports.default = exports.seoBuildTags;

package/node/to.js

@@ -0,0 +1,29 @@
+"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];
+    }
+    var relative = "";
+    var t = args[0];
+    if (args.length === 3) {
+        if (args[2]) {
+            relative = t(args[1], args[2]);
+        }
+    }
+    else if (args.length === 2) {
+        relative = t(args[1]);
+    }
+    return relative;
+}
+exports.to = to;
+exports.default = to;

package/node/types-seo.js

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