@digigov/nextjs 0.4.3 → 0.4.4

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @digigov/nextjs
 
-This log was last generated on Thu, 24 Feb 2022 14:51:06 GMT and should not be manually modified.
+This log was last generated on Wed, 30 Mar 2022 12:28:30 GMT and should not be manually modified.
+
+## 0.4.4
+Wed, 30 Mar 2022 12:28:30 GMT
+
+### Patches
+
+- allow file links to be used with internal Nextjs router
 
 ## 0.4.2
 Thu, 24 Feb 2022 14:51:06 GMT

package/{libs → dist/libs}/ui/src/locales/el.d.ts

@@ -52,5 +52,11 @@ declare const _default: {
         mobile: string;
         web: string;
     };
+    pagination: {
+        show: string;
+        to: string;
+        of: string;
+        results: string;
+    };
 };
 export default _default;

package/dist/node_modules/.pnpm-debug.log

@@ -0,0 +1,16 @@
+{
+  "0 debug pnpm:scope": {
+    "selected": 1
+  },
+  "1 error pnpm": {
+    "message": {
+      "code": "ERR_PNPM_NO_IMPORTER_MANIFEST_FOUND"
+    },
+    "err": {
+      "name": "Error",
+      "message": "No package.json (or package.yaml, or package.json5) was found in \"/Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/dist\".",
+      "code": "ERR_PNPM_NO_IMPORTER_MANIFEST_FOUND",
+      "stack": "Error: No package.json (or package.yaml, or package.json5) was found in \"/Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/dist\".\n    at Object.readProjectManifest [as default] (/Users/dimitristsironis/.rush/node-v14.18.1/pnpm-5.18.1/node_modules/pnpm/dist/pnpm.js:43067:11)\n    at async Object.readProjectManifest (/Users/dimitristsironis/.rush/node-v14.18.1/pnpm-5.18.1/node_modules/pnpm/dist/pnpm.js:43280:56)\n    at async fakeRegularManifest (/Users/dimitristsironis/.rush/node-v14.18.1/pnpm-5.18.1/node_modules/pnpm/dist/pnpm.js:118210:56)\n    at async Object.handler [as publish] (/Users/dimitristsironis/.rush/node-v14.18.1/pnpm-5.18.1/node_modules/pnpm/dist/pnpm.js:118161:5)\n    at async Timeout._onTimeout (/Users/dimitristsironis/.rush/node-v14.18.1/pnpm-5.18.1/node_modules/pnpm/dist/pnpm.js:123063:22)"
+    }
+  }
+}

package/nextjs.build.error.log

@@ -0,0 +1,3 @@
+Debugger attached.
+Debugger attached.
+Debugger attached.

package/nextjs.build.log

@@ -0,0 +1,16 @@
+Invoking: digigov build --subpackages 
+
+Debugger attached.
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/rimraf dist
+Debugger attached.
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/tsc --emitDeclarationOnly --outDir dist
+Debugger attached.
+src/Link.tsx(12,26): error TS1109: Expression expected.
+src/Link.tsx(12,28): error TS1109: Expression expected.
+src/Link.tsx(12,29): error TS1109: Expression expected.
+src/Link.tsx(12,36): error TS1109: Expression expected.
+src/Link.tsx(12,37): error TS1134: Variable declaration expected.
+src/Link.tsx(12,38): error TS1134: Variable declaration expected.
+src/Link.tsx(12,39): error TS1127: Invalid character.
+src/Link.tsx(12,40): error TS1134: Variable declaration expected.
+src/Link.tsx(12,41): error TS1161: Unterminated regular expression literal.

package/package.json

@@ -1,26 +1,39 @@
 {
-	"name": "@digigov/nextjs",
-	"version": "0.4.3",
-	"description": "next specific utilities for @digigov apps",
-	"author": "GRNET Developers <devs@lists.grnet.gr>",
-	"license": "MIT",
-	"main": "dist/index.js",
-	"module": "./esm/index.js",
-	"publishConfig": {
-		"main": "dist/index.js"
-	},
-	"peerDependencies": {
-		"@digigov/ui": "0.12.2",
-		"@material-ui/core": "4.11.3",
-		"@material-ui/icons": "4.11.2",
-		"clsx": "1.1.1",
-		"i18next": "19.1.0",
-		"react": "16.14.0",
-		"react-dom": "16.14.0",
-		"next": "10.0.9",
-		"react-i18next": "11.3.3"
-	},
-	"gitHead": "7237a2d58c6b30979837579e51251543aff0c240",
-	"private": false,
-	"typings": "./index.d.ts"
-}
+  "name": "@digigov/nextjs",
+  "version": "0.4.4",
+  "description": "next specific utilities for @digigov apps",
+  "author": "GRNET Developers <devs@lists.grnet.gr>",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "src/index.ts",
+  "publishConfig": {
+    "main": "dist/index.js"
+  },
+  "peerDependencies": {
+    "@digigov/ui": "0.15.1",
+    "@material-ui/core": "4.11.3",
+    "@material-ui/icons": "4.11.2",
+    "clsx": "1.1.1",
+    "i18next": "19.1.0",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "next": "10.0.9",
+    "react-i18next": "11.3.3"
+  },
+  "devDependencies": {
+    "@digigov/cli": "0.5.27",
+    "@digigov/cli-lint": "0.5.29",
+    "@digigov/cli-build": "0.7.1",
+    "@digigov/cli-test": "0.6.1",
+    "@types/node": "14.14.9",
+    "@types/react": "16.9.56",
+    "@types/react-dom": "16.9.9",
+    "typescript": "4.2.3"
+  },
+  "gitHead": "7237a2d58c6b30979837579e51251543aff0c240",
+  "scripts": {
+    "lint": "digigov lint",
+    "test": "digigov test",
+    "build": "digigov build --subpackages"
+  }
+}

package/src/App.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import App from 'next/app';
+import Head from 'next/head';
+import { Theme } from '@material-ui/core/styles';
+import { LinkProvider } from '@digigov/ui/core/Link';
+import NextLink from '@digigov/nextjs/Link';
+import GovGRTheme from '@digigov/ui/themes/govgr';
+import dynamic from 'next/dynamic';
+import type { AppProps } from '@digigov/ui/app/App';
+import { I18NProvider } from '@digigov/ui/app/i18n';
+import { withTranslation, WithTranslation } from 'react-i18next';
+import { i18n } from 'i18next';
+
+const DigiGOVApp = dynamic(() => import('@digigov/ui/app/App'), {
+  ssr: false,
+}) as React.FC<AppProps>;
+export interface DigiGOVNextAppProps extends AppProps, WithTranslation {
+  children?: React.ReactNode;
+  theme: Theme;
+  t: (string) => string;
+  i18n: i18n;
+}
+class DigiGOVNextApp extends App<DigiGOVNextAppProps> {
+  componentDidMount(): void {
+    // Remove the server-side injected CSS.
+    const jssStyles = document.querySelector('#jss-server-side');
+    if (jssStyles && jssStyles.parentElement) {
+      jssStyles.parentElement.removeChild(jssStyles);
+    }
+  }
+
+  render(): React.ReactElement {
+    const { Component, pageProps, theme, t, i18n } = this.props;
+    return (
+      <I18NProvider t={t} i18n={i18n}>
+        <LinkProvider component={NextLink}>
+          <Head>
+            <meta
+              name="viewport"
+              content="minimum-scale=1, initial-scale=1, width=device-width"
+            />
+          </Head>
+          <DigiGOVApp theme={theme}>
+            <Component {...pageProps} />
+          </DigiGOVApp>
+        </LinkProvider>
+      </I18NProvider>
+    );
+  }
+}
+const DigiGOVNextAppWithTranslation = withTranslation()(DigiGOVNextApp);
+DigiGOVNextAppWithTranslation.defaultProps = {
+  theme: GovGRTheme,
+};
+export default DigiGOVNextAppWithTranslation;

package/src/Document.tsx

@@ -0,0 +1,86 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import React from 'react';
+import Document, { Html, Head, Main, NextScript } from 'next/document';
+import { ServerStyleSheets } from '@material-ui/core/styles';
+
+export function Fonts() {
+  return (
+    <>
+      <link
+        rel="stylesheet"
+        href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      />
+      <link
+        rel="stylesheet"
+        href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
+      />
+    </>
+  );
+}
+export default class DigiGOVDocument extends Document {
+  render() {
+    return (
+      <Html>
+        <Head>
+          <script
+            type="text/javascript"
+            dangerouslySetInnerHTML={{
+              __html: `if (window.document.documentMode) alert('Internet Explorer is not supported. Please use a modern browser!');
+`,
+            }}
+          ></script>
+          {/* PWA primary color */}
+          <Fonts />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+DigiGOVDocument.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
+
+  // Render app and page and get the context of the page with collected side effects.
+  const sheets = new ServerStyleSheets();
+  const originalRenderPage = ctx.renderPage;
+
+  ctx.renderPage = () =>
+    originalRenderPage({
+      enhanceApp: (App) => (props) => sheets.collect(<App {...props} />),
+    });
+
+  const initialProps = await Document.getInitialProps(ctx);
+
+  return {
+    ...initialProps,
+    // Styles fragment is rendered after the app and page rendering finish.
+    styles: [
+      ...React.Children.toArray(initialProps.styles),
+      sheets.getStyleElement(),
+    ],
+  };
+};

package/src/Link.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { LinkProps } from '@digigov/ui/core/Link';
+import Link from 'next/link';
+import CoreLink from '@digigov/react-core/Link';
+
+const NextLink: React.ForwardRefRenderFunction<HTMLAnchorElement, LinkProps> = (
+  props,
+  ref
+) => {
+  const { href, ...other } = props;
+  //check if url has a domain
+  const isExternalLink = ^(?:[a-z]+:)?\/\/|.pdf|.docx?|.xlsx?i.test(href || '');
+
+  if (isExternalLink) {
+    return (
+      <CoreLink ref={ref} href={href || '#'} {...other}>
+        {props.children}
+      </CoreLink>
+    );
+  }
+  return (
+    <Link href={href || '#'} {...other}>
+      <CoreLink ref={ref} {...other}>
+        {props.children}
+      </CoreLink>
+    </Link>
+  );
+};
+
+export default React.forwardRef(NextLink);

package/src/i18n.tsx

@@ -0,0 +1,18 @@
+import i18n, { Resource, TFunction } from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+export default function initI18n(
+  resources: Resource,
+  language = 'el'
+): Promise<TFunction> {
+  return i18n
+    .use(initReactI18next) // passes i18n down to react-i18next
+    .init({
+      resources: resources,
+      lng: language,
+      keySeparator: '.', // we use keys in form messages.welcome
+      interpolation: {
+        escapeValue: false, // react already safes from xss
+      },
+    });
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@digigov/cli-build/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "dist"
+  },
+  "include": [
+    "./src"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "*.svg"
+  ]
+}

package/App.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _app = _interopRequireDefault(require("next/app"));
-
-var _head = _interopRequireDefault(require("next/head"));
-
-var _Link = require("@digigov/ui/core/Link");
-
-var _Link2 = _interopRequireDefault(require("@digigov/nextjs/Link"));
-
-var _govgr = _interopRequireDefault(require("@digigov/ui/themes/govgr"));
-
-var _dynamic = _interopRequireDefault(require("next/dynamic"));
-
-var _i18n = require("@digigov/ui/app/i18n");
-
-var _reactI18next = require("react-i18next");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2["default"])(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var DigiGOVApp = (0, _dynamic["default"])(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('@digigov/ui/app/App'));
-  });
-}, {
-  ssr: false
-});
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_head["default"], null, /*#__PURE__*/_react["default"].createElement("meta", {
-  name: "viewport",
-  content: "minimum-scale=1, initial-scale=1, width=device-width"
-}));
-
-var DigiGOVNextApp = /*#__PURE__*/function (_App) {
-  (0, _inherits2["default"])(DigiGOVNextApp, _App);
-
-  var _super = _createSuper(DigiGOVNextApp);
-
-  function DigiGOVNextApp() {
-    (0, _classCallCheck2["default"])(this, DigiGOVNextApp);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(DigiGOVNextApp, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // Remove the server-side injected CSS.
-      var jssStyles = document.querySelector('#jss-server-side');
-
-      if (jssStyles && jssStyles.parentElement) {
-        jssStyles.parentElement.removeChild(jssStyles);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          Component = _this$props.Component,
-          pageProps = _this$props.pageProps,
-          theme = _this$props.theme,
-          t = _this$props.t,
-          i18n = _this$props.i18n;
-      return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
-        t: t,
-        i18n: i18n
-      }, /*#__PURE__*/_react["default"].createElement(_Link.LinkProvider, {
-        component: _Link2["default"]
-      }, _ref, /*#__PURE__*/_react["default"].createElement(DigiGOVApp, {
-        theme: theme
-      }, /*#__PURE__*/_react["default"].createElement(Component, pageProps))));
-    }
-  }]);
-  return DigiGOVNextApp;
-}(_app["default"]);
-
-var DigiGOVNextAppWithTranslation = (0, _reactI18next.withTranslation)()(DigiGOVNextApp);
-DigiGOVNextAppWithTranslation.defaultProps = {
-  theme: _govgr["default"]
-};
-var _default = DigiGOVNextAppWithTranslation;
-exports["default"] = _default;

package/Document.js

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Fonts = Fonts;
-exports["default"] = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _document = _interopRequireWildcard(require("next/document"));
-
-var _styles = require("@material-ui/core/styles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var _ref = /*#__PURE__*/_react["default"].createElement("link", {
-  rel: "stylesheet",
-  href: "https://fonts.googleapis.com/icon?family=Material+Icons"
-});
-
-var _ref2 = /*#__PURE__*/_react["default"].createElement("link", {
-  rel: "stylesheet",
-  href: "https://fonts.googleapis.com/css?family=Roboto:300,400,500"
-});
-
-function Fonts() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2);
-}
-
-var _ref3 = /*#__PURE__*/_react["default"].createElement(Fonts, null);
-
-var _ref4 = /*#__PURE__*/_react["default"].createElement("body", null, /*#__PURE__*/_react["default"].createElement(_document.Main, null), /*#__PURE__*/_react["default"].createElement(_document.NextScript, null));
-
-var DigiGOVDocument = /*#__PURE__*/function (_Document) {
-  (0, _inherits2["default"])(DigiGOVDocument, _Document);
-
-  var _super = _createSuper(DigiGOVDocument);
-
-  function DigiGOVDocument() {
-    (0, _classCallCheck2["default"])(this, DigiGOVDocument);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(DigiGOVDocument, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement(_document.Html, null, /*#__PURE__*/_react["default"].createElement(_document.Head, null, /*#__PURE__*/_react["default"].createElement("script", {
-        type: "text/javascript",
-        dangerouslySetInnerHTML: {
-          __html: "if (window.document.documentMode) alert('Internet Explorer is not supported. Please use a modern browser!');\n"
-        }
-      }), _ref3), _ref4);
-    }
-  }]);
-  return DigiGOVDocument;
-}(_document["default"]);
-
-exports["default"] = DigiGOVDocument;
-
-DigiGOVDocument.getInitialProps = /*#__PURE__*/function () {
-  var _ref5 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(ctx) {
-    var sheets, originalRenderPage, initialProps;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            // 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
-            // Render app and page and get the context of the page with collected side effects.
-            sheets = new _styles.ServerStyleSheets();
-            originalRenderPage = ctx.renderPage;
-
-            ctx.renderPage = function () {
-              return originalRenderPage({
-                enhanceApp: function enhanceApp(App) {
-                  return function (props) {
-                    return sheets.collect( /*#__PURE__*/_react["default"].createElement(App, props));
-                  };
-                }
-              });
-            };
-
-            _context.next = 5;
-            return _document["default"].getInitialProps(ctx);
-
-          case 5:
-            initialProps = _context.sent;
-            return _context.abrupt("return", (0, _extends2["default"])({}, initialProps, {
-              // Styles fragment is rendered after the app and page rendering finish.
-              styles: [].concat((0, _toConsumableArray2["default"])(_react["default"].Children.toArray(initialProps.styles)), [sheets.getStyleElement()])
-            }));
-
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function (_x) {
-    return _ref5.apply(this, arguments);
-  };
-}();