Update dependencies

.github/workflows/node-version-test.yml

@@ -6,29 +6,33 @@ on:
   pull_request:
     branches:
       - main
+
+env:
+  NX_DAEMON: false
+
 jobs:
   test:
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-versions: [20.x,22.x]
+        node-version: [20.x, 22.x]
 
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-      
+
       - name: Install pnpm
-        run: npm install -g pnpm
-      
+        run: npm install -g pnpm@10.33.3
+
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
-      
+
       - name: Run component tests
         run: npx nx run-many -t test:noninteractive --all --skip-nx-cache
-      
+
       - name: Build all projects
-        run: npx nx run-many -t build --all --exclude storybook-composition docs
+        run: npx nx run-many -t build --all --exclude=storybook-composition,docs

.npmrc

@@ -0,0 +1,7 @@
+strict-dep-builds=false
+only-built-dependencies[]=cypress
+only-built-dependencies[]=@swc/core
+only-built-dependencies[]=core-js
+only-built-dependencies[]=esbuild
+only-built-dependencies[]=nx
+only-built-dependencies[]=unrs-resolver

apps/developer-manual/package.json

@@ -16,22 +16,12 @@
   "dependencies": {
     "@docusaurus/core": "^3.10.1",
     "@docusaurus/preset-classic": "^3.10.1",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
     "@mdx-js/react": "^3.1.1",
     "@mui/icons-material": "^9.0.1",
     "@mui/material": "^9.0.1",
     "clsx": "^2.1.1",
-    "mobx": "^6.15.2",
-    "mobx-react": "^9.2.1",
-    "prism-react-renderer": "^2.4.1",
     "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-redux": "^9.2.0",
-    "redux": "^5.0.1"
-  },
-  "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.10.1"
+    "react-dom": "^19.2.6"
   },
   "browserslist": {
     "production": [

apps/developer-manual/vite.config.ts

@@ -1,31 +1,33 @@
 /// <reference types='vitest' />
 import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
 
-export default defineConfig(() => ({
-	root: __dirname,
-	cacheDir: '../../node_modules/.vite/apps/developer-manual',
-	server: {
-		port: 4200,
-		host: 'localhost',
-	},
-	preview: {
-		port: 4200,
-		host: 'localhost',
-	},
-	plugins: [react(), nxViteTsPaths(), nxCopyAssetsPlugin(['*.md'])],
-	// Uncomment this if you are using workers.
-	// worker: {
-	//  plugins: [ nxViteTsPaths() ],
-	// },
-	build: {
-		outDir: '../../dist/apps/developer-manual',
-		emptyOutDir: true,
-		reportCompressedSize: true,
-		commonjsOptions: {
-			transformMixedEsModules: true,
+export default defineConfig(async () => {
+	const react = (await import('@vitejs/plugin-react')).default;
+	return {
+		root: __dirname,
+		cacheDir: '../../node_modules/.vite/apps/developer-manual',
+		server: {
+			port: 4200,
+			host: 'localhost',
 		},
-	},
-}));
+		preview: {
+			port: 4200,
+			host: 'localhost',
+		},
+		plugins: [react(), nxViteTsPaths(), nxCopyAssetsPlugin(['*.md'])],
+		// Uncomment this if you are using workers.
+		// worker: {
+		//  plugins: [ nxViteTsPaths() ],
+		// },
+		build: {
+			outDir: '../../dist/apps/developer-manual',
+			emptyOutDir: true,
+			reportCompressedSize: true,
+			commonjsOptions: {
+				transformMixedEsModules: true,
+			},
+		},
+	};
+});

apps/storybook-composition/.storybook/main.ts

@@ -1,16 +1,10 @@
-import { dirname, join } from 'node:path';
 import type { StorybookConfig } from '@storybook/react-vite';
 
 
-function getAbsolutePath(value: string): string {
-	return dirname(require.resolve(join(value, 'package.json')));
-}
-
 const config: StorybookConfig = {
 	stories: ['../src/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-	addons: [],
 	framework: {
-		name: getAbsolutePath('@storybook/react-vite'),
+		name: "@storybook/react-vite",
 		options: {
 			builder: {
 				viteConfigPath: 'vite.config.ts',
@@ -61,7 +55,3 @@ const config: StorybookConfig = {
 };
 
 export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/recipes/storybook/custom-builder-configs

apps/storybook-composition/.storybook/manager.js

@@ -1,6 +1,6 @@
-import { addons } from "@storybook/addons";
+import { addons } from "storybook/manager-api";
 import wheregroupTheme from "./wheregroupTheme";
 
 addons.setConfig({
-  theme: wheregroupTheme,
+	theme: wheregroupTheme,
 });

apps/storybook-composition/.storybook/preview.ts

@@ -1,27 +1,32 @@
 import './style.css';
 
-export const parameters = {
-	docs: {
-		inlineStories: false,
+const preview = {
+	parameters: {
+		layout: 'fullscreen',
+		docs: {
+			story: {
+				iframeHeight: 500,
+			},
+		},
+		actions: { argTypesRegex: '^on[A-Z].*' },
 	},
-	actions: { argTypesRegex: '^on[A-Z].*' },
-
-};
-
-export const globalTypes = {
-	theme: {
-		name: 'Theme',
-		title: 'Theme',
-		description: 'Theme for your components',
-		defaultValue: 'light',
-		toolbar: {
-			icon: 'paintbrush',
-			dynamicTitle: true,
-			items: [
-				{ value: 'light', left: '☀️', title: 'Light mode' },
-				{ value: 'dark', left: '🌙', title: 'Dark mode' },
-			],
+	globalTypes: {
+		theme: {
+			name: 'Theme',
+			title: 'Theme',
+			description: 'Theme for your components',
+			defaultValue: 'light',
+			toolbar: {
+				icon: 'paintbrush',
+				dynamicTitle: true,
+				items: [
+					{ value: 'light', left: '☀️', title: 'Light mode' },
+					{ value: 'dark', left: '🌙', title: 'Dark mode' },
+				],
+			},
 		},
 	},
+	tags: ['autodocs'],
 };
-export const tags = ['autodocs'];
+
+export default preview;

apps/storybook-composition/.storybook/style.css

@@ -1,20 +1,12 @@
-.docs-story > div:first-child{
-  z-index:0;
+.sb-story {
+	min-height: 500px;
+	position: relative;
 }
 
-.docs-story > div > div:first-child, .innerZoomElementWrapper, .innerZoomElementWrapper > div:first-child, .innerZoomElementWrapper > div:first-child > div:first-child{
-
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.docs-story > div > div:first-child{
-  height: initial;
-}
-
-.innerZoomElementWrapper > div > div > div:first-child{
-  height: 100% !important;
+.sb-story > div {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
 }

apps/storybook-composition/tsconfig.json

@@ -12,6 +12,9 @@
 	"references": [
 		{
 			"path": "./tsconfig.app.json"
+		},
+		{
+			"path": "./tsconfig.storybook.json"
 		}
 	],
 	"extends": "../../tsconfig.base.json"

apps/storybook-composition/tsconfig.storybook.json

@@ -0,0 +1,8 @@
+{
+	"extends": "../../tsconfig.base.json",
+	"compilerOptions": {
+		"composite": false,
+		"noEmit": true
+	},
+	"include": [".storybook/**/*"]
+}

apps/storybook-composition/vite.config.ts

@@ -1,31 +1,33 @@
 /// <reference types='vitest' />
 import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
 
-export default defineConfig(() => ({
-	root: __dirname,
-	cacheDir: '../../node_modules/.vite/apps/storybook-composition',
-	server: {
-		port: 4200,
-		host: 'localhost',
-	},
-	preview: {
-		port: 4200,
-		host: 'localhost',
-	},
-	plugins: [react(), nxViteTsPaths(), nxCopyAssetsPlugin(['*.md'])],
-	// Uncomment this if you are using workers.
-	// worker: {
-	//  plugins: [ nxViteTsPaths() ],
-	// },
-	build: {
-		outDir: '../../dist/apps/storybook-composition',
-		emptyOutDir: true,
-		reportCompressedSize: true,
-		commonjsOptions: {
-			transformMixedEsModules: true,
+export default defineConfig(async () => {
+	const react = (await import('@vitejs/plugin-react')).default;
+	return {
+		root: __dirname,
+		cacheDir: '../../node_modules/.vite/apps/storybook-composition',
+		server: {
+			port: 4200,
+			host: 'localhost',
 		},
-	},
-}));
+		preview: {
+			port: 4200,
+			host: 'localhost',
+		},
+		plugins: [react(), nxViteTsPaths(), nxCopyAssetsPlugin(['*.md'])],
+		// Uncomment this if you are using workers.
+		// worker: {
+		//  plugins: [ nxViteTsPaths() ],
+		// },
+		build: {
+			outDir: '../../dist/apps/storybook-composition',
+			emptyOutDir: true,
+			reportCompressedSize: true,
+			commonjsOptions: {
+				transformMixedEsModules: true,
+			},
+		},
+	};
+});

apps/template/package.json

@@ -9,21 +9,23 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@mapcomponents/react-maplibre": "^1.8.10",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "@mapcomponents/react-maplibre": "workspace:*"
   },
+	"peerDependencies": {
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6"
+	},
   "devDependencies": {
-    "@eslint/js": "^9.34.0",
+    "@eslint/js": "^10.0.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.2.0",
-    "eslint": "^9.34.0",
-    "eslint-plugin-react-hooks": "^7.0.1",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^10.3.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^16.2.0",
+    "globals": "^17.6.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.33.0",
-    "vite": "^7.1.4"
+    "typescript-eslint": "^8.59.2",
+    "vite": "^8.0.11"
   }
 }

apps/template/tsconfig.app.json

@@ -19,5 +19,10 @@
 		"src/**/*.spec.jsx",
 		"src/**/*.test.jsx"
 	],
-	"include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+	"include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"],
+	"references": [
+		{
+			"path": "../../packages/react-maplibre/tsconfig.lib.json"
+		}
+	]
 }