@koine/next 1.0.0 → 1.0.3

package/config.js

@@ -0,0 +1,183 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./es.string.replace.js');
+require('./es.string.split.js');
+require('./es.object.assign.js');
+var _tslib = require('./_tslib.js');
+
+/**
+ * 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");
+}
+/**
+ * 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("/");
+}
+/**
+ */
+
+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
+  };
+}
+/**
+ */
+
+function getPathRewrite(source, destination, dynamic) {
+  const suffix = dynamic ? `/:path*` : "";
+  return {
+    source: `/${encodePathname(source)}${suffix}`,
+    destination: `/${encodePathname(destination)}${suffix}`
+  };
+}
+/**
+ */
+
+function getRedirects({
+  defaultLocale,
+  routes,
+  dynamicRoutes,
+  permanent
+}) {
+  return _tslib.__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;
+  });
+}
+/**
+ */
+
+function getRewrites({
+  routes,
+  dynamicRoutes
+}) {
+  return _tslib.__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
+ */
+
+function withKoine(_a = {}) {
+  var {
+    nx = true,
+    svg = true,
+    sc = true
+  } = _a,
+      nextConfig = _tslib.__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;
+}
+
+exports["default"] = withKoine;
+exports.encodePathname = encodePathname;
+exports.getPathRedirect = getPathRedirect;
+exports.getPathRewrite = getPathRewrite;
+exports.getRedirects = getRedirects;
+exports.getRewrites = getRewrites;
+exports.normaliseUrlPathname = normaliseUrlPathname;
+exports.withKoine = withKoine;

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

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

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

@@ -0,0 +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;
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import NextDocument, { DocumentContext, DocumentInitialProps } from "next/document";
+import { ThemeVanillaValue } from "@koine/react";
+/**
+ */
+export declare class DocumentVanilla extends NextDocument {
+    static getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps & {
+        theme: ThemeVanillaValue;
+    }>;
+    render(): JSX.Element;
+}

package/document/Document.d.ts

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

package/document/emotion.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 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/document/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Document";
+export * from "./Document--emotion";
+export * from "./Document--sc";
+export * from "./Document--vanilla";

package/document.js

@@ -0,0 +1,207 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./es.object.assign.js');
+var jsxRuntime = require('react/jsx-runtime');
+var NextDocument = require('next/document');
+var react = require('@koine/react');
+var _tslib = require('./_tslib.js');
+var createEmotionServer = require('@emotion/server/create-instance');
+var emotion = require('./emotion.js');
+var styledComponents = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var NextDocument__default = /*#__PURE__*/_interopDefaultLegacy(NextDocument);
+var createEmotionServer__default = /*#__PURE__*/_interopDefaultLegacy(createEmotionServer);
+
+/**
+ * For typescript safety of this component
+ *
+ * @see https://bit.ly/3ceuF8m
+ */
+
+class Document extends NextDocument__default["default"] {
+  render() {
+    const {
+      locale,
+      defaultLocale
+    } = this.props.__NEXT_DATA__;
+    return jsxRuntime.jsxs(NextDocument.Html, Object.assign({
+      lang: locale || defaultLocale,
+      className: "no-js"
+    }, {
+      children: [jsxRuntime.jsxs(NextDocument.Head, {
+        children: [jsxRuntime.jsx(react.Meta, {}), jsxRuntime.jsx(react.NoJs, {})]
+      }), jsxRuntime.jsxs("body", {
+        children: [jsxRuntime.jsx(NextDocument.Main, {}), jsxRuntime.jsx(NextDocument.NextScript, {})]
+      })]
+    }));
+  }
+
+}
+
+class DocumentEmotion extends NextDocument__default["default"] {
+  render() {
+    const {
+      locale,
+      defaultLocale
+    } = this.props.__NEXT_DATA__;
+    return jsxRuntime.jsxs(NextDocument.Html, Object.assign({
+      lang: locale || defaultLocale,
+      className: "no-js"
+    }, {
+      children: [jsxRuntime.jsxs(NextDocument.Head, {
+        children: [jsxRuntime.jsx(react.NoJs, {}), this.props.emotionStyleTags]
+      }), jsxRuntime.jsxs("body", {
+        children: [jsxRuntime.jsx(NextDocument.Main, {}), jsxRuntime.jsx(NextDocument.NextScript, {})]
+      })]
+    }));
+  }
+
+} // `getInitialProps` belongs to `_document` (instead of `_app`),
+// it's compatible with static-site generation (SSG).
+
+DocumentEmotion.getInitialProps = ctx => _tslib.__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 = emotion.createEmotionCache();
+  const {
+    extractCriticalToChunks
+  } = createEmotionServer__default["default"](cache);
+
+  ctx.renderPage = () => originalRenderPage({
+    enhanceApp: App => function EnhanceApp(props) {
+      return jsxRuntime.jsx(App, Object.assign({
+        emotionCache: cache
+      }, props));
+    }
+  });
+
+  const initialProps = yield NextDocument__default["default"].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 => jsxRuntime.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
+  });
+});
+
+/**
+ * For typescript safety of this component
+ *
+ * @see https://bit.ly/3ceuF8m
+ */
+
+class DocumentSc extends NextDocument__default["default"] {
+  static getInitialProps(ctx) {
+    return _tslib.__awaiter(this, void 0, void 0, function* () {
+      const sheet = new styledComponents.ServerStyleSheet();
+      const originalRenderPage = ctx.renderPage;
+
+      try {
+        ctx.renderPage = () => originalRenderPage({
+          enhanceApp: App => props => sheet.collectStyles(jsxRuntime.jsx(App, Object.assign({}, props)))
+        });
+
+        const initialProps = yield NextDocument__default["default"].getInitialProps(ctx);
+        return Object.assign(Object.assign({}, initialProps), {
+          styles: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [initialProps.styles, sheet.getStyleElement()]
+          })
+        });
+      } finally {
+        sheet.seal();
+      }
+    });
+  }
+
+  render() {
+    const {
+      locale,
+      defaultLocale
+    } = this.props.__NEXT_DATA__;
+    return jsxRuntime.jsxs(NextDocument.Html, Object.assign({
+      lang: locale || defaultLocale,
+      className: "no-js"
+    }, {
+      children: [jsxRuntime.jsxs(NextDocument.Head, {
+        children: [jsxRuntime.jsx(react.Meta, {}), jsxRuntime.jsx(react.NoJs, {})]
+      }), jsxRuntime.jsxs("body", {
+        children: [jsxRuntime.jsx(NextDocument.Main, {}), jsxRuntime.jsx(NextDocument.NextScript, {})]
+      })]
+    }));
+  }
+
+}
+
+/**
+ */
+
+class DocumentVanilla extends NextDocument__default["default"] {
+  static getInitialProps(ctx) {
+    var _a;
+
+    return _tslib.__awaiter(this, void 0, void 0, function* () {
+      const initialProps = yield NextDocument__default["default"].getInitialProps(ctx);
+      return Object.assign(Object.assign({}, initialProps), {
+        theme: react.getInitialThemeFromRequest(((_a = ctx.req) === null || _a === void 0 ? void 0 : _a.headers.cookie
+        /*  || document?.cookie */
+        ) || "")
+      });
+    });
+  }
+
+  render() {
+    const {
+      locale,
+      defaultLocale
+    } = this.props.__NEXT_DATA__;
+    return jsxRuntime.jsxs(NextDocument.Html, Object.assign({
+      lang: locale || defaultLocale,
+      className: "no-js"
+    }, {
+      children: [jsxRuntime.jsxs(NextDocument.Head, {
+        children: [jsxRuntime.jsx(react.Meta, {}), jsxRuntime.jsx(react.NoJs, {})]
+      }), jsxRuntime.jsxs("body", {
+        children: [jsxRuntime.jsx(NextDocument.Main, {}), jsxRuntime.jsx(NextDocument.NextScript, {})]
+      })]
+    }));
+  }
+
+}
+
+exports.Document = Document;
+exports.DocumentEmotion = DocumentEmotion;
+exports.DocumentSc = DocumentSc;
+exports.DocumentVanilla = DocumentVanilla;