@koine/next 1.0.5 → 1.0.8

package/app/AppMain--sc.js

@@ -0,0 +1,27 @@
+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, LazyMotion, m } from "framer-motion";
+import { SeoDefaults } from "../Seo";
+import { NextProgress } from "../NextProgress";
+/**
+ * @see https://www.framer.com/docs/guide-reduce-bundle-size/
+ */
+const loadMotionFeatures = () => import("./motion-features").then((m) => m.default);
+/**
+ * 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 const AppMainSc = ({ Component, pageProps, Layout, 
+// theme,
+seo, transition = {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+}, pre, post, }) => {
+    const { pathname } = useRouter();
+    return (_jsxs(_Fragment, { children: [_jsx(SeoDefaults, Object.assign({}, seo)), pre, _jsxs(LazyMotion, Object.assign({ features: loadMotionFeatures }, { children: [_jsx(NextProgress, {}), _jsx(Layout, { children: _jsx(AnimatePresence, Object.assign({ exitBeforeEnter: true, initial: false }, { children: _jsx(m.div, Object.assign({}, transition, { children: _createElement(Component, Object.assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
+};

package/app/AppMain--vanilla.d.ts

@@ -1,27 +1,27 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-import { SeoDefaultsProps } from "../Seo";
-export declare type AppMainVanillaProps = NextAppProps & {
-    /**
-     * A wrapping layout component
-     */
-    Layout: React.FC<Record<string, unknown>>;
-    /**
-     * Seo site wide default configuration
-     */
-    seo?: SeoDefaultsProps;
-    /**
-     * JSX to render just after SEO
-     */
-    pre?: React.ReactNode;
-    /**
-     * JSX to render just at the end of the markup
-     */
-    post?: React.ReactNode;
-};
-/**
- * App main
- *
- * It does not imply any specific styling or animation solution
- */
-export declare const AppMainVanilla: React.FC<AppMainVanillaProps>;
+import React from "react";
+import { AppProps as NextAppProps } from "next/app";
+import { SeoDefaultsProps } from "../Seo";
+export declare type AppMainVanillaProps = NextAppProps & {
+    /**
+     * A wrapping layout component
+     */
+    Layout: React.FC<Record<string, unknown>>;
+    /**
+     * Seo site wide default configuration
+     */
+    seo?: SeoDefaultsProps;
+    /**
+     * JSX to render just after SEO
+     */
+    pre?: React.ReactNode;
+    /**
+     * JSX to render just at the end of the markup
+     */
+    post?: React.ReactNode;
+};
+/**
+ * App main
+ *
+ * It does not imply any specific styling or animation solution
+ */
+export declare const AppMainVanilla: React.FC<AppMainVanillaProps>;

package/app/AppMain--vanilla.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SeoDefaults } from "../Seo";
+/**
+ * App main
+ *
+ * It does not imply any specific styling or animation solution
+ */
+export const AppMainVanilla = ({ Component, pageProps, Layout, seo, pre, post, }) => {
+    return (_jsxs(React.Fragment, { children: [_jsx(SeoDefaults, Object.assign({}, seo)), pre, _jsx(Layout, { children: _jsx(Component, Object.assign({}, pageProps)) }), post] }));
+};

package/app/AppTheme--emotion.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-import { Theme } from "@mui/material/styles";
-import { EmotionCache } from "@emotion/react";
-export declare type AppThemeEmotionProps = NextAppProps & {
-    emotionCache?: EmotionCache;
-    /**
-     * A theme object
-     */
-    theme: Theme;
-};
-/**
- * App theme with `emotion` (good for `@mui`)s
- */
-export declare const AppThemeEmotion: React.FC<AppThemeEmotionProps>;
+import React from "react";
+import { AppProps as NextAppProps } from "next/app";
+import { Theme } from "@mui/material/styles";
+import { EmotionCache } from "@emotion/react";
+export declare type AppThemeEmotionProps = NextAppProps & {
+    emotionCache?: EmotionCache;
+    /**
+     * A theme object
+     */
+    theme: Theme;
+};
+/**
+ * App theme with `emotion` (good for `@mui`)s
+ */
+export declare const AppThemeEmotion: React.FC<AppThemeEmotionProps>;

package/app/AppTheme--emotion.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "@mui/material/styles";
+import { CacheProvider } from "@emotion/react";
+import CssBaseline from "@mui/material/CssBaseline";
+import { Global, css } from "@emotion/react";
+import { stylesGlobal } from "@koine/react";
+import { createEmotionCache } from "../utils/emotion-cache";
+// client-side cache, shared for the whole session of the user in the browser.
+const clientSideEmotionCache = createEmotionCache();
+/**
+ * App theme with `emotion` (good for `@mui`)s
+ */
+export const AppThemeEmotion = ({ emotionCache = clientSideEmotionCache, theme, children, }) => {
+    return (_jsx(CacheProvider, Object.assign({ value: emotionCache }, { children: _jsxs(ThemeProvider, Object.assign({ theme: theme }, { children: [_jsx(CssBaseline, {}), _jsx(Global, { styles: css `
+            ${stylesGlobal}
+          ` }), children] })) })));
+};

package/app/AppTheme--sc.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-import { Theme } from "@koine/react";
-export declare type AppThemeScProps = NextAppProps & {
-    /**
-     * A theme object
-     */
-    theme: Theme;
-};
-/**
- * App theme with `styled-components`
- */
-export declare const AppThemeSc: React.FC<AppThemeScProps>;
+import React from "react";
+import { AppProps as NextAppProps } from "next/app";
+import { Theme } from "@koine/react";
+export declare type AppThemeScProps = NextAppProps & {
+    /**
+     * A theme object
+     */
+    theme: Theme;
+};
+/**
+ * App theme with `styled-components`
+ */
+export declare const AppThemeSc: React.FC<AppThemeScProps>;

package/app/AppTheme--sc.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "styled-components";
+import { StylesGlobal } from "@koine/react";
+/**
+ * App theme with `styled-components`
+ */
+export const AppThemeSc = ({ theme, children }) => {
+    return (_jsxs(ThemeProvider, Object.assign({ theme: theme }, { children: [_jsx(StylesGlobal, {}), children] })));
+};

package/app/AppTheme--vanilla.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-import { ThemeProviderProps } from "../Theme";
-export declare type AppThemeVanillaProps = NextAppProps & {
-    theme: ThemeProviderProps["defaultTheme"];
-};
-/**
- * App theme with vanilla class based theme (good for `tailwindcss`)
- */
-export declare const AppThemeVanilla: React.FC<AppThemeVanillaProps>;
+import React from "react";
+import { AppProps as NextAppProps } from "next/app";
+import { ThemeProviderProps } from "../Theme";
+export declare type AppThemeVanillaProps = NextAppProps & {
+    theme: ThemeProviderProps["defaultTheme"];
+};
+/**
+ * App theme with vanilla class based theme (good for `tailwindcss`)
+ */
+export declare const AppThemeVanilla: React.FC<AppThemeVanillaProps>;

package/app/AppTheme--vanilla.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import { ThemeVanillaProvider, ThemeVanillaValue } from "@koine/react";
+import { ThemeProvider } from "../Theme";
+/**
+ * App theme with vanilla class based theme (good for `tailwindcss`)
+ */
+export const AppThemeVanilla = ({ theme, children, }) => {
+    // return (
+    //   <ThemeVanillaProvider initialTheme={theme}>{children}</ThemeVanillaProvider>
+    // );
+    return (_jsx(ThemeProvider, Object.assign({ defaultTheme: theme, attribute: "class" }, { children: children })));
+};

package/app/index.d.ts

@@ -1,11 +1,11 @@
-export * from "./App--emotion";
-export * from "./App--sc";
-export * from "./App--vanilla";
-export * from "./AppAuth--emotion";
-export * from "./AppAuth--sc";
-export * from "./AppHead";
-export * from "./AppMain";
-export * from "./AppMain--vanilla";
-export * from "./AppTheme--emotion";
-export * from "./AppTheme--sc";
-export * from "./AppTheme--vanilla";
+export * from "./App--emotion";
+export * from "./App--sc";
+export * from "./App--vanilla";
+export * from "./AppAuth--emotion";
+export * from "./AppAuth--sc";
+export * from "./AppHead";
+export * from "./AppMain--sc";
+export * from "./AppMain--vanilla";
+export * from "./AppTheme--emotion";
+export * from "./AppTheme--sc";
+export * from "./AppTheme--vanilla";

package/app/index.js

@@ -0,0 +1,11 @@
+export * from "./App--emotion";
+export * from "./App--sc";
+export * from "./App--vanilla";
+export * from "./AppAuth--emotion";
+export * from "./AppAuth--sc";
+export * from "./AppHead";
+export * from "./AppMain--sc";
+export * from "./AppMain--vanilla";
+export * from "./AppTheme--emotion";
+export * from "./AppTheme--sc";
+export * from "./AppTheme--vanilla";

package/app/motion-features.d.ts

@@ -1,2 +1,2 @@
-import { domMax } from "framer-motion";
-export default domMax;
+import { domMax } from "framer-motion";
+export default domMax;

package/app/motion-features.js

@@ -0,0 +1,2 @@
+import { domMax } from "framer-motion";
+export default domMax;

package/config/index.d.ts

@@ -1,58 +1,58 @@
-import type { NextConfig } from "next";
-import type { Redirect, Rewrite } from "next/dist/lib/load-custom-routes";
-/**
- * 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;
-};
-/**
- * Get Next.js config with some basic opinionated defaults
- */
-export declare function withKoine({ nx, svg, sc, ...nextConfig }?: NextConfig & KoineNextConfig): NextConfig;
-export default withKoine;
+import type { NextConfig } from "next";
+import type { Redirect, Rewrite } from "next/dist/lib/load-custom-routes";
+/**
+ * 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;
+};
+/**
+ * Get Next.js config with some basic opinionated defaults
+ */
+export declare function withKoine({ nx, svg, sc, ...nextConfig }?: NextConfig & KoineNextConfig): NextConfig;
+export default withKoine;

package/config/index.js

@@ -0,0 +1,144 @@
+import { __awaiter, __rest } from "tslib";
+/**
+ * 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) {
+    const parts = normaliseUrlPathname(pathname).split("/");
+    return parts
+        .filter((part) => !!part)
+        .map((part) => encodeURIComponent(part))
+        .join("/");
+}
+/**
+ */
+export 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,
+    };
+}
+/**
+ */
+export function getPathRewrite(source, destination, dynamic) {
+    const suffix = dynamic ? `/:path*` : "";
+    return {
+        source: `/${encodePathname(source)}${suffix}`,
+        destination: `/${encodePathname(destination)}${suffix}`,
+    };
+}
+/**
+ */
+export function getRedirects({ defaultLocale, routes, dynamicRoutes, permanent, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        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;
+    });
+}
+/**
+ */
+export function getRewrites({ routes, dynamicRoutes, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        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;
+    });
+}
+/**
+ * Get Next.js config with some basic opinionated defaults
+ */
+export function withKoine(_a = {}) {
+    var { nx = true, svg = true, sc = true } = _a, nextConfig = __rest(_a, ["nx", "svg", "sc"]);
+    nextConfig = Object.assign({ 
+        // @see https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory
+        pageExtensions: ["page.tsx", "page.ts"], 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: Object.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 || {})) }, 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;
+}
+export default withKoine;

package/document/Document--emotion.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import Document from "next/document";
-export declare class DocumentEmotion extends Document {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import Document from "next/document";
+export declare class DocumentEmotion extends Document {
+    render(): JSX.Element;
+}

package/document/Document--emotion.js

@@ -0,0 +1,55 @@
+import { __awaiter } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Document, { Html, Head, Main, NextScript } from "next/document";
+import createEmotionServer from "@emotion/server/create-instance";
+import { createEmotionCache } from "../utils/emotion-cache";
+import { NoJs } from "@koine/react";
+export class DocumentEmotion extends Document {
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return (_jsxs(Html, Object.assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(NoJs, {}), this.props.emotionStyleTags] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    }
+}
+// `getInitialProps` belongs to `_document` (instead of `_app`),
+// it's compatible with static-site generation (SSG).
+DocumentEmotion.getInitialProps = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
+    // 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 = createEmotionCache();
+    const { extractCriticalToChunks } = createEmotionServer(cache);
+    ctx.renderPage = () => originalRenderPage({
+        enhanceApp: (App) => function EnhanceApp(props) {
+            return _jsx(App, Object.assign({ emotionCache: cache }, props));
+        },
+    });
+    const initialProps = yield 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) => (_jsx("style", { "data-emotion": `${style.key} ${style.ids.join(" ")}`, 
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: { __html: style.css } }, style.key)));
+    return Object.assign(Object.assign({}, initialProps), { emotionStyleTags });
+});

package/document/Document--sc.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import NextDocument, { DocumentContext, DocumentInitialProps } from "next/document";
-/**
- * For typescript safety of this component
- *
- * @see https://bit.ly/3ceuF8m
- */
-export declare class DocumentSc extends NextDocument {
-    static getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps>;
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import NextDocument, { DocumentContext, DocumentInitialProps } from "next/document";
+/**
+ * For typescript safety of this component
+ *
+ * @see https://bit.ly/3ceuF8m
+ */
+export declare class DocumentSc extends NextDocument {
+    static getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps>;
+    render(): JSX.Element;
+}

package/document/Document--sc.js

@@ -0,0 +1,33 @@
+import { __awaiter } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* ? eslint-disable @next/next/no-document-import-in-page */
+import NextDocument, { Html, Head, Main, NextScript, } from "next/document";
+import { ServerStyleSheet } from "styled-components";
+import { Meta, NoJs } from "@koine/react";
+/**
+ * For typescript safety of this component
+ *
+ * @see https://bit.ly/3ceuF8m
+ */
+export class DocumentSc extends NextDocument {
+    static getInitialProps(ctx) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const sheet = new ServerStyleSheet();
+            const originalRenderPage = ctx.renderPage;
+            try {
+                ctx.renderPage = () => originalRenderPage({
+                    enhanceApp: (App) => (props) => sheet.collectStyles(_jsx(App, Object.assign({}, props))),
+                });
+                const initialProps = yield NextDocument.getInitialProps(ctx);
+                return Object.assign(Object.assign({}, initialProps), { styles: (_jsxs(_Fragment, { children: [initialProps.styles, sheet.getStyleElement()] })) });
+            }
+            finally {
+                sheet.seal();
+            }
+        });
+    }
+    render() {
+        const { locale, defaultLocale } = this.props.__NEXT_DATA__;
+        return (_jsxs(Html, Object.assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] })));
+    }
+}