@koine/next 2.0.0-beta.37 → 2.0.0-beta.39

package/12/Seo.d.ts

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

package/12/SeoDefaults.d.ts

@@ -1,5 +1,5 @@
 import type { DefaultSeoProps } from "next-seo/lib/types";
-import { type LinkTag, type MetaTag } from "./seoBuildTags.js";
+import { type LinkTag, type MetaTag } from "./seoBuildTags";
 export type SeoDefaultsProps = Omit<DefaultSeoProps, "additionalMetaTags" | "additionalLinkTags" | "dangerouslySetAllPagesToNoIndex" | "dangerouslySetAllPagesToNoFollow" | "defaultOpenGraphImageWidth" | "defaultOpenGraphImageHeight" | "defaultOpenGraphVideoWidth" | "defaultOpenGraphVideoHeight" | "mobileAlternate" | "robotsProps"> & {
     metaTags?: ReadonlyArray<MetaTag>;
     linkTags?: ReadonlyArray<LinkTag>;

package/12/seoBuildTags.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { SeoProps } from "./Seo.js";
-import type { SeoDefaultsProps } from "./SeoDefaults.js";
+import type { SeoProps } from "./Seo";
+import type { SeoDefaultsProps } from "./SeoDefaults";
 export type MetaTag = React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;
 export type LinkTag = React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>;
 type BuildTagsParams = SeoProps & SeoDefaultsProps;

package/12/types.d.ts

@@ -1,4 +1 @@
-export type { TProps } from "./T.js";
-export type { GetT } from "./getT.js";
-export type { DynamicNamespacesProps } from "./DynamicNamespaces.js";
-export type { SeoDefaultsProps } from "./SeoDefaults.js";
+export type { SeoDefaultsProps } from "./SeoDefaults";

package/12.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./12";

package/12.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./12.cjs.js').default;

package/12.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var router = require('next/router');
+var o = require('next/script');
+var react = require('react');
+var browser = require('@koine/browser');
+var r = require('next/head');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var o__default = /*#__PURE__*/_interopDefaultLegacy(o);
+var r__default = /*#__PURE__*/_interopDefaultLegacy(r);
+
+const AnalyticsGoogle=({id:i})=>{let l=i||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=router.useRouter(),[p,f]=react.useState(!1),[w,u]=react.useState(!1);return (react.useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),react.useEffect(()=>{w&&p&&c&&browser.gtagPageview(c);},[c,d,w,p]),l)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(o__default["default"],{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${i}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),jsxRuntime.jsx(o__default["default"],{id:"google-analytics",strategy:"afterInteractive",children:`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${i}', { 'send_page_view': false });
+        `})]}):null};
+
+const DisableErrorOverlay=()=>jsxRuntime.jsx(r__default["default"],{children:"development"===process.env.NODE_ENV&&jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
+
+exports.AnalyticsGoogle = AnalyticsGoogle;
+exports.DisableErrorOverlay = DisableErrorOverlay;

package/12.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './12.cjs.js';
+export { _default as default } from './12.cjs.default.js';

package/12.d.ts

@@ -0,0 +1,3 @@
+export { AnalyticsGoogle, type AnalyticsGoogleProps, } from "./12/AnalyticsGoogle";
+export { DisableErrorOverlay } from "./12/DisableErrorOverlay";
+export * from "./12/types";

package/12.esm.js

@@ -0,0 +1,18 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRouter } from 'next/router';
+import o from 'next/script';
+import { useState, useEffect } from 'react';
+import { gtagPageview } from '@koine/browser';
+import r from 'next/head';
+
+const AnalyticsGoogle=({id:i})=>{let l=i||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=useRouter(),[p,f]=useState(!1),[w,u]=useState(!1);return (useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),useEffect(()=>{w&&p&&c&&gtagPageview(c);},[c,d,w,p]),l)?jsxs(Fragment,{children:[jsx(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${i}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),jsx(o,{id:"google-analytics",strategy:"afterInteractive",children:`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${i}', { 'send_page_view': false });
+        `})]}):null};
+
+const DisableErrorOverlay=()=>jsx(r,{children:"development"===process.env.NODE_ENV&&jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
+
+export { AnalyticsGoogle, DisableErrorOverlay };

package/README.md

@@ -0,0 +1,13 @@
+# @koine/next
+
+## i18n
+
+To make typescript work nicely with `useT`, `getT` and `T` make sure to enable [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule) in your `tsconfig.json` file:
+
+```json
+{
+  "compilerOptions": {
+    "resolveJsonModule": true
+  }
+}
+```

package/config-i18n.d.ts

@@ -11,18 +11,6 @@ type Route = string | {
 type RoutesByLocale = Record<string, Route>;
 export type Locale = string;
 export type Routes = Record<Locale, RoutesByLocale>;
-type RoutesMapRoute = {
-    template: string;
-    pathname: string;
-    wildcard?: boolean;
-};
-export declare function orderRoutes(routes: Routes, defaultLocale: Locale): {
-    [x: string]: RoutesByLocale;
-};
-export declare function normaliseUrlPathname(pathname?: string): string;
-export declare function toPath(urlOrPathname?: string): string;
-export declare function encodePathname(pathname?: string): string;
-export declare function getRoutesOfDefaultLocale(routes: Routes | RoutesByLocale, defaultLocale?: Locale): RoutesByLocale;
 export type ConfigI18nOptions = {
     locales: Locale[];
     defaultLocale: Locale;
@@ -34,22 +22,8 @@ type Options = ConfigI18nOptions & {
     debug?: boolean;
     permanent?: boolean;
 };
-export declare function getPathRedirect(arg: Pick<GetRedirectsOptions, "localeParam" | "permanent"> & {
-    localeSource?: Locale;
-    localeDestination?: Locale;
-    route: RoutesMapRoute;
-    usePathnameAsSource?: boolean;
-}): Redirect | undefined;
 type GetRedirectsOptions = Options;
-export declare function getRedirects(arg: GetRedirectsOptions): Promise<Redirect[]>;
-export declare function getPathRewrite(arg: Pick<GetRewritesOptions, "localeParam"> & {
-    localeSource?: Locale;
-    localeDestination?: Locale;
-    route: RoutesMapRoute;
-}): {
-    source: string;
-    destination: string;
-} | undefined;
+export declare function getRedirects(arg: GetRedirectsOptions): Redirect[];
 type GetRewritesOptions = Options;
-export declare function getRewrites(arg: GetRewritesOptions): Promise<Rewrite[]>;
+export declare function getRewrites(arg: GetRewritesOptions): Rewrite[];
 export {};

package/config.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./config";

package/config.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./config.cjs.js').default;

package/config.cjs.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let e=(e,t)=>e.filter((e,n,i)=>i.findIndex(n=>t.every(t=>n[t]===e[t]))===n);function t(e,t){let{[t]:n,...i}=e;return {[t]:n,...i}}function n(e=""){return e.replace(/\/+\//g,"/").replace(/^\/*(.*?)\/*$/,"$1")}function i(e){let{pathname:t,template:n}=e,i=t.split("/").filter(e=>!!e),l=n.split("/").filter(e=>!!e),o={};return {pathname:i.map(e=>{let t=e.endsWith("*"),n=(e=e.replace("*","")).startsWith("{{")&&e.endsWith("}}"),i=n?e.match(/{{(.+)}}/)?.[1].trim()??"":e.trim(),l=encodeURIComponent(i)+(t?"*":"");return o[i]={isDynamic:n,hasWildcard:t},n?`:${l}`:l}).join("/"),template:l.map(e=>{let t=e.startsWith("[")&&e.endsWith("]"),n=t?e.match(/\[(.+)\]/)?.[1].trim()??"":e.trim(),i=o[n]?.hasWildcard,l=encodeURIComponent(n)+(i?"*":"");return t?`:${l}`:l}).join("/")}}function l(e={},t,n="",i=""){let o=Object.keys(t).includes("[spa]");for(let r in t){let a=t[r],c=`${i}/${r}`;"string"==typeof a?(!o||o&&["[spa]","index"].includes(r))&&(e[c]={template:c,pathname:a,wildcard:a.includes("*")}):o||l(e,a,n,c);}return e}function o(e){return e.replace(/\/index$/,"")}function r(e){let{localeSource:t,localeDestination:l,route:r,usePathnameAsSource:a,permanent:c}=e,{template:s,pathname:u}=i(r),p=t?`${t}/`:"",f=o(`/${n(p+(a?u:s))}`),h=l?`${l}/`:"",d=`/${n(h+u)}`;if(f!==d)return {source:f,destination:d,permanent:!!c}}function getRedirects(n){let{routes:i,defaultLocale:a,hideDefaultLocaleInUrl:c,localeParam:s,permanent:u,debug:p}=n,f=t(i,a),h=[];for(let e in f){let t=l({},i[e]);for(let n in t){let i=t[n];if(i.pathname!==o(n)){let t=e===a&&!c,n=e===a&&c;s?t?h.push(r({localeDestination:e,route:i,permanent:u})):n?h.push(r({localeSource:e,route:i,permanent:u})):e!==a?h.push(r({localeSource:e,localeDestination:e,route:i,permanent:u})):h.push(r({route:i,permanent:u})):t?h.push(r({localeDestination:e,route:i,permanent:u})):e!==a?h.push(r({localeSource:e,localeDestination:e,route:i,permanent:u})):h.push(r({route:i,permanent:u}));}}}let d=e(h.filter(Boolean),["source","destination"]).map(e=>s?e:{...e,locale:!1});return p&&console.info("[@koine/next/config:getRedirects]",d),d}function a(e){let{localeSource:t,localeDestination:l,localeParam:r,route:a}=e,{pathname:c,template:s}=i(a),u="";t?u=`${t}/`:r&&(u=`:${r}/`);let p=`/${n(u+c)}`,f="";l?f=`${l}/`:r&&(f=`:${r}/`);let h=o(`/${n(f+s)}`);if(p!==h)return {source:p,destination:h}}function getRewrites(n){let{routes:i,defaultLocale:r,hideDefaultLocaleInUrl:c,localeParam:s,debug:u}=n,p=t(i,r),f=[];for(let e in p){let t=l({},i[e]);for(let n in t){let i=t[n],l=e===r&&!c,u=e===r&&c;s?u?f.push(a({localeDestination:e,route:i})):f.push(a({localeParam:s,route:i})):i.pathname!==o(n)&&(e!==r||l?f.push(a({localeSource:e,route:i})):f.push(a({route:i})));}}let h=e(f.filter(Boolean),["source","destination"]);return u&&console.info("[@koine/next/config:getRewrites]",h),h}
+
+let withKoine=({nx:i=!0,svg:t=!0,page:n,routes:l,permanent:o,debug:s,...a}={i18n:{locales:["en"],defaultLocale:"en",hideDefaultLocaleInUrl:!1}})=>{let c={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,modularizeImports:{"@koine/i18n":{transform:"@koine/i18n/{{member}}"},"@koine/next/?(((\\w*)?/?)*)":{transform:"@koine/next/{{ matches.[1] }}/{{member}}"},...a.modularizeImports||{}},experimental:{scrollRestoration:!0,...a.experimental||{}},...a};if(t&&(i?c.nx={svgr:!0}:(delete c.nx,c.webpack=(e,r)=>{let i="function"==typeof c.webpack?c.webpack(e,r):e;return i.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),i})),a.i18n){let{locales:e,defaultLocale:r,localeParam:i}=a.i18n;i?delete c.i18n:c.i18n={locales:e,defaultLocale:r};}return l?{...c,async redirects(){let r=getRedirects({routes:l,permanent:o,debug:s,...a.i18n});return c.redirects?[...r,...await c.redirects()]:r},async rewrites(){let e=getRewrites({routes:l,debug:s,...a.i18n});if(c.rewrites){let r=await c.rewrites();return Array.isArray(r)?{beforeFiles:e,afterFiles:r,fallback:[]}:{...r,beforeFiles:[...e,...r.beforeFiles||[]]}}return {beforeFiles:e,afterFiles:[],fallback:[]}}}:c};
+
+exports.withKoine = withKoine;

package/config.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './config.cjs.js';
+export { _default as default } from './config.cjs.default.js';

package/config.d.ts

@@ -12,7 +12,7 @@ interface KoineNextConfig {
 }
 interface MergedConfig extends KoineNextConfig, Omit<NextConfig, "i18n"> {
 }
-export declare function withKoine({ nx, svg, page, routes, permanent, debug, ...custom }?: MergedConfig): NextConfig | {
+export declare let withKoine: ({ nx, svg, page, routes, permanent, debug, ...custom }?: MergedConfig) => NextConfig | {
     redirects(): Promise<import("./config-i18n.js").Redirect[]>;
     rewrites(): Promise<{
         beforeFiles: import("./config-i18n.js").Rewrite[];
@@ -33,10 +33,12 @@ export declare function withKoine({ nx, svg, page, routes, permanent, debug, ...
     excludeDefaultMomentLocales?: boolean | undefined;
     webpack?: import("next/dist/server/config-shared.js").NextJsWebpackConfig | null | undefined;
     trailingSlash?: boolean | undefined;
-    env?: Record<string, string> | undefined;
+    env?: Record<string, string | undefined> | undefined;
     distDir?: string | undefined;
     cleanDistDir?: boolean | undefined;
     assetPrefix?: string | undefined;
+    cacheHandler?: string | undefined;
+    cacheMaxMemorySize?: number | undefined;
     useFileSystemPublicRoutes?: boolean | undefined;
     generateBuildId?: (() => string | Promise<string | null> | null) | undefined;
     generateEtags?: boolean | undefined;
@@ -109,4 +111,4 @@ export declare function withKoine({ nx, svg, page, routes, permanent, debug, ...
     } | undefined;
     experimental?: import("next/dist/server/config-shared.js").ExperimentalConfig | undefined;
 };
-export default withKoine;
+export {};

package/config.esm.js

@@ -0,0 +1,5 @@
+let e=(e,t)=>e.filter((e,n,i)=>i.findIndex(n=>t.every(t=>n[t]===e[t]))===n);function t(e,t){let{[t]:n,...i}=e;return {[t]:n,...i}}function n(e=""){return e.replace(/\/+\//g,"/").replace(/^\/*(.*?)\/*$/,"$1")}function i(e){let{pathname:t,template:n}=e,i=t.split("/").filter(e=>!!e),l=n.split("/").filter(e=>!!e),o={};return {pathname:i.map(e=>{let t=e.endsWith("*"),n=(e=e.replace("*","")).startsWith("{{")&&e.endsWith("}}"),i=n?e.match(/{{(.+)}}/)?.[1].trim()??"":e.trim(),l=encodeURIComponent(i)+(t?"*":"");return o[i]={isDynamic:n,hasWildcard:t},n?`:${l}`:l}).join("/"),template:l.map(e=>{let t=e.startsWith("[")&&e.endsWith("]"),n=t?e.match(/\[(.+)\]/)?.[1].trim()??"":e.trim(),i=o[n]?.hasWildcard,l=encodeURIComponent(n)+(i?"*":"");return t?`:${l}`:l}).join("/")}}function l(e={},t,n="",i=""){let o=Object.keys(t).includes("[spa]");for(let r in t){let a=t[r],c=`${i}/${r}`;"string"==typeof a?(!o||o&&["[spa]","index"].includes(r))&&(e[c]={template:c,pathname:a,wildcard:a.includes("*")}):o||l(e,a,n,c);}return e}function o(e){return e.replace(/\/index$/,"")}function r(e){let{localeSource:t,localeDestination:l,route:r,usePathnameAsSource:a,permanent:c}=e,{template:s,pathname:u}=i(r),p=t?`${t}/`:"",f=o(`/${n(p+(a?u:s))}`),h=l?`${l}/`:"",d=`/${n(h+u)}`;if(f!==d)return {source:f,destination:d,permanent:!!c}}function getRedirects(n){let{routes:i,defaultLocale:a,hideDefaultLocaleInUrl:c,localeParam:s,permanent:u,debug:p}=n,f=t(i,a),h=[];for(let e in f){let t=l({},i[e]);for(let n in t){let i=t[n];if(i.pathname!==o(n)){let t=e===a&&!c,n=e===a&&c;s?t?h.push(r({localeDestination:e,route:i,permanent:u})):n?h.push(r({localeSource:e,route:i,permanent:u})):e!==a?h.push(r({localeSource:e,localeDestination:e,route:i,permanent:u})):h.push(r({route:i,permanent:u})):t?h.push(r({localeDestination:e,route:i,permanent:u})):e!==a?h.push(r({localeSource:e,localeDestination:e,route:i,permanent:u})):h.push(r({route:i,permanent:u}));}}}let d=e(h.filter(Boolean),["source","destination"]).map(e=>s?e:{...e,locale:!1});return p&&console.info("[@koine/next/config:getRedirects]",d),d}function a(e){let{localeSource:t,localeDestination:l,localeParam:r,route:a}=e,{pathname:c,template:s}=i(a),u="";t?u=`${t}/`:r&&(u=`:${r}/`);let p=`/${n(u+c)}`,f="";l?f=`${l}/`:r&&(f=`:${r}/`);let h=o(`/${n(f+s)}`);if(p!==h)return {source:p,destination:h}}function getRewrites(n){let{routes:i,defaultLocale:r,hideDefaultLocaleInUrl:c,localeParam:s,debug:u}=n,p=t(i,r),f=[];for(let e in p){let t=l({},i[e]);for(let n in t){let i=t[n],l=e===r&&!c,u=e===r&&c;s?u?f.push(a({localeDestination:e,route:i})):f.push(a({localeParam:s,route:i})):i.pathname!==o(n)&&(e!==r||l?f.push(a({localeSource:e,route:i})):f.push(a({route:i})));}}let h=e(f.filter(Boolean),["source","destination"]);return u&&console.info("[@koine/next/config:getRewrites]",h),h}
+
+let withKoine=({nx:i=!0,svg:t=!0,page:n,routes:l,permanent:o,debug:s,...a}={i18n:{locales:["en"],defaultLocale:"en",hideDefaultLocaleInUrl:!1}})=>{let c={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,modularizeImports:{"@koine/i18n":{transform:"@koine/i18n/{{member}}"},"@koine/next/?(((\\w*)?/?)*)":{transform:"@koine/next/{{ matches.[1] }}/{{member}}"},...a.modularizeImports||{}},experimental:{scrollRestoration:!0,...a.experimental||{}},...a};if(t&&(i?c.nx={svgr:!0}:(delete c.nx,c.webpack=(e,r)=>{let i="function"==typeof c.webpack?c.webpack(e,r):e;return i.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),i})),a.i18n){let{locales:e,defaultLocale:r,localeParam:i}=a.i18n;i?delete c.i18n:c.i18n={locales:e,defaultLocale:r};}return l?{...c,async redirects(){let r=getRedirects({routes:l,permanent:o,debug:s,...a.i18n});return c.redirects?[...r,...await c.redirects()]:r},async rewrites(){let e=getRewrites({routes:l,debug:s,...a.i18n});if(c.rewrites){let r=await c.rewrites();return Array.isArray(r)?{beforeFiles:e,afterFiles:r,fallback:[]}:{...r,beforeFiles:[...e,...r.beforeFiles||[]]}}return {beforeFiles:e,afterFiles:[],fallback:[]}}}:c};
+
+export { withKoine };

package/index.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./index";

package/index.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./index.cjs.js').default;

package/index.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var o = require('next/script');
+var utils = require('@koine/utils');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var o__default = /*#__PURE__*/_interopDefaultLegacy(o);
+
+function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+const ThemeContext=react.createContext({setTheme:e=>{},themes:[]});
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";const ThemeProvider=({forcedTheme:r,disableTransitionOnChange:o=!1,enableSystem:v=!0,enableColorScheme:y,themes:p=["light","dark"],defaultTheme:g=v?"system":"light",attribute:w="data-theme",value:x,children:S,nonce:k})=>{let[b,L]=react.useState(()=>u(c,g)),[T,j]=react.useState(()=>u(c)),C=x?Object.values(x):p,E=react.useCallback(e=>{let t=e;if(utils.isServer||!t)return;"system"===e&&v&&(t=f());let r=x?x[t]:t,i=o?$():null,n=document.documentElement;if("class"===w?(n.classList.remove(...C),r&&n.classList.add(r)):r?n.setAttribute(w,r):n.removeAttribute(w),y){let e=l.includes(g)?g:"",r=l.includes(t)?t:e;n.style.colorScheme=r;}i?.();},[w,C,g,o,y,v,x]),I=react.useCallback(e=>{L(e);try{localStorage.setItem(c,e);}catch(e){}},[]),M=react.useCallback(e=>{j(f(e)),"system"===b&&v&&!r&&E("system");},[b,v,r,E]);return react.useEffect(()=>{let e=window.matchMedia(d);return e.addListener(M),M(e),()=>e.removeListener(M)},[M]),react.useEffect(()=>{let e=e=>{e.key===c&&I(e.newValue||g);};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),react.useEffect(()=>{E(r??b);},[E,r,b]),jsxRuntime.jsxs(ThemeContext.Provider,{value:{theme:b,setTheme:I,forcedTheme:r,resolvedTheme:"system"===b?T:b,themes:v?[...p,"system"]:p,systemTheme:v?T:void 0},children:[jsxRuntime.jsx(h,{forcedTheme:r,disableTransitionOnChange:o,enableSystem:v,enableColorScheme:y,themes:p,defaultTheme:g,attribute:w,value:x,children:S,attrs:C,nonce:k}),S]})};let h=react.memo(({forcedTheme:t,attribute:o,enableSystem:i,enableColorScheme:n,defaultTheme:s,value:a,attrs:m,nonce:h})=>{let u="system"===s,$=(()=>{let e=`d.remove(${m.map(e=>`'${e}'`).join(",")})`;return `var d=document.documentElement.classList;${e};`})(),f=n?(l.includes(s)?s:null)?`if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${s}'`:"if(e==='light'||e==='dark')d.style.colorScheme=e":"",y=(e,t=!1,r=!0)=>{let i=a?a[e]:e,s=t?e+"|| ''":`'${i}'`,m="";return n&&r&&!t&&l.includes(e)&&(m+=`d.style.colorScheme = '${e}';`),"class"===o?t||i?m+=`d.add(${s})`:m+="null":i&&(m+=`d[s](n, ${s})`),m},p=t?`!function(){${$}${y(t)}}()`:i?`!function(){try {${$}var e=localStorage.getItem('${c}');if("system"===e||(!e&&${u})){var t="${d}",m=window.matchMedia(t);if(m.media!==t||m.matches){${y("dark")}}else{${y("light")}}}else if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}${u?"":"else{"+y(s,!1,!1)+"}"}${f}}catch(e){}}()`:`!function(){try{${$}var e=localStorage.getItem("${c}");if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}else{${y(s,!1,!1)};}${f}}catch(t){}}();`;return jsxRuntime.jsx(o__default["default"],{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>!0),u=(e,t)=>{let r;if(!utils.isServer){try{r=localStorage.getItem(e)||void 0;}catch(e){}return r||t}},$=()=>{let e=document,t=e.createElement("style");return t.appendChild(e.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),e.head.appendChild(t),()=>{window.getComputedStyle(e.body),setTimeout(()=>{e.head.removeChild(t);},1);}},f=e=>(e||(e=window.matchMedia(d)),e.matches?"dark":"light"),v=e=>utils.isServer?Buffer.from(e).toString("base64"):btoa(e);
+
+const useTheme=()=>react.useContext(ThemeContext);
+
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
+exports.load = load;
+exports.useTheme = useTheme;

package/index.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './index.cjs.js';
+export { _default as default } from './index.cjs.default.js';

package/index.d.ts

@@ -1,4 +1,4 @@
-export { load } from "./load.js";
-export { ThemeContext, type ThemeContextProps } from "./ThemeContext.js";
-export { ThemeProvider, type ThemeProviderProps } from "./ThemeProvider.js";
-export { useTheme, type UseThemeProps } from "./useTheme.js";
+export { load } from "./utils/load";
+export { ThemeContext, type ThemeContextProps } from "./theme/ThemeContext";
+export { ThemeProvider, type ThemeProviderProps } from "./theme/ThemeProvider";
+export { useTheme, type UseThemeProps } from "./theme/useTheme";

package/index.esm.js

@@ -0,0 +1,14 @@
+import { createContext, useState, useCallback, useEffect, memo, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import o from 'next/script';
+import { isServer } from '@koine/utils';
+
+function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+const ThemeContext=createContext({setTheme:e=>{},themes:[]});
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";const ThemeProvider=({forcedTheme:r,disableTransitionOnChange:o=!1,enableSystem:v=!0,enableColorScheme:y,themes:p=["light","dark"],defaultTheme:g=v?"system":"light",attribute:w="data-theme",value:x,children:S,nonce:k})=>{let[b,L]=useState(()=>u(c,g)),[T,j]=useState(()=>u(c)),C=x?Object.values(x):p,E=useCallback(e=>{let t=e;if(isServer||!t)return;"system"===e&&v&&(t=f());let r=x?x[t]:t,i=o?$():null,n=document.documentElement;if("class"===w?(n.classList.remove(...C),r&&n.classList.add(r)):r?n.setAttribute(w,r):n.removeAttribute(w),y){let e=l.includes(g)?g:"",r=l.includes(t)?t:e;n.style.colorScheme=r;}i?.();},[w,C,g,o,y,v,x]),I=useCallback(e=>{L(e);try{localStorage.setItem(c,e);}catch(e){}},[]),M=useCallback(e=>{j(f(e)),"system"===b&&v&&!r&&E("system");},[b,v,r,E]);return useEffect(()=>{let e=window.matchMedia(d);return e.addListener(M),M(e),()=>e.removeListener(M)},[M]),useEffect(()=>{let e=e=>{e.key===c&&I(e.newValue||g);};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),useEffect(()=>{E(r??b);},[E,r,b]),jsxs(ThemeContext.Provider,{value:{theme:b,setTheme:I,forcedTheme:r,resolvedTheme:"system"===b?T:b,themes:v?[...p,"system"]:p,systemTheme:v?T:void 0},children:[jsx(h,{forcedTheme:r,disableTransitionOnChange:o,enableSystem:v,enableColorScheme:y,themes:p,defaultTheme:g,attribute:w,value:x,children:S,attrs:C,nonce:k}),S]})};let h=memo(({forcedTheme:t,attribute:o$1,enableSystem:i,enableColorScheme:n,defaultTheme:s,value:a,attrs:m,nonce:h})=>{let u="system"===s,$=(()=>{let e=`d.remove(${m.map(e=>`'${e}'`).join(",")})`;return `var d=document.documentElement.classList;${e};`})(),f=n?(l.includes(s)?s:null)?`if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${s}'`:"if(e==='light'||e==='dark')d.style.colorScheme=e":"",y=(e,t=!1,r=!0)=>{let i=a?a[e]:e,s=t?e+"|| ''":`'${i}'`,m="";return n&&r&&!t&&l.includes(e)&&(m+=`d.style.colorScheme = '${e}';`),"class"===o$1?t||i?m+=`d.add(${s})`:m+="null":i&&(m+=`d[s](n, ${s})`),m},p=t?`!function(){${$}${y(t)}}()`:i?`!function(){try {${$}var e=localStorage.getItem('${c}');if("system"===e||(!e&&${u})){var t="${d}",m=window.matchMedia(t);if(m.media!==t||m.matches){${y("dark")}}else{${y("light")}}}else if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}${u?"":"else{"+y(s,!1,!1)+"}"}${f}}catch(e){}}()`:`!function(){try{${$}var e=localStorage.getItem("${c}");if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}else{${y(s,!1,!1)};}${f}}catch(t){}}();`;return jsx(o,{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>!0),u=(e,t)=>{let r;if(!isServer){try{r=localStorage.getItem(e)||void 0;}catch(e){}return r||t}},$=()=>{let e=document,t=e.createElement("style");return t.appendChild(e.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),e.head.appendChild(t),()=>{window.getComputedStyle(e.body),setTimeout(()=>{e.head.removeChild(t);},1);}},f=e=>(e||(e=window.matchMedia(d)),e.matches?"dark":"light"),v=e=>isServer?Buffer.from(e).toString("base64"):btoa(e);
+
+const useTheme=()=>useContext(ThemeContext);
+
+export { ThemeContext, ThemeProvider, load, useTheme };

package/package.json

@@ -2,24 +2,22 @@
   "name": "@koine/next",
   "sideEffects": false,
   "dependencies": {
-    "@koine/browser": "2.0.0-beta.37",
-    "@koine/react": "2.0.0-beta.37",
-    "@koine/utils": "2.0.0-beta.37",
-    "@koine/i18n": "2.0.0-beta.37"
+    "@koine/browser": "2.0.0-beta.39",
+    "@koine/react": "2.0.0-beta.39",
+    "@koine/utils": "2.0.0-beta.39"
+  },
+  "peerDependencies": {
+    "next": "^14.0.4",
+    "next-seo": "^6.4.0",
+    "react": "^18.2.0"
   },
   "peerDependenciesMeta": {
     "@kuus/yup": {
       "optional": true
     },
-    "date-fns": {
-      "optional": true
-    },
     "next-seo": {
       "optional": true
     },
-    "next-translate": {
-      "optional": true
-    },
     "react-swipeable": {
       "optional": true
     },
@@ -27,130 +25,25 @@
       "optional": true
     }
   },
-  "module": "./index.js",
-  "type": "module",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
-      "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/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": {
-      "import": "./12/app/css/index.js"
-    },
-    "./12/app": {
-      "import": "./12/app/index.js"
-    },
-    "./12/createUseLocale": {
-      "import": "./12/createUseLocale.js"
-    },
-    "./12/createUseT": {
-      "import": "./12/createUseT.js"
-    },
-    "./12/createUseTo": {
-      "import": "./12/createUseTo.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/getT": {
-      "import": "./12/getT.js"
+      "module": "./index.esm.js",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
     },
     "./12": {
-      "import": "./12/index.js"
-    },
-    "./12/seoBuildTags": {
-      "import": "./12/seoBuildTags.js"
-    },
-    "./12/translationAsOptions": {
-      "import": "./12/translationAsOptions.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/useLocale": {
-      "import": "./12/useLocale.js"
-    },
-    "./12/useT": {
-      "import": "./12/useT.js"
-    },
-    "./ThemeContext": {
-      "import": "./ThemeContext.js"
-    },
-    "./ThemeProvider": {
-      "import": "./ThemeProvider.js"
-    },
-    "./config-i18n": {
-      "import": "./config-i18n.js"
+      "module": "./12.esm.js",
+      "import": "./12.cjs.mjs",
+      "default": "./12.cjs.js"
     },
     "./config": {
-      "import": "./config.js"
-    },
-    "./load": {
-      "import": "./load.js"
-    },
-    "./useTheme": {
-      "import": "./useTheme.js"
+      "module": "./config.esm.js",
+      "import": "./config.cjs.mjs",
+      "default": "./config.cjs.js"
     }
   },
-  "peerDependencies": {
-    "next": "^14.0.4",
-    "react": "^18.2.0",
-    "next-translate": "^2.6.2",
-    "next-seo": "^6.4.0",
-    "date-fns": "^3.2.0"
-  },
-  "version": "2.0.0-beta.37"
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "version": "2.0.0-beta.39"
 }

package/{useTheme.d.ts → theme/useTheme.d.ts}

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

package/{load.d.ts → utils/load.d.ts}

@@ -1,2 +1 @@
 export declare function load<T>(component: T, milliseconds: number): Promise<T>;
-export default load;

package/12/AnalyticsGoogle.js

@@ -1,33 +0,0 @@
-"use client";
-import { __read } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRouter } from "next/router";
-import Script from "next/script";
-import { useEffect, useState } from "react";
-import { gtagPageview } from "@koine/browser";
-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 = __read(useState(false), 2), ready = _c[0], setReady = _c[1];
-    var _d = __read(useState(false), 2), routed = _d[0], setRouted = _d[1];
-    useEffect(function () {
-        var handleRouteChange = function () {
-            setRouted(true);
-        };
-        events.on("routeChangeComplete", handleRouteChange);
-        return function () {
-            events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [events]);
-    useEffect(function () {
-        if (routed && ready && asPath) {
-            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.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-export var DisableErrorOverlay = function () {
-    return (_jsx(Head, { children: process.env["NODE_ENV"] === "development" && (_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,8 +0,0 @@
-import type { DynamicNamespacesProps as BaseDynamicNamespacesProps } from "next-translate";
-import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
-import type { TranslateNamespace } from "@koine/i18n";
-export type DynamicNamespacesProps = Omit<BaseDynamicNamespacesProps, "namespaces"> & {
-    namespaces: TranslateNamespace[];
-};
-export declare const DynamicNamespaces: (props: DynamicNamespacesProps) => ReturnType<typeof BaseDynamicNamespaces>;
-export default DynamicNamespaces;

package/12/DynamicNamespaces.js

@@ -1,4 +0,0 @@
-"use client";
-import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
-export var DynamicNamespaces = BaseDynamicNamespaces;
-export default DynamicNamespaces;

package/12/Favicon.d.ts

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

package/12/Favicon.js

@@ -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/NextProgress.js

@@ -1,40 +0,0 @@
-"use client";
-import { __read } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRouter } from "next/router";
-import { useCallback, useEffect, useRef, useState } from "react";
-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;
-    var _f = __read(useState(false), 2), running = _f[0], setRunning = _f[1];
-    var timer = useRef(null);
-    var routeChangeStart = useCallback(function (_, _a) {
-        var shallow = _a.shallow;
-        if (!shallow || showOnShallow) {
-            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 () {
-                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.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-import { seoBuildTags } from "./seoBuildTags.js";
-export var Seo = function (props) {
-    return _jsx(Head, { children: seoBuildTags(props) });
-};
-export default Seo;