@koine/next 1.0.4 → 1.0.9

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

@@ -0,0 +1,18 @@
+"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

@@ -0,0 +1,64 @@
+"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

@@ -0,0 +1,184 @@
+"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

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1,35 @@
+"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

@@ -0,0 +1,73 @@
+"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

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

@@ -0,0 +1,49 @@
+"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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1,38 @@
+"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

@@ -0,0 +1,13 @@
+"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

@@ -0,0 +1,32 @@
+"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/package.json

@@ -1,35 +1,8 @@
 {
+  "version": "1.0.9",
   "name": "@koine/next",
   "sideEffects": false,
-  "exports": {
-    ".": "./index.js",
-    "./app": "./app.js",
-    "./config": "./config.js",
-    "./document": "./document.js"
-  },
-  "dependencies": {
-    "@emotion/styled": "^11.8.1",
-    "react": ">=17.0.2",
-    "next": "^12.1.4",
-    "@koine/utils": "1.0.4",
-    "next-auth": "^4.3.1",
-    "framer-motion": "^6.2.9",
-    "@mui/material": "^5.6.0",
-    "@emotion/react": "^11.9.0",
-    "@koine/react": "1.0.4",
-    "styled-components": "^5.3.5",
-    "react-hook-form": "^7.29.0",
-    "@emotion/server": "^11.4.0",
-    "yup": "^0.32.11",
-    "@hookform/resolvers": "^2.8.8",
-    "react-use": "^17.3.2",
-    "date-fns": "^2.28.0",
-    "next-translate": "^1.4.0",
-    "next-seo": "^5.4.0"
-  },
-  "version": "1.0.4",
-  "main": "./index.umd.js",
-  "module": "./index.esm.js",
+  "main": "./node/index.js",
   "typings": "./index.d.ts",
-  "peerDependencies": {}
+  "module": "./index.js"
 }

package/{types.d.ts → typings.d.ts}

@@ -63,15 +63,18 @@ declare namespace Koine {
    * type with something like:
    *
    * ```ts
-   * "~": typeof import("./public/locales/en/~.json");
-   * _: typeof import("./public/locales/en/_.json");
-   * $team: typeof import("./public/locales/en/$team.json");
-   * home: typeof import("./public/locales/en/home.json");
-   * Footer: typeof import("./public/locales/en/Footer.json");
-   * Header: typeof import("./public/locales/en/Header.json");
+   * declare namespace Koine {
+   *   interface NextTranslations {
+   *     "~": typeof import("./locales/en/~.json");
+   *     _: typeof import("./locales/en/_.json");
+   *     $team: typeof import("./locales/en/$team.json");
+   *     home: typeof import("./locales/en/home.json");
+   *     Footer: typeof import("./locales/en/Footer.json");
+   *     Header: typeof import("./locales/en/Header.json");
+   *   }
+   * }
    * ```
    */
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
   interface NextTranslations {
     /** Convention for app wide `common` translations */
     _: Record<string, string>;