Upgrade and improve NX setup

code/.env

@@ -0,0 +1,4 @@
+# Nx 18 enables using plugins to infer targets by default
+# This is disabled for existing workspaces to maintain compatibility
+# For more info, see: https://nx.dev/concepts/inferred-tasks
+NX_ADD_PLUGINS=false

code/.nxignore

@@ -0,0 +1,6 @@
+# Seems like NX get confused as our gitignore directory is not in the NX root
+dist
+node_modules
+storybook-static
+tsconfig.tsbuildinfo
+coverage

code/addons/a11y/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-a11y",
+  "name": "addon-a11y",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/actions/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-actions",
+  "name": "addon-actions",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/backgrounds/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-backgrounds",
+  "name": "addon-backgrounds",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/controls/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-controls",
+  "name": "addon-controls",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/docs/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-docs",
+  "name": "addon-docs",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/essentials/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-essentials",
+  "name": "addon-essentials",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/gfm/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-mdx-gfm",
+  "name": "addon-mdx-gfm",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/highlight/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-highlight",
+  "name": "addon-highlight",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/highlight/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "rootDir": "./src",
     "types": ["webpack-env"],
     "strict": true
   },

code/addons/interactions/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-interactions",
+  "name": "addon-interactions",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/jest/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-jest",
+  "name": "addon-jest",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/links/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-links",
+  "name": "addon-links",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/measure/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-measure",
+  "name": "addon-measure",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/onboarding/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-onboarding",
+  "name": "addon-onboarding",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/outline/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-outline",
+  "name": "addon-outline",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/storysource/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-storysource",
+  "name": "addon-storysource",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/themes/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-themes",
+  "name": "addon-themes",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/toolbars/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-toolbars",
+  "name": "addon-toolbars",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/addons/viewport/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/addon-viewport",
+  "name": "addon-viewport",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/builders/builder-manager/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/builder-manager",
+  "name": "builder-manager",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/builders/builder-vite/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/builder-vite",
+  "name": "builder-vite",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/builders/builder-webpack5/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/builder-webpack5",
+  "name": "builder-webpack5",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/frameworks/angular/project.json

@@ -1,6 +1,21 @@
 {
-  "name": "@storybook/angular",
+  "name": "angular",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {},
+    "check": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "echo 'angular only does check with the flag -c production'",
+        "description": "See code/storybook/storybook/scripts/prepare/check.ts"
+      },
+      "configurations": {
+        "production": {
+          "cwd": "{projectRoot}",
+          "command": "yarn check"
+        }
+      }
+    }
+  }
 }

code/frameworks/angular/tsconfig.build.json

@@ -4,7 +4,6 @@
   "compilerOptions": {
     "target": "ES2020",
     "module": "CommonJS",
-    "lib": ["es2020", "dom", "dom.iterable"],
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "declaration": true,

code/frameworks/ember/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/ember",
+  "name": "ember",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/frameworks/html-vite/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/html-vite",
+  "name": "html-vite",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/frameworks/html-vite/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "rootDir": "./src",
     "types": ["node"],
     "resolveJsonModule": true,
     "strict": true

code/frameworks/html-webpack5/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/html-webpack5",
+  "name": "html-webpack5",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/frameworks/nextjs/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/nextjs",
+  "name": "nextjs",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/frameworks/preact-vite/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/preact-vite",
+  "name": "preact-vite",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }

code/frameworks/preact-vite/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "rootDir": "./src",
     "types": ["node"],
     "resolveJsonModule": true,
     "jsx": "react-jsx",

code/frameworks/preact-webpack5/project.json

@@ -1,6 +1,8 @@
 {
-  "name": "@storybook/preact-webpack5",
+  "name": "preact-webpack5",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "implicitDependencies": [],
-  "type": "library"
+  "type": "library",
+  "targets": {
+    "build": {}
+  }
 }