@koine/next 2.0.0-beta.14 → 2.0.0-beta.16

package/package.json

@@ -2,30 +2,30 @@
   "name": "@koine/next",
   "sideEffects": false,
   "dependencies": {
-    "@koine/browser": "2.0.0-beta.14",
-    "@koine/react": "2.0.0-beta.14",
-    "@koine/utils": "2.0.0-beta.14"
+    "@koine/browser": "2.0.0-beta.16",
+    "@koine/react": "2.0.0-beta.16",
+    "@koine/utils": "2.0.0-beta.16"
   },
   "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": {
@@ -71,30 +71,149 @@
       "optional": true
     }
   },
-  "peerDependencies": {
-    "@hookform/resolvers": "^3.1.1",
-    "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-beta.9",
-    "@mui/utils": "^5.14.3",
-    "@tiptap/react": "^2.0.4",
-    "@tiptap/starter-kit": "^2.0.4",
-    "date-fns": "^2.30.0",
-    "date-fns-tz": "^2.0.0",
-    "framer-motion": "^10.15.0",
-    "next": "^13.4.12",
-    "next-auth": "^4.22.3",
-    "next-seo": "^6.1.0",
-    "next-translate": "^2.5.2",
-    "react": "^18.2.0",
-    "react-hook-form": "^7.45.2",
-    "react-icons": "^4.10.1",
-    "react-swipeable": "^7.0.1",
-    "styled-components": "^5.3.11",
-    "tslib": "^2.6.1",
-    "type-fest": "^4.1.0"
-  },
-  "module": "./index.mjs",
-  "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "2.0.0-beta.14"
-}
+  "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": {
+      "import": "./config.js"
+    },
+    "./getSiteUrl": {
+      "import": "./getSiteUrl.js"
+    },
+    "./load": {
+      "import": "./load.js"
+    },
+    "./useTheme": {
+      "import": "./useTheme.js"
+    }
+  },
+  "peerDependencies": {},
+  "version": "2.0.0-beta.16"
+}

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/useTheme.js

@@ -0,0 +1,5 @@
+"use client";
+import { useContext } from "react";
+import { ThemeContext } from "./ThemeContext.js";
+export var useTheme = function () { return useContext(ThemeContext); };
+export default useTheme;

package/12/AnalyticsGoogle.mjs

@@ -1,60 +0,0 @@
-"use client";
-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 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(()=>{
-        const handleRouteChange = ()=>{
-            setRouted(true);
-        };
-        events.on("routeChangeComplete", handleRouteChange);
-        return ()=>{
-            events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [
-        events
-    ]);
-    useEffect(()=>{
-        if (routed && ready && asPath) {
-            // const search = query;
-            gtagPageview(asPath);
-        }
-    }, [
-        asPath,
-        query,
-        routed,
-        ready
-    ]);
-    if (!uid) {
-        return null;
-    }
-    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.mjs

@@ -1,16 +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 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.mjs

@@ -1,8 +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 const DynamicNamespaces = BaseDynamicNamespaces;
-export default DynamicNamespaces;

package/12/Favicon.mjs

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

package/12/Link.mjs

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NextLink from "next/link";
-import React, { forwardRef } from "react";
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */ 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/Seo.mjs

@@ -1,30 +0,0 @@
-// import { memo } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-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 const Seo = (props)=>{
-    return /*#__PURE__*/ _jsx(Head, {
-        children: seoBuildTags(props)
-    });
-};
-export default Seo;

package/12/SeoDefaults.mjs

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

package/12/T.mjs

@@ -1,27 +0,0 @@
-"use client";
-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 const T = (props)=>/*#__PURE__*/ _jsx(Trans, {
-        ...props
-    });
-export default T; // export type TProps = Omit<TransProps, "i18nKey" | "ns"> & {
- //     i18nKey: TranslationsAllPaths;
- // };
- // export type TPropsNamespaced<
- //     TNamespace extends TranslateNamespace
- // > = Omit<TransProps, "i18nKey" | "ns"> & {
- //     i18nKey: TranslationsPaths<Translations[TNamespace]>;
- //     ns?: TNamespace;
- // };
- // export function T(props: TProps): JSX.Element;
- // export function T<TNamespace extends TranslateNamespace>(props: TPropsNamespaced<TNamespace>): JSX.Element;
- // export function T<TNamespace extends TranslateNamespace>(
- //   props: TProps<TNamespace>
- // ) {
- //   return <Trans {...props} />;
- // }
- // export { default as T } from "next-translate/Trans";

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.mjs

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-export const ThemeContext = /*#__PURE__*/ createContext({
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setTheme: (_)=>{},
-    themes: []
-});
-export default 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;