docs: ✏️ Examples update

Author: prc5

.gitignore

@@ -47,4 +47,7 @@ yarn-error.log*
 Thumbs.db
 
 # testing
-coverage
+coverage
+
+# Next.js
+.next

examples/next/.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "extends": ["plugin:@nrwl/nx/react-typescript", "next", "next/core-web-vitals", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*", ".next/**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "@next/next/no-html-link-for-pages": ["error", "examples/next/pages"]
+      }
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ],
+  "rules": {
+    "@next/next/no-html-link-for-pages": "off"
+  },
+  "env": {
+    "jest": true
+  }
+}

examples/nextjs/api/builder.ts renamed to examples/next/api/builder.ts

@@ -1,5 +1,6 @@
 import { setupWorker } from "msw";
-import { setupServer } from "msw/lib/node";
+import { setupServer } from "msw/node";
+
 import { handlers } from "./mocks";
 
 export * from "./builder";

examples/nextjs/api/files/files.api.ts renamed to examples/next/api/files/files.api.ts

@@ -1,4 +1,5 @@
 body {
+  display: unset !important;
   margin: 0;
 }
 

examples/nextjs/api/index.ts renamed to examples/next/api/index.ts

@@ -6,7 +6,7 @@ import ListItemButton from "@mui/material/ListItemButton";
 import ListItemText from "@mui/material/ListItemText";
 import { useRouter } from "next/router";
 
-import { DETAILS_PAGE, FORM_PAGE, LIST_PAGE } from "constants/routing.constants";
+import { DETAILS_PAGE, FORM_PAGE, LIST_PAGE } from "../constants/routing.constants";
 
 const links = [DETAILS_PAGE, LIST_PAGE, FORM_PAGE];
 const drawerWidth = 240;

examples/nextjs/api/mocks.ts renamed to examples/next/api/mocks.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: "next",
+  preset: "../../jest.preset.js",
+  transform: {
+    "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "@nrwl/react/plugins/jest",
+    "^.+\\.[tj]sx?$": "babel-jest",
+  },
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx"],
+  coverageDirectory: "../../coverage/examples/next",
+};

examples/nextjs/api/users/users.api.ts renamed to examples/next/api/users/users.api.ts

@@ -1,5 +1,7 @@
+//@ts-check
+
 // eslint-disable-next-line @typescript-eslint/no-var-requires
-const withNx = require("@nrwl/next/plugins/with-nx");
+const { withNx } = require("@nrwl/next/plugins/with-nx");
 
 /**
  * @type {import('@nrwl/next/plugins/with-nx').WithNxOptions}

examples/nextjs/assets/index.css renamed to examples/next/assets/index.css

@@ -7,9 +7,10 @@ import IconButton from "@mui/material/IconButton";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import PlayArrowIcon from "@mui/icons-material/PlayArrow";
 import StopIcon from "@mui/icons-material/Stop";
-import { Viewer } from "components/viewer";
-import { Request } from "components/request";
-import { getUser } from "api";
+
+import { Viewer } from "../../components/viewer";
+import { Request } from "../../components/request";
+import { getUser } from "../../api";
 
 const refreshTime = DateInterval.second * 10;
 const initialDate = +new Date();

examples/nextjs/assets/theme.ts renamed to examples/next/assets/theme.ts

@@ -2,10 +2,11 @@
 import React from "react";
 import { Box, Button, Typography } from "@mui/material";
 import { useSubmit, useQueue } from "@hyper-fetch/react";
-import { patchUser, postUser, postFile } from "api";
-import { Request } from "components/request";
-import { Viewer } from "components/viewer";
-import { RequestCard } from "components/request.card";
+
+import { patchUser, postUser, postFile } from "../../api";
+import { Request } from "../../components/request";
+import { Viewer } from "../../components/viewer";
+import { RequestCard } from "../../components/request.card";
 
 export const FormPage: React.FC = () => {
   // Post

examples/nextjs/components/container.tsx renamed to examples/next/components/container.tsx

@@ -4,9 +4,10 @@ import { useFetch } from "@hyper-fetch/react";
 import TextField from "@mui/material/TextField";
 import { Button, IconButton, Stack } from "@mui/material";
 import RefreshIcon from "@mui/icons-material/Refresh";
-import { getUsers } from "api";
-import { Request } from "components/request";
-import { Viewer } from "components/viewer";
+
+import { getUsers } from "../../api";
+import { Request } from "../../components/request";
+import { Viewer } from "../../components/viewer";
 
 const initialDate = +new Date();
 

examples/nextjs/components/request.card.tsx renamed to examples/next/components/request.card.tsx

@@ -1,45 +1,61 @@
 {
+  "name": "next",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "examples/nextjs",
+  "sourceRoot": "examples/next",
   "projectType": "application",
   "targets": {
     "build": {
       "executor": "@nrwl/next:build",
       "outputs": ["{options.outputPath}"],
       "defaultConfiguration": "production",
       "options": {
-        "root": "examples/nextjs",
-        "outputPath": "dist/examples/nextjs"
+        "root": "examples/next",
+        "outputPath": "dist/examples/next"
       },
       "configurations": {
-        "development": {}
+        "development": {
+          "outputPath": "examples/next"
+        },
+        "production": {}
       }
     },
     "serve": {
       "executor": "@nrwl/next:server",
       "defaultConfiguration": "development",
       "options": {
-        "buildTarget": "nextjs:build",
+        "buildTarget": "next:build",
         "dev": true
       },
       "configurations": {
         "development": {
-          "buildTarget": "nextjs:build:development",
+          "buildTarget": "next:build:development",
           "dev": true
+        },
+        "production": {
+          "buildTarget": "next:build:production",
+          "dev": false
         }
       }
     },
     "export": {
       "executor": "@nrwl/next:export",
       "options": {
-        "buildTarget": "nextjs:build:production"
+        "buildTarget": "next:build:production"
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "examples/next/jest.config.ts",
+        "passWithNoTests": true
       }
     },
     "lint": {
       "executor": "@nrwl/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["examples/nextjs/**/*.{ts,tsx,js,jsx}"]
+        "lintFilePatterns": ["examples/next/**/*.{ts,tsx,js,jsx}"]
       }
     }
   },