chore: 🤖 bump nx.dev next.js 13+ Storybook 6.5.16

.eslintignore

@@ -0,0 +1 @@
+node_modules

apps/weshipit/next.config.js

@@ -8,7 +8,7 @@ const nextConfig = {
   nx: {
     // Set this to true if you would like to to use SVGR
     // See: https://github.com/gregberge/svgr
-    svgr: false,
+    svgr: true,
   },
   images: {
     remotePatterns: [

apps/weshipit/pages/api/hello.tsx

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 
 export const config = {
-  runtime: 'experimental-edge', // this is a pre-requisite
+  runtime: 'edge', // this is a pre-requisite
 };
 
 // eslint-disable-next-line import/no-anonymous-default-export

apps/weshipit/pages/api/og.tsx

@@ -2,7 +2,7 @@ import { ImageResponse } from '@vercel/og';
 import { NextRequest } from 'next/server';
 
 export const config = {
-  runtime: 'experimental-edge',
+  runtime: 'edge',
 };
 
 export default function handler(req: NextRequest) {

jest.preset.js

@@ -1,3 +1,15 @@
 const nxPreset = require('@nrwl/jest/preset').default;
 
-module.exports = { ...nxPreset };
+module.exports = {
+  ...nxPreset,
+  /* TODO: Update to latest Jest snapshotFormat
+   * By default Nx has kept the older style of Jest Snapshot formats
+   * to prevent breaking of any existing tests with snapshots.
+   * It's recommend you update to the latest format.
+   * You can do this by removing snapshotFormat property
+   * and running tests with --update-snapshot flag.
+   * Example: "nx affected --targets=test --update-snapshot"
+   * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
+   */
+  snapshotFormat: { escapeString: true, printBasicPrototype: true },
+};

libs/ui/.storybook/main.js

@@ -10,5 +10,9 @@ module.exports = {
     '../src/lib/**/*.stories.mdx',
     '../src/lib/**/*.stories.@(js|jsx|ts|tsx)',
   ],
-  addons: [...rootMain.addons, '@nrwl/react/plugins/storybook'],
+  addons: [
+    '@storybook/addon-essentials',
+    ...rootMain.addons,
+    '@nrwl/react/plugins/storybook',
+  ],
 };

libs/ui/jest.config.ts

@@ -2,13 +2,14 @@
 export default {
   displayName: 'ui',
   preset: '../../jest.preset.js',
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-    },
-  },
+  globals: {},
   transform: {
-    '^.+\\.[tj]sx?$': 'ts-jest',
+    '^.+\\.[tj]sx?$': [
+      'ts-jest',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+      },
+    ],
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
   coverageDirectory: '../../coverage/libs/ui',

libs/ui/project.json

@@ -1,4 +1,5 @@
 {
+  "name": "ui",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "sourceRoot": "libs/ui/src",
   "projectType": "library",
@@ -24,9 +25,7 @@
       "options": {
         "uiFramework": "@storybook/react",
         "port": 4400,
-        "config": {
-          "configFolder": "libs/ui/.storybook"
-        }
+        "configDir": "libs/ui/.storybook"
       },
       "configurations": {
         "ci": {
@@ -36,20 +35,17 @@
     },
     "build-storybook": {
       "executor": "@nrwl/storybook:build",
-      "outputs": ["{options.outputPath}"],
+      "outputs": ["{options.outputDir}"],
       "options": {
         "uiFramework": "@storybook/react",
-        "outputPath": "dist/storybook/ui",
-        "config": {
-          "configFolder": "libs/ui/.storybook"
-        }
+        "configDir": "libs/ui/.storybook",
+        "outputDir": "dist/storybook/ui"
       },
       "configurations": {
         "ci": {
           "quiet": true
         }
       }
     }
-  },
-  "name": "ui"
+  }
 }

package.json

@@ -6,7 +6,7 @@
     "--nx--": "-------------------------------------------------------",
     "start": "nx serve",
     "build": "nx build",
-    "test": "nx test",
+    "test": "nx run-many --all --target=test",
     "lint": "nx lint",
     "graph": "nx graph",
     "cache:clear": "nx reset",
@@ -30,62 +30,63 @@
   },
   "private": true,
   "dependencies": {
-    "@apollo/client": "^3.7.1",
-    "@calcom/embed-react": "^1.0.9",
-    "@headlessui/react": "^1.7.7",
-    "@heroicons/react": "^2.0.13",
-    "@next/font": "^13.0.3",
+    "@apollo/client": "^3.7.10",
+    "@calcom/embed-react": "^1.0.10",
+    "@headlessui/react": "^1.7.13",
+    "@heroicons/react": "^2.0.16",
+    "@next/font": "13.1.1",
     "@prismicio/client": "^6.7.1",
-    "@prismicio/react": "^2.5.0",
-    "@vercel/og": "^0.0.20",
+    "@prismicio/react": "^2.5.2",
+    "@vercel/og": "^0.3.0",
     "autoprefixer": "^10.4.13",
     "class-variance-authority": "^0.4.0",
-    "core-js": "^3.6.5",
+    "core-js": "^3.29.0",
     "graphql": "^16.6.0",
     "lodash": "^4.17.21",
     "next": "13.1.1",
     "next-seo": "^5.14.1",
-    "next-sitemap": "^3.1.31",
-    "postcss": "^8.4.20",
+    "next-sitemap": "^4.0.2",
+    "postcss": "^8.4.21",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-gravatar": "^2.6.3",
-    "regenerator-runtime": "0.13.7",
-    "tailwindcss": "^3.2.4",
-    "tslib": "^2.3.0"
+    "regenerator-runtime": "0.13.11",
+    "tailwindcss": "^3.2.7",
+    "tslib": "^2.5.0"
   },
   "devDependencies": {
     "@babel/core": "7.12.13",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "7.12.13",
-    "@nrwl/cli": "15.3.3",
-    "@nrwl/cypress": "15.3.3",
-    "@nrwl/eslint-plugin-nx": "15.3.3",
-    "@nrwl/jest": "15.8.5",
-    "@nrwl/js": "15.8.5",
-    "@nrwl/linter": "15.3.3",
-    "@nrwl/next": "15.8.5",
-    "@nrwl/react": "15.8.5",
-    "@nrwl/storybook": "15.3.3",
-    "@nrwl/web": "15.3.3",
-    "@nrwl/workspace": "15.3.3",
-    "@storybook/addon-essentials": "~6.5.13",
-    "@storybook/builder-webpack5": "~6.5.13",
-    "@storybook/core-server": "~6.5.13",
-    "@storybook/manager-webpack5": "~6.5.13",
-    "@storybook/react": "~6.5.13",
-    "@svgr/webpack": "^6.5.1",
-    "@testing-library/react": "14.0.0",
-    "@types/jest": "^29.4.0",
-    "@types/node": "18.14.2",
-    "@types/react": "18.0.28",
-    "@types/react-dom": "18.0.11",
+    "@nrwl/cli": "15.8.6",
+    "@nrwl/cypress": "15.8.6",
+    "@nrwl/eslint-plugin-nx": "15.8.6",
+    "@nrwl/jest": "15.8.6",
+    "@nrwl/js": "15.8.6",
+    "@nrwl/linter": "15.8.6",
+    "@nrwl/next": "15.8.6",
+    "@nrwl/react": "15.8.6",
+    "@nrwl/storybook": "15.8.6",
+    "@nrwl/web": "15.8.6",
+    "@nrwl/webpack": "15.8.6",
+    "@nrwl/workspace": "15.8.6",
+    "@storybook/addon-essentials": "6.5.16",
+    "@storybook/builder-webpack5": "6.5.16",
+    "@storybook/core-server": "6.5.16",
+    "@storybook/manager-webpack5": "6.5.16",
+    "@storybook/react": "6.5.16",
+    "@svgr/webpack": "^5.4.0",
+    "@testing-library/react": "13.4.0",
+    "@types/jest": "29.4.0",
+    "@types/node": "18.11.9",
+    "@types/react": "18.0.25",
+    "@types/react-dom": "18.0.9",
     "@types/react-gravatar": "^2.6.10",
     "@typescript-eslint/eslint-plugin": "5.41.0",
     "@typescript-eslint/parser": "5.41.0",
-    "babel-jest": "^29.4.1",
-    "babel-loader": "9.1.2",
-    "cypress": "^11.0.0",
+    "babel-jest": "29.4.3",
+    "babel-loader": "8.1.0",
+    "cypress": "^12.2.0",
     "cz-conventional-changelog": "3.3.0",
     "eslint": "~8.30.0",
     "eslint-config-next": "13.1.1",
@@ -98,15 +99,15 @@
     "eslint-plugin-tailwindcss": "^3.7.1",
     "git-cz": "^4.9.0",
     "husky": "^8.0.2",
-    "jest": "^29.4.1",
-    "jest-environment-jsdom": "^29.4.1",
+    "jest": "29.4.3",
+    "jest-environment-jsdom": "29.4.3",
     "lint-staged": "^13.0.3",
     "prettier": "^2.6.2",
     "react-test-renderer": "18.2.0",
-    "ts-jest": "^29.0.5",
+    "ts-jest": "29.0.5",
     "ts-node": "10.9.1",
-    "typescript": "~4.9.5",
-    "url-loader": "^4.1.1"
+    "typescript": "4.9.5",
+    "url-loader": "^3.0.0"
   },
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --cache --fix",