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

package/package.json

@@ -1,26 +1,31 @@
 {
   "name": "@koine/next",
   "sideEffects": false,
+  "dependencies": {
+    "@koine/browser": "2.0.0-beta.21",
+    "@koine/react": "2.0.0-beta.21",
+    "@koine/utils": "2.0.0-beta.21"
+  },
   "peerDependenciesMeta": {
-    "@emotion/react": {
+    "@hookform/resolvers": {
       "optional": true
     },
-    "@emotion/server": {
+    "@kuus/yup": {
       "optional": true
     },
-    "@emotion/styled": {
+    "@mui/base": {
       "optional": true
     },
-    "@hookform/resolvers": {
+    "@mui/material": {
       "optional": true
     },
-    "@kuus/yup": {
+    "@emotion/react": {
       "optional": true
     },
-    "@mui/base": {
+    "@emotion/server": {
       "optional": true
     },
-    "@mui/material": {
+    "@emotion/styled": {
       "optional": true
     },
     "@tiptap/react": {
@@ -66,37 +71,152 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@hookform/resolvers": "^3.1.0",
-    "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-beta.4",
-    "@mui/utils": "5.13.1",
-    "@tiptap/react": "2.0.3",
-    "@tiptap/starter-kit": "2.0.3",
-    "clsx": "1.2.1",
-    "date-fns": "^2.30.0",
-    "date-fns-tz": "^2.0.0",
-    "framer-motion": "^10.12.16",
-    "next": "^13.4.4",
-    "next-auth": "^4.22.1",
-    "next-seo": "^6.0.0",
-    "next-translate": "^2.0.6",
-    "react": "^18.2.0",
-    "react-hook-form": "^7.44.3",
-    "react-icons": "^4.9.0",
-    "react-swipeable": "^7.0.1",
-    "styled-components": "^5.3.11",
-    "ts-debounce": "^4.0.0",
-    "tslib": "^2.5.3",
-    "type-fest": "^3.11.1"
-  },
-  "peerDependencies": {
-    "@koine/browser": "2.0.0-beta.2",
-    "@koine/dom": "2.0.0-beta.2",
-    "@koine/utils": "2.0.0-beta.2"
-  },
-  "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "2.0.0-beta.2",
-  "module": "./index.mjs"
+  "type": "module",
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    },
+    "./12/AnalyticsGoogle": {
+      "import": "./12/AnalyticsGoogle.js"
+    },
+    "./12/DisableErrorOverlay": {
+      "import": "./12/DisableErrorOverlay.js"
+    },
+    "./12/DynamicNamespaces": {
+      "import": "./12/DynamicNamespaces.js"
+    },
+    "./12/Favicon": {
+      "import": "./12/Favicon.js"
+    },
+    "./12/Link": {
+      "import": "./12/Link.js"
+    },
+    "./12/NextProgress": {
+      "import": "./12/NextProgress.js"
+    },
+    "./12/Seo": {
+      "import": "./12/Seo.js"
+    },
+    "./12/SeoDefaults": {
+      "import": "./12/SeoDefaults.js"
+    },
+    "./12/T": {
+      "import": "./12/T.js"
+    },
+    "./12/TransText": {
+      "import": "./12/TransText.js"
+    },
+    "./12/app/AppHead": {
+      "import": "./12/app/AppHead.js"
+    },
+    "./12/app/AppMain": {
+      "import": "./12/app/AppMain.js"
+    },
+    "./12/app/css/AppMain": {
+      "import": "./12/app/css/AppMain.js"
+    },
+    "./12/app/css/AppTheme": {
+      "import": "./12/app/css/AppTheme.js"
+    },
+    "./12/app/css/auth": {
+      "import": "./12/app/css/auth/index.js"
+    },
+    "./12/app/css": {
+      "import": "./12/app/css/index.js"
+    },
+    "./12/app": {
+      "import": "./12/app/index.js"
+    },
+    "./12/app/sc/AppMain": {
+      "import": "./12/app/sc/AppMain.js"
+    },
+    "./12/app/sc/AppTheme": {
+      "import": "./12/app/sc/AppTheme.js"
+    },
+    "./12/app/sc/auth": {
+      "import": "./12/app/sc/auth/index.js"
+    },
+    "./12/app/sc": {
+      "import": "./12/app/sc/index.js"
+    },
+    "./12/document/Document": {
+      "import": "./12/document/Document.js"
+    },
+    "./12/document/css": {
+      "import": "./12/document/css/index.js"
+    },
+    "./12/document": {
+      "import": "./12/document/index.js"
+    },
+    "./12/document/sc": {
+      "import": "./12/document/sc/index.js"
+    },
+    "./12/getT": {
+      "import": "./12/getT.js"
+    },
+    "./12": {
+      "import": "./12/index.js"
+    },
+    "./12/seoBuildTags": {
+      "import": "./12/seoBuildTags.js"
+    },
+    "./12/to": {
+      "import": "./12/to.js"
+    },
+    "./12/translationAsOptions": {
+      "import": "./12/translationAsOptions.js"
+    },
+    "./12/types-i18n": {
+      "import": "./12/types-i18n.js"
+    },
+    "./12/types-seo": {
+      "import": "./12/types-seo.js"
+    },
+    "./12/types": {
+      "import": "./12/types.js"
+    },
+    "./12/useBackUrl": {
+      "import": "./12/useBackUrl.js"
+    },
+    "./12/useDateFormat": {
+      "import": "./12/useDateFormat.js"
+    },
+    "./12/useForm": {
+      "import": "./12/useForm.js"
+    },
+    "./12/useLocale": {
+      "import": "./12/useLocale.js"
+    },
+    "./12/useT": {
+      "import": "./12/useT.js"
+    },
+    "./12/useTo": {
+      "import": "./12/useTo.js"
+    },
+    "./ThemeContext": {
+      "import": "./ThemeContext.js"
+    },
+    "./ThemeProvider": {
+      "import": "./ThemeProvider.js"
+    },
+    "./config-i18n": {
+      "import": "./config-i18n.js"
+    },
+    "./config": {
+      "import": "./config.js"
+    },
+    "./getSiteUrl": {
+      "import": "./getSiteUrl.js"
+    },
+    "./load": {
+      "import": "./load.js"
+    },
+    "./useTheme": {
+      "import": "./useTheme.js"
+    }
+  },
+  "peerDependencies": {},
+  "version": "2.0.0-beta.21"
 }

package/useTheme.d.ts

@@ -0,0 +1,4 @@
+import { type ThemeContextProps } from "./ThemeContext.js";
+export type UseThemeProps = ThemeContextProps;
+export declare const useTheme: () => ThemeContextProps;
+export default useTheme;

package/{12/useTheme.mjs → useTheme.js}

@@ -1,8 +1,5 @@
 "use client";
 import { useContext } from "react";
-import { ThemeContext } from "./ThemeContext";
-/**
- * @borrows [next-themes](https://github.com/pacocoursey/next-themes)
- */
+import { ThemeContext } from "./ThemeContext.js";
 export var useTheme = function () { return useContext(ThemeContext); };
 export default useTheme;

package/12/AnalyticsGoogle.mjs

@@ -1,34 +0,0 @@
-"use client";
-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, { 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/12/DisableErrorOverlay.mjs

@@ -1,13 +0,0 @@
-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/12/DynamicNamespaces.mjs

@@ -1,9 +0,0 @@
-"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/12/Favicon.mjs

@@ -1,6 +0,0 @@
-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/12/Link.mjs

@@ -1,12 +0,0 @@
-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, { href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true, children: _jsx(Link, __assign({ ref: ref }, props)) }));
-});
-export default Link;

package/12/NextProgress.mjs

@@ -1,42 +0,0 @@
-"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/12/Seo.mjs

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import { memo } from "react";
-import Head from "next/head";
-import { seoBuildTags } from "./seoBuildTags";
-/**
- * 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 var Seo = function (props) {
-    return _jsx(Head, { children: seoBuildTags(props) });
-};
-export default Seo;

package/12/SeoDefaults.mjs

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import { memo } from "react";
-import Head from "next/head";
-// import { useRouter } from "next/router";
-// import { getSiteUrl } from "../utils";
-import { seoBuildTags } from "./seoBuildTags";
-export var SeoDefaults = function (props) {
-    // const router = useRouter();
-    // props.openGraph.url = getSiteUrl(router.asPath);
-    return _jsx(Head, { children: seoBuildTags(props) });
-};
-export default SeoDefaults;

package/12/T.mjs

@@ -1,13 +0,0 @@
-"use client";
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Trans from "next-translate/Trans";
-/**
- * **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 T = function (props) {
-    return (_jsx(Trans, __assign({}, props)));
-};
-export default T;

package/12/ThemeContext.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export type ThemeContextProps = {
-    /** List of all available theme names */
-    themes: string[];
-    /** Forced theme name for the current page */
-    forcedTheme?: string;
-    /** Update the theme */
-    setTheme: (theme: string) => void;
-    /** Active theme name */
-    theme?: string;
-    /** If `enableSystem` is true and the active theme is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `theme` */
-    resolvedTheme?: string;
-    /** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */
-    systemTheme?: "dark" | "light";
-};
-export declare const ThemeContext: import("react").Context<ThemeContextProps>;
-export default ThemeContext;

package/12/ThemeContext.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeContext = void 0;
-var react_1 = require("react");
-exports.ThemeContext = (0, react_1.createContext)({
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setTheme: function (_) { },
-    themes: [],
-});
-exports.default = exports.ThemeContext;

package/12/ThemeProvider.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-type ValueObject = {
-    [themeName: string]: string;
-};
-export type ThemeProviderProps = React.PropsWithChildren<{
-    /** List of all available theme names */
-    themes?: string[];
-    /** Forced theme name for the current page */
-    forcedTheme?: string;
-    /** Whether to switch between dark and light themes based on prefers-color-scheme */
-    enableSystem?: boolean;
-    /** Disable all CSS transitions when switching themes */
-    disableTransitionOnChange?: boolean;
-    /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
-    enableColorScheme?: boolean;
-    /** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light */
-    defaultTheme?: string;
-    /** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */
-    attribute?: string | "class";
-    /** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value */
-    value?: ValueObject;
-    /** Nonce string to pass to the inline script for CSP headers */
-    nonce?: string;
-}>;
-/**
- * @borrows [next-themes](https://github.com/pacocoursey/next-themes)
- *
- * Differences:
- *
- * - enableColorScheme: `false` by default (instead of `true`), this plays more
- * nicely with tailwind `dark` class mode as dark theme is supposed to be only
- * controlled by tailwind modifiers
- */
-export declare const ThemeProvider: ({ forcedTheme, disableTransitionOnChange, enableSystem, enableColorScheme, themes, defaultTheme, attribute, value, children, nonce, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default ThemeProvider;