@koine/next 1.0.9 → 1.0.12

package/node/app/em/AppMain.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppMain = void 0;
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const router_1 = require("next/router");
-const framer_motion_1 = require("framer-motion");
-const m_1 = require("@koine/react/m");
-const Seo_1 = require("../../Seo");
-const NextProgress_1 = require("../../NextProgress");
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+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 NextProgress_1 = require("../../NextProgress");
 /**
  * App main
  *
@@ -15,12 +16,13 @@ const NextProgress_1 = require("../../NextProgress");
  *
  * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
  */
-const AppMain = ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition = {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-}, pre, post, }) => {
-    const { pathname } = (0, router_1.useRouter)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Seo_1.SeoDefaults, { ...seo }), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, { 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, { exitBeforeEnter: true, initial: false, children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { ...transition, children: (0, react_1.createElement)(Component, { ...pageProps, key: pathname }) }, pathname) }) })] }), post] }));
+var AppMain = function (_a) {
+    var Component = _a.Component, pageProps = _a.pageProps, Layout = _a.Layout, ProgressOverlay = _a.ProgressOverlay, seo = _a.seo, motion = _a.motion, _b = _a.transition, transition = _b === void 0 ? {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        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] }));
 };
 exports.AppMain = AppMain;

package/node/app/em/AppTheme.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppTheme = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("@mui/material/styles");
-const react_1 = require("@emotion/react");
-const CssBaseline_1 = tslib_1.__importDefault(require("@mui/material/CssBaseline"));
-const react_2 = require("@emotion/react");
-const sc_1 = require("@koine/react/sc");
-const emotion_cache_1 = require("../../utils/emotion-cache");
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("@mui/material/styles");
+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");
 // client-side cache, shared for the whole session of the user in the browser.
-const clientSideEmotionCache = (0, emotion_cache_1.createEmotionCache)();
+var clientSideEmotionCache = (0, emotion_cache_1.createEmotionCache)();
 /**
  * App theme with `emotion` (good for `@mui`)s
  */
-const AppTheme = ({ emotionCache = clientSideEmotionCache, theme, children, }) => {
-    return ((0, jsx_runtime_1.jsx)(react_1.CacheProvider, { value: emotionCache, children: (0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, { theme: theme, children: [(0, jsx_runtime_1.jsx)(CssBaseline_1.default, {}), (0, jsx_runtime_1.jsx)(react_2.Global, { styles: (0, react_2.css) `
-            ${sc_1.stylesGlobal}
-          ` }), children] }) }));
+var AppTheme = function (_a) {
+    var _b = _a.emotionCache, emotionCache = _b === void 0 ? clientSideEmotionCache : _b, theme = _a.theme, children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(react_1.CacheProvider, tslib_1.__assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, tslib_1.__assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(CssBaseline_1.default, {}), (0, jsx_runtime_1.jsx)(react_2.Global, { styles: (0, react_2.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n            ", "\n          "], ["\n            ", "\n          "])), sc_1.stylesGlobal) }), children] })) })));
 };
 exports.AppTheme = AppTheme;
+var templateObject_1;

package/node/app/em/auth/index.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NextApp = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("next-auth/react");
-const AppHead_1 = require("../../AppHead");
-const AppTheme_1 = require("../AppTheme");
-const AppMain_1 = require("../AppMain");
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_2 = require("next-auth/react");
+var AppHead_1 = require("../../AppHead");
+var AppTheme_1 = require("../AppTheme");
+var AppMain_1 = require("../AppMain");
 /**
  * App with authentication provided by `next-auth`
  */
-const NextApp = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(react_2.SessionProvider, { session: props.pageProps.session, children: (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, { ...props, children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, { ...props }) }) })] }));
+var NextApp = function (props) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(react_2.SessionProvider, tslib_1.__assign({ session: props.pageProps.session }, { children: (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, tslib_1.__assign({}, props)) })) }))] }));
 };
 exports.NextApp = NextApp;
 exports.default = exports.NextApp;

package/node/app/em/index.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NextApp = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const AppHead_1 = require("../AppHead");
-const AppTheme_1 = require("./AppTheme");
-const AppMain_1 = require("./AppMain");
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
+var AppHead_1 = require("../AppHead");
+var AppTheme_1 = require("./AppTheme");
+var AppMain_1 = require("./AppMain");
 /**
  * App
  */
-const NextApp = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, { ...props, children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, { ...props }) })] }));
+var NextApp = function (props) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, tslib_1.__assign({}, props)) }))] }));
 };
 exports.NextApp = NextApp;
 exports.default = exports.NextApp;

package/node/app/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
+var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./AppHead"), exports);
 tslib_1.__exportStar(require("./AppMain"), exports);

package/node/app/sc/AppMain.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppMain = void 0;
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const router_1 = require("next/router");
-const framer_motion_1 = require("framer-motion");
-const m_1 = require("@koine/react/m");
-const Seo_1 = require("../../Seo");
-const NextProgress_1 = require("../../NextProgress");
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+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 NextProgress_1 = require("../../NextProgress");
 /**
  * App main
  *
@@ -15,12 +16,13 @@ const NextProgress_1 = require("../../NextProgress");
  *
  * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
  */
-const AppMain = ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition = {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-}, pre, post, }) => {
-    const { pathname } = (0, router_1.useRouter)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Seo_1.SeoDefaults, { ...seo }), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, { 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, { exitBeforeEnter: true, initial: false, children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { ...transition, children: (0, react_1.createElement)(Component, { ...pageProps, key: pathname }) }, pathname) }) })] }), post] }));
+var AppMain = function (_a) {
+    var Component = _a.Component, pageProps = _a.pageProps, Layout = _a.Layout, ProgressOverlay = _a.ProgressOverlay, seo = _a.seo, motion = _a.motion, _b = _a.transition, transition = _b === void 0 ? {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        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] }));
 };
 exports.AppMain = AppMain;

package/node/app/sc/AppTheme.js

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppTheme = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = require("styled-components");
-const sc_1 = require("@koine/react/sc");
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = require("styled-components");
+var sc_1 = require("@koine/react/sc");
 /**
  * App theme with `styled-components`
  */
-const AppTheme = ({ theme, children }) => {
-    return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, { theme: theme, children: [(0, jsx_runtime_1.jsx)(sc_1.StylesGlobal, {}), children] }));
+var AppTheme = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, tslib_1.__assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(sc_1.StylesGlobal, {}), children] })));
 };
 exports.AppTheme = AppTheme;

package/node/app/sc/auth/index.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NextApp = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("next-auth/react");
-const AppHead_1 = require("../../AppHead");
-const AppTheme_1 = require("../AppTheme");
-const AppMain_1 = require("../AppMain");
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_2 = require("next-auth/react");
+var AppHead_1 = require("../../AppHead");
+var AppTheme_1 = require("../AppTheme");
+var AppMain_1 = require("../AppMain");
 /**
  * App with authentication provided by `next-auth`
  */
-const NextApp = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(react_2.SessionProvider, { session: props.pageProps.session, children: (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, { ...props, children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, { ...props }) }) })] }));
+var NextApp = function (props) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(react_2.SessionProvider, tslib_1.__assign({ session: props.pageProps.session }, { children: (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, tslib_1.__assign({}, props)) })) }))] }));
 };
 exports.NextApp = NextApp;
 exports.default = exports.NextApp;

package/node/app/sc/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NextApp = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const AppHead_1 = require("../AppHead");
-const AppTheme_1 = require("./AppTheme");
-const AppMain_1 = require("./AppMain");
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
+var AppHead_1 = require("../AppHead");
+var AppTheme_1 = require("./AppTheme");
+var AppMain_1 = require("./AppMain");
 /**
  * App
  *
@@ -57,8 +57,8 @@ const AppMain_1 = require("./AppMain");
  *
  * ```
  */
-const NextApp = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, { ...props, children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, { ...props }) })] }));
+var NextApp = function (props) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, tslib_1.__assign({}, props)) }))] }));
 };
 exports.NextApp = NextApp;
 exports.default = exports.NextApp;

package/node/config/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withKoine = exports.getRewrites = exports.getRedirects = exports.getPathRewrite = exports.getPathRedirect = exports.encodePathname = exports.normaliseUrlPathname = void 0;
+var tslib_1 = require("tslib");
 /**
  * Normalise pathname
  *
@@ -19,20 +20,20 @@ exports.normaliseUrlPathname = normaliseUrlPathname;
  * @see {@link normaliseUrlPathname}
  */
 function encodePathname(pathname) {
-    const parts = normaliseUrlPathname(pathname).split("/");
+    var parts = normaliseUrlPathname(pathname).split("/");
     return parts
-        .filter((part) => !!part)
-        .map((part) => encodeURIComponent(part))
+        .filter(function (part) { return !!part; })
+        .map(function (part) { return encodeURIComponent(part); })
         .join("/");
 }
 exports.encodePathname = encodePathname;
 /**
  */
 function getPathRedirect(locale, localisedPathname, templateName, dynamic, permanent) {
-    const suffix = dynamic ? `/:slug*` : "";
+    var suffix = dynamic ? "/:slug*" : "";
     return {
-        source: `/${locale}/${encodePathname(localisedPathname)}${suffix}`,
-        destination: `/${encodePathname(templateName)}${suffix}`,
+        source: "/".concat(locale, "/").concat(encodePathname(localisedPathname)).concat(suffix),
+        destination: "/".concat(encodePathname(templateName)).concat(suffix),
         permanent: Boolean(permanent),
         locale: false,
     };
@@ -41,49 +42,61 @@ exports.getPathRedirect = getPathRedirect;
 /**
  */
 function getPathRewrite(source, destination, dynamic) {
-    const suffix = dynamic ? `/:path*` : "";
+    var suffix = dynamic ? "/:path*" : "";
     return {
-        source: `/${encodePathname(source)}${suffix}`,
-        destination: `/${encodePathname(destination)}${suffix}`,
+        source: "/".concat(encodePathname(source)).concat(suffix),
+        destination: "/".concat(encodePathname(destination)).concat(suffix),
     };
 }
 exports.getPathRewrite = getPathRewrite;
 /**
  */
-async function getRedirects({ defaultLocale, routes, dynamicRoutes, permanent, }) {
-    const redirects = [];
-    Object.keys(routes).forEach((page) => {
-        const dynamic = dynamicRoutes[page];
-        if (routes[page] !== page) {
-            if (dynamic) {
-                redirects.push(getPathRedirect(defaultLocale, page, routes[page], true, permanent));
-            }
-            else {
-                redirects.push(getPathRedirect(defaultLocale, page, routes[page], false, permanent));
-            }
-        }
+function getRedirects(_a) {
+    var defaultLocale = _a.defaultLocale, routes = _a.routes, dynamicRoutes = _a.dynamicRoutes, permanent = _a.permanent;
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var redirects;
+        return tslib_1.__generator(this, function (_b) {
+            redirects = [];
+            Object.keys(routes).forEach(function (page) {
+                var dynamic = dynamicRoutes[page];
+                if (routes[page] !== page) {
+                    if (dynamic) {
+                        redirects.push(getPathRedirect(defaultLocale, page, routes[page], true, permanent));
+                    }
+                    else {
+                        redirects.push(getPathRedirect(defaultLocale, page, routes[page], false, permanent));
+                    }
+                }
+            });
+            // console.log("redirects", redirects);
+            return [2 /*return*/, redirects];
+        });
     });
-    // console.log("redirects", redirects);
-    return redirects;
 }
 exports.getRedirects = getRedirects;
 /**
  */
-async function getRewrites({ routes, dynamicRoutes, }) {
-    const rewrites = [];
-    Object.keys(routes).forEach((page) => {
-        const dynamic = dynamicRoutes[page];
-        if (routes[page] !== page) {
-            if (dynamic) {
-                rewrites.push(getPathRewrite(routes[page], page, true));
-            }
-            else {
-                rewrites.push(getPathRewrite(routes[page], page));
-            }
-        }
+function getRewrites(_a) {
+    var routes = _a.routes, dynamicRoutes = _a.dynamicRoutes;
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var rewrites;
+        return tslib_1.__generator(this, function (_b) {
+            rewrites = [];
+            Object.keys(routes).forEach(function (page) {
+                var dynamic = dynamicRoutes[page];
+                if (routes[page] !== page) {
+                    if (dynamic) {
+                        rewrites.push(getPathRewrite(routes[page], page, true));
+                    }
+                    else {
+                        rewrites.push(getPathRewrite(routes[page], page));
+                    }
+                }
+            });
+            // console.log("rewrites", rewrites);
+            return [2 /*return*/, rewrites];
+        });
     });
-    // console.log("rewrites", rewrites);
-    return rewrites;
 }
 exports.getRewrites = getRewrites;
 /**
@@ -97,47 +110,24 @@ exports.getRewrites = getRewrites;
  *                                          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`.
  */
-function withKoine({ nx = true, svg = true, sc = true, page, ...nextConfig } = {}) {
-    nextConfig = {
+function withKoine(_a) {
+    var _b;
+    if (_a === void 0) { _a = {}; }
+    var _c = _a.nx, nx = _c === void 0 ? true : _c, _d = _a.svg, svg = _d === void 0 ? true : _d, _e = _a.sc, sc = _e === void 0 ? true : _e, page = _a.page, nextConfig = tslib_1.__rest(_a, ["nx", "svg", "sc", "page"]);
+    nextConfig = tslib_1.__assign({ 
         // @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: {
+        pageExtensions: page ? ["page.tsx", "page.ts"] : undefined, eslint: {
             ignoreDuringBuilds: true, // we have this strict check on each commit
-        },
-        typescript: {
+        }, typescript: {
             ignoreBuildErrors: true, // we have this strict check on each commit
-        },
-        poweredByHeader: false,
-        swcMinify: true,
-        experimental: {
+        }, poweredByHeader: false, swcMinify: true, experimental: tslib_1.__assign(tslib_1.__assign({ 
             // @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,
-            ...(nextConfig.experimental || {}),
+            scrollRestoration: true }, (nextConfig.experimental || {})), { 
             // @see https://nextjs.org/docs/advanced-features/compiler#modularize-imports
-            modularizeImports: {
-                ...(nextConfig?.experimental?.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}}",
-                // },
-            },
-        },
-        // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
-        // reactStrictMode: false,
-        ...nextConfig,
-    };
+            modularizeImports: tslib_1.__assign({}, (((_b = nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.experimental) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})) }) }, nextConfig);
     if (svg) {
         if (nx) {
             // @see https://github.com/gregberge/svgr
@@ -146,8 +136,8 @@ function withKoine({ nx = true, svg = true, sc = true, page, ...nextConfig } = {
             };
         }
         else {
-            nextConfig.webpack = (_config, options) => {
-                const webpackConfig = typeof nextConfig.webpack === "function"
+            nextConfig.webpack = function (_config, options) {
+                var webpackConfig = typeof nextConfig.webpack === "function"
                     ? nextConfig.webpack(_config, options)
                     : _config;
                 // @see https://dev.to/dolearning/importing-svgs-to-next-js-nna#svgr

package/node/document/Document.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_1 = require("@koine/react");
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var document_1 = tslib_1.__importStar(require("next/document"));
+var react_1 = require("@koine/react");
 /**
  * Next Document wrapper for bare projects
  *
@@ -15,10 +15,15 @@ const react_1 = require("@koine/react");
  * export { Document as default } from "@koine/next/document";
  * ```
  */
-class Document extends document_1.default {
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
+var Document = /** @class */ (function (_super) {
+    tslib_1.__extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-}
+    Document.prototype.render = function () {
+        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+    };
+    return Document;
+}(document_1.default));
 exports.Document = Document;

package/node/document/css/index.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_1 = require("@koine/react");
-const sc_1 = require("@koine/react/sc"); // FIXME: this should be imported from another entrypoint
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var document_1 = tslib_1.__importStar(require("next/document"));
+var react_1 = require("@koine/react");
+var sc_1 = require("@koine/react/sc"); // FIXME: this should be imported from another entrypoint
 /**
  * Next Document wrapper for `css/tailwind` based projects
  *
@@ -18,18 +18,30 @@ const sc_1 = require("@koine/react/sc"); // FIXME: this should be imported from
  * export { Document as default } from "@koine/next/document/css";
  * ```
  */
-class Document extends document_1.default {
-    static async getInitialProps(ctx) {
-        const initialProps = await document_1.default.getInitialProps(ctx);
-        return {
-            ...initialProps,
-            theme: (0, sc_1.getInitialThemeFromRequest)(ctx.req?.headers.cookie /*  || document?.cookie */ || ""),
-        };
+var Document = /** @class */ (function (_super) {
+    tslib_1.__extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    }
-}
+    Document.getInitialProps = function (ctx) {
+        var _a;
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var initialProps;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, document_1.default.getInitialProps(ctx)];
+                    case 1:
+                        initialProps = _b.sent();
+                        return [2 /*return*/, tslib_1.__assign(tslib_1.__assign({}, initialProps), { theme: (0, sc_1.getInitialThemeFromRequest)(((_a = ctx.req) === null || _a === void 0 ? void 0 : _a.headers.cookie /*  || document?.cookie */) || "") })];
+                }
+            });
+        });
+    };
+    Document.prototype.render = function () {
+        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+    };
+    return Document;
+}(document_1.default));
 exports.Document = Document;
 exports.default = Document;