@koine/next 2.0.0-beta.2 → 2.0.0-beta.5

package/12/AnalyticsGoogle.js

@@ -1,39 +1,79 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnalyticsGoogle = void 0;
-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 gtagPageview_1 = tslib_1.__importDefault(require("@koine/browser/gtagPageview"));
-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];
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AnalyticsGoogle: function() {
+        return AnalyticsGoogle;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _router = require("next/router");
+const _script = /*#__PURE__*/ _interop_require_default._(require("next/script"));
+const _react = require("react");
+const _gtagPageview = /*#__PURE__*/ _interop_require_default._(require("@koine/browser/gtagPageview"));
+const AnalyticsGoogle = ({ id })=>{
+    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
+    const { events, asPath, query } = (0, _router.useRouter)();
+    const [ready, setReady] = (0, _react.useState)(false);
+    const [routed, setRouted] = (0, _react.useState)(false);
     // const [url, setUrl] = useState("");
-    (0, react_1.useEffect)(function () {
-        var handleRouteChange = function () {
+    (0, _react.useEffect)(()=>{
+        const handleRouteChange = ()=>{
             setRouted(true);
         };
         events.on("routeChangeComplete", handleRouteChange);
-        return function () {
+        return ()=>{
             events.off("routeChangeComplete", handleRouteChange);
         };
-    }, [events]);
-    (0, react_1.useEffect)(function () {
+    }, [
+        events
+    ]);
+    (0, _react.useEffect)(()=>{
         if (routed && ready && asPath) {
             // const search = query;
-            (0, gtagPageview_1.default)(asPath);
+            (0, _gtagPageview.default)(asPath);
         }
-    }, [asPath, query, routed, ready]);
+    }, [
+        asPath,
+        query,
+        routed,
+        ready
+    ]);
     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=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), (0, jsx_runtime_1.jsx)(script_1.default, { 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        ") })] }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_script.default, {
+                id: "google-tagmanager",
+                src: `https://www.googletagmanager.com/gtag/js?id=${id}`,
+                strategy: "afterInteractive",
+                onLoad: ()=>setReady(true)
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_script.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 });
+        `
+            })
+        ]
+    });
 };
-exports.AnalyticsGoogle = AnalyticsGoogle;
-exports.default = exports.AnalyticsGoogle;
+const _default = AnalyticsGoogle;

package/12/AnalyticsGoogle.mjs

@@ -1,34 +1,60 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRouter } from "next/router";
 import Script from "next/script";
+import { useEffect, useState } from "react";
 import gtagPageview from "@koine/browser/gtagPageview";
-export var AnalyticsGoogle = function (_a) {
-    var id = _a.id;
-    var uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    var _b = useRouter(), events = _b.events, asPath = _b.asPath, query = _b.query;
-    var _c = useState(false), ready = _c[0], setReady = _c[1];
-    var _d = useState(false), routed = _d[0], setRouted = _d[1];
+export const AnalyticsGoogle = ({ id })=>{
+    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
+    const { events, asPath, query } = useRouter();
+    const [ready, setReady] = useState(false);
+    const [routed, setRouted] = useState(false);
     // const [url, setUrl] = useState("");
-    useEffect(function () {
-        var handleRouteChange = function () {
+    useEffect(()=>{
+        const handleRouteChange = ()=>{
             setRouted(true);
         };
         events.on("routeChangeComplete", handleRouteChange);
-        return function () {
+        return ()=>{
             events.off("routeChangeComplete", handleRouteChange);
         };
-    }, [events]);
-    useEffect(function () {
+    }, [
+        events
+    ]);
+    useEffect(()=>{
         if (routed && ready && asPath) {
             // const search = query;
             gtagPageview(asPath);
         }
-    }, [asPath, query, routed, ready]);
+    }, [
+        asPath,
+        query,
+        routed,
+        ready
+    ]);
     if (!uid) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), _jsx(Script, { 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        ") })] }));
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Script, {
+                id: "google-tagmanager",
+                src: `https://www.googletagmanager.com/gtag/js?id=${id}`,
+                strategy: "afterInteractive",
+                onLoad: ()=>setReady(true)
+            }),
+            /*#__PURE__*/ _jsx(Script, {
+                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 });
+        `
+            })
+        ]
+    });
 };
 export default AnalyticsGoogle;

package/12/DisableErrorOverlay.js

@@ -1,18 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisableErrorOverlay = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var head_1 = tslib_1.__importDefault(require("next/head"));
-/**
- * Disable error overlay during `dev`
- *
- * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
- */
-var DisableErrorOverlay = function () {
-    return ((0, jsx_runtime_1.jsx)(head_1.default, { children: process.env["NODE_ENV"] !== "production" && ((0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: {
-                __html: "window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});",
-            } })) }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DisableErrorOverlay: function() {
+        return DisableErrorOverlay;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _head = /*#__PURE__*/ _interop_require_default._(require("next/head"));
+const DisableErrorOverlay = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_head.default, {
+        children: process.env["NODE_ENV"] !== "production" && /*#__PURE__*/ (0, _jsxruntime.jsx)("script", {
+            dangerouslySetInnerHTML: {
+                __html: `window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});`
+            }
+        })
+    });
 };
-exports.DisableErrorOverlay = DisableErrorOverlay;
-exports.default = exports.DisableErrorOverlay;
+const _default = DisableErrorOverlay;

package/12/DisableErrorOverlay.mjs

@@ -4,10 +4,13 @@ import Head from "next/head";
  * Disable error overlay during `dev`
  *
  * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
- */
-export var DisableErrorOverlay = function () {
-    return (_jsx(Head, { children: process.env["NODE_ENV"] !== "production" && (_jsx("script", { dangerouslySetInnerHTML: {
-                __html: "window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});",
-            } })) }));
+ */ export const DisableErrorOverlay = ()=>{
+    return /*#__PURE__*/ _jsx(Head, {
+        children: process.env["NODE_ENV"] !== "production" && /*#__PURE__*/ _jsx("script", {
+            dangerouslySetInnerHTML: {
+                __html: `window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});`
+            }
+        })
+    });
 };
 export default DisableErrorOverlay;

package/12/DynamicNamespaces.d.ts

@@ -1,5 +1,5 @@
-import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
 import type { DynamicNamespacesProps as BaseDynamicNamespacesProps } from "next-translate";
+import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
 import type { TranslateNamespace } from "./types-i18n";
 export type DynamicNamespacesProps = Omit<BaseDynamicNamespacesProps, "namespaces"> & {
     namespaces: TranslateNamespace[];

package/12/DynamicNamespaces.js

@@ -1,13 +1,23 @@
-"use strict";
 "use client";
-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;
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DynamicNamespaces: function() {
+        return DynamicNamespaces;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _DynamicNamespaces = /*#__PURE__*/ _interop_require_default._(require("next-translate/DynamicNamespaces"));
+const DynamicNamespaces = _DynamicNamespaces.default;
+const _default = DynamicNamespaces;

package/12/DynamicNamespaces.mjs

@@ -4,6 +4,5 @@ import BaseDynamicNamespaces from "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.
- */
-export var DynamicNamespaces = BaseDynamicNamespaces;
+ */ export const DynamicNamespaces = BaseDynamicNamespaces;
 export default DynamicNamespaces;

package/12/Favicon.js

@@ -1,10 +1,29 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Favicon = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var head_1 = tslib_1.__importDefault(require("next/head"));
-var FaviconTags_1 = tslib_1.__importDefault(require("@koine/react/FaviconTags"));
-var Favicon = function (props) { return ((0, jsx_runtime_1.jsx)(head_1.default, { children: (0, jsx_runtime_1.jsx)(FaviconTags_1.default, tslib_1.__assign({}, props)) })); };
-exports.Favicon = Favicon;
-exports.default = exports.Favicon;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Favicon: function() {
+        return Favicon;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _head = /*#__PURE__*/ _interop_require_default._(require("next/head"));
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _FaviconTags = /*#__PURE__*/ _interop_require_default._(require("@koine/react/FaviconTags"));
+const Favicon = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_head.default, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FaviconTags.default, {
+            ...props
+        })
+    });
+const _default = Favicon;

package/12/Favicon.mjs

@@ -1,6 +1,10 @@
-import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import Head from "next/head";
+import React from "react";
 import FaviconTags from "@koine/react/FaviconTags";
-export var Favicon = function (props) { return (_jsx(Head, { children: _jsx(FaviconTags, __assign({}, props)) })); };
+export const Favicon = (props)=>/*#__PURE__*/ _jsx(Head, {
+        children: /*#__PURE__*/ _jsx(FaviconTags, {
+            ...props
+        })
+    });
 export default Favicon;

package/12/Link.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { LinkProps as NextLinkProps } from "next/link";
+import React from "react";
 export type LinkProps = Omit<React.ComponentPropsWithRef<"a">, "href"> & Omit<NextLinkProps, "as" | "passHref" | "children"> & {
     Link?: React.ComponentType<any>;
 };

package/12/Link.js

@@ -1,15 +1,38 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var link_1 = tslib_1.__importDefault(require("next/link"));
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */
-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, { 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)) }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
 });
-exports.default = exports.Link;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Link: function() {
+        return Link;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _link = /*#__PURE__*/ _interop_require_default._(require("next/link"));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const Link = /*#__PURE__*/ (0, _react.forwardRef)(function Link({ href, prefetch, replace, scroll, shallow, locale, Link = "span", ...props }, ref) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.default, {
+        href: href,
+        replace: replace,
+        scroll: scroll,
+        shallow: shallow,
+        locale: locale,
+        passHref: true,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Link, {
+            ref: ref,
+            ...props
+        })
+    });
+});
+const _default = Link;

package/12/Link.mjs

@@ -1,12 +1,20 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import NextLink from "next/link";
+import React, { forwardRef } from "react";
 /**
  * @see https://next.js.org/docs/api-reference/next/link
- */
-export var Link = 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 = __rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
-    return (_jsx(NextLink, { href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true, children: _jsx(Link, __assign({ ref: ref }, props)) }));
+ */ export const Link = /*#__PURE__*/ forwardRef(function Link({ href, prefetch, replace, scroll, shallow, locale, Link = "span", ...props }, ref) {
+    return /*#__PURE__*/ _jsx(NextLink, {
+        href: href,
+        replace: replace,
+        scroll: scroll,
+        shallow: shallow,
+        locale: locale,
+        passHref: true,
+        children: /*#__PURE__*/ _jsx(Link, {
+            ref: ref,
+            ...props
+        })
+    });
 });
 export default Link;

package/12/NextProgress.js

@@ -1,46 +1,69 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextProgress = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var router_1 = require("next/router");
-var NextProgress = function (_a) {
-    var _b = _a.startAt, startAt = _b === void 0 ? 0.3 : _b, _c = _a.showOnShallow, showOnShallow = _c === void 0 ? true : _c, _d = _a.stopDelayMs, stopDelayMs = _d === void 0 ? 200 : _d, _e = _a.Overlay, Overlay = _e === void 0 ? "div" : _e;
-    var events = (0, router_1.useRouter)().events;
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NextProgress: function() {
+        return NextProgress;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _router = require("next/router");
+const _react = require("react");
+const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, Overlay = "div" })=>{
+    const { events } = (0, _router.useRouter)();
     // const [progress, setProgress] = useState(0);
-    var _f = (0, react_1.useState)(false), running = _f[0], setRunning = _f[1];
-    var timer = (0, react_1.useRef)(null);
-    var routeChangeStart = (0, react_1.useCallback)(function (_, _a) {
-        var shallow = _a.shallow;
+    const [running, setRunning] = (0, _react.useState)(false);
+    const timer = (0, _react.useRef)(null);
+    const routeChangeStart = (0, _react.useCallback)((_, { shallow })=>{
         if (!shallow || showOnShallow) {
             // setProgress(startAt);
             setRunning(true);
         }
-    }, [showOnShallow]);
-    var routeChangeEnd = (0, react_1.useCallback)(function (_, _a) {
-        var shallow = _a.shallow;
+    }, [
+        showOnShallow
+    ]);
+    const routeChangeEnd = (0, _react.useCallback)((_, { shallow })=>{
         if (!shallow || showOnShallow) {
             if (timer.current) {
                 clearTimeout(timer.current);
             }
-            timer.current = setTimeout(function () {
+            timer.current = setTimeout(()=>{
                 // setProgress(100);
                 setRunning(false);
             }, stopDelayMs);
         }
-    }, [showOnShallow, stopDelayMs, timer]);
-    (0, react_1.useEffect)(function () {
+    }, [
+        showOnShallow,
+        stopDelayMs,
+        timer
+    ]);
+    (0, _react.useEffect)(()=>{
         events.on("routeChangeStart", routeChangeStart);
         events.on("routeChangeComplete", routeChangeEnd);
         events.on("routeChangeError", routeChangeEnd);
-        return function () {
+        return ()=>{
             events.off("routeChangeStart", routeChangeStart);
             events.off("routeChangeComplete", routeChangeEnd);
             events.off("routeChangeError", routeChangeEnd);
         };
-    }, [events, routeChangeStart, routeChangeEnd]);
-    return (0, jsx_runtime_1.jsx)(Overlay, { running: running });
+    }, [
+        events,
+        routeChangeStart,
+        routeChangeEnd
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Overlay, {
+        running: running
+    });
 };
-exports.NextProgress = NextProgress;
-exports.default = exports.NextProgress;
+const _default = NextProgress;

package/12/NextProgress.mjs

@@ -1,42 +1,51 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
 import { useRouter } from "next/router";
-export var NextProgress = function (_a) {
-    var _b = _a.startAt, startAt = _b === void 0 ? 0.3 : _b, _c = _a.showOnShallow, showOnShallow = _c === void 0 ? true : _c, _d = _a.stopDelayMs, stopDelayMs = _d === void 0 ? 200 : _d, _e = _a.Overlay, Overlay = _e === void 0 ? "div" : _e;
-    var events = useRouter().events;
+import { useCallback, useEffect, useRef, useState } from "react";
+export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, Overlay = "div" })=>{
+    const { events } = useRouter();
     // const [progress, setProgress] = useState(0);
-    var _f = useState(false), running = _f[0], setRunning = _f[1];
-    var timer = useRef(null);
-    var routeChangeStart = useCallback(function (_, _a) {
-        var shallow = _a.shallow;
+    const [running, setRunning] = useState(false);
+    const timer = useRef(null);
+    const routeChangeStart = useCallback((_, { shallow })=>{
         if (!shallow || showOnShallow) {
             // setProgress(startAt);
             setRunning(true);
         }
-    }, [showOnShallow]);
-    var routeChangeEnd = useCallback(function (_, _a) {
-        var shallow = _a.shallow;
+    }, [
+        showOnShallow
+    ]);
+    const routeChangeEnd = useCallback((_, { shallow })=>{
         if (!shallow || showOnShallow) {
             if (timer.current) {
                 clearTimeout(timer.current);
             }
-            timer.current = setTimeout(function () {
+            timer.current = setTimeout(()=>{
                 // setProgress(100);
                 setRunning(false);
             }, stopDelayMs);
         }
-    }, [showOnShallow, stopDelayMs, timer]);
-    useEffect(function () {
+    }, [
+        showOnShallow,
+        stopDelayMs,
+        timer
+    ]);
+    useEffect(()=>{
         events.on("routeChangeStart", routeChangeStart);
         events.on("routeChangeComplete", routeChangeEnd);
         events.on("routeChangeError", routeChangeEnd);
-        return function () {
+        return ()=>{
             events.off("routeChangeStart", routeChangeStart);
             events.off("routeChangeComplete", routeChangeEnd);
             events.off("routeChangeError", routeChangeEnd);
         };
-    }, [events, routeChangeStart, routeChangeEnd]);
-    return _jsx(Overlay, { running: running });
+    }, [
+        events,
+        routeChangeStart,
+        routeChangeEnd
+    ]);
+    return /*#__PURE__*/ _jsx(Overlay, {
+        running: running
+    });
 };
 export default NextProgress;

package/12/Seo.d.ts

@@ -1,6 +1,6 @@
 import type { NextSeoProps } from "next-seo/lib/types";
+import { type LinkTag, type MetaTag } from "./seoBuildTags";
 import type { SeoData } from "./types-seo";
-import { type MetaTag, type LinkTag } from "./seoBuildTags";
 type SeoPropsOpenGraph = NextSeoProps["openGraph"] & {
     image?: string;
 };