@koine/next 1.0.9 → 1.0.10

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextApp = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("next-auth/react");
-const AppHead_1 = require("../../AppHead");
-const AppTheme_1 = require("../AppTheme");
-const AppMain_1 = require("../AppMain");
-/**
- * App with authentication provided by `next-auth`
- */
-const NextApp = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(react_2.SessionProvider, { session: props.pageProps.session, children: (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, { ...props, children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, { ...props }) }) })] }));
-};
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;

package/node/app/sc/index.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextApp = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const AppHead_1 = require("../AppHead");
-const AppTheme_1 = require("./AppTheme");
-const AppMain_1 = require("./AppMain");
-/**
- * App
- *
- * @example
- *
- * ```tsx
- * import { NextApp, NextAppProps } from "@koine/next/app/sc/auth";
- * import { Favicon, AnalyticsGoogle } from "@koine/next";
- * import { theme } from "src/helpers/theme";
- * import { Layout, ProgressOverlay } from "src/components/Layout";
- * // import "@fontsource/myfont/800.css";
- * // import "src/helpers/theme.css";
- *
- * const motion = () => import("@koine/react/m/max").then((m) => m.default);
- *
- * export default function App(props: NextAppProps) {
- *   return (
- *     <NextApp
- *       {...props}
- *       Layout={Layout}
- *       ProgressOverlay={ProgressOverlay}
- *       theme={theme}
- *       motion={motion}
- *       seo={{
- *         titleTemplate: "%s | MyApp",
- *         defaultTitle: "MyApp",
- *         openGraph: {
- *           type: "website",
- *           locale: "en_US",
- *           url: "https://myapp.com/",
- *           site_name: "MyApp",
- *         },
- *         twitter: {
- *           handle: "@MklrNl",
- *           site: "@MyApp",
- *           cardType: "summary_large_image",
- *         },
- *       }}
- *       pre={
- *         <>
- *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
- *           <Favicon name="MyApp" color="#000000" />
- *         </>
- *       }
- *     />
- *   );
- * }
- *
- * ```
- */
-const NextApp = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.StrictMode, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, { ...props, children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, { ...props }) })] }));
-};
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;

package/node/config/index.js

@@ -1,184 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withKoine = exports.getRewrites = exports.getRedirects = exports.getPathRewrite = exports.getPathRedirect = exports.encodePathname = exports.normaliseUrlPathname = void 0;
-/**
- * Normalise pathname
- *
- * From a path like `/some//malformed/path///` it returns `some/malformed/path`
- *
- * - Removes subsequent slashes
- * - Removing initial and ending slashes
- */
-function normaliseUrlPathname(pathname) {
-    return pathname.replace(/\/+\//g, "/").replace(/^\/+(.*?)\/+$/, "$1");
-}
-exports.normaliseUrlPathname = normaliseUrlPathname;
-/**
- * Clean a pathname and encode each part
- *
- * @see {@link normaliseUrlPathname}
- */
-function encodePathname(pathname) {
-    const parts = normaliseUrlPathname(pathname).split("/");
-    return parts
-        .filter((part) => !!part)
-        .map((part) => encodeURIComponent(part))
-        .join("/");
-}
-exports.encodePathname = encodePathname;
-/**
- */
-function getPathRedirect(locale, localisedPathname, templateName, dynamic, permanent) {
-    const suffix = dynamic ? `/:slug*` : "";
-    return {
-        source: `/${locale}/${encodePathname(localisedPathname)}${suffix}`,
-        destination: `/${encodePathname(templateName)}${suffix}`,
-        permanent: Boolean(permanent),
-        locale: false,
-    };
-}
-exports.getPathRedirect = getPathRedirect;
-/**
- */
-function getPathRewrite(source, destination, dynamic) {
-    const suffix = dynamic ? `/:path*` : "";
-    return {
-        source: `/${encodePathname(source)}${suffix}`,
-        destination: `/${encodePathname(destination)}${suffix}`,
-    };
-}
-exports.getPathRewrite = getPathRewrite;
-/**
- */
-async function getRedirects({ defaultLocale, routes, dynamicRoutes, permanent, }) {
-    const redirects = [];
-    Object.keys(routes).forEach((page) => {
-        const dynamic = dynamicRoutes[page];
-        if (routes[page] !== page) {
-            if (dynamic) {
-                redirects.push(getPathRedirect(defaultLocale, page, routes[page], true, permanent));
-            }
-            else {
-                redirects.push(getPathRedirect(defaultLocale, page, routes[page], false, permanent));
-            }
-        }
-    });
-    // console.log("redirects", redirects);
-    return redirects;
-}
-exports.getRedirects = getRedirects;
-/**
- */
-async function getRewrites({ routes, dynamicRoutes, }) {
-    const rewrites = [];
-    Object.keys(routes).forEach((page) => {
-        const dynamic = dynamicRoutes[page];
-        if (routes[page] !== page) {
-            if (dynamic) {
-                rewrites.push(getPathRewrite(routes[page], page, true));
-            }
-            else {
-                rewrites.push(getPathRewrite(routes[page], page));
-            }
-        }
-    });
-    // console.log("rewrites", rewrites);
-    return rewrites;
-}
-exports.getRewrites = getRewrites;
-/**
- * Get Next.js config with some basic opinionated defaults
- *
- * @param {object} options
- * @property {boolean} [options.nx=false] Nx monorepo setup
- * @property {boolean} [options.svg=false] Svg to react components
- * @property {boolean} [options.sc=false] Styled components enabled
- * @property {boolean} [options.page=false] When `true` uses `*.page.ts` or `*.page.tsx`
- *                                          extension for next.js config option [`pageExtensions`](https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory)
- *                                          and it enables the same for `next-translate`.
- */
-function withKoine({ nx = true, svg = true, sc = true, page, ...nextConfig } = {}) {
-    nextConfig = {
-        // @see https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory
-        pageExtensions: page ? ["page.tsx", "page.ts"] : undefined,
-        eslint: {
-            ignoreDuringBuilds: true, // we have this strict check on each commit
-        },
-        typescript: {
-            ignoreBuildErrors: true, // we have this strict check on each commit
-        },
-        poweredByHeader: false,
-        swcMinify: true,
-        experimental: {
-            // @see https://github.com/vercel/vercel/discussions/5973#discussioncomment-472618
-            // @see critters error https://github.com/vercel/next.js/issues/20742
-            // optimizeCss: true,
-            // @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
-            scrollRestoration: true,
-            // concurrentFeatures: true,
-            // serverComponents: true,
-            // reactRoot: true,
-            ...(nextConfig.experimental || {}),
-            // @see https://nextjs.org/docs/advanced-features/compiler#modularize-imports
-            modularizeImports: {
-                ...(nextConfig?.experimental?.modularizeImports || {}),
-                // FIXME: make these work with the right file/folder structure?
-                // "@koine/next/?(((\\w*)?/?)*)": {
-                //   transform: "@koine/next/{{ matches.[1] }}/{{member}}",
-                // },
-                // "@koine/react/?(((\\w*)?/?)*)": {
-                //   transform: "@koine/react/{{ matches.[1] }}/{{member}}",
-                // },
-                // "@koine/utils/?(((\\w*)?/?)*)": {
-                //   transform: "@koine/utils/{{ matches.[1] }}/{{member}}",
-                // },
-            },
-        },
-        // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
-        // reactStrictMode: false,
-        ...nextConfig,
-    };
-    if (svg) {
-        if (nx) {
-            // @see https://github.com/gregberge/svgr
-            nextConfig["nx"] = {
-                svgr: true,
-            };
-        }
-        else {
-            nextConfig.webpack = (_config, options) => {
-                const webpackConfig = typeof nextConfig.webpack === "function"
-                    ? nextConfig.webpack(_config, options)
-                    : _config;
-                // @see https://dev.to/dolearning/importing-svgs-to-next-js-nna#svgr
-                webpackConfig.module.rules.push({
-                    test: /\.svg$/,
-                    use: [
-                        {
-                            loader: "@svgr/webpack",
-                            options: {
-                                svgoConfig: {
-                                    plugins: [
-                                        {
-                                            name: "removeViewBox",
-                                            active: false,
-                                        },
-                                    ],
-                                },
-                            },
-                        },
-                    ],
-                });
-                return webpackConfig;
-            };
-        }
-    }
-    if (sc) {
-        nextConfig.compiler = {
-            styledComponents: true,
-        };
-    }
-    return nextConfig;
-}
-exports.withKoine = withKoine;
-exports.default = withKoine;

package/node/document/Document.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_1 = require("@koine/react");
-/**
- * Next Document wrapper for bare projects
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document";
- * ```
- */
-class Document extends document_1.default {
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    }
-}
-exports.Document = Document;

package/node/document/css/index.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_1 = require("@koine/react");
-const sc_1 = require("@koine/react/sc"); // FIXME: this should be imported from another entrypoint
-/**
- * Next Document wrapper for `css/tailwind` based projects
- *
- * Uses cookie to manage the current theme
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document/css";
- * ```
- */
-class Document extends document_1.default {
-    static async getInitialProps(ctx) {
-        const initialProps = await document_1.default.getInitialProps(ctx);
-        return {
-            ...initialProps,
-            theme: (0, sc_1.getInitialThemeFromRequest)(ctx.req?.headers.cookie /*  || document?.cookie */ || ""),
-        };
-    }
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    }
-}
-exports.Document = Document;
-exports.default = Document;

package/node/document/em/index.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_1 = require("@koine/react");
-const create_instance_1 = tslib_1.__importDefault(require("@emotion/server/create-instance"));
-const emotion_cache_1 = require("../../utils/emotion-cache");
-/**
- * Next Document wrapper for `emotion` based projects
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document/em";
- * ```
- */
-class Document extends document_1.default {
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {}), this.props.emotionStyleTags] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    }
-}
-exports.Document = Document;
-// `getInitialProps` belongs to `_document` (instead of `_app`),
-// it's compatible with static-site generation (SSG).
-Document.getInitialProps = async (ctx) => {
-    // Resolution order
-    //
-    // On the server:
-    // 1. app.getInitialProps
-    // 2. page.getInitialProps
-    // 3. document.getInitialProps
-    // 4. app.render
-    // 5. page.render
-    // 6. document.render
-    //
-    // On the server with error:
-    // 1. document.getInitialProps
-    // 2. app.render
-    // 3. page.render
-    // 4. document.render
-    //
-    // On the client
-    // 1. app.getInitialProps
-    // 2. page.getInitialProps
-    // 3. app.render
-    // 4. page.render
-    const originalRenderPage = ctx.renderPage;
-    // You can consider sharing the same emotion cache between all the SSR requests to speed up performance.
-    // However, be aware that it can have global side effects.
-    const cache = (0, emotion_cache_1.createEmotionCache)();
-    const { extractCriticalToChunks } = (0, create_instance_1.default)(cache);
-    ctx.renderPage = () => originalRenderPage({
-        enhanceApp: (App) => function EnhanceApp(props) {
-            return (0, jsx_runtime_1.jsx)(App, { emotionCache: cache, ...props });
-        },
-    });
-    const initialProps = await Document.getInitialProps(ctx);
-    // This is important. It prevents emotion to render invalid HTML.
-    // See https://github.com/mui-org/material-ui/issues/26561#issuecomment-855286153
-    const emotionStyles = extractCriticalToChunks(initialProps.html);
-    const emotionStyleTags = emotionStyles.styles.map((style) => ((0, jsx_runtime_1.jsx)("style", { "data-emotion": `${style.key} ${style.ids.join(" ")}`, 
-        // eslint-disable-next-line react/no-danger
-        dangerouslySetInnerHTML: { __html: style.css } }, style.key)));
-    return {
-        ...initialProps,
-        emotionStyleTags,
-    };
-};
-exports.default = Document;

package/node/document/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = exports.Document = void 0;
-var Document_1 = require("./Document");
-Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
-var Document_2 = require("./Document");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Document_2.Document; } });

package/node/document/sc/index.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-/* ? eslint-disable @next/next/no-document-import-in-page */
-const document_1 = tslib_1.__importStar(require("next/document"));
-const react_2 = require("@koine/react");
-const styled_components_1 = require("styled-components");
-/**
- * Next Document wrapper for `styled-components` based projects
- *
- * For typescript safety of this component
- * @see https://bit.ly/3ceuF8m
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document/sc";
- * ```
- */
-class Document extends document_1.default {
-    static async getInitialProps(ctx) {
-        const sheet = new styled_components_1.ServerStyleSheet();
-        const originalRenderPage = ctx.renderPage;
-        try {
-            ctx.renderPage = () => originalRenderPage({
-                enhanceApp: (App) => (props) => sheet.collectStyles((0, jsx_runtime_1.jsx)(App, { ...props })),
-            });
-            const initialProps = await document_1.default.getInitialProps(ctx);
-            return {
-                ...initialProps,
-                // @ts-expect-error FIXME: have they changed type?
-                styles: ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [initialProps.styles, sheet.getStyleElement()] })),
-            };
-        }
-        finally {
-            sheet.seal();
-        }
-    }
-    render() {
-        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, { lang: locale || defaultLocale, className: "no-js", children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_2.Meta, {}), (0, jsx_runtime_1.jsx)(react_2.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] }));
-    }
-}
-exports.Document = Document;
-exports.default = Document;

package/node/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Analytics"), exports);
-tslib_1.__exportStar(require("./Auth"), exports);
-tslib_1.__exportStar(require("./Favicon"), exports);
-tslib_1.__exportStar(require("./Forms"), exports);
-tslib_1.__exportStar(require("./Head"), exports);
-tslib_1.__exportStar(require("./I18n"), exports);
-tslib_1.__exportStar(require("./Img"), exports);
-tslib_1.__exportStar(require("./Link"), exports);
-tslib_1.__exportStar(require("./NextProgress"), exports);
-tslib_1.__exportStar(require("./Seo"), exports);
-tslib_1.__exportStar(require("./Theme"), exports);
-tslib_1.__exportStar(require("./utils"), exports);

package/node/utils/api.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.api = void 0;
-const utils_1 = require("@koine/utils");
-exports.api = ["get", "post", "put", "patch", "delete"].reduce((api, method) => {
-    api[method] = async (endpoint, options = {}) => {
-        const { json = {}, params, headers = {}, timeout = 10000 } = options;
-        const requestInit = {
-            method: method.toUpperCase(),
-            headers: {
-                "content-type": "application/json",
-                ...headers,
-            },
-        };
-        const timeoutNumber = Number(timeout);
-        let controller;
-        let timeoutId;
-        let url = `/api/${endpoint.replace(/^\/*/, "")}`;
-        if (method !== "get") {
-            requestInit.body = JSON.stringify(json);
-        }
-        if (timeoutNumber > 0) {
-            controller = new AbortController();
-            timeoutId = setTimeout(() => controller.abort(), timeoutNumber);
-            requestInit.signal = controller.signal;
-        }
-        if (params) {
-            url += (0, utils_1.buildUrlQueryString)(params);
-        }
-        const response = await fetch(url, requestInit);
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        const result = (await response.json());
-        return result;
-    };
-    return api;
-}, {});

package/node/utils/emotion-cache.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createEmotionCache = void 0;
-const tslib_1 = require("tslib");
-const cache_1 = tslib_1.__importDefault(require("@emotion/cache"));
-/**
- * prepend: true moves MUI styles to the top of the <head> so they're loaded first.
- * It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
- */
-function createEmotionCache() {
-    return (0, cache_1.default)({ key: "css", prepend: true });
-}
-exports.createEmotionCache = createEmotionCache;

package/node/utils/index.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.load = exports.getSiteUrl = exports.ONE_DAY = exports.ONE_HOUR = void 0;
-const tslib_1 = require("tslib");
-const utils_1 = require("@koine/utils");
-tslib_1.__exportStar(require("./api"), exports);
-exports.ONE_HOUR = 3600;
-exports.ONE_DAY = 84000;
-/**
- * Get site absolute url with the given path
- *
- * - It uses the `NEXT_PUBLIC_APP_URL` env variable
- * - It removes the trailing slashes
- */
-function getSiteUrl(path = "") {
-    return (0, utils_1.normaliseUrl)(`${process.env["NEXT_PUBLIC_APP_URL"]}/${path}`);
-}
-exports.getSiteUrl = getSiteUrl;
-/**
- * Utility to load a component with an optional pre-determined delay.
- *
- * This was designed to improve anti spam wit async form loading.
- *
- * @see https://github.com/vercel/next.js/blob/main/packages/next/next-server/lib/dynamic.tsx
- * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
- */
-function load(component, milliseconds) {
-    return new Promise((resolve) => {
-        setTimeout(() => resolve(component), milliseconds);
-    });
-}
-exports.load = load;

package/utils/api.d.ts

@@ -1,55 +0,0 @@
-declare type _Response = Response;
-export declare namespace KoineApi {
-    type ResponseSuccesfull = unknown;
-    type ResponseFailed = unknown;
-    type ResponseShared<T extends Record<string, unknown> = {}> = T & {
-        status: _Response["status"];
-        msg: _Response["statusText"];
-    };
-    type Response<Succesfull extends ResponseSuccesfull = ResponseSuccesfull, Failed extends ResponseFailed = ResponseFailed> = {
-        status: _Response["status"];
-        msg: _Response["statusText"];
-        ok: true;
-        fail?: false;
-        data: Succesfull;
-    } | {
-        status: _Response["status"];
-        msg: _Response["statusText"];
-        ok?: false;
-        fail: true;
-        data: Failed;
-    };
-    /**
-     * Request options
-     */
-    type RequestOptions<TJson = unknown> = {
-        /**
-         * JSON request body
-         *
-         * @default {}
-         */
-        json?: TJson;
-        /**
-         * Params will be serialized into a string and appended to the URL
-         */
-        params?: Record<string, unknown>;
-        /**
-         * Headers will be merged with
-         * ```
-         * { "content-type": "application/json" }
-         * ```
-         */
-        headers?: RequestInit["headers"];
-        /**
-         * Timeout in `ms`, if `falsy` there is no timeout
-         *
-         * @default 10000
-         */
-        timeout?: number | false | null;
-    };
-    type RequestMethod = "get" | "post" | "put" | "patch" | "delete";
-    type RequestFn = <Succesfull extends ResponseSuccesfull = unknown, Failed extends ResponseFailed = unknown>(endpoint: string, options?: RequestOptions) => Promise<Response<Succesfull, Failed>>;
-    type Client = Record<RequestMethod, RequestFn>;
-}
-export declare const api: KoineApi.Client;
-export {};

package/utils/api.js

@@ -1,35 +0,0 @@
-import { buildUrlQueryString } from "@koine/utils";
-export const api = ["get", "post", "put", "patch", "delete"].reduce((api, method) => {
-    api[method] = async (endpoint, options = {}) => {
-        const { json = {}, params, headers = {}, timeout = 10000 } = options;
-        const requestInit = {
-            method: method.toUpperCase(),
-            headers: {
-                "content-type": "application/json",
-                ...headers,
-            },
-        };
-        const timeoutNumber = Number(timeout);
-        let controller;
-        let timeoutId;
-        let url = `/api/${endpoint.replace(/^\/*/, "")}`;
-        if (method !== "get") {
-            requestInit.body = JSON.stringify(json);
-        }
-        if (timeoutNumber > 0) {
-            controller = new AbortController();
-            timeoutId = setTimeout(() => controller.abort(), timeoutNumber);
-            requestInit.signal = controller.signal;
-        }
-        if (params) {
-            url += buildUrlQueryString(params);
-        }
-        const response = await fetch(url, requestInit);
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        const result = (await response.json());
-        return result;
-    };
-    return api;
-}, {});

package/utils/emotion-cache.d.ts

@@ -1,5 +0,0 @@
-/**
- * prepend: true moves MUI styles to the top of the <head> so they're loaded first.
- * It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
- */
-export declare function createEmotionCache(): import("@emotion/utils").EmotionCache;

package/utils/emotion-cache.js

@@ -1,8 +0,0 @@
-import createCache from "@emotion/cache";
-/**
- * prepend: true moves MUI styles to the top of the <head> so they're loaded first.
- * It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
- */
-export function createEmotionCache() {
-    return createCache({ key: "css", prepend: true });
-}