chore(deps): Upgrade NX to 17.3.0

.eslintignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+**/mocks/**

.eslintrc.json

@@ -1,7 +1,7 @@
 {
   "root": true,
   "ignorePatterns": ["**/*"],
-  "plugins": ["@nrwl/nx", "graphql"],
+  "plugins": ["@nx", "graphql"],
   "rules": {
     "graphql/template-strings": "off",
     "graphql/named-operations": "off"
@@ -10,7 +10,7 @@
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
-        "@nrwl/nx/enforce-module-boundaries": [
+        "@nx/enforce-module-boundaries": [
           "error",
           {
             "enforceBuildableLibDependency": true,
@@ -27,13 +27,17 @@
     },
     {
       "files": ["*.ts", "*.tsx"],
-      "extends": ["plugin:@nrwl/nx/typescript"],
-      "rules": {}
+      "extends": ["plugin:@nx/typescript"],
+      "rules": {
+        "@typescript-eslint/no-explicit-any": "warn"
+      }
     },
     {
       "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nrwl/nx/javascript"],
-      "rules": {}
+      "extends": ["plugin:@nx/javascript"],
+      "rules": {
+        "@nx/enforce-module-boundaries": ["off"]
+      }
     },
     {
       "files": "*.json",

.storybook/main.js

@@ -69,6 +69,13 @@ module.exports = {
         ...config.resolve,
         extensions: ['.mjs', '.ts', '.tsx', '.js', '.jsx'],
         plugins: [...(config.resolve.plugins ?? []), tsPaths],
+        fallback: {
+          ...(config.resolve || {}).fallback,
+          fs: false,
+          stream: false,
+          os: false,
+          zlib: false
+        },
       },
       module: {
         ...config.module,

.storybook/preview.js

@@ -1,5 +1,5 @@
 import { addParameters } from '@storybook/react';
-import { RouterContext } from 'next/dist/shared/lib/router-context';
+import { RouterContext } from "next/dist/shared/lib/router-context.shared-runtime";
 import { rest } from 'msw';
 import { mswDecorator } from 'msw-storybook-addon';
 

docs/docs-site/.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "extends": [
-    "plugin:@nrwl/nx/react-typescript",
+    "plugin:@nx/react-typescript",
     "../../.eslintrc.json",
     "next",
     "next/core-web-vitals"
@@ -9,10 +9,14 @@
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      // We set parserOptions.project for the project to allow TypeScript to create the type-checker behind the scenes when we run linting
+      "parserOptions": {
+        "project": ["docs/docs-site/tsconfig(.*)?.json"]
+      },
       "rules": {
         "@next/next/no-html-link-for-pages": [
           "error",
-          "packages/docs-site/pages"
+          "docs/docs-site/pages"
         ]
       }
     },

docs/docs-site/components/enlargable-content.tsx

@@ -1,13 +1,13 @@
 import { useState, useEffect } from 'react';
-import { useTheme } from 'next-themes';
+// import { useTheme } from 'next-themes';
 
 export default function EnlargableContent({ children }) {
   const [isOpen, setIsOpen] = useState(false);
 
   const openModal = () => setIsOpen(true);
   const closeModal = () => setIsOpen(false);
 
-  const { theme } = useTheme();
+  // const { theme } = useTheme();
 
   useEffect(() => {
     if (isOpen) {

docs/docs-site/components/search.tsx

@@ -20,23 +20,21 @@ function useDebounceValue<T>(value: T, delay: number): T {
   return debouncedValue;
 }
 
-type ItemProps = {
-  title: string;
-  route: string;
-  content: string;
-  type: 'title' | 'content';
-  searchValue: string | undefined;
-  handleClick: () => void;
-};
-
 const Item = ({
   title,
   route,
   content,
   searchValue,
   type,
   handleClick,
-}: ItemProps) => {
+}: {
+  title: string;
+  route: string;
+  content: string;
+  type: 'title' | 'content';
+  searchValue: string | undefined;
+  handleClick: () => void;
+}) => {
   const index =
     type === 'title'
       ? title.toLowerCase().indexOf(searchValue.toLowerCase())

docs/docs-site/jest.config.ts

@@ -3,8 +3,8 @@ export default {
   displayName: 'docs-site',
   preset: '../../jest.preset.js',
   transform: {
-    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nrwl/react/plugins/jest',
-    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nrwl/next/babel'] }],
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/next/babel'] }],
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
   coverageDirectory: '../../coverage/packages/docs-site',

docs/docs-site/pages/gene/index.mdx

@@ -114,13 +114,13 @@ code .
 ### Generate a new Next.js app
 
 ```sh copy
-pnpm nx g @brainly-gene/tools:nextjs-app --name my-first-app --directory web --no-interactive 
+npm nx g @brainly-gene/tools:nextjs-app --name my-first-app --directory web --no-interactive 
 ```
 
 ### Run the app 🥳
 
 ```sh copy
-pnpm nx serve web-my-first-app
+npm nx serve web-my-first-app
 ```
 
 </Steps>

docs/docs-site/project.json

@@ -1,4 +1,5 @@
 {
+  "name": "docs-docs-site",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "sourceRoot": "docs/docs-site",
   "projectType": "application",
@@ -11,12 +12,12 @@
           "next build",
           "nx run docs-docs-site:build-styles"
         ],
-        "cwd": "docs/docs-site",
-        "outputPath": "dist/docs/docs-site"
+        "cwd": "docs/docs-site"
       },
       "configurations": {
         "production": {}
-      }
+      },
+      "outputs": ["{workspaceRoot}/dist/docs/docs-site"]
     },
     "serve": {
       "executor": "nx:run-commands",
@@ -56,22 +57,22 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/docs/docs-site"],
       "options": {
-        "jestConfig": "docs/docs-site/jest.config.ts",
-        "passWithNoTests": true,
-        "updateBuildableProjectDepsInPackageJson": true
+        "jestConfig": "docs/docs-site/jest.config.ts"
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["docs/docs-site/**/*.{ts,tsx,js,jsx}"]
+        "lintFilePatterns": [
+          "docs/docs-site/lib/*.{ts,tsx,js,jsx}",
+          "docs/docs-site/components/*.{ts,tsx,js,jsx}"
+        ]
       }
     }
   },
-  "tags": [],
-  "name": "docs-docs-site"
+  "tags": []
 }

docs/docs-site/theme.config.tsx

@@ -1,5 +1,4 @@
 import type { DocsThemeConfig } from 'nextra-theme-docs';
-import { Github, Star, GitFork, Users, Dna } from 'lucide-react';
 import Search from './components/search';
 import Image from 'next/image';
 import Link from 'next/link';

jest.config.ts

@@ -1,4 +1,4 @@
-const { getJestProjects } = require('@nrwl/jest');
+const { getJestProjects } = require('@nx/jest');
 
 export default {
   projects: getJestProjects(),

jest.preset.js

@@ -1,4 +1,4 @@
-const nxPreset = require('@nrwl/jest/preset').default;
+const nxPreset = require('@nx/jest/preset').default;
 
 module.exports = {
   ...nxPreset,

libs/assets/.babelrc

@@ -1,7 +1,7 @@
 {
   "presets": [
     [
-      "@nrwl/react/babel",
+      "@nx/react/babel",
       {
         "runtime": "automatic",
         "useBuiltIns": "usage"

libs/assets/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {

libs/assets/project.json

@@ -1,22 +1,22 @@
 {
+  "name": "assets",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "sourceRoot": "libs/assets/src",
   "projectType": "library",
   "tags": ["type:utility"],
   "targets": {
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": ["libs/assets/**/*.{ts,tsx,js,jsx}"]
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/libs/assets"],
       "options": {
-        "jestConfig": "libs/assets/jest.config.ts",
-        "passWithNoTests": true
+        "jestConfig": "libs/assets/jest.config.ts"
       }
     },
     "copy-assets-to-app": {
@@ -27,9 +27,7 @@
         "{options.projectRoot}/public/nx-static"
       ],
       "options": {
-        "commands": [
-          "pnpm gene-tools copy-assets-to-app {args.projectName}"
-        ]
+        "commands": ["pnpm gene-tools copy-assets-to-app {args.projectName}"]
       }
     },
     "copy-assets-to-storybook": {
@@ -43,6 +41,5 @@
         "command": "pnpm gene-tools prepare-storybook-root-assets --includeBrainlyStyleGuide && pnpm gene-tools copy-assets-to-storybook"
       }
     }
-  },
-  "name": "assets"
+  }
 }

libs/assets/tsconfig.lib.json

@@ -5,8 +5,8 @@
     "types": ["node"]
   },
   "files": [
-    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
-    "../../node_modules/@nrwl/react/typings/image.d.ts"
+    "../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nx/react/typings/image.d.ts"
   ],
   "exclude": [
     "**/*.spec.ts",

libs/e2e-testing-providers/.babelrc

@@ -1,7 +1,7 @@
 {
   "presets": [
     [
-      "@nrwl/react/babel",
+      "@nx/react/babel",
       {
         "runtime": "automatic",
         "useBuiltIns": "usage"

libs/e2e-testing-providers/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {

libs/e2e-testing-providers/project.json

@@ -6,18 +6,17 @@
   "tags": [],
   "targets": {
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": ["libs/e2e-testing-providers/**/*.{ts,tsx,js,jsx}"]
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
-        "jestConfig": "libs/e2e-testing-providers/jest.config.ts",
-        "passWithNoTests": true
+        "jestConfig": "libs/e2e-testing-providers/jest.config.ts"
       }
     }
   }

libs/e2e-testing-providers/src/lib/storybook/decorators/StorybookProviders.tsx

@@ -17,7 +17,7 @@ import { emit, EventBusContextProvider, register } from '@brainly-gene/core';
 
 type OverwritableContainerKeys = 'adsContainer';
 
-export type StorybookProvidersPropsType = {
+export interface StorybookProvidersPropsType {
   children: React.ReactNode;
   additionalContainers?: interfaces.Container[];
   overwriteContainers?: Partial<
@@ -27,7 +27,7 @@ export type StorybookProvidersPropsType = {
   initialAppContext?: AppStoreType;
   appContextReducer?: ReducerType;
   locale?: Locale;
-};
+}
 
 export function StorybookProviders({
   children,

libs/e2e-testing-providers/tsconfig.lib.json

@@ -5,8 +5,8 @@
     "types": ["node"]
   },
   "files": [
-    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
-    "../../node_modules/@nrwl/react/typings/image.d.ts"
+    "../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nx/react/typings/image.d.ts"
   ],
   "exclude": [
     "jest.config.ts",

libs/translations/.babelrc

@@ -1,7 +1,7 @@
 {
   "presets": [
     [
-      "@nrwl/react/babel",
+      "@nx/react/babel",
       {
         "runtime": "automatic",
         "useBuiltIns": "usage"

libs/translations/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {