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

package/12/AnalyticsGoogle.js

@@ -1,37 +1,7 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRouter } from "next/router";
-import Script from "next/script";
-import { useEffect, useState } from "react";
-import { gtagPageview } from "@koine/browser";
-export let AnalyticsGoogle = ({ id }) => {
-    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    const { events, asPath, query } = useRouter();
-    const [ready, setReady] = useState(false);
-    const [routed, setRouted] = useState(false);
-    useEffect(() => {
-        const handleRouteChange = () => {
-            setRouted(true);
-        };
-        events.on("routeChangeComplete", handleRouteChange);
-        return () => {
-            events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [events]);
-    useEffect(() => {
-        if (routed && ready && asPath) {
-            gtagPageview(asPath);
-        }
-    }, [asPath, query, routed, ready]);
-    if (!uid) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: `https://www.googletagmanager.com/gtag/js?id=${id}`, strategy: "afterInteractive", onLoad: () => setReady(true) }), _jsx(Script, { id: "google-analytics", strategy: "afterInteractive", children: `
+import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useRouter as r}from"next/router";import o from"next/script";import{useEffect as n,useState as g}from"react";import{gtagPageview as i}from"@koine/browser";export let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=r(),[p,f]=g(!1),[w,u]=g(!1);return(n(()=>{let e=()=>{u(!0)};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e)}},[m]),n(()=>{w&&p&&c&&i(c)},[c,d,w,p]),l)?t(a,{children:[e(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),e(o,{id:"google-analytics",strategy:"afterInteractive",children:`
           window.dataLayer = window.dataLayer || [];
           function gtag(){window.dataLayer.push(arguments);}
           gtag('js', new Date());
 
-          gtag('config', '${id}', { 'send_page_view': false });
-        ` })] }));
-};
-export default AnalyticsGoogle;
+          gtag('config', '${s}', { 'send_page_view': false });
+        `})]}):null};export default AnalyticsGoogle;

package/12/DisableErrorOverlay.js

@@ -1,6 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-export let DisableErrorOverlay = () => (_jsx(Head, { children: process.env["NODE_ENV"] === "development" && (_jsx("script", { dangerouslySetInnerHTML: {
-            __html: `window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});`,
-        } })) }));
-export default DisableErrorOverlay;
+import{jsx as e}from"react/jsx-runtime";import r from"next/head";export let DisableErrorOverlay=()=>e(r,{children:"development"===process.env.NODE_ENV&&e("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});export default DisableErrorOverlay;

package/12/Seo.js

@@ -1,5 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-import { seoBuildTags } from "./seoBuildTags";
-export let Seo = (props) => _jsx(Head, { children: seoBuildTags(props) });
-export default Seo;
+import{jsx as e}from"react/jsx-runtime";import o from"next/head";import{seoBuildTags as r}from"./seoBuildTags";export let Seo=t=>e(o,{children:r(t)});export default Seo;

package/12/SeoDefaults.js

@@ -1,5 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-import { seoBuildTags } from "./seoBuildTags";
-export let SeoDefaults = (props) => (_jsx(Head, { children: seoBuildTags(props) }));
-export default SeoDefaults;
+import{jsx as e}from"react/jsx-runtime";import t from"next/head";import{seoBuildTags as o}from"./seoBuildTags";export let SeoDefaults=r=>e(t,{children:o(r)});export default SeoDefaults;

package/12/seoBuildTags.d.ts

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

package/12/seoBuildTags.js

@@ -1,94 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { isArray } from "@koine/utils";
-const defaults = {
-    tplTitle: "",
-};
-export const seoBuildTags = ({ seo, hidden, keywords, title = "", titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates = [], twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, schema, } = {}) => {
-    const id = "seo-";
-    const render = [];
-    const $names = {};
-    const $properties = {};
-    if (titleTemplate) {
-        defaults.tplTitle = titleTemplate;
-    }
-    title = title || seo?.title || "";
-    if (title) {
-        if (defaults.tplTitle && defaults.tplTitle !== title) {
-            title = defaults.tplTitle.replace(/%s/g, title);
-        }
-    }
-    else if (defaultTitle) {
-        title = defaultTitle;
-    }
-    if (title) {
-        render.push(_jsx("title", { children: title }, id + "title"));
-        $properties["og:title"] = title;
-    }
-    $names["robots"] = `${noindex || hidden ? "noindex" : "index"},${nofollow || hidden ? "nofollow" : "follow"}`;
-    description = description || seo?.description;
-    if (description) {
-        $names["description"] = description;
-        $properties["og:description"] = description;
-    }
-    keywords = keywords || seo?.keywords;
-    if (keywords) {
-        $names["keywords"] = isArray(keywords) ? keywords.join(", ") : keywords;
-    }
-    if (languageAlternates?.length > 0) {
-        languageAlternates.forEach(({ href, hrefLang }) => {
-            render.push(_jsx("link", { rel: "alternate", hrefLang: hrefLang, href: href }, id + "languageAlternate-" + hrefLang));
-        });
-    }
-    if (canonical) {
-        render.push(_jsx("link", { rel: "canonical", href: canonical }, id + "canonical"));
-        $properties["og:url"] = canonical;
-    }
-    if (facebook?.appId)
-        $properties["fb:app_id"] = facebook.appId;
-    if (twitter) {
-        if (twitter.cardType)
-            $names["twitter:card"] = twitter.cardType;
-        if (twitter.site)
-            $names["twitter:site"] = twitter.site;
-        if (twitter.handle)
-            $names["twitter:creator"] = twitter.handle;
-    }
-    const og = ogAlias || openGraph;
-    if (og?.title)
-        $properties["og:title"] = og?.title;
-    if (og?.description)
-        $properties["og:description"] = og?.description;
-    if (og?.url)
-        $properties["og:url"] = og.url;
-    if (og?.type)
-        $properties["og:type"] = og.type.toLowerCase();
-    if (og?.locale)
-        $properties["og:locale"] = og.locale;
-    if (og?.siteName)
-        $properties["og:siteName"] = og.siteName;
-    const ogimage = og?.image || seo?.ogimage;
-    if (ogimage)
-        $properties["og:image"] = ogimage;
-    Object.keys($names).forEach((key) => {
-        render.push(_jsx("meta", { name: key, content: $names[key] }, id + "name-" + key));
-    });
-    Object.keys($properties).forEach((key) => {
-        render.push(_jsx("meta", { property: key, content: $properties[key] }, id + "prop-" + +key));
-    });
-    if (metaTags && metaTags.length > 0) {
-        metaTags.forEach((tag) => {
-            render.push(_jsx("meta", { ...tag }, id + "meta-" + (tag.name || tag.property || tag.httpEquiv)));
-        });
-    }
-    if (linkTags?.length) {
-        linkTags.forEach((tag) => {
-            render.push(_jsx("link", { ...tag }, id + "link-" + (tag.href || tag.rel)));
-        });
-    }
-    if (schema) {
-        render.push(_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(schema) } }, id + "schema"));
-    }
-    return render;
-};
-export default seoBuildTags;
+import{jsx as e}from"react/jsx-runtime";import{isArray as t}from"@koine/utils";let l={tplTitle:""};export const seoBuildTags=({seo:o,hidden:i,keywords:r,title:a="",titleTemplate:n,defaultTitle:p,noindex:s,nofollow:c,description:g,languageAlternates:h=[],twitter:d,facebook:u,openGraph:m,og:f,canonical:y,metaTags:T,linkTags:k,schema:w}={})=>{let j="seo-",x=[],E={},b={};n&&(l.tplTitle=n),(a=a||o?.title||"")?l.tplTitle&&l.tplTitle!==a&&(a=l.tplTitle.replace(/%s/g,a)):p&&(a=p),a&&(x.push(e("title",{children:a},j+"title")),b["og:title"]=a),E.robots=`${s||i?"noindex":"index"},${c||i?"nofollow":"follow"}`,(g=g||o?.description)&&(E.description=g,b["og:description"]=g),(r=r||o?.keywords)&&(E.keywords=t(r)?r.join(", "):r),h?.length>0&&h.forEach(({href:t,hrefLang:l})=>{x.push(e("link",{rel:"alternate",hrefLang:l,href:t},j+"languageAlternate-"+l))}),y&&(x.push(e("link",{rel:"canonical",href:y},j+"canonical")),b["og:url"]=y),u?.appId&&(b["fb:app_id"]=u.appId),d&&(d.cardType&&(E["twitter:card"]=d.cardType),d.site&&(E["twitter:site"]=d.site),d.handle&&(E["twitter:creator"]=d.handle));let N=f||m;N?.title&&(b["og:title"]=N?.title),N?.description&&(b["og:description"]=N?.description),N?.url&&(b["og:url"]=N.url),N?.type&&(b["og:type"]=N.type.toLowerCase()),N?.locale&&(b["og:locale"]=N.locale),N?.siteName&&(b["og:siteName"]=N.siteName);let I=N?.image||o?.ogimage;return I&&(b["og:image"]=I),Object.keys(E).forEach(t=>{x.push(e("meta",{name:t,content:E[t]},j+"name-"+t))}),Object.keys(b).forEach(t=>{x.push(e("meta",{property:t,content:b[t]},j+"prop-"+ +t))}),T&&T.length>0&&T.forEach(t=>{x.push(e("meta",{...t},j+"meta-"+(t.name||t.property||t.httpEquiv)))}),k?.length&&k.forEach(t=>{x.push(e("link",{...t},j+"link-"+(t.href||t.rel)))}),w&&x.push(e("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(w)}},j+"schema")),x};export default seoBuildTags;

package/12/types.js

@@ -1 +1 @@
-export {};
+export{};

package/12.js

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

package/ThemeContext.js

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

package/ThemeProvider.js

@@ -1,204 +1 @@
-"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;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"next/script";import{memo as o,useCallback as i,useEffect as n,useState as s}from"react";import{isServer as a}from"@koine/utils";import{ThemeContext as m}from"./ThemeContext";let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";export 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]=s(()=>u(c,g)),[T,j]=s(()=>u(c)),C=x?Object.values(x):p,E=i(e=>{let t=e;if(a||!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=i(e=>{L(e);try{localStorage.setItem(c,e)}catch(e){}},[]),M=i(e=>{j(f(e)),"system"===b&&v&&!r&&E("system")},[b,v,r,E]);return n(()=>{let e=window.matchMedia(d);return e.addListener(M),M(e),()=>e.removeListener(M)},[M]),n(()=>{let e=e=>{e.key===c&&I(e.newValue||g)};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),n(()=>{E(r??b)},[E,r,b]),t(m.Provider,{value:{theme:b,setTheme:I,forcedTheme:r,resolvedTheme:"system"===b?T:b,themes:v?[...p,"system"]:p,systemTheme:v?T:void 0},children:[e(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=o(({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 e(r,{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>!0),u=(e,t)=>{let r;if(!a){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=>a?Buffer.from(e).toString("base64"):btoa(e);export default ThemeProvider;

package/cjs/12/AnalyticsGoogle.d.ts

@@ -0,0 +1,5 @@
+export type AnalyticsGoogleProps = {
+    id?: string;
+};
+export declare let AnalyticsGoogle: ({ id }: AnalyticsGoogleProps) => import("react/jsx-runtime").JSX.Element | null;
+export default AnalyticsGoogle;

package/cjs/12/AnalyticsGoogle.js

@@ -0,0 +1,7 @@
+import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useRouter as r}from"next/router";import o from"next/script";import{useEffect as n,useState as g}from"react";import{gtagPageview as i}from"@koine/browser";export let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=r(),[p,f]=g(!1),[w,u]=g(!1);return(n(()=>{let e=()=>{u(!0)};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e)}},[m]),n(()=>{w&&p&&c&&i(c)},[c,d,w,p]),l)?t(a,{children:[e(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),e(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 default AnalyticsGoogle;

package/cjs/12/DisableErrorOverlay.d.ts

@@ -0,0 +1,2 @@
+export declare let DisableErrorOverlay: () => import("react/jsx-runtime").JSX.Element;
+export default DisableErrorOverlay;

package/cjs/12/DisableErrorOverlay.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"next/head";export let DisableErrorOverlay=()=>e(r,{children:"development"===process.env.NODE_ENV&&e("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});export default DisableErrorOverlay;

package/cjs/12/Seo.d.ts

@@ -0,0 +1,23 @@
+import type { NextSeoProps } from "next-seo/lib/types";
+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;
+};
+export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLinkTags" | "mobileAlternate" | "robotsProps"> & {
+    metaTags?: ReadonlyArray<MetaTag>;
+    linkTags?: ReadonlyArray<LinkTag>;
+    seo?: SeoData;
+    hidden?: SeoData["hidden"];
+    keywords?: SeoData["keywords"];
+    openGraph?: SeoPropsOpenGraph;
+    og?: SeoPropsOpenGraph;
+};
+export declare let Seo: (props: SeoProps) => import("react/jsx-runtime").JSX.Element;
+export default Seo;

package/cjs/12/Seo.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import o from"next/head";import{seoBuildTags as r}from"./seoBuildTags";export let Seo=t=>e(o,{children:r(t)});export default Seo;

package/cjs/12/SeoDefaults.d.ts

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

package/cjs/12/SeoDefaults.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t from"next/head";import{seoBuildTags as o}from"./seoBuildTags";export let SeoDefaults=r=>e(t,{children:o(r)});export default SeoDefaults;

package/cjs/12/seoBuildTags.d.ts

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

package/cjs/12/seoBuildTags.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{isArray as t}from"@koine/utils";let l={tplTitle:""};export const seoBuildTags=({seo:o,hidden:i,keywords:r,title:a="",titleTemplate:n,defaultTitle:p,noindex:s,nofollow:c,description:g,languageAlternates:h=[],twitter:d,facebook:u,openGraph:m,og:f,canonical:y,metaTags:T,linkTags:k,schema:w}={})=>{let j="seo-",x=[],E={},b={};n&&(l.tplTitle=n),(a=a||o?.title||"")?l.tplTitle&&l.tplTitle!==a&&(a=l.tplTitle.replace(/%s/g,a)):p&&(a=p),a&&(x.push(e("title",{children:a},j+"title")),b["og:title"]=a),E.robots=`${s||i?"noindex":"index"},${c||i?"nofollow":"follow"}`,(g=g||o?.description)&&(E.description=g,b["og:description"]=g),(r=r||o?.keywords)&&(E.keywords=t(r)?r.join(", "):r),h?.length>0&&h.forEach(({href:t,hrefLang:l})=>{x.push(e("link",{rel:"alternate",hrefLang:l,href:t},j+"languageAlternate-"+l))}),y&&(x.push(e("link",{rel:"canonical",href:y},j+"canonical")),b["og:url"]=y),u?.appId&&(b["fb:app_id"]=u.appId),d&&(d.cardType&&(E["twitter:card"]=d.cardType),d.site&&(E["twitter:site"]=d.site),d.handle&&(E["twitter:creator"]=d.handle));let N=f||m;N?.title&&(b["og:title"]=N?.title),N?.description&&(b["og:description"]=N?.description),N?.url&&(b["og:url"]=N.url),N?.type&&(b["og:type"]=N.type.toLowerCase()),N?.locale&&(b["og:locale"]=N.locale),N?.siteName&&(b["og:siteName"]=N.siteName);let I=N?.image||o?.ogimage;return I&&(b["og:image"]=I),Object.keys(E).forEach(t=>{x.push(e("meta",{name:t,content:E[t]},j+"name-"+t))}),Object.keys(b).forEach(t=>{x.push(e("meta",{property:t,content:b[t]},j+"prop-"+ +t))}),T&&T.length>0&&T.forEach(t=>{x.push(e("meta",{...t},j+"meta-"+(t.name||t.property||t.httpEquiv)))}),k?.length&&k.forEach(t=>{x.push(e("link",{...t},j+"link-"+(t.href||t.rel)))}),w&&x.push(e("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(w)}},j+"schema")),x};export default seoBuildTags;

package/cjs/12/types.d.ts

@@ -0,0 +1,2 @@
+export type { SeoData } from "./Seo";
+export type { SeoDefaultsProps } from "./SeoDefaults";

package/cjs/12/types.js

@@ -0,0 +1 @@
+export{};

package/cjs/12.d.ts

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

package/cjs/12.js

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

package/cjs/ThemeContext.js

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

package/cjs/ThemeProvider.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"next/script";import{memo as o,useCallback as i,useEffect as n,useState as s}from"react";import{isServer as a}from"@koine/utils";import{ThemeContext as m}from"./ThemeContext";let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";export 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]=s(()=>u(c,g)),[T,j]=s(()=>u(c)),C=x?Object.values(x):p,E=i(e=>{let t=e;if(a||!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=i(e=>{L(e);try{localStorage.setItem(c,e)}catch(e){}},[]),M=i(e=>{j(f(e)),"system"===b&&v&&!r&&E("system")},[b,v,r,E]);return n(()=>{let e=window.matchMedia(d);return e.addListener(M),M(e),()=>e.removeListener(M)},[M]),n(()=>{let e=e=>{e.key===c&&I(e.newValue||g)};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),n(()=>{E(r??b)},[E,r,b]),t(m.Provider,{value:{theme:b,setTheme:I,forcedTheme:r,resolvedTheme:"system"===b?T:b,themes:v?[...p,"system"]:p,systemTheme:v?T:void 0},children:[e(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=o(({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 e(r,{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>!0),u=(e,t)=>{let r;if(!a){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=>a?Buffer.from(e).toString("base64"):btoa(e);export default ThemeProvider;

package/cjs/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/cjs/config.js

@@ -0,0 +1 @@
+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/cjs/index.d.ts

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

package/cjs/index.js

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

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

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

package/cjs/load.js

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

package/cjs/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@koine/next",
+  "sideEffects": false,
+  "dependencies": {
+    "@koine/browser": "*",
+    "@koine/utils": "*",
+    "@koine/i18n": "*"
+  },
+  "peerDependencies": {
+    "next": "^14.0.4",
+    "next-seo": "^6.4.0",
+    "react": "^18.2.0"
+  },
+  "peerDependenciesMeta": {
+    "next-seo": {
+      "optional": true
+    }
+  },
+  "module": "./index.js",
+  "type": "module",
+  "main": "./index.js"
+}

package/cjs/useTheme.js

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