@koine/next 2.0.0-beta.20 → 2.0.0-beta.201

package/12/AnalyticsGoogle.cjs.js

@@ -0,0 +1,20 @@
+'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');
+
+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(false),[w,u]=react.useState(false);return (react.useEffect(()=>{let e=()=>{u(true);};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,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(true)}),jsxRuntime.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};
+
+exports.AnalyticsGoogle = AnalyticsGoogle;
+exports.default = AnalyticsGoogle;

package/12/AnalyticsGoogle.d.ts

@@ -1,5 +1,6 @@
 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/AnalyticsGoogle.esm.js

@@ -0,0 +1,15 @@
+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';
+
+let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=useRouter(),[p,f]=useState(false),[w,u]=useState(false);return (useEffect(()=>{let e=()=>{u(true);};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(true)}),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};
+
+export { AnalyticsGoogle, AnalyticsGoogle as default };

package/12/DisableErrorOverlay.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var r = require('next/head');
+
+let DisableErrorOverlay=()=>jsxRuntime.jsx(r,{children:"development"===process.env.NODE_ENV&&jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
+
+exports.DisableErrorOverlay = DisableErrorOverlay;
+exports.default = DisableErrorOverlay;

package/12/DisableErrorOverlay.d.ts

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

package/12/DisableErrorOverlay.esm.js

@@ -0,0 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
+import r from 'next/head';
+
+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 { DisableErrorOverlay, DisableErrorOverlay as default };

package/12/Seo.d.ts

@@ -1,9 +1,18 @@
 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";
+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>;
@@ -13,5 +22,28 @@ export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLink
     openGraph?: SeoPropsOpenGraph;
     og?: SeoPropsOpenGraph;
 };
-export declare const Seo: (props: SeoProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 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" />
+ * ```
+ *
+ * @deprecated
+ */
+export declare let Seo: (props: SeoProps) => import("react/jsx-runtime").JSX.Element;
 export default Seo;

package/12/SeoDefaults.d.ts

@@ -1,8 +1,16 @@
 import type { DefaultSeoProps } from "next-seo/lib/types";
-import { type LinkTag, type MetaTag } from "./seoBuildTags.js";
+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;
+/**
+ * @deprecated
+ */
+export declare let SeoDefaults: (props: SeoDefaultsProps) => import("react/jsx-runtime").JSX.Element;
 export default SeoDefaults;

package/12/seoBuildTags.d.ts

@@ -1,8 +1,22 @@
-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;
-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[];
+/**
+ * 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, schema, }?: BuildTagsParams) => import("react").ReactNode[];
 export default seoBuildTags;

package/12/types.d.ts

@@ -1,7 +1,5 @@
-export * from "./types-i18n.js";
-export * from "./types-seo.js";
-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 { ToTranslate, ToStaticRoute, ToDynamicRoute, ToArgs } from "./to.js";
+/**
+ * @file Export all types separately to ease imports
+ */
+export type { SeoData } from "./Seo";
+export type { SeoDefaultsProps } from "./SeoDefaults";

package/12.cjs.default.js

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

package/12.cjs.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var AnalyticsGoogle = require('./12/AnalyticsGoogle.cjs.js');
+var DisableErrorOverlay = require('./12/DisableErrorOverlay.cjs.js');
+
+
+
+exports.AnalyticsGoogle = AnalyticsGoogle.AnalyticsGoogle;
+exports.DisableErrorOverlay = 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,2 @@
+export { AnalyticsGoogle } from './12/AnalyticsGoogle.esm.js';
+export { DisableErrorOverlay } from './12/DisableErrorOverlay.esm.js';

package/README.md

@@ -0,0 +1 @@
+# @koine/next

package/ThemeContext.cjs.default.js

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

package/ThemeContext.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const ThemeContext=react.createContext({setTheme:e=>{},themes:[]});
+
+exports.ThemeContext = ThemeContext;
+exports.default = ThemeContext;

package/ThemeContext.cjs.mjs

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

package/ThemeContext.d.ts

@@ -1,10 +1,15 @@
-/// <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>;

package/ThemeContext.esm.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const ThemeContext=createContext({setTheme:e=>{},themes:[]});
+
+export { ThemeContext, ThemeContext as default };

package/ThemeProvider.cjs.default.js

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

package/ThemeProvider.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var o = require('next/script');
+var react = require('react');
+var utils = require('@koine/utils');
+var ThemeContext = require('./ThemeContext.cjs.js');
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";const ThemeProvider=({forcedTheme:r,disableTransitionOnChange:o=false,enableSystem:v=true,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.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$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=false,r=true)=>{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",true)}}${!u?"else{"+y(s,false,false)+"}":""}${f}}catch(e){}}()`:`!function(){try{${$}var e=localStorage.getItem("${c}");if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",true)}}else{${y(s,false,false)};}${f}}catch(t){}}();`;return jsxRuntime.jsx(o,{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>true),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);
+
+exports.ThemeProvider = ThemeProvider;
+exports.default = ThemeProvider;

package/ThemeProvider.cjs.mjs

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

package/ThemeProvider.d.ts

@@ -1,17 +1,34 @@
-/// <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;

package/ThemeProvider.esm.js

@@ -0,0 +1,9 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import o from 'next/script';
+import { memo, useState, useCallback, useEffect } from 'react';
+import { isServer } from '@koine/utils';
+import { ThemeContext } from './ThemeContext.esm.js';
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";const ThemeProvider=({forcedTheme:r,disableTransitionOnChange:o=false,enableSystem:v=true,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=false,r=true)=>{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",true)}}${!u?"else{"+y(s,false,false)+"}":""}${f}}catch(e){}}()`:`!function(){try{${$}var e=localStorage.getItem("${c}");if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",true)}}else{${y(s,false,false)};}${f}}catch(t){}}();`;return jsx(o,{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>true),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);
+
+export { ThemeProvider, ThemeProvider as default };

package/config.cjs.default.js

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

package/config.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var swc = require('@koine/node/swc');
+var next = require('@koine/i18n/next');
+
+let withKoine=(s={})=>{let{nx:p,svg:a,i18nRoutes:m,i18nCompiler:l,modularize:u,...c}=s,w={modularizeImports:{...u?Array.isArray(u)?swc.swcCreateTransforms(u):swc.swcCreateTransform(u):{},...c.modularizeImports||{},...swc.swcTransformsKoine},...c};return (a&&(p?w.nx={svgr:true}:(delete w.nx,w.webpack=(e,o)=>{let r="function"==typeof c.webpack?c.webpack(e,o):e;return r.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:false}]}}}]}),r})),m)?next.withI18nLegacy({...w,i18nRoutes:m}):l?p?next.withI18nAsync({...w,i18nCompiler:l}):next.withI18n({...w,i18nCompiler:l}):w};
+
+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

@@ -1,109 +1,33 @@
 import type { NextConfig } from "next";
-import { type ConfigI18nOptions, type Routes } from "./config-i18n.js";
-interface KoineNextConfig {
+import { type SwcTransformingLib } from "@koine/node/swc";
+import { type WithI18nAsyncOptions, type WithI18nLegacyOptions } from "@koine/i18n/next";
+/**
+ * @legacy
+ */
+export type Routes = NonNullable<WithI18nLegacyOptions["i18nRoutes"]>["routes"];
+export type WithKoineOptions = NextConfig & {
+    /**
+     * Set it to `true` when your _Next.js_ app is built inside a Nx monorepo
+     */
     nx?: boolean;
+    /**
+     * Set it to `true` in order to be able importing React components directly
+     * from `.svg` files.
+     *
+     * It automatically configure webpack taking into account the `nx` option.
+     */
     svg?: boolean;
-    sc?: boolean;
-    page?: boolean;
-    routes?: Routes;
-    permanent?: boolean;
-    debug?: boolean;
-    i18n: ConfigI18nOptions & {
-        loader?: any;
-    };
-}
-interface MergedConfig extends KoineNextConfig, Omit<NextConfig, "i18n"> {
-}
-export declare function withKoine({ nx, svg, sc, page, routes, permanent, debug, ...custom }?: MergedConfig): NextConfig | {
-    redirects(): Promise<import("./config-i18n.js").Redirect[]>;
-    rewrites(): Promise<{
-        beforeFiles: import("./config-i18n.js").Rewrite[];
-        afterFiles: import("next/dist/lib/load-custom-routes.js").Rewrite[];
-        fallback: import("next/dist/lib/load-custom-routes.js").Rewrite[];
-    }>;
-    exportPathMap?: ((defaultMap: import("next/dist/server/config-shared.js").ExportPathMap, ctx: {
-        dev: boolean;
-        dir: string;
-        outDir: string | null;
-        distDir: string;
-        buildId: string;
-    }) => import("next/dist/server/config-shared.js").ExportPathMap | Promise<import("next/dist/server/config-shared.js").ExportPathMap>) | undefined;
-    i18n?: import("next/dist/server/config-shared.js").I18NConfig | null | undefined;
-    eslint?: import("next/dist/server/config-shared.js").ESLintConfig | undefined;
-    typescript?: import("next/dist/server/config-shared.js").TypeScriptConfig | undefined;
-    headers?: (() => Promise<import("next/dist/lib/load-custom-routes.js").Header[]>) | undefined;
-    excludeDefaultMomentLocales?: boolean | undefined;
-    webpack?: import("next/dist/server/config-shared.js").NextJsWebpackConfig | null | undefined;
-    trailingSlash?: boolean | undefined;
-    env?: Record<string, string> | undefined;
-    distDir?: string | undefined;
-    cleanDistDir?: boolean | undefined;
-    assetPrefix?: string | undefined;
-    useFileSystemPublicRoutes?: boolean | undefined;
-    generateBuildId?: (() => string | Promise<string | null> | null) | undefined;
-    generateEtags?: boolean | undefined;
-    pageExtensions?: string[] | undefined;
-    compress?: boolean | undefined;
-    analyticsId?: string | undefined;
-    poweredByHeader?: boolean | undefined;
-    images?: Partial<import("next/dist/shared/lib/image-config.js").ImageConfigComplete> | undefined;
-    devIndicators?: {
-        buildActivity?: boolean | undefined;
-        buildActivityPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | undefined;
-    } | undefined;
-    onDemandEntries?: {
-        maxInactiveAge?: number | undefined;
-        pagesBufferLength?: number | undefined;
-    } | undefined;
-    amp?: {
-        canonicalBase?: string | undefined;
-    } | undefined;
-    basePath?: string | undefined;
-    sassOptions?: {
-        [key: string]: any;
-    } | undefined;
-    productionBrowserSourceMaps?: boolean | undefined;
-    optimizeFonts?: boolean | undefined;
-    reactProductionProfiling?: boolean | undefined;
-    reactStrictMode?: boolean | null | undefined;
-    publicRuntimeConfig?: {
-        [key: string]: any;
-    } | undefined;
-    serverRuntimeConfig?: {
-        [key: string]: any;
-    } | undefined;
-    httpAgentOptions?: {
-        keepAlive?: boolean | undefined;
-    } | undefined;
-    outputFileTracing?: boolean | undefined;
-    staticPageGenerationTimeout?: number | undefined;
-    crossOrigin?: false | "anonymous" | "use-credentials" | undefined;
-    swcMinify?: boolean | undefined;
-    compiler?: {
-        reactRemoveProperties?: boolean | {
-            properties?: string[] | undefined;
-        } | undefined;
-        relay?: {
-            src: string;
-            artifactDirectory?: string | undefined;
-            language?: "typescript" | "flow" | "javascript" | undefined;
-            eagerEsModules?: boolean | undefined;
-        } | undefined;
-        removeConsole?: boolean | {
-            exclude?: string[] | undefined;
-        } | undefined;
-        styledComponents?: boolean | import("next/dist/server/config-shared.js").StyledComponentsConfig | undefined;
-        emotion?: boolean | import("next/dist/server/config-shared.js").EmotionConfig | undefined;
-    } | undefined;
-    output?: "standalone" | "export" | undefined;
-    transpilePackages?: string[] | undefined;
-    skipMiddlewareUrlNormalize?: boolean | undefined;
-    skipTrailingSlashRedirect?: boolean | undefined;
-    modularizeImports?: Record<string, {
-        transform: string | Record<string, string>;
-        preventFullImport?: boolean | undefined;
-        skipDefaultConversion?: boolean | undefined;
-    }> | undefined;
-    experimental?: import("next/dist/server/config-shared.js").ExperimentalConfig | undefined;
-};
-export default withKoine;
+    /**
+     * Shortcut option to automatically create swc transforms to feed into
+     * _Next.js_' `modularizeImports`.
+     *
+     * Pass _one_ or an _array_ of {@link SwcTransformingLib lib transform object}.
+     */
+    modularize?: SwcTransformingLib[] | SwcTransformingLib;
+} & WithI18nLegacyOptions & WithI18nAsyncOptions;
+/**
+ * Get _Next.js_ config with some extra {@link WithKoineOptions options}
+ *
+ * @param options
+ */
+export declare let withKoine: (options?: WithKoineOptions) => NextConfig;

package/config.esm.js

@@ -0,0 +1,6 @@
+import { swcTransformsKoine, swcCreateTransforms, swcCreateTransform } from '@koine/node/swc';
+import { withI18nLegacy, withI18nAsync, withI18n } from '@koine/i18n/next';
+
+let withKoine=(s={})=>{let{nx:p,svg:a,i18nRoutes:m,i18nCompiler:l,modularize:u,...c}=s,w={modularizeImports:{...u?Array.isArray(u)?swcCreateTransforms(u):swcCreateTransform(u):{},...c.modularizeImports||{},...swcTransformsKoine},...c};return (a&&(p?w.nx={svgr:true}:(delete w.nx,w.webpack=(e,o)=>{let r="function"==typeof c.webpack?c.webpack(e,o):e;return r.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:false}]}}}]}),r})),m)?withI18nLegacy({...w,i18nRoutes:m}):l?p?withI18nAsync({...w,i18nCompiler:l}):withI18n({...w,i18nCompiler:l}):w};
+
+export { withKoine };

package/index.cjs.default.js

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

package/index.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var load = require('./load.cjs.js');
+var ThemeContext = require('./ThemeContext.cjs.js');
+var ThemeProvider = require('./ThemeProvider.cjs.js');
+var useTheme = require('./useTheme.cjs.js');
+
+
+
+exports.load = load.load;
+exports.ThemeContext = ThemeContext.ThemeContext;
+exports.ThemeProvider = ThemeProvider.ThemeProvider;
+exports.useTheme = 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,5 +1,4 @@
-export { getSiteUrl } from "./getSiteUrl.js";
-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 "./load";
+export { ThemeContext, type ThemeContextProps } from "./ThemeContext";
+export { ThemeProvider, type ThemeProviderProps } from "./ThemeProvider";
+export { useTheme, type UseThemeProps } from "./useTheme";

package/index.esm.js

@@ -0,0 +1,4 @@
+export { load } from './load.esm.js';
+export { ThemeContext } from './ThemeContext.esm.js';
+export { ThemeProvider } from './ThemeProvider.esm.js';
+export { useTheme } from './useTheme.esm.js';

package/load.cjs.default.js

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

package/load.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+exports.default = load;
+exports.load = load;

package/load.cjs.mjs

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

package/load.d.ts

@@ -1,2 +1,10 @@
+/**
+ * Utility to load a component with an optional pre-determined delay.
+ *
+ * This was designed to improve anti spam with async form loading.
+ *
+ * @see https://github.com/vercel/next.js/blob/main/packages/next/next-server/lib/dynamic.tsx
+ * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
+ */
 export declare function load<T>(component: T, milliseconds: number): Promise<T>;
 export default load;

package/load.esm.js

@@ -0,0 +1,3 @@
+function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+export { load as default, load };