@digigov/nextjs 0.6.3 → 0.6.4-alpha

package/dist/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@digigov/nextjs",
+  "version": "0.6.4-alpha",
+  "description": "next specific utilities for @digigov apps",
+  "author": "GRNET Developers <devs@lists.grnet.gr>",
+  "license": "BSD-2-Clause",
+  "main": "./index.js",
+  "module": "./esm/index.js",
+  "publishConfig": {
+    "main": "dist/index.js"
+  },
+  "peerDependencies": {
+    "@digigov/ui": "0.26.6-alpha",
+    "@material-ui/core": "4.11.3",
+    "@material-ui/icons": "4.11.2",
+    "clsx": "1.1.1",
+    "i18next": "19.1.0",
+    "react": "^16.8.0 || ^17.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "next": "10.0.9",
+    "react-i18next": "11.3.3"
+  },
+  "gitHead": "7237a2d58c6b30979837579e51251543aff0c240",
+  "private": false,
+  "typings": "./index.d.ts"
+}

package/nextjs.build.log

@@ -0,0 +1,17 @@
+Invoking: digigov build --subpackages 
+
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/rimraf dist
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/tsc --emitDeclarationOnly --outDir dist
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/esm
+Successfully compiled 7 files with Babel (1634ms).
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist/es
+Successfully compiled 7 files with Babel (1260ms).
+Created package.json in /Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/dist/package.json
+Copied /Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/CHANGELOG.md to /Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/dist/CHANGELOG.md
+Copied /Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/README.md to /Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/dist/README.md
+Copied /Users/dimitristsironis/grnet/digigov-sdk/LICENSE to /Users/dimitristsironis/grnet/digigov-sdk/libs/nextjs/dist/LICENSE
+Skipped license for ./index.js
+Skipped license for ./umd/digigov-ui.development.js
+Skipped license for ./umd/digigov-ui.production.min.js
+Running  /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/node_modules/.bin/babel --config-file /Users/dimitristsironis/grnet/digigov-sdk/tooling/cli-build/babel.config.js src --extensions .tsx,.ts,.js,.jsx --copy-files --out-dir dist
+Successfully compiled 7 files with Babel (1217ms).

package/package.json

@@ -1,26 +1,39 @@
 {
-	"name": "@digigov/nextjs",
-	"version": "0.6.3",
-	"description": "next specific utilities for @digigov apps",
-	"author": "GRNET Developers <devs@lists.grnet.gr>",
-	"license": "BSD-2-Clause",
-	"main": "dist/index.js",
-	"module": "./esm/index.js",
-	"publishConfig": {
-		"main": "dist/index.js"
-	},
-	"peerDependencies": {
-		"@digigov/ui": "0.26.5",
-		"@material-ui/core": "4.11.3",
-		"@material-ui/icons": "4.11.2",
-		"clsx": "1.1.1",
-		"i18next": "19.1.0",
-		"react": ">= 16.14.0 <= 18.2.0",
-		"react-dom": ">= 16.14.0 <= 18.2.0",
-		"next": "10.0.9",
-		"react-i18next": "11.3.3"
-	},
-	"gitHead": "7237a2d58c6b30979837579e51251543aff0c240",
-	"private": false,
-	"typings": "./index.d.ts"
-}
+  "name": "@digigov/nextjs",
+  "version": "0.6.4-alpha",
+  "description": "next specific utilities for @digigov apps",
+  "author": "GRNET Developers <devs@lists.grnet.gr>",
+  "license": "BSD-2-Clause",
+  "main": "dist/index.js",
+  "module": "src/index.ts",
+  "publishConfig": {
+    "main": "dist/index.js"
+  },
+  "peerDependencies": {
+    "@digigov/ui": "0.26.6-alpha",
+    "@material-ui/core": "4.11.3",
+    "@material-ui/icons": "4.11.2",
+    "clsx": "1.1.1",
+    "i18next": "19.1.0",
+    "react": "^16.8.0 || ^17.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "next": "10.0.9",
+    "react-i18next": "11.3.3"
+  },
+  "devDependencies": {
+    "@digigov/cli": "0.6.1",
+    "@digigov/cli-lint": "0.5.31",
+    "@digigov/cli-build": "0.8.2",
+    "@digigov/cli-test": "0.7.1",
+    "@types/node": "16.6.2",
+    "@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,61 @@
+import React from 'react';
+import App from 'next/app';
+import Head from 'next/head';
+import { LinkProvider } from '@digigov/ui/core/Link';
+import NextLink from '@digigov/nextjs/Link';
+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;
+  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);
+    }
+    this.updateHtmlLang();
+  }
+
+  componentDidUpdate(): void {
+    this.updateHtmlLang();
+  }
+
+  updateHtmlLang(): void {
+    document.documentElement.lang = this.props.i18n.language;
+  }
+
+  render(): React.ReactElement {
+    const { Component, pageProps, t, i18n } = this.props;
+    return (
+      <I18NProvider
+        t={(str) => (typeof str === 'string' ? t(str) : str)}
+        i18n={i18n}
+      >
+        <LinkProvider component={NextLink}>
+          <Head>
+            <meta
+              name="viewport"
+              content="minimum-scale=1, initial-scale=1, width=device-width"
+            />
+          </Head>
+          <DigiGOVApp>
+            <Component {...pageProps} />
+          </DigiGOVApp>
+        </LinkProvider>
+      </I18NProvider>
+    );
+  }
+}
+const DigiGOVNextAppWithTranslation = withTranslation()(DigiGOVNextApp);
+export default DigiGOVNextAppWithTranslation;

package/src/Document.tsx

@@ -0,0 +1,73 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import React from 'react';
+import Document, { Html, Head, Main, NextScript } from 'next/document';
+
+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 initialProps = await Document.getInitialProps(ctx);
+
+  return {
+    ...initialProps,
+    // Styles fragment is rendered after the app and page rendering finish.
+  };
+};

package/src/Image.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import NextImage, { ImageProps } from 'next/image';
+import { useBasePath } from '@digigov/nextjs/hooks';
+
+const Image: React.FC<ImageProps> = ({ src, ...rest }) => {
+  const basePathSrc = useBasePath(src);
+  return <NextImage src={basePathSrc} {...rest} />;
+};
+
+export default Image;

package/src/Link.tsx

@@ -0,0 +1,33 @@
+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;
+  const isExternalLink =
+    //check if url has a file extension
+    /^(?:[a-z]+:)?\/\/|.pdf|.docx?|.xlsx?/i.test(href || '') ||
+    // or if props has a target or rel
+    other.target === '_blank';
+
+  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/hooks.ts

@@ -0,0 +1,6 @@
+import { useRouter } from 'next/router';
+
+export function useBasePath(src: string): string {
+  const router = useRouter();
+  return router.basePath + src;
+}

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"
+  ]
+}