@koine/next 1.2.2 → 2.0.0-alpha.1

package/AnalyticsGoogle.js

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

package/AnalyticsGoogle.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { __assign } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";

package/DynamicNamespaces.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DynamicNamespaces = void 0;
 var tslib_1 = require("tslib");

package/DynamicNamespaces.mjs

@@ -1,3 +1,4 @@
+"use client";
 import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
 /**
  * **NOTE**: To make typescript work nicely here make sure to enable

package/NextProgress.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NextProgress = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");

package/NextProgress.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useRouter } from "next/router";

package/T.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.T = void 0;
 var tslib_1 = require("tslib");

package/T.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import Trans from "next-translate/Trans";

package/ThemeProvider.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
 var tslib_1 = require("tslib");

package/ThemeProvider.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { __assign, __spreadArray } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState, memo } from "react";

package/TransText.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TransText = void 0;
 var tslib_1 = require("tslib");

package/TransText.mjs

@@ -1,3 +1,4 @@
+"use client";
 import _TransText from "next-translate/TransText";
 export var TransText = _TransText;
 export default TransText;

package/auth/useLoginUrl.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLoginUrl = void 0;
 var react_1 = require("react");

package/auth/useLoginUrl.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect, useState } from "react";
 import { useT } from "../useT";
 import { getAuthRoutes } from "./helpers";

package/auth/useLogout.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogout = void 0;
 var tslib_1 = require("tslib");

package/auth/useLogout.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useCallback } from "react";
 import { useRouter } from "next/router";
 import { signOut } from "next-auth/react";

package/getT.js

@@ -1,8 +1,9 @@
 "use strict";
-/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getT = void 0;
 var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
 var getT_1 = tslib_1.__importDefault(require("next-translate/getT"));
 /**
  * **NOTE**: To make typescript work nicely here make sure to enable

package/getT.mjs

@@ -1,3 +1,4 @@
+"use client";
 /* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
 import getTranslation from "next-translate/getT";
 /**

package/index.d.ts

@@ -1,28 +1,2 @@
-export * from "./AnalyticsGoogle";
-export * from "./DisableErrorOverlay";
-export * from "./DynamicNamespaces";
-export * from "./Favicon";
-export * from "./getSiteUrl";
-export * from "./getT";
-export * from "./Head";
-export * from "./Link";
-export * from "./load";
-export * from "./NextProgress";
-export * from "./revalidate";
-export * from "./Seo";
-export * from "./SeoDefaults";
-export * from "./T";
-export * from "./ThemeContext";
-export * from "./ThemeProvider";
-export * from "./to";
-export * from "./translationAsOptions";
-export * from "./TransText";
-export * from "./types-i18n";
-export * from "./types-seo";
-export * from "./useBackUrl";
-export * from "./useDateFormat";
-export * from "./useForm";
-export * from "./useLocale";
-export * from "./useT";
-export * from "./useTheme";
-export * from "./useTo";
+export { getSiteUrl } from "./getSiteUrl";
+export { load } from "./load";

package/index.js

@@ -1,33 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./AnalyticsGoogle"), exports);
-// export * from "./createEmotionCache";
-tslib_1.__exportStar(require("./DisableErrorOverlay"), exports);
-tslib_1.__exportStar(require("./DynamicNamespaces"), exports);
-tslib_1.__exportStar(require("./Favicon"), exports);
-tslib_1.__exportStar(require("./getSiteUrl"), exports);
-tslib_1.__exportStar(require("./getT"), exports);
-tslib_1.__exportStar(require("./Head"), exports);
-tslib_1.__exportStar(require("./Link"), exports);
-tslib_1.__exportStar(require("./load"), exports);
-tslib_1.__exportStar(require("./NextProgress"), exports);
-tslib_1.__exportStar(require("./revalidate"), exports);
-tslib_1.__exportStar(require("./Seo"), exports);
-// export * from "./seoBuildTags";
-tslib_1.__exportStar(require("./SeoDefaults"), exports);
-tslib_1.__exportStar(require("./T"), exports);
-tslib_1.__exportStar(require("./ThemeContext"), exports);
-tslib_1.__exportStar(require("./ThemeProvider"), exports);
-tslib_1.__exportStar(require("./to"), exports);
-tslib_1.__exportStar(require("./translationAsOptions"), exports);
-tslib_1.__exportStar(require("./TransText"), exports);
-tslib_1.__exportStar(require("./types-i18n"), exports);
-tslib_1.__exportStar(require("./types-seo"), exports);
-tslib_1.__exportStar(require("./useBackUrl"), exports);
-tslib_1.__exportStar(require("./useDateFormat"), exports);
-tslib_1.__exportStar(require("./useForm"), exports);
-tslib_1.__exportStar(require("./useLocale"), exports);
-tslib_1.__exportStar(require("./useT"), exports);
-tslib_1.__exportStar(require("./useTheme"), exports);
-tslib_1.__exportStar(require("./useTo"), exports);
+exports.load = exports.getSiteUrl = void 0;
+var getSiteUrl_1 = require("./getSiteUrl");
+Object.defineProperty(exports, "getSiteUrl", { enumerable: true, get: function () { return getSiteUrl_1.getSiteUrl; } });
+var load_1 = require("./load");
+Object.defineProperty(exports, "load", { enumerable: true, get: function () { return load_1.load; } });

package/index.mjs

@@ -1,30 +1,2 @@
-export * from "./AnalyticsGoogle";
-// export * from "./createEmotionCache";
-export * from "./DisableErrorOverlay";
-export * from "./DynamicNamespaces";
-export * from "./Favicon";
-export * from "./getSiteUrl";
-export * from "./getT";
-export * from "./Head";
-export * from "./Link";
-export * from "./load";
-export * from "./NextProgress";
-export * from "./revalidate";
-export * from "./Seo";
-// export * from "./seoBuildTags";
-export * from "./SeoDefaults";
-export * from "./T";
-export * from "./ThemeContext";
-export * from "./ThemeProvider";
-export * from "./to";
-export * from "./translationAsOptions";
-export * from "./TransText";
-export * from "./types-i18n";
-export * from "./types-seo";
-export * from "./useBackUrl";
-export * from "./useDateFormat";
-export * from "./useForm";
-export * from "./useLocale";
-export * from "./useT";
-export * from "./useTheme";
-export * from "./useTo";
+export { getSiteUrl } from "./getSiteUrl";
+export { load } from "./load";

package/legacy/AnalyticsGoogle.d.ts

@@ -0,0 +1,6 @@
+export type AnalyticsGoogleProps = {
+    /** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */
+    id?: string;
+};
+export declare const AnalyticsGoogle: ({ id }: AnalyticsGoogleProps) => JSX.Element | null;
+export default AnalyticsGoogle;

package/legacy/AnalyticsGoogle.js

@@ -0,0 +1,39 @@
+"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];
+    // const [url, setUrl] = useState("");
+    (0, react_1.useEffect)(function () {
+        var handleRouteChange = function () {
+            setRouted(true);
+        };
+        events.on("routeChangeComplete", handleRouteChange);
+        return function () {
+            events.off("routeChangeComplete", handleRouteChange);
+        };
+    }, [events]);
+    (0, react_1.useEffect)(function () {
+        if (routed && ready && asPath) {
+            // const search = query;
+            (0, gtagPageview_1.default)(asPath);
+        }
+    }, [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, tslib_1.__assign({ id: "google-analytics", strategy: "afterInteractive" }, { children: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){window.dataLayer.push(arguments);}\n          gtag('js', new Date());\n\n          gtag('config', '".concat(id, "', { 'send_page_view': false });\n        ") }))] }));
+};
+exports.AnalyticsGoogle = AnalyticsGoogle;
+exports.default = exports.AnalyticsGoogle;

package/legacy/AnalyticsGoogle.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { __assign } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useRouter } from "next/router";
+import Script from "next/script";
+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];
+    // const [url, setUrl] = useState("");
+    useEffect(function () {
+        var handleRouteChange = function () {
+            setRouted(true);
+        };
+        events.on("routeChangeComplete", handleRouteChange);
+        return function () {
+            events.off("routeChangeComplete", handleRouteChange);
+        };
+    }, [events]);
+    useEffect(function () {
+        if (routed && ready && asPath) {
+            // const search = query;
+            gtagPageview(asPath);
+        }
+    }, [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, __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        ") }))] }));
+};
+export default AnalyticsGoogle;

package/legacy/DisableErrorOverlay.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Disable error overlay during `dev`
+ *
+ * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
+ */
+export declare const DisableErrorOverlay: () => JSX.Element;
+export default DisableErrorOverlay;

package/legacy/DisableErrorOverlay.js

@@ -0,0 +1,18 @@
+"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()});",
+            } })) }));
+};
+exports.DisableErrorOverlay = DisableErrorOverlay;
+exports.default = exports.DisableErrorOverlay;

package/legacy/DisableErrorOverlay.mjs

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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 default DisableErrorOverlay;

package/legacy/DynamicNamespaces.d.ts

@@ -0,0 +1,13 @@
+import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
+import type { DynamicNamespacesProps as BaseDynamicNamespacesProps } from "next-translate";
+import type { TranslateNamespace } from "./types-i18n";
+export type DynamicNamespacesProps = Omit<BaseDynamicNamespacesProps, "namespaces"> & {
+    namespaces: TranslateNamespace[];
+};
+/**
+ * **NOTE**: To make typescript work nicely here make sure to enable
+ * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
+ * in your `tsconfig.json` file.
+ */
+export declare const DynamicNamespaces: (props: DynamicNamespacesProps) => ReturnType<typeof BaseDynamicNamespaces>;
+export default DynamicNamespaces;

package/legacy/DynamicNamespaces.js

@@ -0,0 +1,13 @@
+"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;

package/legacy/DynamicNamespaces.mjs

@@ -0,0 +1,9 @@
+"use client";
+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 default DynamicNamespaces;

package/legacy/Favicon.d.ts

@@ -0,0 +1,4 @@
+import { type FaviconTagsProps } from "@koine/react/FaviconTags";
+export type FaviconProps = FaviconTagsProps;
+export declare const Favicon: (props: FaviconTagsProps) => JSX.Element;
+export default Favicon;

package/legacy/Favicon.js

@@ -0,0 +1,10 @@
+"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;

package/legacy/Favicon.mjs

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

package/legacy/Link.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { LinkProps as NextLinkProps } from "next/link";
+export type LinkProps = Omit<React.ComponentPropsWithRef<"a">, "href"> & Omit<NextLinkProps, "as" | "passHref" | "children"> & {
+    Link?: React.ComponentType<any>;
+};
+/**
+ * @see https://next.js.org/docs/api-reference/next/link
+ */
+export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/legacy/Link.js

@@ -0,0 +1,15 @@
+"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, tslib_1.__assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: (0, jsx_runtime_1.jsx)(Link, tslib_1.__assign({ ref: ref }, props)) })));
+});
+exports.default = exports.Link;

package/legacy/Link.mjs

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import NextLink from "next/link";
+/**
+ * @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, __assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: _jsx(Link, __assign({ ref: ref }, props)) })));
+});
+export default Link;

package/legacy/NextProgress.d.ts

@@ -0,0 +1,25 @@
+import type { Simplify } from "@koine/utils";
+import type { WithComponents } from "@koine/react/helpers";
+type OwnProps = {
+    /** @default 0.3 */
+    startAt?: number;
+    /** @default true */
+    showOnShallow?: boolean;
+    /** @default 200 */
+    stopDelayMs?: number;
+};
+export type Components = {
+    Overlay: {
+        type: "div";
+        props: {
+            running?: boolean;
+        };
+    };
+};
+export type ComponentsProps = {
+    [Name in keyof Components]: Components[Name]["props"];
+};
+type Props = Simplify<WithComponents<OwnProps, Components>>;
+export type NextProgressProps = Props;
+export declare const NextProgress: ({ startAt, showOnShallow, stopDelayMs, Overlay, }: NextProgressProps) => JSX.Element;
+export default NextProgress;

package/legacy/NextProgress.js

@@ -0,0 +1,46 @@
+"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;
+    // 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;
+        if (!shallow || showOnShallow) {
+            // setProgress(startAt);
+            setRunning(true);
+        }
+    }, [showOnShallow]);
+    var routeChangeEnd = (0, react_1.useCallback)(function (_, _a) {
+        var shallow = _a.shallow;
+        if (!shallow || showOnShallow) {
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+            timer.current = setTimeout(function () {
+                // setProgress(100);
+                setRunning(false);
+            }, stopDelayMs);
+        }
+    }, [showOnShallow, stopDelayMs, timer]);
+    (0, react_1.useEffect)(function () {
+        events.on("routeChangeStart", routeChangeStart);
+        events.on("routeChangeComplete", routeChangeEnd);
+        events.on("routeChangeError", routeChangeEnd);
+        return function () {
+            events.off("routeChangeStart", routeChangeStart);
+            events.off("routeChangeComplete", routeChangeEnd);
+            events.off("routeChangeError", routeChangeEnd);
+        };
+    }, [events, routeChangeStart, routeChangeEnd]);
+    return (0, jsx_runtime_1.jsx)(Overlay, { running: running });
+};
+exports.NextProgress = NextProgress;
+exports.default = exports.NextProgress;

package/legacy/NextProgress.mjs

@@ -0,0 +1,42 @@
+"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;
+    // 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;
+        if (!shallow || showOnShallow) {
+            // setProgress(startAt);
+            setRunning(true);
+        }
+    }, [showOnShallow]);
+    var routeChangeEnd = useCallback(function (_, _a) {
+        var shallow = _a.shallow;
+        if (!shallow || showOnShallow) {
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+            timer.current = setTimeout(function () {
+                // setProgress(100);
+                setRunning(false);
+            }, stopDelayMs);
+        }
+    }, [showOnShallow, stopDelayMs, timer]);
+    useEffect(function () {
+        events.on("routeChangeStart", routeChangeStart);
+        events.on("routeChangeComplete", routeChangeEnd);
+        events.on("routeChangeError", routeChangeEnd);
+        return function () {
+            events.off("routeChangeStart", routeChangeStart);
+            events.off("routeChangeComplete", routeChangeEnd);
+            events.off("routeChangeError", routeChangeEnd);
+        };
+    }, [events, routeChangeStart, routeChangeEnd]);
+    return _jsx(Overlay, { running: running });
+};
+export default NextProgress;

package/legacy/Seo.d.ts

@@ -0,0 +1,41 @@
+import type { NextSeoProps } from "next-seo/lib/types";
+import type { SeoData } from "./types-seo";
+import { type MetaTag, type LinkTag } from "./seoBuildTags";
+type SeoPropsOpenGraph = NextSeoProps["openGraph"] & {
+    image?: string;
+};
+/**
+ * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L395
+ */
+export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLinkTags" | "mobileAlternate" | "robotsProps"> & {
+    metaTags?: ReadonlyArray<MetaTag>;
+    linkTags?: ReadonlyArray<LinkTag>;
+    seo?: SeoData;
+    hidden?: SeoData["hidden"];
+    keywords?: SeoData["keywords"];
+    openGraph?: SeoPropsOpenGraph;
+    og?: SeoPropsOpenGraph;
+};
+/**
+ * Adapted from [garmeeh/next-seo](https://github.com/garmeeh/next-seo)
+ *
+ * See also:
+ * - https://github.com/catnose99/next-head-seo
+ * - https://nextjs.org/docs/api-reference/next/head
+ *
+ * NB: on the homepage you usually want to customize the `titleTemplate` to avoid
+ * doubled app name. Assuming your default seo configuration is something like:
+ *
+ * ```js
+ * {
+ *   titleTemplate: "%s | MyApp"
+ * }
+ * ```
+ *
+ * On the homepage you migh want to override it, e.g.:
+ * ```js
+ * <Seo title="MyApp | Some description" titleTemplate="%s" />
+ * ```
+ */
+export declare const Seo: (props: SeoProps) => JSX.Element;
+export default Seo;