@koine/next 1.0.10 → 1.0.13

package/app/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AppHead";
+export * from "./AppMain";

package/app/index.js

@@ -0,0 +1,2 @@
+export * from "./AppHead";
+export * from "./AppMain";

package/app/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/app/index.js",
+  "types": "./index.d.ts"
+}

package/app/sc/AppMain.d.ts

@@ -0,0 +1,10 @@
+import type { AppMainBaseProps, AppMainFramerProps } from "../AppMain";
+export declare type AppMainProps = AppMainBaseProps & AppMainFramerProps;
+/**
+ * App main
+ *
+ * It implies a setup for `styled-components` and `framer-motion` libraries.
+ *
+ * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
+ */
+export declare const AppMain: ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition, pre, post, }: AppMainProps) => JSX.Element;

package/app/sc/AppMain.js

@@ -0,0 +1,24 @@
+import { __assign } from "tslib";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter } from "next/router";
+import { AnimatePresence, m } from "framer-motion";
+import { MotionProvider } from "@koine/react/m";
+import { SeoDefaults } from "../../Seo";
+import { NextProgress } from "../../NextProgress";
+/**
+ * App main
+ *
+ * It implies a setup for `styled-components` and `framer-motion` libraries.
+ *
+ * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
+ */
+export var AppMain = function (_a) {
+    var Component = _a.Component, pageProps = _a.pageProps, Layout = _a.Layout, ProgressOverlay = _a.ProgressOverlay, seo = _a.seo, motion = _a.motion, _b = _a.transition, transition = _b === void 0 ? {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+    } : _b, pre = _a.pre, post = _a.post;
+    var pathname = useRouter().pathname;
+    return (_jsxs(_Fragment, { children: [_jsx(SeoDefaults, __assign({}, seo)), pre, _jsxs(MotionProvider, __assign({ features: motion }, { children: [ProgressOverlay && _jsx(NextProgress, { Overlay: ProgressOverlay }), _jsx(Layout, { children: _jsx(AnimatePresence, __assign({ exitBeforeEnter: true, initial: false }, { children: _jsx(m.div, __assign({}, transition, { children: _createElement(Component, __assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
+};

package/app/sc/AppTheme.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { AppProps as NextAppProps } from "next/app";
+import { Theme } from "@koine/react/sc";
+export declare type AppThemeProps = React.PropsWithChildren<NextAppProps & {
+    /**
+     * A theme object
+     */
+    theme: Theme;
+}>;
+/**
+ * App theme with `styled-components`
+ */
+export declare const AppTheme: ({ theme, children }: AppThemeProps) => JSX.Element;

package/app/sc/AppTheme.js

@@ -0,0 +1,11 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "styled-components";
+import { StylesGlobal } from "@koine/react/sc";
+/**
+ * App theme with `styled-components`
+ */
+export var AppTheme = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    return (_jsxs(ThemeProvider, __assign({ theme: theme }, { children: [_jsx(StylesGlobal, {}), children] })));
+};

package/app/sc/auth/index.d.ts

@@ -0,0 +1,9 @@
+import { AppProps } from "next/app";
+import { AppThemeProps } from "../AppTheme";
+import { AppMainProps } from "../AppMain";
+export declare type NextAppProps = AppProps & AppThemeProps & AppMainProps;
+/**
+ * App with authentication provided by `next-auth`
+ */
+export declare const NextApp: (props: NextAppProps) => JSX.Element;
+export default NextApp;

package/app/sc/auth/index.js

@@ -0,0 +1,14 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SessionProvider } from "next-auth/react";
+import { AppHead } from "../../AppHead";
+import { AppTheme } from "../AppTheme";
+import { AppMain } from "../AppMain";
+/**
+ * App with authentication provided by `next-auth`
+ */
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, __assign({ session: props.pageProps.session }, { children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) }))] }));
+};
+export default NextApp;

package/app/sc/auth/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../../../node/app/sc/auth/index.js",
+  "types": "./index.d.ts"
+}

package/app/sc/index.d.ts

@@ -0,0 +1,56 @@
+import { AppProps } from "next/app";
+import { AppThemeProps } from "./AppTheme";
+import { AppMainProps } from "./AppMain";
+export declare type NextAppProps = AppProps & AppThemeProps & AppMainProps;
+/**
+ * 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" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+export declare const NextApp: (props: NextAppProps) => JSX.Element;
+export default NextApp;

package/app/sc/index.js

@@ -0,0 +1,60 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AppHead } from "../AppHead";
+import { AppTheme } from "./AppTheme";
+import { AppMain } from "./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" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) }))] }));
+};
+export default NextApp;

package/app/sc/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../../node/app/sc/index.js",
+  "types": "./index.d.ts"
+}

package/config/index.d.ts

@@ -0,0 +1,84 @@
+import type { NextConfig } from "next";
+import type { Redirect, Rewrite } from "next/dist/lib/load-custom-routes";
+/**
+ * Transform to path any absolute or relative URL
+ *
+ * Useful when setting up `rewrites` and `redirects` especally in a [multi-zones
+ * setup](https://nextjs.org/docs/advanced-features/multi-zones).
+ *
+ * From a path like `http://localhost/some//malformed/path///` it returns `/some/malformed/path`
+ *
+ * - just get the pathname form an absolute URL (if that is given)
+ * - Removes subsequent slashes
+ * - Removing initial and ending slashes
+ */
+export declare function toPath(urlOrPathname?: string): string;
+/**
+ * Normalise pathname
+ *
+ * From a path like `/some//malformed/path///` it returns `some/malformed/path`
+ *
+ * - Removes subsequent slashes
+ * - Removing initial and ending slashes
+ */
+export declare function normaliseUrlPathname(pathname: string): string;
+/**
+ * Clean a pathname and encode each part
+ *
+ * @see {@link normaliseUrlPathname}
+ */
+export declare function encodePathname(pathname: string): string;
+/**
+ */
+export declare function getPathRedirect(locale: string, localisedPathname: string, templateName: string, dynamic?: boolean, permanent?: boolean): {
+    source: string;
+    destination: string;
+    permanent: boolean;
+    locale: false;
+};
+/**
+ */
+export declare function getPathRewrite(source: string, destination: string, dynamic?: boolean): {
+    source: string;
+    destination: string;
+};
+/**
+ */
+export declare function getRedirects({ defaultLocale, routes, dynamicRoutes, permanent, }: {
+    defaultLocale: string;
+    routes: Record<string, string>;
+    dynamicRoutes: Record<string, boolean>;
+    permanent?: boolean;
+}): Promise<Redirect[]>;
+/**
+ */
+export declare function getRewrites({ routes, dynamicRoutes, }: {
+    routes: Record<string, string>;
+    dynamicRoutes: Record<string, boolean>;
+}): Promise<Rewrite[]>;
+declare type KoineNextConfig = {
+    /** @default true Nx monorepo setup */
+    nx?: boolean;
+    /** @default true  Svg to react components */
+    svg?: boolean;
+    /** @default true  Styled components enabled */
+    sc?: boolean;
+    /**
+     * 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). When `true` it enables the same for `next-translate`
+     * @default false
+     */
+    page?: boolean;
+};
+/**
+ * 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`.
+ */
+export declare function withKoine({ nx, svg, sc, page, ...nextConfig }?: NextConfig & KoineNextConfig): NextConfig;
+export default withKoine;

package/config/index.js

@@ -0,0 +1,190 @@
+import { __assign, __awaiter, __generator, __rest } from "tslib";
+/**
+ * Transform to path any absolute or relative URL
+ *
+ * Useful when setting up `rewrites` and `redirects` especally in a [multi-zones
+ * setup](https://nextjs.org/docs/advanced-features/multi-zones).
+ *
+ * From a path like `http://localhost/some//malformed/path///` it returns `/some/malformed/path`
+ *
+ * - just get the pathname form an absolute URL (if that is given)
+ * - Removes subsequent slashes
+ * - Removing initial and ending slashes
+ */
+export function toPath(urlOrPathname) {
+    if (urlOrPathname === void 0) { urlOrPathname = ""; }
+    var pathname = "";
+    try {
+        var parsed = new URL(urlOrPathname);
+        pathname = parsed.pathname;
+    }
+    catch (e) {
+        pathname = urlOrPathname;
+    }
+    return pathname.replace(/\/+\//g, "/").replace(/^\/+(.*?)\/+$/, "$1");
+}
+/**
+ * Normalise pathname
+ *
+ * From a path like `/some//malformed/path///` it returns `some/malformed/path`
+ *
+ * - Removes subsequent slashes
+ * - Removing initial and ending slashes
+ */
+export function normaliseUrlPathname(pathname) {
+    return pathname.replace(/\/+\//g, "/").replace(/^\/+(.*?)\/+$/, "$1");
+}
+/**
+ * Clean a pathname and encode each part
+ *
+ * @see {@link normaliseUrlPathname}
+ */
+export function encodePathname(pathname) {
+    var parts = normaliseUrlPathname(pathname).split("/");
+    return parts
+        .filter(function (part) { return !!part; })
+        .map(function (part) { return encodeURIComponent(part); })
+        .join("/");
+}
+/**
+ */
+export function getPathRedirect(locale, localisedPathname, templateName, dynamic, permanent) {
+    var suffix = dynamic ? "/:slug*" : "";
+    return {
+        source: "/".concat(locale, "/").concat(encodePathname(localisedPathname)).concat(suffix),
+        destination: "/".concat(encodePathname(templateName)).concat(suffix),
+        permanent: Boolean(permanent),
+        locale: false,
+    };
+}
+/**
+ */
+export function getPathRewrite(source, destination, dynamic) {
+    var suffix = dynamic ? "/:path*" : "";
+    return {
+        source: "/".concat(encodePathname(source)).concat(suffix),
+        destination: "/".concat(encodePathname(destination)).concat(suffix),
+    };
+}
+/**
+ */
+export function getRedirects(_a) {
+    var defaultLocale = _a.defaultLocale, routes = _a.routes, dynamicRoutes = _a.dynamicRoutes, permanent = _a.permanent;
+    return __awaiter(this, void 0, void 0, function () {
+        var redirects;
+        return __generator(this, function (_b) {
+            redirects = [];
+            Object.keys(routes).forEach(function (page) {
+                var 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 [2 /*return*/, redirects];
+        });
+    });
+}
+/**
+ */
+export function getRewrites(_a) {
+    var routes = _a.routes, dynamicRoutes = _a.dynamicRoutes;
+    return __awaiter(this, void 0, void 0, function () {
+        var rewrites;
+        return __generator(this, function (_b) {
+            rewrites = [];
+            Object.keys(routes).forEach(function (page) {
+                var 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 [2 /*return*/, rewrites];
+        });
+    });
+}
+/**
+ * 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`.
+ */
+export function withKoine(_a) {
+    var _b;
+    if (_a === void 0) { _a = {}; }
+    var _c = _a.nx, nx = _c === void 0 ? true : _c, _d = _a.svg, svg = _d === void 0 ? true : _d, _e = _a.sc, sc = _e === void 0 ? true : _e, page = _a.page, nextConfig = __rest(_a, ["nx", "svg", "sc", "page"]);
+    nextConfig = __assign({ 
+        // @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: __assign(__assign({ 
+            // @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 }, (nextConfig.experimental || {})), { 
+            // @see https://nextjs.org/docs/advanced-features/compiler#modularize-imports
+            modularizeImports: __assign({}, (((_b = nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.experimental) === null || _b === void 0 ? void 0 : _b.modularizeImports) || {})) }), 
+        // @see https://github.com/vercel/next.js/issues/7322#issuecomment-887330111
+        reactStrictMode: true }, nextConfig);
+    if (svg) {
+        if (nx) {
+            // @see https://github.com/gregberge/svgr
+            nextConfig["nx"] = {
+                svgr: true,
+            };
+        }
+        else {
+            nextConfig.webpack = function (_config, options) {
+                var 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;
+}
+export default withKoine;

package/config/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/config/index.js",
+  "types": "./index.d.ts"
+}

package/document/Document.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import NextDocument from "next/document";
+/**
+ * Next Document wrapper for bare projects
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document";
+ * ```
+ */
+export declare class Document extends NextDocument {
+    render(): JSX.Element;
+}

package/document/Document.js

@@ -0,0 +1,26 @@
+import { __assign, __extends } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import NextDocument, { Html, Head, Main, NextScript } from "next/document";
+import { Meta, NoJs } from "@koine/react";
+/**
+ * Next Document wrapper for bare projects
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document";
+ * ```
+ */
+var Document = /** @class */ (function (_super) {
+    __extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Document.prototype.render = function () {
+        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
+        return (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };

package/document/css/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import NextDocument, { DocumentContext, DocumentInitialProps } from "next/document";
+import { ThemeVanillaValue } from "@koine/react/sc";
+/**
+ * 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";
+ * ```
+ */
+export declare class Document extends NextDocument {
+    static getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps & {
+        theme: ThemeVanillaValue;
+    }>;
+    render(): JSX.Element;
+}
+export default Document;

package/document/css/index.js

@@ -0,0 +1,44 @@
+import { __assign, __awaiter, __extends, __generator } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import NextDocument, { Html, Head, Main, NextScript, } from "next/document";
+import { Meta, NoJs } from "@koine/react";
+import { getInitialThemeFromRequest } from "@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";
+ * ```
+ */
+var Document = /** @class */ (function (_super) {
+    __extends(Document, _super);
+    function Document() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Document.getInitialProps = function (ctx) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var initialProps;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, NextDocument.getInitialProps(ctx)];
+                    case 1:
+                        initialProps = _b.sent();
+                        return [2 /*return*/, __assign(__assign({}, initialProps), { theme: getInitialThemeFromRequest(((_a = ctx.req) === null || _a === void 0 ? void 0 : _a.headers.cookie /*  || document?.cookie */) || "") })];
+                }
+            });
+        });
+    };
+    Document.prototype.render = function () {
+        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
+        return (_jsxs(Html, __assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    };
+    return Document;
+}(NextDocument));
+export { Document };
+export default Document;

package/document/css/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../../node/document/css/index.js",
+  "types": "./index.d.ts"
+}

package/document/em/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import NextDocument from "next/document";
+/**
+ * Next Document wrapper for `emotion` based projects
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document/em";
+ * ```
+ */
+export declare class Document extends NextDocument {
+    render(): JSX.Element;
+}
+export default Document;