@mapcomponents/three 1.8.10 → 1.8.19-3

package/.storybook/main.ts

@@ -1,20 +1,29 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 
+
 const config: StorybookConfig = {
 	stories: ['../src/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-	addons: [],
+	addons: ["@storybook/addon-docs"],
 	framework: {
-		name: '@storybook/react-vite',
+		name: "@storybook/react-vite",
 		options: {
 			builder: {
 				viteConfigPath: 'vite.config.ts',
 			},
 		},
 	},
+	staticDirs: ['../public'],
+
+	typescript: {
+		check: false,
+		reactDocgen: 'react-docgen-typescript',
+		reactDocgenTypescriptOptions: {
+			tsconfigPath: "./tsconfig.lib.json",
+			shouldExtractLiteralValuesFromEnum: true,
+			propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
+		},
+	},
+
 };
 
 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

package/.storybook/manager.js

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

package/.storybook/preview.ts

@@ -0,0 +1,32 @@
+import './style.css';
+
+const preview = {
+	parameters: {
+		layout: 'fullscreen',
+		docs: {
+			story: {
+				iframeHeight: 500,
+			},
+		},
+		actions: { argTypesRegex: '^on[A-Z].*' },
+	},
+	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 default preview;

package/.storybook/style.css

@@ -0,0 +1,13 @@
+.sb-story {
+	min-height: 500px;
+	position: relative;
+}
+
+.sb-story > div {
+	height: 100%;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}

package/.storybook/wheregroupTheme.js

@@ -0,0 +1,9 @@
+import { create } from 'storybook/theming';
+import logo from './mapcomponents_logo.png';
+
+export default create({
+	base: 'light',
+	brandTitle: 'WhereGroup GmbH',
+	brandUrl: 'https://wheregroup.com',
+	brandImage: logo,
+});

package/cypress.config.ts

@@ -1,13 +1,36 @@
 import { nxComponentTestingPreset } from '@nx/react/plugins/component-testing';
 import { defineConfig } from 'cypress';
 
+// @ts-expect-error __filename is available in Node CJS context where Cypress runs
+const filename: string = __filename;
+
+const preset = nxComponentTestingPreset(filename, {
+	bundler: 'vite',
+	buildTarget: '@mapcomponents/three:build',
+});
+
 export default defineConfig({
 	component: {
-		...nxComponentTestingPreset(__filename, {
-			bundler: 'vite',
-			buildTarget: '@mapcomponents/three:build',
-		}),
+		...preset,
 		supportFile: 'src/cypress/support/component.ts',
 		indexHtmlFile: 'src/cypress/support/component-index.html',
+		setupNodeEvents(on) {
+			on('before:browser:launch', (browser, launchOptions) => {
+				if (browser.family === 'chromium') {
+					launchOptions.args.push('--use-gl=angle');
+					launchOptions.args.push('--use-angle=swiftshader');
+					launchOptions.args.push('--ignore-gpu-blocklist');
+					launchOptions.args.push('--disable-gpu-sandbox');
+					launchOptions.args.push('--enable-webgl');
+				}
+				if (browser.name === 'electron') {
+					launchOptions.preferences.webPreferences = {
+						...launchOptions.preferences.webPreferences,
+						webgl: true,
+					};
+				}
+				return launchOptions;
+			});
+		},
 	},
 });

package/dist/catalogue/mc_meta.json

@@ -0,0 +1,44 @@
+{
+	"MlThreeSplatLayer": {
+		"name": "MlThreeSplatLayer",
+		"title": "3D Splat Model",
+		"description": "Displays a Gaussian Splatting (GS) scene at a specific location on the map, enabling photorealistic 3D visuals captured from the real world. The scene can be positioned, rotated and scaled to fit the surroundings.",
+		"i18n": {
+			"de": {
+				"title": "3D Splat Modelle",
+				"description": "Zeigt eine Gaussian-Splatting-Szene (GS) an einem bestimmten Ort auf der Karte an und ermöglicht fotorealistische 3D-Ansichten realer Umgebungen. Die Szene kann in Position, Ausrichtung und Größe angepasst werden."
+			}
+		},
+		"tags": ["Map layer", "3D", "Splat"],
+		"category": "layer",
+		"type": "component",
+		"demos": [
+			{
+				"name": "Demo",
+				"url": "https://mapcomponents.github.io/react-map-components-maplibre/three/iframe.html?id=mapcomponents-mlthreesplatlayer--default&viewMode=story"
+			}
+		],
+		"thumbnail": "https://mapcomponents.github.io/react-map-components-maplibre/three/thumbnails/MlThreeSplatLayer.png"
+	},
+	"MlThreeModelLayer": {
+		"name": "MlThreeModelLayer",
+		"title": "3D Model",
+		"description": "Renders a 3D model at a specific location on the map. The model can be loaded from a file and positioned, rotated and scaled to fit the scene.",
+		"i18n": {
+			"de": {
+				"title": "3D Modelle",
+				"description": "Rendert ein 3D-Modell an einem bestimmten Ort auf der Karte. Das Modell kann aus einer Datei geladen und in Position, Ausrichtung und Größe angepasst werden."
+			}
+		},
+		"tags": ["Map layer"],
+		"category": "layer",
+		"type": "component",
+		"demos": [
+			{
+				"name": "Demo",
+				"url": "https://mapcomponents.github.io/react-map-components-maplibre/three/iframe.html?id=mapcomponents-mlthreemodellayer--example-config&viewMode=story"
+			}
+		],
+		"thumbnail": "https://mapcomponents.github.io/react-map-components-maplibre/three/thumbnails/MlThreeModelLayer.png"
+	}
+}

package/dist/components/MlThreeGizmo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MlThreeGizmo.d.ts","sourceRoot":"","sources":["../../src/components/MlThreeGizmo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAiB;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;CAClD;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,SA+F7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MlThreeGizmo.d.ts","sourceRoot":"","sources":["../../src/components/MlThreeGizmo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAiB;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;CAClD;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,SA8F7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/contexts/ThreeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeProvider.d.ts","sourceRoot":"","sources":["../../src/contexts/ThreeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAwB,MAAM,aAAa,CAAC;AAM/D,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4HtD,CAAC"}
+{"version":3,"file":"ThreeProvider.d.ts","sourceRoot":"","sources":["../../src/contexts/ThreeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAwB,MAAM,aAAa,CAAC;AAM/D,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2HtD,CAAC"}

package/dist/cypress/support/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/cypress/support/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,YAAY,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,OAAO,CAAC;QACjB,UAAU,SAAS;YAClB,KAAK,EAAE,OAAO,KAAK,CAAC;SACpB;KACD;CACD"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/cypress/support/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,YAAY,CAAC;AAapB,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,OAAO,CAAC;QACjB,UAAU,SAAS;YAClB,KAAK,EAAE,OAAO,KAAK,CAAC;SACpB;KACD;CACD"}

package/dist/hooks/useThreeModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThreeModel.d.ts","sourceRoot":"","sources":["../../src/hooks/useThreeModel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC,MAAM,WAAW,mBAAmB;IACnC,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,KAAK,IAAI,CAAC;AAE7F,MAAM,WAAW,kBAAkB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,UAAU,CAAC;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CAC5C;AAwBD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,uDAiItD,CAAC"}
+{"version":3,"file":"useThreeModel.d.ts","sourceRoot":"","sources":["../../src/hooks/useThreeModel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC,MAAM,WAAW,mBAAmB;IACnC,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,KAAK,IAAI,CAAC;AAE7F,MAAM,WAAW,kBAAkB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,UAAU,CAAC;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CAC5C;AAwBD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,uDAmItD,CAAC"}