@koine/next 2.0.0-beta.75 → 2.0.0-beta.76

package/config.js

@@ -1,77 +1 @@
-import { withI18n, withI18nAsync, withI18nLegacy, } from "@koine/i18n/next";
-export let withKoine = (options = {}) => {
-    const { nx, svg, i18nRoutes, i18nCompiler, ...restNextConfig } = options;
-    const nextConfig = {
-        eslint: {
-            ignoreDuringBuilds: true,
-        },
-        typescript: {
-            ignoreBuildErrors: true,
-        },
-        poweredByHeader: false,
-        experimental: {
-            scrollRestoration: true,
-            ...(restNextConfig.experimental || {}),
-        },
-        modularizeImports: {
-            ...(restNextConfig.modularizeImports || {}),
-            "@koine/api": { transform: "@koine/api/{{member}}" },
-            "@koine/browser": { transform: "@koine/browser/{{member}}" },
-            "@koine/dom": { transform: "@koine/dom/{{member}}" },
-            "@koine/node": { transform: "@koine/node/{{member}}" },
-            "@koine/i18n/?(((\\w*)?/?)*)": {
-                transform: "@koine/i18n/{{ matches.[1] }}/{{member}}",
-            },
-            "@koine/react/?(((\\w*)?/?)*)": {
-                transform: "@koine/react/{{ matches.[1] }}/{{member}}",
-            },
-            "@koine/next/?(((\\w*)?/?)*)": {
-                transform: "@koine/next/{{ matches.[1] }}/{{member}}",
-            },
-            "@koine/utils": { transform: "@koine/utils/{{member}}" },
-        },
-        ...restNextConfig,
-    };
-    if (svg) {
-        if (nx) {
-            nextConfig["nx"] = { svgr: true };
-        }
-        else {
-            delete nextConfig["nx"];
-            nextConfig.webpack = (_config, options) => {
-                const webpackConfig = typeof nextConfig.webpack === "function"
-                    ? nextConfig.webpack(_config, options)
-                    : _config;
-                webpackConfig.module.rules.push({
-                    test: /\.svg$/,
-                    use: [
-                        {
-                            loader: "@svgr/webpack",
-                            options: {
-                                svgoConfig: {
-                                    plugins: [
-                                        {
-                                            name: "removeViewBox",
-                                            active: false,
-                                        },
-                                    ],
-                                },
-                            },
-                        },
-                    ],
-                });
-                return webpackConfig;
-            };
-        }
-    }
-    if (i18nRoutes) {
-        return withI18nLegacy({ ...nextConfig, i18nRoutes });
-    }
-    if (i18nCompiler) {
-        if (nx) {
-            return withI18nAsync({ ...nextConfig, i18nCompiler });
-        }
-        return withI18n({ ...nextConfig, i18nCompiler });
-    }
-    return nextConfig;
-};
+import{withI18n as e,withI18nAsync as r,withI18nLegacy as o}from"@koine/i18n/next";export let withKoine=(n={})=>{let{nx:i,svg:t,i18nRoutes:m,i18nCompiler:s,...a}=n,k={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,experimental:{scrollRestoration:!0,...a.experimental||{}},modularizeImports:{...a.modularizeImports||{},"@koine/api":{transform:"@koine/api/{{member}}"},"@koine/browser":{transform:"@koine/browser/{{member}}"},"@koine/dom":{transform:"@koine/dom/{{member}}"},"@koine/node":{transform:"@koine/node/{{member}}"},"@koine/i18n/?(((\\w*)?/?)*)":{transform:"@koine/i18n/{{ matches.[1] }}/{{member}}"},"@koine/react/?(((\\w*)?/?)*)":{transform:"@koine/react/{{ matches.[1] }}/{{member}}"},"@koine/next/?(((\\w*)?/?)*)":{transform:"@koine/next/{{ matches.[1] }}/{{member}}"},"@koine/utils":{transform:"@koine/utils/{{member}}"}},...a};return(t&&(i?k.nx={svgr:!0}:(delete k.nx,k.webpack=(e,r)=>{let o="function"==typeof k.webpack?k.webpack(e,r):e;return o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o})),m)?o({...k,i18nRoutes:m}):s?i?r({...k,i18nCompiler:s}):e({...k,i18nCompiler:s}):k};

package/index.js

@@ -1,4 +1 @@
-export { load } from "./load";
-export { ThemeContext } from "./ThemeContext";
-export { ThemeProvider } from "./ThemeProvider";
-export { useTheme } from "./useTheme";
+export{load}from"./load";export{ThemeContext}from"./ThemeContext";export{ThemeProvider}from"./ThemeProvider";export{useTheme}from"./useTheme";

package/load.js

@@ -1,6 +1 @@
-export function load(component, milliseconds) {
-    return new Promise((resolve) => {
-        setTimeout(() => resolve(component), milliseconds);
-    });
-}
-export default load;
+export function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o)})}export default load;

package/package.json

@@ -2,9 +2,9 @@
   "name": "@koine/next",
   "sideEffects": false,
   "dependencies": {
-    "@koine/browser": "2.0.0-beta.75",
-    "@koine/utils": "2.0.0-beta.75",
-    "@koine/i18n": "2.0.0-beta.75"
+    "@koine/browser": "2.0.0-beta.76",
+    "@koine/utils": "2.0.0-beta.76",
+    "@koine/i18n": "2.0.0-beta.76"
   },
   "peerDependencies": {
     "next": "^14.0.4",
@@ -16,94 +16,62 @@
       "optional": true
     }
   },
+  "module": "./index.js",
+  "type": "module",
+  "main": "./cjs/index.js",
   "exports": {
     ".": {
-      "module": "./index.esm.js",
-      "import": "./index.cjs.mjs",
-      "default": "./index.cjs.js"
-    },
-    "./12.cjs.default": {
-      "import": "./12.cjs.default.js"
-    },
-    "./12.cjs": {
-      "import": "./12.cjs.js"
-    },
-    "./12.esm": {
-      "import": "./12.esm.js"
+      "require": "./cjs/index.js",
+      "import": "./index.js"
     },
     "./12": {
-      "module": "./12.esm.js",
-      "import": "./12.cjs.mjs",
-      "default": "./12.cjs.js"
+      "require": "./cjs/12.js",
+      "import": "./12.js"
     },
     "./12/AnalyticsGoogle": {
+      "require": "./cjs/12/AnalyticsGoogle.js",
       "import": "./12/AnalyticsGoogle.js"
     },
     "./12/DisableErrorOverlay": {
+      "require": "./cjs/12/DisableErrorOverlay.js",
       "import": "./12/DisableErrorOverlay.js"
     },
     "./12/Seo": {
+      "require": "./cjs/12/Seo.js",
       "import": "./12/Seo.js"
     },
     "./12/SeoDefaults": {
+      "require": "./cjs/12/SeoDefaults.js",
       "import": "./12/SeoDefaults.js"
     },
     "./12/seoBuildTags": {
+      "require": "./cjs/12/seoBuildTags.js",
       "import": "./12/seoBuildTags.js"
     },
     "./12/types": {
+      "require": "./cjs/12/types.js",
       "import": "./12/types.js"
     },
     "./ThemeContext": {
+      "require": "./cjs/ThemeContext.js",
       "import": "./ThemeContext.js"
     },
     "./ThemeProvider": {
+      "require": "./cjs/ThemeProvider.js",
       "import": "./ThemeProvider.js"
     },
-    "./config.cjs.default": {
-      "import": "./config.cjs.default.js"
-    },
-    "./config.cjs": {
-      "import": "./config.cjs.js"
-    },
-    "./config.esm": {
-      "import": "./config.esm.js"
-    },
     "./config": {
-      "module": "./config.esm.js",
-      "import": "./config.cjs.mjs",
-      "default": "./config.cjs.js"
-    },
-    "./index.cjs.default": {
-      "import": "./index.cjs.default.js"
-    },
-    "./index.cjs": {
-      "import": "./index.cjs.js"
-    },
-    "./index.esm": {
-      "import": "./index.esm.js"
+      "require": "./cjs/config.js",
+      "import": "./config.js"
     },
     "./load": {
+      "require": "./cjs/load.js",
       "import": "./load.js"
     },
-    "./theme/ThemeContext": {
-      "import": "./theme/ThemeContext.js"
-    },
-    "./theme/ThemeProvider": {
-      "import": "./theme/ThemeProvider.js"
-    },
-    "./theme/useTheme": {
-      "import": "./theme/useTheme.js"
-    },
     "./useTheme": {
+      "require": "./cjs/useTheme.js",
       "import": "./useTheme.js"
-    },
-    "./utils/load": {
-      "import": "./utils/load.js"
-    },
-    "./package.json": "./package.json"
+    }
   },
-  "module": "./index.esm.js",
-  "main": "./index.cjs.js",
-  "version": "2.0.0-beta.75"
+  "version": "2.0.0-beta.76"
 }

package/useTheme.js

@@ -1,5 +1 @@
-"use client";
-import { useContext } from "react";
-import { ThemeContext } from "./ThemeContext";
-export const useTheme = () => useContext(ThemeContext);
-export default useTheme;
+import{useContext as e}from"react";import{ThemeContext as t}from"./ThemeContext";export const useTheme=()=>e(t);export default useTheme;

package/12.cjs.d.ts

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

package/12.cjs.default.js

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

package/12.cjs.js

@@ -1,28 +0,0 @@
-'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

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

package/12.esm.js

@@ -1,18 +0,0 @@
-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 +0,0 @@
-# @koine/next

package/config.cjs.d.ts

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

package/config.cjs.default.js

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

package/config.cjs.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var next = require('@koine/i18n/next');
-
-let withKoine=(n={})=>{let{nx:i,svg:t,i18nRoutes:m,i18nCompiler:s,...a}=n,k={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,experimental:{scrollRestoration:!0,...a.experimental||{}},modularizeImports:{...a.modularizeImports||{},"@koine/api":{transform:"@koine/api/{{member}}"},"@koine/browser":{transform:"@koine/browser/{{member}}"},"@koine/dom":{transform:"@koine/dom/{{member}}"},"@koine/node":{transform:"@koine/node/{{member}}"},"@koine/i18n/?(((\\w*)?/?)*)":{transform:"@koine/i18n/{{ matches.[1] }}/{{member}}"},"@koine/react/?(((\\w*)?/?)*)":{transform:"@koine/react/{{ matches.[1] }}/{{member}}"},"@koine/next/?(((\\w*)?/?)*)":{transform:"@koine/next/{{ matches.[1] }}/{{member}}"},"@koine/utils":{transform:"@koine/utils/{{member}}"}},...a};return (t&&(i?k.nx={svgr:!0}:(delete k.nx,k.webpack=(e,r)=>{let o="function"==typeof k.webpack?k.webpack(e,r):e;return o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o})),m)?next.withI18nLegacy({...k,i18nRoutes:m}):s?i?next.withI18nAsync({...k,i18nCompiler:s}):next.withI18n({...k,i18nCompiler:s}):k};
-
-exports.withKoine = withKoine;

package/config.cjs.mjs

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

package/config.esm.js

@@ -1,5 +0,0 @@
-import { withI18nLegacy, withI18nAsync, withI18n } from '@koine/i18n/next';
-
-let withKoine=(n={})=>{let{nx:i,svg:t,i18nRoutes:m,i18nCompiler:s,...a}=n,k={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,experimental:{scrollRestoration:!0,...a.experimental||{}},modularizeImports:{...a.modularizeImports||{},"@koine/api":{transform:"@koine/api/{{member}}"},"@koine/browser":{transform:"@koine/browser/{{member}}"},"@koine/dom":{transform:"@koine/dom/{{member}}"},"@koine/node":{transform:"@koine/node/{{member}}"},"@koine/i18n/?(((\\w*)?/?)*)":{transform:"@koine/i18n/{{ matches.[1] }}/{{member}}"},"@koine/react/?(((\\w*)?/?)*)":{transform:"@koine/react/{{ matches.[1] }}/{{member}}"},"@koine/next/?(((\\w*)?/?)*)":{transform:"@koine/next/{{ matches.[1] }}/{{member}}"},"@koine/utils":{transform:"@koine/utils/{{member}}"}},...a};return (t&&(i?k.nx={svgr:!0}:(delete k.nx,k.webpack=(e,r)=>{let o="function"==typeof k.webpack?k.webpack(e,r):e;return o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o})),m)?withI18nLegacy({...k,i18nRoutes:m}):s?i?withI18nAsync({...k,i18nCompiler:s}):withI18n({...k,i18nCompiler:s}):k};
-
-export { withKoine };

package/index.cjs.d.ts

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

package/index.cjs.default.js

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

package/index.cjs.js

@@ -1,25 +0,0 @@
-'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

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

package/index.esm.js

@@ -1,14 +0,0 @@
-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/theme/ThemeContext.js

@@ -1,6 +0,0 @@
-import { createContext } from "react";
-export const ThemeContext = createContext({
-    setTheme: (_) => { },
-    themes: [],
-});
-export default ThemeContext;

package/theme/ThemeProvider.js

@@ -1,204 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import NextScript from "next/script";
-import { memo, useCallback, useEffect, useState } from "react";
-import { isServer } from "@koine/utils";
-import { ThemeContext } from "./ThemeContext";
-const colorSchemes = ["light", "dark"];
-const MEDIA = "(prefers-color-scheme: dark)";
-const THEME_STORAGE_KEY = "theme";
-export const ThemeProvider = ({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme, themes = ["light", "dark"], defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce, }) => {
-    const [theme, setThemeState] = useState(() => getTheme(THEME_STORAGE_KEY, defaultTheme));
-    const [resolvedTheme, setResolvedTheme] = useState(() => getTheme(THEME_STORAGE_KEY));
-    const attrs = !value ? themes : Object.values(value);
-    const applyTheme = useCallback((theme) => {
-        let resolved = theme;
-        if (isServer || !resolved)
-            return;
-        if (theme === "system" && enableSystem) {
-            resolved = getSystemTheme();
-        }
-        const name = value ? value[resolved] : resolved;
-        const enable = disableTransitionOnChange ? disableAnimation() : null;
-        const d = document.documentElement;
-        if (attribute === "class") {
-            d.classList.remove(...attrs);
-            if (name)
-                d.classList.add(name);
-        }
-        else {
-            if (name) {
-                d.setAttribute(attribute, name);
-            }
-            else {
-                d.removeAttribute(attribute);
-            }
-        }
-        if (enableColorScheme) {
-            const fallback = colorSchemes.includes(defaultTheme)
-                ? defaultTheme
-                : "";
-            const colorScheme = colorSchemes.includes(resolved)
-                ? resolved
-                : fallback;
-            d.style.colorScheme = colorScheme;
-        }
-        enable?.();
-    }, [
-        attribute,
-        attrs,
-        defaultTheme,
-        disableTransitionOnChange,
-        enableColorScheme,
-        enableSystem,
-        value,
-    ]);
-    const setTheme = useCallback((theme) => {
-        setThemeState(theme);
-        try {
-            localStorage.setItem(THEME_STORAGE_KEY, theme);
-        }
-        catch (e) {
-        }
-    }, []);
-    const handleMediaQuery = useCallback((e) => {
-        const resolved = getSystemTheme(e);
-        setResolvedTheme(resolved);
-        if (theme === "system" && enableSystem && !forcedTheme) {
-            applyTheme("system");
-        }
-    }, [theme, enableSystem, forcedTheme, applyTheme]);
-    useEffect(() => {
-        const media = window.matchMedia(MEDIA);
-        media.addListener(handleMediaQuery);
-        handleMediaQuery(media);
-        return () => media.removeListener(handleMediaQuery);
-    }, [handleMediaQuery]);
-    useEffect(() => {
-        const handleStorage = (e) => {
-            if (e.key !== THEME_STORAGE_KEY) {
-                return;
-            }
-            const theme = e.newValue || defaultTheme;
-            setTheme(theme);
-        };
-        window.addEventListener("storage", handleStorage);
-        return () => window.removeEventListener("storage", handleStorage);
-    }, [defaultTheme, setTheme]);
-    useEffect(() => {
-        applyTheme(forcedTheme ?? theme);
-    }, [applyTheme, forcedTheme, theme]);
-    return (_jsxs(ThemeContext.Provider, { value: {
-            theme,
-            setTheme,
-            forcedTheme,
-            resolvedTheme: theme === "system" ? resolvedTheme : theme,
-            themes: enableSystem ? [...themes, "system"] : themes,
-            systemTheme: (enableSystem ? resolvedTheme : undefined),
-        }, children: [_jsx(ThemeScript, { forcedTheme,
-                disableTransitionOnChange,
-                enableSystem,
-                enableColorScheme,
-                themes,
-                defaultTheme,
-                attribute,
-                value,
-                children,
-                attrs,
-                nonce }), children] }));
-};
-const ThemeScript = memo(({ forcedTheme, attribute, enableSystem, enableColorScheme, defaultTheme, value, attrs, nonce, }) => {
-    const defaultSystem = defaultTheme === "system";
-    const optimization = (() => {
-        const removeClasses = `d.remove(${attrs
-            .map((t) => `'${t}'`)
-            .join(",")})`;
-        return `var d=document.documentElement.classList;${removeClasses};`;
-    })();
-    const fallbackColorScheme = (() => {
-        if (!enableColorScheme) {
-            return "";
-        }
-        const fallback = colorSchemes.includes(defaultTheme)
-            ? defaultTheme
-            : null;
-        if (fallback) {
-            return `if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${defaultTheme}'`;
-        }
-        else {
-            return `if(e==='light'||e==='dark')d.style.colorScheme=e`;
-        }
-    })();
-    const updateDOM = (name, literal = false, setColorScheme = true) => {
-        const resolvedName = value ? value[name] : name;
-        const val = literal ? name + `|| ''` : `'${resolvedName}'`;
-        let text = "";
-        if (enableColorScheme &&
-            setColorScheme &&
-            !literal &&
-            colorSchemes.includes(name)) {
-            text += `d.style.colorScheme = '${name}';`;
-        }
-        if (attribute === "class") {
-            if (literal || resolvedName) {
-                text += `d.add(${val})`;
-            }
-            else {
-                text += `null`;
-            }
-        }
-        else {
-            if (resolvedName) {
-                text += `d[s](n, ${val})`;
-            }
-        }
-        return text;
-    };
-    const scriptSrc = (() => {
-        if (forcedTheme) {
-            return `!function(){${optimization}${updateDOM(forcedTheme)}}()`;
-        }
-        if (enableSystem) {
-            return `!function(){try {${optimization}var e=localStorage.getItem('${THEME_STORAGE_KEY}');if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM("dark")}}else{${updateDOM("light")}}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}${!defaultSystem
-                ? `else{` + updateDOM(defaultTheme, false, false) + "}"
-                : ""}${fallbackColorScheme}}catch(e){}}()`;
-        }
-        return `!function(){try{${optimization}var e=localStorage.getItem("${THEME_STORAGE_KEY}");if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}else{${updateDOM(defaultTheme, false, false)};}${fallbackColorScheme}}catch(t){}}();`;
-    })();
-    const encodedScript = `data:text/javascript;base64,${encodeBase64(scriptSrc)}`;
-    return (_jsx(NextScript, { id: "next-theme-script", strategy: "beforeInteractive", src: encodedScript, nonce: nonce }));
-}, () => true);
-const getTheme = (key, fallback) => {
-    if (isServer)
-        return undefined;
-    let theme;
-    try {
-        theme = localStorage.getItem(key) || undefined;
-    }
-    catch (e) {
-    }
-    return theme || fallback;
-};
-const disableAnimation = () => {
-    const d = document;
-    const css = d.createElement("style");
-    css.appendChild(d.createTextNode(`*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`));
-    d.head.appendChild(css);
-    return () => {
-        (() => window.getComputedStyle(d.body))();
-        setTimeout(() => {
-            d.head.removeChild(css);
-        }, 1);
-    };
-};
-const getSystemTheme = (e) => {
-    if (!e)
-        e = window.matchMedia(MEDIA);
-    const isDark = e.matches;
-    const systemTheme = isDark ? "dark" : "light";
-    return systemTheme;
-};
-const encodeBase64 = (str) => {
-    return isServer ? Buffer.from(str).toString("base64") : btoa(str);
-};
-export default ThemeProvider;

package/theme/useTheme.js

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