@koine/next 1.0.13 → 1.0.16

package/node/app/sc/AppTheme.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppTheme = void 0;
+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`
+ */
+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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextApp = void 0;
+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`
+ */
+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

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextApp = void 0;
+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
+ *
+ * @example
+ *
+ * ```tsx
+ * import { NextApp, NextAppProps } from "@koine/next/app/sc/auth";
+ * import { Favicon, AnalyticsGoogle } from "@koine/next";
+ * import { theme } from "src/helpers/theme";
+ * import { Layout, ProgressOverlay } from "src/components/Layout";
+ * // import "@fontsource/myfont/800.css";
+ * // import "src/helpers/theme.css";
+ *
+ * const motion = () => import("@koine/react/m/max").then((m) => m.default);
+ *
+ * export default function App(props: NextAppProps) {
+ *   return (
+ *     <NextApp
+ *       {...props}
+ *       Layout={Layout}
+ *       ProgressOverlay={ProgressOverlay}
+ *       theme={theme}
+ *       motion={motion}
+ *       seo={{
+ *         titleTemplate: "%s | MyApp",
+ *         defaultTitle: "MyApp",
+ *         openGraph: {
+ *           type: "website",
+ *           locale: "en_US",
+ *           url: "https://myapp.com/",
+ *           site_name: "MyApp",
+ *         },
+ *         twitter: {
+ *           handle: "@MklrNl",
+ *           site: "@MyApp",
+ *           cardType: "summary_large_image",
+ *         },
+ *       }}
+ *       pre={
+ *         <>
+ *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
+ *           <Favicon name="MyApp" color="#000000" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+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

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withKoine = exports.getRewrites = exports.getRedirects = exports.getPathRewrite = exports.getPathRedirect = exports.encodePathname = exports.normaliseUrlPathname = exports.toPath = void 0;
+var tslib_1 = require("tslib");
+/**
+ * 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`
+ *
+ * - just get the pathname form an absolute URL (if that is given)
+ * - Removes subsequent slashes
+ * - Removing initial and ending slashes
+ */
+function toPath(urlOrPathname) {
+    if (urlOrPathname === void 0) { urlOrPathname = ""; }
+    var pathname = "";
+    try {
+        var parsed = new URL(urlOrPathname);
+        pathname = parsed.pathname;
+    }
+    catch (e) {
+        pathname = urlOrPathname;
+    }
+    return pathname.replace(/\/+\//g, "/").replace(/^\/+(.*?)\/+$/, "$1");
+}
+exports.toPath = toPath;
+/**
+ * Normalise pathname
+ *
+ * From a path like `/some//malformed/path///` it returns `some/malformed/path`
+ *
+ * - Removes subsequent slashes
+ * - Removing initial and ending slashes
+ */
+function normaliseUrlPathname(pathname) {
+    return pathname.replace(/\/+\//g, "/").replace(/^\/+(.*?)\/+$/, "$1");
+}
+exports.normaliseUrlPathname = normaliseUrlPathname;
+/**
+ * Clean a pathname and encode each part
+ *
+ * @see {@link normaliseUrlPathname}
+ */
+function encodePathname(pathname) {
+    var parts = normaliseUrlPathname(pathname).split("/");
+    return parts
+        .filter(function (part) { return !!part; })
+        .map(function (part) { return encodeURIComponent(part); })
+        .join("/");
+}
+exports.encodePathname = encodePathname;
+/**
+ */
+function getPathRedirect(locale, localisedPathname, templateName, dynamic, permanent) {
+    var suffix = dynamic ? "/:slug*" : "";
+    return {
+        source: "/".concat(locale, "/").concat(encodePathname(localisedPathname)).concat(suffix),
+        destination: "/".concat(encodePathname(templateName)).concat(suffix),
+        permanent: Boolean(permanent),
+        locale: false,
+    };
+}
+exports.getPathRedirect = getPathRedirect;
+/**
+ */
+function getPathRewrite(source, destination, dynamic) {
+    var suffix = dynamic ? "/:path*" : "";
+    return {
+        source: "/".concat(encodePathname(source)).concat(suffix),
+        destination: "/".concat(encodePathname(destination)).concat(suffix),
+    };
+}
+exports.getPathRewrite = getPathRewrite;
+/**
+ */
+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];
+        });
+    });
+}
+exports.getRedirects = getRedirects;
+/**
+ */
+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];
+        });
+    });
+}
+exports.getRewrites = getRewrites;
+/**
+ * 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`.
+ */
+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: {
+            ignoreDuringBuilds: true, // we have this strict check on each commit
+        }, typescript: {
+            ignoreBuildErrors: true, // we have this strict check on each commit
+        }, 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 }, (nextConfig.experimental || {})), { 
+            // @see https://nextjs.org/docs/advanced-features/compiler#modularize-imports
+            modularizeImports: tslib_1.__assign({}, (((_b = nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.experimental) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})) }), 
+        // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
+        reactStrictMode: true }, nextConfig);
+    if (svg) {
+        if (nx) {
+            // @see https://github.com/gregberge/svgr
+            nextConfig["nx"] = {
+                svgr: true,
+            };
+        }
+        else {
+            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
+                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,
+        };
+    }
+    return nextConfig;
+}
+exports.withKoine = withKoine;
+exports.default = withKoine;

package/node/document/Document.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+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
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document";
+ * ```
+ */
+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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+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
+ *
+ * Uses cookie to manage the current theme
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document/css";
+ * ```
+ */
+var Document = /** @class */ (function (_super) {
+    tslib_1.__extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    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;

package/node/document/em/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+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 create_instance_1 = tslib_1.__importDefault(require("@emotion/server/create-instance"));
+var emotion_cache_1 = require("../../utils/emotion-cache");
+/**
+ * Next Document wrapper for `emotion` based projects
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document/em";
+ * ```
+ */
+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, {}), this.props.emotionStyleTags] }), (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;
+// `getInitialProps` belongs to `_document` (instead of `_app`),
+// it's compatible with static-site generation (SSG).
+Document.getInitialProps = function (ctx) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var originalRenderPage, cache, extractCriticalToChunks, initialProps, emotionStyles, emotionStyleTags;
+    return tslib_1.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                originalRenderPage = ctx.renderPage;
+                cache = (0, emotion_cache_1.createEmotionCache)();
+                extractCriticalToChunks = (0, create_instance_1.default)(cache).extractCriticalToChunks;
+                ctx.renderPage = function () {
+                    return originalRenderPage({
+                        enhanceApp: function (App) {
+                            return function EnhanceApp(props) {
+                                return (0, jsx_runtime_1.jsx)(App, tslib_1.__assign({ emotionCache: cache }, props));
+                            };
+                        },
+                    });
+                };
+                return [4 /*yield*/, Document.getInitialProps(ctx)];
+            case 1:
+                initialProps = _a.sent();
+                emotionStyles = extractCriticalToChunks(initialProps.html);
+                emotionStyleTags = emotionStyles.styles.map(function (style) { return ((0, jsx_runtime_1.jsx)("style", { "data-emotion": "".concat(style.key, " ").concat(style.ids.join(" ")), 
+                    // eslint-disable-next-line react/no-danger
+                    dangerouslySetInnerHTML: { __html: style.css } }, style.key)); });
+                return [2 /*return*/, tslib_1.__assign(tslib_1.__assign({}, initialProps), { emotionStyleTags: emotionStyleTags })];
+        }
+    });
+}); };
+exports.default = Document;

package/node/document/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.Document = void 0;
+var Document_1 = require("./Document");
+Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
+var Document_2 = require("./Document");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Document_2.Document; } });

package/node/document/sc/index.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
+/* ? eslint-disable @next/next/no-document-import-in-page */
+var document_1 = tslib_1.__importStar(require("next/document"));
+var react_2 = require("@koine/react");
+var styled_components_1 = require("styled-components");
+/**
+ * Next Document wrapper for `styled-components` based projects
+ *
+ * For typescript safety of this component
+ * @see https://bit.ly/3ceuF8m
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document/sc";
+ * ```
+ */
+var Document = /** @class */ (function (_super) {
+    tslib_1.__extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Document.getInitialProps = function (ctx) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var sheet, originalRenderPage, initialProps;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        sheet = new styled_components_1.ServerStyleSheet();
+                        originalRenderPage = ctx.renderPage;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, , 3, 4]);
+                        ctx.renderPage = function () {
+                            return originalRenderPage({
+                                enhanceApp: function (App) { return function (props) {
+                                    return sheet.collectStyles((0, jsx_runtime_1.jsx)(App, tslib_1.__assign({}, props)));
+                                }; },
+                            });
+                        };
+                        return [4 /*yield*/, document_1.default.getInitialProps(ctx)];
+                    case 2:
+                        initialProps = _a.sent();
+                        return [2 /*return*/, tslib_1.__assign(tslib_1.__assign({}, initialProps), { 
+                                // @ts-expect-error FIXME: have they changed type?
+                                styles: ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [initialProps.styles, sheet.getStyleElement()] })) })];
+                    case 3:
+                        sheet.seal();
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    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_2.Meta, {}), (0, jsx_runtime_1.jsx)(react_2.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;

package/node/index.js

@@ -0,0 +1,15 @@
+"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("./Favicon"), exports);
+tslib_1.__exportStar(require("./Forms"), 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("./NextProgress"), exports);
+tslib_1.__exportStar(require("./Seo"), exports);
+tslib_1.__exportStar(require("./Theme"), exports);
+tslib_1.__exportStar(require("./utils"), exports);

package/node/utils/emotion-cache.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEmotionCache = void 0;
+var tslib_1 = require("tslib");
+var cache_1 = tslib_1.__importDefault(require("@emotion/cache"));
+/**
+ * prepend: true moves MUI styles to the top of the <head> so they're loaded first.
+ * It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
+ */
+function createEmotionCache() {
+    return (0, cache_1.default)({ key: "css", prepend: true });
+}
+exports.createEmotionCache = createEmotionCache;

package/node/utils/index.js

@@ -0,0 +1,31 @@
+"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;
+/**
+ * Utility to load a component with an optional pre-determined delay.
+ *
+ * This was designed to improve anti spam wit 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
+ */
+function load(component, milliseconds) {
+    return new Promise(function (resolve) {
+        setTimeout(function () { return resolve(component); }, milliseconds);
+    });
+}
+exports.load = load;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@koine/next",
-  "version": "1.0.13",
   "sideEffects": false,
   "main": "./node/index.js",
   "typings": "./index.d.ts",
   "dependencies": {
     "react": "^16.8 || ^17 || ^18",
     "next": "^12.1.6",
-    "@koine/utils": "1.0.13",
+    "@koine/utils": "1.0.16",
     "framer-motion": "^6.3.4",
+    "@koine/react": "1.0.16",
     "styled-components": "^5.3.5",
     "@mui/base": "^5.0.0-alpha.82",
     "react-icons": "^4.3.1",
@@ -29,6 +29,7 @@
     "next-seo": "^5.4.0"
   },
   "peerDependencies": {},
+  "version": "1.0.16",
   "module": "./index.js",
   "types": "./index.d.ts"
 }

package/utils/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./api";
 export declare const ONE_HOUR = 3600;
 export declare const ONE_DAY = 84000;
 /**

package/utils/index.js

@@ -1,5 +1,4 @@
 import { normaliseUrl } from "@koine/utils";
-export * from "./api";
 export var ONE_HOUR = 3600;
 export var ONE_DAY = 84000;
 /**