@koine/next 2.0.0-beta.10 → 2.0.0-beta.11

package/12/ThemeProvider.js

@@ -1,256 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ThemeProvider: function() {
-        return ThemeProvider;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _script = /*#__PURE__*/ _interop_require_default._(require("next/script"));
-const _react = require("react");
-const _isServer = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isServer"));
-const _ThemeContext = require("./ThemeContext");
-const colorSchemes = [
-    "light",
-    "dark"
-];
-const MEDIA = "(prefers-color-scheme: dark)";
-const THEME_STORAGE_KEY = "theme";
-const ThemeProvider = ({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme, themes = [
-    "light",
-    "dark"
-], defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce })=>{
-    const [theme, setThemeState] = (0, _react.useState)(()=>getTheme(THEME_STORAGE_KEY, defaultTheme));
-    const [resolvedTheme, setResolvedTheme] = (0, _react.useState)(()=>getTheme(THEME_STORAGE_KEY));
-    const attrs = !value ? themes : Object.values(value);
-    const applyTheme = (0, _react.useCallback)((theme)=>{
-        let resolved = theme;
-        if (_isServer.default || !resolved) return;
-        // If theme is system, resolve it before setting theme
-        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 = (0, _react.useCallback)((theme)=>{
-        setThemeState(theme);
-        // Save to storage
-        try {
-            localStorage.setItem(THEME_STORAGE_KEY, theme);
-        } catch (e) {
-        // Unsupported
-        }
-    }, []);
-    const handleMediaQuery = (0, _react.useCallback)((e)=>{
-        const resolved = getSystemTheme(e);
-        setResolvedTheme(resolved);
-        if (theme === "system" && enableSystem && !forcedTheme) {
-            applyTheme("system");
-        }
-    }, [
-        theme,
-        enableSystem,
-        forcedTheme,
-        applyTheme
-    ]);
-    // Always listen to System preference
-    (0, _react.useEffect)(()=>{
-        const media = window.matchMedia(MEDIA);
-        // Intentionally use deprecated listener methods to support iOS & old browsers
-        media.addListener(handleMediaQuery);
-        handleMediaQuery(media);
-        return ()=>media.removeListener(handleMediaQuery);
-    }, [
-        handleMediaQuery
-    ]);
-    // localStorage event handling
-    (0, _react.useEffect)(()=>{
-        const handleStorage = (e)=>{
-            if (e.key !== THEME_STORAGE_KEY) {
-                return;
-            }
-            // If default theme set, use it if localstorage === null (happens on local storage manual deletion)
-            const theme = e.newValue || defaultTheme;
-            setTheme(theme);
-        };
-        window.addEventListener("storage", handleStorage);
-        return ()=>window.removeEventListener("storage", handleStorage);
-    }, [
-        defaultTheme,
-        setTheme
-    ]);
-    // Whenever theme or forcedTheme changes, apply it
-    (0, _react.useEffect)(()=>{
-        applyTheme(forcedTheme ?? theme);
-    }, [
-        applyTheme,
-        forcedTheme,
-        theme
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ThemeContext.ThemeContext.Provider, {
-        value: {
-            theme,
-            setTheme,
-            forcedTheme,
-            resolvedTheme: theme === "system" ? resolvedTheme : theme,
-            themes: enableSystem ? [
-                ...themes,
-                "system"
-            ] : themes,
-            systemTheme: enableSystem ? resolvedTheme : undefined
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(ThemeScript, {
-                forcedTheme,
-                disableTransitionOnChange,
-                enableSystem,
-                enableColorScheme,
-                themes,
-                defaultTheme,
-                attribute,
-                value,
-                children,
-                attrs,
-                nonce
-            }),
-            children
-        ]
-    });
-};
-const ThemeScript = /*#__PURE__*/ (0, _react.memo)(({ forcedTheme, attribute, enableSystem, enableColorScheme, defaultTheme, value, attrs, nonce })=>{
-    const defaultSystem = defaultTheme === "system";
-    // Code-golfing the amount of characters in the script
-    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 = "";
-        // MUCH faster to set colorScheme alongside HTML attribute/class
-        // as it only incurs 1 style recalculation rather than 2
-        // This can save over 250ms of work for pages with big DOM
-        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){}}();`;
-    })();
-    // We MUST use next/script's `beforeInteractive` strategy to avoid flashing on load.
-    // However, it only accepts the `src` prop, not `dangerouslySetInnerHTML` or `children`
-    // But our script cannot be external because it changes at runtime based on React props
-    // so we trick next/script by passing `src` as a base64 JS script
-    const encodedScript = `data:text/javascript;base64,${encodeBase64(scriptSrc)}`;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_script.default, {
-        id: "next-theme-script",
-        strategy: "beforeInteractive",
-        src: encodedScript,
-        nonce: nonce
-    });
-}, // Never re-render this component
-()=>true);
-// Helpers
-const getTheme = (key, fallback)=>{
-    if (_isServer.default) return undefined;
-    let theme;
-    try {
-        theme = localStorage.getItem(key) || undefined;
-    } catch (e) {
-    // Unsupported
-    }
-    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 ()=>{
-        // Force restyle
-        (()=>window.getComputedStyle(d.body))();
-        // Wait for next tick before removing
-        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.default ? Buffer.from(str).toString("base64") : btoa(str);
-};
-const _default = ThemeProvider;

package/12/TransText.js

@@ -1,23 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    TransText: function() {
-        return TransText;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _TransText = /*#__PURE__*/ _interop_require_default._(require("next-translate/TransText"));
-const TransText = _TransText.default;
-const _default = TransText;

package/12/app/AppHead.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AppHead: function() {
-        return AppHead;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _head = /*#__PURE__*/ _interop_require_default._(require("next/head"));
-const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-const AppHead = ()=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_head.default, {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("meta", {
-            name: "viewport",
-            content: "width=device-width"
-        })
-    });
-};
-const _default = AppHead;

package/12/app/AppMain.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = /*#__PURE__*/ _interop_require_default._(require("react"));

package/12/app/css/AppMain.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AppMain: function() {
-        return AppMain;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-const _SeoDefaults = require("../../SeoDefaults");
-const AppMain = ({ Component, pageProps, Layout, seo, pre, post })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.default.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_SeoDefaults.SeoDefaults, {
-                ...seo
-            }),
-            pre,
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
-                    ...pageProps
-                })
-            }),
-            post
-        ]
-    });
-};
-const _default = AppMain;

package/12/app/css/AppTheme.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AppTheme: function() {
-        return AppTheme;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-const _ThemeProvider = require("../../ThemeProvider");
-const AppTheme = ({ theme, children })=>{
-    // return (
-    //   <ThemeVanillaProvider initialTheme={theme}>{children}</ThemeVanillaProvider>
-    // );
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ThemeProvider.ThemeProvider, {
-        defaultTheme: theme,
-        attribute: "class",
-        children: children
-    });
-};
-const _default = AppTheme;

package/12/app/css/auth/index.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    NextApp: function() {
-        return NextApp;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("next-auth/react");
-const _AppHead = require("../../AppHead");
-const _AppMain = require("../AppMain");
-const _AppTheme = require("../AppTheme");
-const NextApp = (props)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.SessionProvider, {
-                session: props.pageProps.session,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
-                    ...props,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
-                        ...props
-                    })
-                })
-            })
-        ]
-    });
-};
-const _default = NextApp;

package/12/app/css/index.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    NextApp: function() {
-        return NextApp;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _AppHead = require("../AppHead");
-const _AppMain = require("./AppMain");
-const _AppTheme = require("./AppTheme");
-const NextApp = (props)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
-                ...props,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
-                    ...props
-                })
-            })
-        ]
-    });
-};
-const _default = NextApp;

package/12/app/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./AppHead"), exports);
-_export_star._(require("./AppMain"), exports);

package/12/app/sc/AppMain.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AppMain: function() {
-        return AppMain;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _framermotion = require("framer-motion");
-const _router = require("next/router");
-const _m = require("@koine/react/m");
-const _NextProgress = require("../../NextProgress");
-const _SeoDefaults = require("../../SeoDefaults");
-const AppMain = ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition = {
-    initial: {
-        opacity: 0
-    },
-    animate: {
-        opacity: 1
-    },
-    exit: {
-        opacity: 0
-    }
-}, pre, post })=>{
-    const { pathname } = (0, _router.useRouter)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_SeoDefaults.SeoDefaults, {
-                ...seo
-            }),
-            pre,
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_m.MotionProvider, {
-                features: motion,
-                children: [
-                    ProgressOverlay && /*#__PURE__*/ (0, _jsxruntime.jsx)(_NextProgress.NextProgress, {
-                        Overlay: ProgressOverlay
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_framermotion.AnimatePresence, {
-                            exitBeforeEnter: true,
-                            initial: false,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_framermotion.m.div, {
-                                ...transition,
-                                children: /*#__PURE__*/ (0, _react.createElement)(Component, {
-                                    ...pageProps,
-                                    key: pathname
-                                })
-                            }, pathname)
-                        })
-                    })
-                ]
-            }),
-            post
-        ]
-    });
-};
-const _default = AppMain;

package/12/app/sc/AppTheme.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AppTheme: function() {
-        return AppTheme;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-const _styledcomponents = require("styled-components");
-const _sc = require("@koine/react/sc");
-const AppTheme = ({ theme, children })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_styledcomponents.ThemeProvider, {
-        theme: theme,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_sc.StylesGlobal, {}),
-            children
-        ]
-    });
-};
-const _default = AppTheme;

package/12/app/sc/auth/index.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    NextApp: function() {
-        return NextApp;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("next-auth/react");
-const _AppHead = require("../../AppHead");
-const _AppMain = require("../AppMain");
-const _AppTheme = require("../AppTheme");
-const NextApp = (props)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.SessionProvider, {
-                session: props.pageProps.session,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
-                    ...props,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
-                        ...props
-                    })
-                })
-            })
-        ]
-    });
-};
-const _default = NextApp;

package/12/app/sc/index.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    NextApp: function() {
-        return NextApp;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _AppHead = require("../AppHead");
-const _AppMain = require("./AppMain");
-const _AppTheme = require("./AppTheme");
-const NextApp = (props)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
-                ...props,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
-                    ...props
-                })
-            })
-        ]
-    });
-};
-const _default = NextApp;