@koine/next 1.0.9 → 1.0.12

package/app/sc/AppTheme.js

@@ -1,9 +1,11 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ThemeProvider } from "styled-components";
 import { StylesGlobal } from "@koine/react/sc";
 /**
  * App theme with `styled-components`
  */
-export const AppTheme = ({ theme, children }) => {
-    return (_jsxs(ThemeProvider, { theme: theme, children: [_jsx(StylesGlobal, {}), children] }));
+export var AppTheme = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    return (_jsxs(ThemeProvider, __assign({ theme: theme }, { children: [_jsx(StylesGlobal, {}), children] })));
 };

package/app/sc/auth/index.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { SessionProvider } from "next-auth/react";
@@ -7,7 +8,7 @@ import { AppMain } from "../AppMain";
 /**
  * App with authentication provided by `next-auth`
  */
-export const NextApp = (props) => {
-    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, { session: props.pageProps.session, children: _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) }) })] }));
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, __assign({ session: props.pageProps.session }, { children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) }))] }));
 };
 export default NextApp;

package/app/sc/index.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { AppHead } from "../AppHead";
@@ -53,7 +54,7 @@ import { AppMain } from "./AppMain";
  *
  * ```
  */
-export const NextApp = (props) => {
-    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) })] }));
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) }))] }));
 };
 export default NextApp;

package/config/index.js

@@ -1,3 +1,4 @@
+import { __assign, __awaiter, __generator, __rest } from "tslib";
 /**
  * Normalise pathname
  *
@@ -15,19 +16,19 @@ export function normaliseUrlPathname(pathname) {
  * @see {@link normaliseUrlPathname}
  */
 export 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("/");
 }
 /**
  */
 export 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,
     };
@@ -35,47 +36,59 @@ export function getPathRedirect(locale, localisedPathname, templateName, dynamic
 /**
  */
 export 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),
     };
 }
 /**
  */
-export 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));
-            }
-        }
+export function getRedirects(_a) {
+    var defaultLocale = _a.defaultLocale, routes = _a.routes, dynamicRoutes = _a.dynamicRoutes, permanent = _a.permanent;
+    return __awaiter(this, void 0, void 0, function () {
+        var redirects;
+        return __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;
 }
 /**
  */
-export 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));
-            }
-        }
+export function getRewrites(_a) {
+    var routes = _a.routes, dynamicRoutes = _a.dynamicRoutes;
+    return __awaiter(this, void 0, void 0, function () {
+        var rewrites;
+        return __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;
 }
 /**
  * Get Next.js config with some basic opinionated defaults
@@ -88,47 +101,24 @@ export async function getRewrites({ routes, dynamicRoutes, }) {
  *                                          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, ...nextConfig } = {}) {
-    nextConfig = {
+export 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 = __rest(_a, ["nx", "svg", "sc", "page"]);
+    nextConfig = __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: __assign(__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: __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
@@ -137,8 +127,8 @@ export function withKoine({ nx = true, svg = true, sc = true, page, ...nextConfi
             };
         }
         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/document/Document.js

@@ -1,3 +1,4 @@
+import { __assign, __extends } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import NextDocument, { Html, Head, Main, NextScript } from "next/document";
 import { Meta, NoJs } from "@koine/react";
@@ -11,9 +12,15 @@ import { Meta, NoJs } from "@koine/react";
  * export { Document as default } from "@koine/next/document";
  * ```
  */
-export class Document extends NextDocument {
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
+var Document = /** @class */ (function (_super) {
+    __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 (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };

package/document/css/index.js

@@ -1,3 +1,4 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import NextDocument, { Html, Head, Main, NextScript, } from "next/document";
 import { Meta, NoJs } from "@koine/react";
@@ -14,17 +15,30 @@ import { getInitialThemeFromRequest } from "@koine/react/sc"; // FIXME: this sho
  * export { Document as default } from "@koine/next/document/css";
  * ```
  */
-export class Document extends NextDocument {
-    static async getInitialProps(ctx) {
-        const initialProps = await NextDocument.getInitialProps(ctx);
-        return {
-            ...initialProps,
-            theme: getInitialThemeFromRequest(ctx.req?.headers.cookie /*  || document?.cookie */ || ""),
-        };
+var Document = /** @class */ (function (_super) {
+    __extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
-    }
-}
+    Document.getInitialProps = function (ctx) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var initialProps;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, NextDocument.getInitialProps(ctx)];
+                    case 1:
+                        initialProps = _b.sent();
+                        return [2 /*return*/, __assign(__assign({}, initialProps), { theme: 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 (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };
 export default Document;

package/document/em/index.js

@@ -1,3 +1,4 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import NextDocument, { Html, Head, Main, NextScript } from "next/document";
 import { Meta, NoJs } from "@koine/react";
@@ -13,56 +14,46 @@ import { createEmotionCache } from "../../utils/emotion-cache";
  * export { Document as default } from "@koine/next/document/em";
  * ```
  */
-export class Document extends NextDocument {
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {}), this.props.emotionStyleTags] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
+var Document = /** @class */ (function (_super) {
+    __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 (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {}), this.props.emotionStyleTags] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };
 // `getInitialProps` belongs to `_document` (instead of `_app`),
 // it's compatible with static-site generation (SSG).
-Document.getInitialProps = async (ctx) => {
-    // Resolution order
-    //
-    // On the server:
-    // 1. app.getInitialProps
-    // 2. page.getInitialProps
-    // 3. document.getInitialProps
-    // 4. app.render
-    // 5. page.render
-    // 6. document.render
-    //
-    // On the server with error:
-    // 1. document.getInitialProps
-    // 2. app.render
-    // 3. page.render
-    // 4. document.render
-    //
-    // On the client
-    // 1. app.getInitialProps
-    // 2. page.getInitialProps
-    // 3. app.render
-    // 4. page.render
-    const originalRenderPage = ctx.renderPage;
-    // You can consider sharing the same emotion cache between all the SSR requests to speed up performance.
-    // However, be aware that it can have global side effects.
-    const cache = createEmotionCache();
-    const { extractCriticalToChunks } = createEmotionServer(cache);
-    ctx.renderPage = () => originalRenderPage({
-        enhanceApp: (App) => function EnhanceApp(props) {
-            return _jsx(App, { emotionCache: cache, ...props });
-        },
+Document.getInitialProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
+    var originalRenderPage, cache, extractCriticalToChunks, initialProps, emotionStyles, emotionStyleTags;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                originalRenderPage = ctx.renderPage;
+                cache = createEmotionCache();
+                extractCriticalToChunks = createEmotionServer(cache).extractCriticalToChunks;
+                ctx.renderPage = function () {
+                    return originalRenderPage({
+                        enhanceApp: function (App) {
+                            return function EnhanceApp(props) {
+                                return _jsx(App, __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 (_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*/, __assign(__assign({}, initialProps), { emotionStyleTags: emotionStyleTags })];
+        }
     });
-    const initialProps = await Document.getInitialProps(ctx);
-    // This is important. It prevents emotion to render invalid HTML.
-    // See https://github.com/mui-org/material-ui/issues/26561#issuecomment-855286153
-    const emotionStyles = extractCriticalToChunks(initialProps.html);
-    const emotionStyleTags = emotionStyles.styles.map((style) => (_jsx("style", { "data-emotion": `${style.key} ${style.ids.join(" ")}`, 
-        // eslint-disable-next-line react/no-danger
-        dangerouslySetInnerHTML: { __html: style.css } }, style.key)));
-    return {
-        ...initialProps,
-        emotionStyleTags,
-    };
-};
+}); };
 export default Document;

package/document/sc/index.js

@@ -1,3 +1,4 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 /* ? eslint-disable @next/next/no-document-import-in-page */
@@ -17,28 +18,48 @@ import { ServerStyleSheet } from "styled-components";
  * export { Document as default } from "@koine/next/document/sc";
  * ```
  */
-export class Document extends NextDocument {
-    static async getInitialProps(ctx) {
-        const sheet = new ServerStyleSheet();
-        const originalRenderPage = ctx.renderPage;
-        try {
-            ctx.renderPage = () => originalRenderPage({
-                enhanceApp: (App) => (props) => sheet.collectStyles(_jsx(App, { ...props })),
-            });
-            const initialProps = await NextDocument.getInitialProps(ctx);
-            return {
-                ...initialProps,
-                // @ts-expect-error FIXME: have they changed type?
-                styles: (_jsxs(React.Fragment, { children: [initialProps.styles, sheet.getStyleElement()] })),
-            };
-        }
-        finally {
-            sheet.seal();
-        }
-    }
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
+var Document = /** @class */ (function (_super) {
+    __extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-}
+    Document.getInitialProps = function (ctx) {
+        return __awaiter(this, void 0, void 0, function () {
+            var sheet, originalRenderPage, initialProps;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        sheet = new 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(_jsx(App, __assign({}, props)));
+                                }; },
+                            });
+                        };
+                        return [4 /*yield*/, NextDocument.getInitialProps(ctx)];
+                    case 2:
+                        initialProps = _a.sent();
+                        return [2 /*return*/, __assign(__assign({}, initialProps), { 
+                                // @ts-expect-error FIXME: have they changed type?
+                                styles: (_jsxs(React.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 (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };
 export default Document;

package/node/Analytics/AnalyticsGoogle.js

@@ -1,28 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnalyticsGoogle = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const router_1 = require("next/router");
-const script_1 = tslib_1.__importDefault(require("next/script"));
-const utils_1 = require("@koine/utils");
-const AnalyticsGoogle = ({ id }) => {
-    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    const { events, asPath, query } = (0, router_1.useRouter)();
-    const [ready, setReady] = (0, react_1.useState)(false);
-    const [routed, setRouted] = (0, react_1.useState)(false);
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var router_1 = require("next/router");
+var script_1 = tslib_1.__importDefault(require("next/script"));
+var utils_1 = require("@koine/utils");
+var AnalyticsGoogle = function (_a) {
+    var id = _a.id;
+    var uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
+    var _b = (0, router_1.useRouter)(), events = _b.events, asPath = _b.asPath, query = _b.query;
+    var _c = (0, react_1.useState)(false), ready = _c[0], setReady = _c[1];
+    var _d = (0, react_1.useState)(false), routed = _d[0], setRouted = _d[1];
     // const [url, setUrl] = useState("");
-    (0, react_1.useEffect)(() => {
-        const handleRouteChange = () => {
+    (0, react_1.useEffect)(function () {
+        var handleRouteChange = function () {
             setRouted(true);
         };
         events.on("routeChangeComplete", handleRouteChange);
-        return () => {
+        return function () {
             events.off("routeChangeComplete", handleRouteChange);
         };
     }, [events]);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         if (routed && ready && asPath) {
             // const search = query;
             (0, utils_1.pageview)(asPath);
@@ -31,12 +32,6 @@ const AnalyticsGoogle = ({ id }) => {
     if (!uid) {
         return null;
     }
-    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=${id}`, strategy: "afterInteractive", onLoad: () => setReady(true) }), (0, jsx_runtime_1.jsx)(script_1.default, { id: "google-analytics", strategy: "afterInteractive", children: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${id}', { 'send_page_view': false });
-        ` })] }));
+    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;

package/node/Analytics/index.js

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

package/node/Auth/helpers.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCallbackUrl = exports.getAuthRoutes = exports.AUTH_ROUTES = void 0;
-const utils_1 = require("@koine/utils");
+var utils_1 = require("@koine/utils");
 exports.AUTH_ROUTES = {
     login: process.env["AUTH_ROUTE_LOGIN"],
     profile: process.env["AUTH_ROUTE_PROFILE"],
@@ -9,10 +9,10 @@ exports.AUTH_ROUTES = {
     secured: JSON.parse(process.env["AUTH_ROUTES_SECURED"] || "[]"),
 };
 function getAuthRoutes(t) {
-    return Object.keys(exports.AUTH_ROUTES).reduce((map, name) => {
-        const routePage = exports.AUTH_ROUTES[name];
+    return Object.keys(exports.AUTH_ROUTES).reduce(function (map, name) {
+        var routePage = exports.AUTH_ROUTES[name];
         // @ts-expect-error cannot remember
-        map[name] = (0, utils_1.isString)(routePage) ? t(`~:${exports.AUTH_ROUTES[name]}`) : routePage;
+        map[name] = (0, utils_1.isString)(routePage) ? t("~:".concat(exports.AUTH_ROUTES[name])) : routePage;
         return map;
     }, {});
 }
@@ -20,7 +20,8 @@ exports.getAuthRoutes = getAuthRoutes;
 /**
  * @param url e.g. "http://localhost:3000/signin?callbackUrl=http://localhost:3000/profile"
  */
-function getCallbackUrl(url = window.location.href) {
+function getCallbackUrl(url) {
+    if (url === void 0) { url = window.location.href; }
     return url.split("callbackUrl=")[1] || "";
 }
 exports.getCallbackUrl = getCallbackUrl;

package/node/Auth/index.js

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