@koine/next 2.0.0-beta.7 → 2.0.0-beta.70

package/12/AnalyticsGoogle.d.ts

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

package/12/DisableErrorOverlay.d.ts

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

package/12/Seo.d.ts

@@ -1,12 +1,15 @@
 import type { NextSeoProps } from "next-seo/lib/types";
 import { type LinkTag, type MetaTag } from "./seoBuildTags";
-import type { SeoData } from "./types-seo";
+export type SeoData = {
+    hidden?: boolean;
+    title?: string;
+    description?: string;
+    keywords?: string | string[];
+    ogimage?: string;
+};
 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>;
@@ -16,26 +19,5 @@ export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLink
     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) => import("react/jsx-runtime").JSX.Element;
+export declare let Seo: (props: SeoProps) => import("react/jsx-runtime").JSX.Element;
 export default Seo;

package/12/SeoDefaults.d.ts

@@ -1,11 +1,10 @@
 import type { DefaultSeoProps } from "next-seo/lib/types";
+import type { JsonObject } from "@koine/utils";
 import { type LinkTag, type MetaTag } from "./seoBuildTags";
-/**
- * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L413
- */
 export type SeoDefaultsProps = Omit<DefaultSeoProps, "additionalMetaTags" | "additionalLinkTags" | "dangerouslySetAllPagesToNoIndex" | "dangerouslySetAllPagesToNoFollow" | "defaultOpenGraphImageWidth" | "defaultOpenGraphImageHeight" | "defaultOpenGraphVideoWidth" | "defaultOpenGraphVideoHeight" | "mobileAlternate" | "robotsProps"> & {
     metaTags?: ReadonlyArray<MetaTag>;
     linkTags?: ReadonlyArray<LinkTag>;
+    schema?: JsonObject;
 };
-export declare const SeoDefaults: (props: SeoDefaultsProps) => import("react/jsx-runtime").JSX.Element;
+export declare let SeoDefaults: (props: SeoDefaultsProps) => import("react/jsx-runtime").JSX.Element;
 export default SeoDefaults;

package/12/seoBuildTags.d.ts

@@ -4,20 +4,5 @@ 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;
-/**
- * Comparing to `next-seo` we do a couple of things in addition while many
- * others are removed.
- *
- * - Add `seo` meta object coming from a CMS probably
- * - Add `ogimage` and `openGraph.image` as single image source
- * - Add `og` alias to define `openGraph`
- * - Add check for `title` equal to `templateTitle` to avoid meta titles like
- *   "My site | My site" often happening in homepages
- * - Remove the open graph videos and images
- *
- * - Shorter code
- *
- * @returns
- */
-export declare const seoBuildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, }?: BuildTagsParams) => React.ReactNode[];
+export declare const seoBuildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, schema, }?: BuildTagsParams) => React.ReactNode[];
 export default seoBuildTags;

package/12/types.d.ts

@@ -0,0 +1,2 @@
+export type { SeoData } from "./Seo";
+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);
+
+let AnalyticsGoogle=({id:s})=>{let l=s||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=${s}`,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', '${s}', { 'send_page_view': false });
+        `})]}):null};
+
+let 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';
+
+let AnalyticsGoogle=({id:s})=>{let l=s||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=${s}`,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', '${s}', { 'send_page_view': false });
+        `})]}):null};
+
+let 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

@@ -1,13 +1 @@
 # @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.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 });
+
+var next = require('@koine/i18n/next');
+
+let withKoine=(o={})=>{let{nx:i,svg:n,i18nRoutes:s,i18nCompiler:l,...p}=o,a={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,experimental:{scrollRestoration:!0,...p.experimental||{}},...p};return (n&&(i?a.nx={svgr:!0}:(delete a.nx,a.webpack=(e,r)=>{let t="function"==typeof a.webpack?a.webpack(e,r):e;return t.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),t})),s)?next.withI18nLegacy({...a,i18nRoutes:s}):l?i?next.withI18nAsync({...a,i18nCompiler:l}):next.withI18n({...a,i18nCompiler:l}):a};
+
+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

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+import { type WithI18nAsyncOptions, type WithI18nLegacyOptions } from "@koine/i18n/next";
+export type WithKoineOptions = NextConfig & {
+    nx?: boolean;
+    svg?: boolean;
+} & WithI18nLegacyOptions & WithI18nAsyncOptions;
+export declare let withKoine: (options?: WithKoineOptions) => NextConfig;

package/config.esm.js

@@ -0,0 +1,5 @@
+import { withI18nLegacy, withI18nAsync, withI18n } from '@koine/i18n/next';
+
+let withKoine=(o={})=>{let{nx:i,svg:n,i18nRoutes:s,i18nCompiler:l,...p}=o,a={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,experimental:{scrollRestoration:!0,...p.experimental||{}},...p};return (n&&(i?a.nx={svgr:!0}:(delete a.nx,a.webpack=(e,r)=>{let t="function"==typeof a.webpack?a.webpack(e,r):e;return t.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),t})),s)?withI18nLegacy({...a,i18nRoutes:s}):l?i?withI18nAsync({...a,i18nCompiler:l}):withI18n({...a,i18nCompiler:l}):a};
+
+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,2 +1,4 @@
-export { getSiteUrl } from "./getSiteUrl";
-export { load } from "./load";
+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,78 +2,39 @@
   "name": "@koine/next",
   "sideEffects": false,
   "dependencies": {
-    "@koine/browser": "2.0.0-beta.7",
-    "@koine/react": "2.0.0-beta.7",
-    "@koine/utils": "2.0.0-beta.7"
+    "@koine/browser": "2.0.0-beta.70",
+    "@koine/utils": "2.0.0-beta.70",
+    "@koine/i18n": "2.0.0-beta.70"
+  },
+  "peerDependencies": {
+    "next": "^14.0.4",
+    "next-seo": "^6.4.0",
+    "react": "^18.2.0"
   },
   "peerDependenciesMeta": {
-    "@emotion/react": {
-      "optional": true
-    },
-    "@emotion/server": {
-      "optional": true
-    },
-    "@emotion/styled": {
-      "optional": true
-    },
-    "@hookform/resolvers": {
-      "optional": true
-    },
-    "@kuus/yup": {
-      "optional": true
-    },
-    "@mui/base": {
-      "optional": true
-    },
-    "@mui/material": {
-      "optional": true
-    },
-    "@tiptap/react": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "date-fns": {
-      "optional": true
-    },
-    "framer-motion": {
-      "optional": true
-    },
-    "next-auth": {
-      "optional": true
-    },
     "next-seo": {
       "optional": true
-    },
-    "next-translate": {
-      "optional": true
-    },
-    "react-hook-form": {
-      "optional": true
-    },
-    "react-icons": {
-      "optional": true
-    },
-    "react-is": {
-      "optional": true
-    },
-    "react-popper": {
-      "optional": true
-    },
-    "react-swipeable": {
-      "optional": true
-    },
-    "styled-components": {
-      "optional": true
-    },
-    "tailwindcss": {
-      "optional": true
     }
   },
-  "peerDependencies": {},
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "version": "2.0.0-beta.7"
-}
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "module": "./index.esm.js",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
+    },
+    "./12": {
+      "module": "./12.esm.js",
+      "import": "./12.cjs.mjs",
+      "default": "./12.cjs.js"
+    },
+    "./config": {
+      "module": "./config.esm.js",
+      "import": "./config.cjs.mjs",
+      "default": "./config.cjs.js"
+    }
+  },
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "version": "2.0.0-beta.70"
+}

package/theme/ThemeContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ThemeContextProps = {
+    themes: string[];
+    forcedTheme?: string;
+    setTheme: (theme: string) => void;
+    theme?: string;
+    resolvedTheme?: string;
+    systemTheme?: "dark" | "light";
+};
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;
+export default ThemeContext;

package/theme/ThemeProvider.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+type ValueObject = {
+    [themeName: string]: string;
+};
+export type ThemeProviderProps = React.PropsWithChildren<{
+    themes?: string[];
+    forcedTheme?: string;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+    enableColorScheme?: boolean;
+    defaultTheme?: string;
+    attribute?: string | "class";
+    value?: ValueObject;
+    nonce?: string;
+}>;
+export declare const ThemeProvider: ({ forcedTheme, disableTransitionOnChange, enableSystem, enableColorScheme, themes, defaultTheme, attribute, value, children, nonce, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/theme/useTheme.d.ts

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

package/typings.d.ts

@@ -12,61 +12,50 @@ declare module "*.svg" {
 }
 
 /**
- * Extend NodeJS `process.env` with variables used by @koine
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
  */
-declare namespace NodeJS {
-  interface ProcessEnv {
-    NEXT_PUBLIC_APP_URL: string;
-  }
-}
+type NextGetStaticPathsResult<Params extends { [key: string]: any }> = Omit<
+  import("next").GetStaticPathsResult,
+  "paths"
+> & {
+  paths: Array<string | { params: Params; locale?: string }>;
+};
 
 /**
- * Types specifically related to `@koine/next` exposed on the global unique
- * namespace `Koine`. Most of the types here should be prefixed by `Next`, e.g.
- * `NextSomeFeature` accessible anywhere from `Koine.NextSomeFeature`
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
  */
-declare namespace Koine {
-  /**
-   * Default SEO data structure expected by the `<Seo>` component's prop `seo`
-   */
-  type NextSeo = import("./12/types-seo").SeoData;
+declare type NextPageDataStaticPaths<Params extends { [key: string]: any }> = (
+  context: import("next").GetStaticPathsContext,
+) =>
+  | Promise<NextGetStaticPathsResult<Params>>
+  | NextGetStaticPathsResult<Params>;
 
-  /**
-   * Translations dictionary extracted from JSON files.
-   * You need to augment this type with something like:
-   *
-   * ```ts
-   * declare namespace Koine {
-   *   interface Translations {
-   *     "~": typeof import("./locales/en/~.json");
-   *     "_": typeof import("./locales/en/_.json");
-   *     "$team": typeof import("./locales/en/$team.json");
-   *     "home": typeof import("./locales/en/home.json");
-   *     "Header": typeof import("./locales/en/Header.json");
-   *   }
-   * }
-   * ```
-   *
-   * Best to follow a convention to name the files which become the namespaces:
-   *
-   * - `~`: for app wide **urls** translated definitions
-   * - `_`: for app wide **common** translations
-   * - `${data}`: dollar prefix for static **data** like arrays, objects, .etc
-   * - `{route-name}`: lower cased for **route** specific data
-   * - `{ComponentName}`: pascal cased for **components** specific data
-   *
-   * This works through using [type augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#module-augmentation)
-   * and [merging interfaces](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#merging-interfaces).
-   */
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  interface Translations {}
-}
+/**
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+declare type NextPageDataStatic<P extends { [key: string]: any }> =
+  import("next").GetStaticProps<P, import("querystring").ParsedUrlQuery>;
 
 /**
- * List here the global variables used by third party scripts supported within
- * the `koine` ecosystem. For instance Google Analytics globally available
- * variables.
+ * [`next.js` pages router](https://nextjs.org/docs/pages) utility type
  */
-declare interface Window {
-  gtag: (...args: Record<string, unknown>[]) => Record<string, unknown>;
-}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+declare type NextPageDataServer<P extends { [key: string]: any }> =
+  import("next").GetServerSideProps<P, import("querystring").ParsedUrlQuery>;
+
+/**
+ * Workaround to re-create the type `RouteProperties` that is not exported by
+ * `next.js`
+ */
+declare type NextRouteProperties = Parameters<
+  import("next/router").Router["getRouteInfo"]
+>[0]["routeProps"];
+
+/**
+ * Extend NodeJS `process.env` with variables used by @koine
+ */
+// declare namespace NodeJS {
+//   interface ProcessEnv {
+//   }
+// }

package/utils/load.d.ts

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

package/12/AnalyticsGoogle.js

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