@panoramax/web-viewer 4.1.0-develop-6d60695e → 4.1.0-develop-2b222b1c

package/config/paths.js

@@ -56,6 +56,7 @@ module.exports = {
   appHtmlPhotoViewer: resolveApp('public/photo.html'),
   appHtmlWidgets: resolveApp('public/widgets.html'),
   appLibIndexJs: resolveModule(resolveApp, 'src/index'),
+  appLibPhotoViewerJs: resolveModule(resolveApp, 'src/index_photoviewer'),
   appPackageJson: resolveApp('package.json'),
   appSrc: resolveApp('src'),
   appSrcLib: resolveApp('src'),

package/config/webpack.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 const fs = require('fs');
 const path = require('path');
 const webpack = require('webpack');
@@ -211,6 +212,34 @@ module.exports = function (webpackEnv) {
     return loaders;
   };
 
+  const getHtmlPlugin = (filename, template) => new HtmlWebpackPlugin(
+    Object.assign(
+      {},
+      {
+        inject: true,
+        filename: filename,
+        template: template,
+        chunks: ["index"],
+      },
+      isEnvProduction
+        ? {
+            minify: {
+              removeComments: true,
+              collapseWhitespace: true,
+              removeRedundantAttributes: true,
+              useShortDoctype: true,
+              removeEmptyAttributes: true,
+              removeStyleLinkTypeAttributes: true,
+              keepClosingSlash: true,
+              minifyJS: true,
+              minifyCSS: true,
+              minifyURLs: true,
+            },
+          }
+        : undefined
+    )
+  );
+
   return {
     target: ['browserslist'],
     mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
@@ -223,7 +252,10 @@ module.exports = function (webpackEnv) {
       : isEnvDevelopment && 'cheap-module-source-map',
     // These are the "entry points" to our application.
     // This means they will be the "root" imports that are included in JS bundle.
-    entry: paths.appLibIndexJs,
+    entry: Object.assign(
+      { index: paths.appLibIndexJs },
+      isEnvProduction ? { photoviewer: paths.appLibPhotoViewerJs } : {},
+    ),
     output: {
       globalObject: 'this',
       // The build folder.
@@ -233,7 +265,7 @@ module.exports = function (webpackEnv) {
       // There will be one main bundle, and one file per asynchronous chunk.
       // In development, it does not produce real files.
       filename: isEnvProduction
-        ? 'index.js'
+        ? '[name].js'
         : isEnvDevelopment && 'static/js/bundle.js',
       // There are also additional JS chunk files if you use code splitting.
       chunkFilename: isEnvProduction
@@ -608,168 +640,15 @@ module.exports = function (webpackEnv) {
       new webpack.DefinePlugin({
         __COMMIT_HASH__: JSON.stringify(commitHash)
       }),
-      // isEnvDevelopment &&
-      // Generates an `index.html` file with the <script> injected.
-      new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            template: paths.appHtml,
-          },
-          isEnvProduction
-            ? {
-                minify: {
-                  removeComments: true,
-                  collapseWhitespace: true,
-                  removeRedundantAttributes: true,
-                  useShortDoctype: true,
-                  removeEmptyAttributes: true,
-                  removeStyleLinkTypeAttributes: true,
-                  keepClosingSlash: true,
-                  minifyJS: true,
-                  minifyCSS: true,
-                  minifyURLs: true,
-                },
-              }
-            : undefined
-        )
-      ),
-      // isEnvDevelopment &&
-      // Generates a `map.html` file with the <script> injected.
-      new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            filename: "map.html",
-            template: paths.appHtmlMap,
-          },
-          isEnvProduction
-            ? {
-                minify: {
-                  removeComments: true,
-                  collapseWhitespace: true,
-                  removeRedundantAttributes: true,
-                  useShortDoctype: true,
-                  removeEmptyAttributes: true,
-                  removeStyleLinkTypeAttributes: true,
-                  keepClosingSlash: true,
-                  minifyJS: true,
-                  minifyCSS: true,
-                  minifyURLs: true,
-                },
-              }
-            : undefined
-        )
-      ),
-      // isEnvDevelopment &&
-      // Generates a `map.html` file with the <script> injected.
-      new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            filename: "editor.html",
-            template: paths.appHtmlEditor,
-          },
-          isEnvProduction
-            ? {
-                minify: {
-                  removeComments: true,
-                  collapseWhitespace: true,
-                  removeRedundantAttributes: true,
-                  useShortDoctype: true,
-                  removeEmptyAttributes: true,
-                  removeStyleLinkTypeAttributes: true,
-                  keepClosingSlash: true,
-                  minifyJS: true,
-                  minifyCSS: true,
-                  minifyURLs: true,
-                },
-              }
-            : undefined
-        )
-      ),
-      // isEnvDevelopment &&
-      new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            filename: "viewer.html",
-            template: paths.appHtmlViewer,
-          },
-          isEnvProduction
-            ? {
-                minify: {
-                  removeComments: true,
-                  collapseWhitespace: true,
-                  removeRedundantAttributes: true,
-                  useShortDoctype: true,
-                  removeEmptyAttributes: true,
-                  removeStyleLinkTypeAttributes: true,
-                  keepClosingSlash: true,
-                  minifyJS: true,
-                  minifyCSS: true,
-                  minifyURLs: true,
-                },
-              }
-            : undefined
-        )
-      ),
-      new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            filename: "widgets.html",
-            template: paths.appHtmlWidgets,
-          },
-          isEnvProduction
-            ? {
-                minify: {
-                  removeComments: true,
-                  collapseWhitespace: true,
-                  removeRedundantAttributes: true,
-                  useShortDoctype: true,
-                  removeEmptyAttributes: true,
-                  removeStyleLinkTypeAttributes: true,
-                  keepClosingSlash: true,
-                  minifyJS: true,
-                  minifyCSS: true,
-                  minifyURLs: true,
-                },
-              }
-            : undefined
-        )
-      ),
-      new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            filename: "photo.html",
-            template: paths.appHtmlPhotoViewer,
-          },
-          isEnvProduction
-            ? {
-                minify: {
-                  removeComments: true,
-                  collapseWhitespace: true,
-                  removeRedundantAttributes: true,
-                  useShortDoctype: true,
-                  removeEmptyAttributes: true,
-                  removeStyleLinkTypeAttributes: true,
-                  keepClosingSlash: true,
-                  minifyJS: true,
-                  minifyCSS: true,
-                  minifyURLs: true,
-                },
-              }
-            : undefined
-        )
-      ),
+
+      // HTML demo pages
+      getHtmlPlugin("index.html", paths.appHtml),
+      getHtmlPlugin("map.html", paths.appHtmlMap),
+      getHtmlPlugin("editor.html", paths.appHtmlEditor),
+      getHtmlPlugin("viewer.html", paths.appHtmlViewer),
+      getHtmlPlugin("photo.html", paths.appHtmlPhotoViewer),
+      getHtmlPlugin("widgets.html", paths.appHtmlWidgets),
+
       // Inlines the webpack runtime script. This script is too small to warrant
       // a network request.
       // https://github.com/facebook/create-react-app/issues/5358
@@ -807,7 +686,7 @@ module.exports = function (webpackEnv) {
         new MiniCssExtractPlugin({
           // Options similar to the same options in webpackOptions.output
           // both options are optional
-          filename: 'index.css',
+          filename: '[name].css',
           chunkFilename: 'index.[contenthash:8].chunk.css',
         }),
       // Generate an asset manifest file with the following content:

package/docs/index.md

@@ -31,9 +31,9 @@ Many options are available for installing the viewer.
 	You can rely on various providers offering hosted NPM packages, for example JSDelivr.
 
 	```html
-	<!-- You may use another version than 4.0.0, just change the release in URL -->
-	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@panoramax/web-viewer@4.0.0/build/index.css" />
-	<script src="https://cdn.jsdelivr.net/npm/@panoramax/web-viewer@4.0.0/build/index.js"></script>
+	<!-- You may use another version than 4.1.0, just change the release in URL -->
+	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@panoramax/web-viewer@4.1.0/build/index.css" />
+	<script src="https://cdn.jsdelivr.net/npm/@panoramax/web-viewer@4.1.0/build/index.js"></script>
 	```
 
 === ":material-code-tags: Source code"
@@ -62,6 +62,10 @@ First, you need to import Panoramax code:
 	<!-- Change the actual path depending of where you installed the library -->
 	<link rel="stylesheet" type="text/css" href="web-viewer/build/index.css" />
 	<script src="web-viewer/build/index.js"></script>
+
+	<!-- You can use the lightweight version with only PhotoViewer as well -->
+	<link rel="stylesheet" type="text/css" href="web-viewer/build/photoviewer.css" />
+	<script src="web-viewer/build/photoviewer.js"></script>
 	```
 
 === ":fontawesome-brands-node-js: New-style JS"
@@ -73,6 +77,13 @@ First, you need to import Panoramax code:
 	import '@panoramax/web-viewer/build/index.css';
 	```
 
+	If you prefer the lightweight version, only containing PhotoViewer component:
+
+	```js
+	import Panoramax from '@panoramax/web-viewer/build/photoviewer';
+	import '@panoramax/web-viewer/build/photoviewer.css';
+	```
+
 Once ready, you can create for example a viewer. We use web components to do so, you can create it in HTML or in other web components:
 
 ```html

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "4.1.0-develop-6d60695e",
+  "version": "4.1.0-develop-2b222b1c",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/core/Basic.js

@@ -1,7 +1,7 @@
 import { LitElement, html } from "lit";
 import API from "../../utils/API";
 import { getTranslations } from "../../utils/i18n";
-import { DEFAULT_TILES } from "../../utils/map";
+import { MapTiles } from "../../utils/services";
 import { createWebComp } from "../../utils/widgets";
 import { isInIframe, isInternetFast } from "../../utils/utils";
 import JSON5 from "json5";
@@ -57,7 +57,7 @@ export default class Basic extends LitElement {
 
 		// Some defaults
 		this.users = ["geovisio"];
-		this.mapstyle = this.getAttribute("mapstyle") || DEFAULT_TILES;
+		this.mapstyle = this.getAttribute("mapstyle") || MapTiles();
 		this.lang = this.getAttribute("lang") || null;
 		this.endpoint = this.getAttribute("endpoint") || null; // No default
 		this.picture = this.getAttribute("picture") || null;

package/src/components/core/Viewer.js

@@ -4,7 +4,7 @@ import "./Viewer.css";
 import { linkMapAndPhoto, saveMapParamsToLocalStorage, getMapParamsFromLocalStorage } from "../../utils/map";
 import PhotoViewer, {KEYBOARD_SKIP_FOCUS_WIDGETS} from "./PhotoViewer";
 import MapMore from "../ui/MapMore";
-import { initMapKeyboardHandler } from "../../utils/map";
+import { initMapKeyboardHandler, mapFiltersFormValues } from "../../utils/map";
 import { isNullId, isInIframe } from "../../utils/utils";
 import { createWebComp } from "../../utils/widgets";
 import { fa } from "../../utils/widgets";
@@ -14,7 +14,6 @@ import { querySelectorDeep } from "query-selector-shadow-dom";
 import { default as InitParameters, alterMapState, alterViewerState } from "../../utils/InitParameters";
 
 
-export const PSV_ZOOM_DELTA = 20;
 const MAP_MOVE_DELTA = 100;
 
 
@@ -569,35 +568,8 @@ export default class Viewer extends PhotoViewer {
 	 */
 	_onMapFiltersChange() {
 		const mapFiltersMenu = querySelectorDeep("#pnx-map-filters-menu");
-		const fMinDate = mapFiltersMenu?.shadowRoot.getElementById("pnx-filter-date-from");
-		const fMaxDate = mapFiltersMenu?.shadowRoot.getElementById("pnx-filter-date-end");
-		const fTypes = mapFiltersMenu?.shadowRoot.querySelectorAll("input[name='pnx-filter-type']");
 		const fMapTheme = querySelectorDeep("#pnx-map-theme");
-
-		let type = "";
-		for(let fTypeId = 0 ; fTypeId < fTypes.length; fTypeId++) {
-			const fType = fTypes[fTypeId];
-			if(fType.checked) {
-				type = fType.value;
-				break;
-			}
-		}
-
-		let qualityscore = [];
-		if(this.map?._hasQualityScore()) {
-			const fScore = mapFiltersMenu?.shadowRoot.getElementById("pnx-filter-qualityscore");
-			qualityscore = (fScore?.grade || "").split(",").map(v => parseInt(v)).filter(v => !isNaN(v));
-			if(qualityscore.length == 5) { qualityscore = []; }
-		}
-
-		const values = {
-			minDate: fMinDate?.value,
-			maxDate: fMaxDate?.value,
-			pic_type: type,
-			theme: fMapTheme?.value,
-			qualityscore,
-		};
-
+		const values = mapFiltersFormValues(mapFiltersMenu, fMapTheme, this.map?._hasQualityScore());
 		this.map.setFilters(values);
 	}
 }

package/src/components/index.js

@@ -7,7 +7,7 @@
 
 import * as core from "./core";
 import * as layout from "./layout";
-import * as menus from "./menus";
-import * as ui from "./ui";
+import * as menus from "./menus/index";
+import * as ui from "./ui/index";
 
 export {core, layout, menus, ui};

package/src/components/index_photoviewer.js

@@ -0,0 +1,8 @@
+/* eslint-disable import/no-unused-modules */
+
+// Lightweight export for PhotoViewer
+import * as layout from "./layout";
+import * as menus from "./menus/index_photoviewer";
+import * as ui from "./ui/index_photoviewer";
+
+export {layout, menus, ui};

package/src/components/menus/MapFilters.js

@@ -284,6 +284,20 @@ export default class MapFilters extends LitElement {
 
 		if(dateToField) { dateToField.value = ""; }
 	}
+
+	/** @private */
+	_onMeUserSearch() {
+		const userAccount = getUserAccount();
+		if(!userAccount) { return; }
+
+		const userField = this.shadowRoot.getElementById("pnx-filter-search-user");
+		if(!this._parent?.map.getVisibleUsers().includes(userAccount.id)) {
+			userField?._onResultClick({title: userAccount.name, data: {id: userAccount.id }});
+		}
+		else {
+			userField?._onResultClick();
+		}
+	}
 	
 	/** @private */
 	render() {
@@ -386,7 +400,9 @@ export default class MapFilters extends LitElement {
 					<h4>${fa(faUser)} ${this._parent?._t.pnx.filter_user}</h4>
 					${userAccount ? html`
 						<div class="pnx-input-shortcuts">
-							<button>${this._parent?._t.pnx.filter_user_mypics}</button>
+							<button @click=${this._onMeUserSearch}>
+								${this._parent?._t.pnx.filter_user_mypics}
+							</button>
 						</div>
 					` : nothing}
 					<pnx-search-bar

package/src/components/menus/index_photoviewer.js

@@ -0,0 +1,11 @@
+/* eslint-disable import/no-unused-modules */
+
+// Lightweight export for PhotoViewer
+export {default as AnnotationsList} from "./AnnotationsList";
+export {default as PictureLegend} from "./PictureLegend";
+export {default as PictureMetadata} from "./PictureMetadata";
+export {default as PlayerOptions} from "./PlayerOptions";
+export {default as QualityScoreDoc} from "./QualityScoreDoc";
+export {default as ReportForm} from "./ReportForm";
+export {default as SemanticsMetadata} from "./SemanticsMetadata";
+export {default as Share} from "./Share";

package/src/components/ui/MapMore.js

@@ -1,13 +1,6 @@
 import Map from "./Map";
 import { COLORS, QUALITYSCORE_VALUES } from "../../utils/utils";
-import { TILES_PICTURES_ZOOM, MAP_EXPR_QUALITYSCORE, switchCoefValue } from "../../utils/map";
-
-const MAP_THEMES = {
-	DEFAULT: "default",
-	AGE: "age",
-	TYPE: "type",
-	SCORE: "score",
-};
+import { MAP_EXPR_QUALITYSCORE, switchCoefValue, MAP_THEMES, mapFiltersToLayersFilters } from "../../utils/map";
 
 export const MAP_FILTERS = [ "minDate", "maxDate", "pic_type", "camera", "theme", "qualityscore"];
 
@@ -198,80 +191,6 @@ export default class MapMore extends Map {
 		return s;
 	}
 
-	/** @private */
-	_mapFiltersToLayersFilters(filters) {
-		let mapFilters = {};
-		let mapSeqFilters = [];
-		let mapPicFilters = [];
-		let reloadMapStyle = false;
-
-		if(filters.minDate && filters.minDate !== "") {
-			mapFilters.minDate = filters.minDate;
-			mapSeqFilters.push([">=", ["get", "date"], filters.minDate]);
-			mapPicFilters.push([">=", ["get", "ts"], filters.minDate]);
-		}
-
-		if(filters.maxDate && filters.maxDate !== "") {
-			mapFilters.maxDate = filters.maxDate;
-			mapSeqFilters.push(["<=", ["get", "date"], filters.maxDate]);
-
-			// Get tomorrow date for pictures filtering
-			// (because ts is date+time, so comparing date only string would fail otherwise)
-			let d = new Date(filters.maxDate);
-			d.setDate(d.getDate() + 1);
-			d = d.toISOString().split("T")[0];
-			mapPicFilters.push(["<=", ["get", "ts"], d]);
-		}
-
-		if(filters.pic_type && filters.pic_type !== "") {
-			mapFilters.pic_type = filters.pic_type === "flat" ? "flat" : "equirectangular";
-			mapSeqFilters.push(["==", ["get", "type"], mapFilters.pic_type]);
-			mapPicFilters.push(["==", ["get", "type"], mapFilters.pic_type]);
-		}
-		if(this._hasGridStats()) {
-			reloadMapStyle = true;
-		}
-
-		if(filters.camera && filters.camera !== "") {
-			mapFilters.camera = filters.camera;
-			// low/high model hack : to enable fuzzy filtering of camera make and model
-			const lowModel = filters.camera.toLowerCase().trim() + "                    ";
-			const highModel = filters.camera.toLowerCase().trim() + "zzzzzzzzzzzzzzzzzzzz";
-			const collator = ["collator", { "case-sensitive": false, "diacritic-sensitive": false } ];
-			mapSeqFilters.push([">=", ["get", "model"], lowModel, collator]);
-			mapSeqFilters.push(["<=", ["get", "model"], highModel, collator]);
-			mapPicFilters.push([">=", ["get", "model"], lowModel, collator]);
-			mapPicFilters.push(["<=", ["get", "model"], highModel, collator]);
-		}
-
-		if(filters.qualityscore && filters.qualityscore.length > 0) {
-			mapFilters.qualityscore = filters.qualityscore;
-			mapSeqFilters.push(["in", MAP_EXPR_QUALITYSCORE, ["literal", mapFilters.qualityscore]]);
-			mapPicFilters.push(["in", MAP_EXPR_QUALITYSCORE, ["literal", mapFilters.qualityscore]]);
-		}
-
-		if(filters.theme && Object.values(MAP_THEMES).includes(filters.theme)) {
-			mapFilters.theme = filters.theme;
-			reloadMapStyle = true;
-		}
-
-		if(mapSeqFilters.length == 0) { mapSeqFilters = null; }
-		else {
-			mapSeqFilters.unshift("all");
-		}
-
-		if(mapPicFilters.length == 0) { mapPicFilters = null; }
-		else {
-			mapPicFilters.unshift("all");
-			mapPicFilters = ["step", ["zoom"],
-				true,
-				TILES_PICTURES_ZOOM, mapPicFilters
-			];
-		}
-
-		return { mapFilters, mapSeqFilters, mapPicFilters, reloadMapStyle };
-	}
-
 	/**
 	 * Change the map filters
 	 * @param {object} filters Filtering values
@@ -285,7 +204,7 @@ export default class MapMore extends Map {
 	 * @memberof Panoramax.components.core.MapMore#
 	 */
 	setFilters(filters, skipZoomIn = false) {
-		let { mapFilters, mapSeqFilters, mapPicFilters, reloadMapStyle } = this._mapFiltersToLayersFilters(filters);
+		let { mapFilters, mapSeqFilters, mapPicFilters, reloadMapStyle } = mapFiltersToLayersFilters(filters, this._hasGridStats());
 
 		this._mapFilters = mapFilters;
 		if(reloadMapStyle) {
@@ -340,7 +259,7 @@ export default class MapMore extends Map {
 		await super.setVisibleUsers(visibleIds);
 		
 		// Force reload of styles & filters
-		let { mapSeqFilters, mapPicFilters, reloadMapStyle } = this._mapFiltersToLayersFilters(this._mapFilters);
+		let { mapSeqFilters, mapPicFilters, reloadMapStyle } = mapFiltersToLayersFilters(this._mapFilters, this._hasGridStats());
 
 		if(reloadMapStyle) {
 			this.reloadLayersStyles();

package/src/components/ui/index.js

@@ -22,5 +22,5 @@ export {default as SearchBar} from "./SearchBar";
 export {default as SemanticsEditor} from "./SemanticsEditor";
 export {default as SemanticsTable} from "./SemanticsTable";
 export {default as TogglableGroup} from "./TogglableGroup";
-import * as widgets from "./widgets";
+import * as widgets from "./widgets/index";
 export {widgets};

package/src/components/ui/index_photoviewer.js

@@ -0,0 +1,22 @@
+/* eslint-disable import/no-unused-modules */
+
+// Lightweight export for PhotoViewer
+export {default as ButtonGroup} from "./ButtonGroup";
+export {default as Button} from "./Button";
+export {default as CopyButton} from "./CopyButton";
+export {default as Grade} from "./Grade";
+export {default as AnnotationsSwitch} from "./AnnotationsSwitch";
+export {default as LinkButton} from "./LinkButton";
+export {default as ListGroup} from "./ListGroup";
+export {default as ListItem} from "./ListItem";
+export {default as Loader} from "./Loader";
+export {default as Photo} from "./Photo";
+export {default as Popup} from "./Popup";
+export {default as ProgressBar} from "./ProgressBar";
+export {default as QualityScore} from "./QualityScore";
+export {default as SearchBar} from "./SearchBar";
+export {default as SemanticsEditor} from "./SemanticsEditor";
+export {default as SemanticsTable} from "./SemanticsTable";
+export {default as TogglableGroup} from "./TogglableGroup";
+import * as widgets from "./widgets/index_photoviewer";
+export {widgets};

package/src/components/ui/widgets/MapFiltersButton.js

@@ -70,7 +70,7 @@ export default class MapFiltersButton extends LitElement {
 	/** @private */
 	render() {
 		const isSmall = this._parent?.isWidthSmall();
-		const resetIcon = fa(faXmark);
+		const resetIcon = fa(faXmark, {styles: {"pointer-events": "auto"}});
 		resetIcon.addEventListener("click", e => {
 			e.stopPropagation();
 			this.shadowRoot.querySelector("pnx-map-filters-menu")._onReset();

package/src/components/ui/widgets/MapLayersButton.js

@@ -46,7 +46,7 @@ export default class MapLayersButton extends LitElement {
 	/** @private */
 	render() {
 		const isSmall = this._parent?.isWidthSmall();
-		const resetIcon = fa(faXmark);
+		const resetIcon = fa(faXmark, {styles: {"pointer-events": "auto"}});
 		resetIcon.addEventListener("click", e => {
 			e.stopPropagation();
 			const menu = this.shadowRoot.querySelector("pnx-map-layers-menu");

package/src/components/ui/widgets/Zoom.js

@@ -1,6 +1,6 @@
 import { LitElement, html } from "lit";
 import { PSV_DEFAULT_ZOOM, PSV_ANIM_DURATION } from "../Photo";
-import { PSV_ZOOM_DELTA } from "../../core/Viewer";
+import { PSV_ZOOM_DELTA } from "../../core/PhotoViewer";
 import { fa, onceParentAvailable } from "../../../utils/widgets";
 import { faPlus } from "@fortawesome/free-solid-svg-icons/faPlus";
 import { faMinus } from "@fortawesome/free-solid-svg-icons/faMinus";

package/src/components/ui/widgets/index_photoviewer.js

@@ -0,0 +1,9 @@
+/* eslint-disable import/no-unused-modules */
+
+// Lightweight export for PhotoViewer
+export {default as CopyCoordinates} from "./CopyCoordinates";
+export {default as Legend} from "./Legend";
+export {default as OSMEditors} from "./OSMEditors";
+export {default as PictureLegendActions} from "./PictureLegendActions";
+export {default as Player} from "./Player";
+export {default as Zoom} from "./Zoom";

package/src/index.js

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-unused-modules */
 
-export * as components from "./components";
-export * as utils from "./utils";
+export * as components from "./components/index";
+export * as utils from "./utils/index";
 export {default as Viewer} from "./components/core/Viewer";
 export {default as CoverageMap} from "./components/core/CoverageMap";
 export {default as Editor} from "./components/core/Editor";

package/src/index_photoviewer.js

@@ -0,0 +1,6 @@
+/* eslint-disable import/no-unused-modules */
+
+// Lightweight export for PhotoViewer
+export * as components from "./components/index_photoviewer";
+export * as utils from "./utils/index_photoviewer";
+export {default as PhotoViewer} from "./components/core/PhotoViewer";

package/src/utils/API.js

@@ -1,6 +1,8 @@
-import { TILES_PICTURES_ZOOM } from "./map";
 import { isNullId } from "./utils";
 
+// Do not use ./map import to avoid bundling Maplibre for PhotoViewer
+const TILES_PICTURES_ZOOM = 15;
+
 /**
  * API contains various utility functions to communicate with Panoramax/STAC API
  *