@panoramax/web-viewer 4.4.0-develop-3839b5a4 → 4.4.0-develop-f91f6758

package/scripts/start.js

@@ -1,172 +0,0 @@
-
-
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'development';
-process.env.NODE_ENV = 'development';
-
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', err => {
-  throw err;
-});
-
-// Ensure environment variables are read.
-require('../config/env');
-
-const fs = require('fs');
-const chalk = require('react-dev-utils/chalk');
-const webpack = require('webpack');
-const WebpackDevServer = require('webpack-dev-server');
-const clearConsole = require('react-dev-utils/clearConsole');
-const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
-const {
-  choosePort,
-  createCompiler,
-  prepareProxy,
-  prepareUrls,
-} = require('react-dev-utils/WebpackDevServerUtils');
-const openBrowser = require('react-dev-utils/openBrowser');
-const semver = require('semver');
-const paths = require('../config/paths');
-const configFactory = require('../config/webpack.config');
-const createDevServerConfig = require('../config/webpackDevServer.config');
-const getClientEnvironment = require('../config/env');
-const react = require(require.resolve('react', { paths: [paths.appPath] }));
-
-const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
-const useYarn = fs.existsSync(paths.yarnLockFile);
-const isInteractive = process.stdout.isTTY;
-
-// Warn and crash if required files are missing
-if (!checkRequiredFiles([paths.appHtml, paths.appHtmlMap])) {
-  process.exit(1);
-}
-
-// Tools like Cloud9 rely on this.
-const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
-const HOST = process.env.HOST || '0.0.0.0';
-
-if (process.env.HOST) {
-  console.log(
-    chalk.cyan(
-      `Attempting to bind to HOST environment variable: ${chalk.yellow(
-        chalk.bold(process.env.HOST)
-      )}`
-    )
-  );
-  console.log(
-    `If this was unintentional, check that you haven't mistakenly set it in your shell.`
-  );
-  console.log(
-    `Learn more here: ${chalk.yellow('https://cra.link/advanced-config')}`
-  );
-  console.log();
-}
-
-// We require that you explicitly set browsers and do not fall back to
-// browserslist defaults.
-const { checkBrowsers } = require('react-dev-utils/browsersHelper');
-checkBrowsers(paths.appPath, isInteractive)
-  .then(() => {
-    // We attempt to use the default port but if it is busy, we offer the user to
-    // run on a different port. `choosePort()` Promise resolves to the next free port.
-    return choosePort(HOST, DEFAULT_PORT);
-  })
-  .then(port => {
-    if (port == null) {
-      // We have not found a port.
-      return;
-    }
-    const args = process.argv;
-    const testMode = args[2] === "--testMode";
-    const config = configFactory('development');
-    const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
-    const appName = require(paths.appPackageJson).name;
-
-    const useTypeScript = fs.existsSync(paths.appTsConfig);
-    const urls = prepareUrls(
-      protocol,
-      HOST,
-      port,
-      paths.publicUrlOrPath.slice(0, -1)
-    );
-    // Create a webpack compiler that is configured with custom messages.
-    const compiler = createCompiler({
-      appName,
-      config,
-      urls,
-      useYarn,
-      useTypeScript,
-      webpack,
-    });
-    // Load proxy config
-    const proxySetting = require(paths.appPackageJson).proxy;
-    const proxyConfig = prepareProxy(
-      proxySetting,
-      paths.appPublic,
-      paths.publicUrlOrPath
-    );
-    // Serve webpack assets generated by the compiler over a web server.
-    const serverConfig = {
-      ...createDevServerConfig(proxyConfig, urls.lanUrlForConfig),
-      host: HOST,
-      port,
-    };
-    const devServer = new WebpackDevServer(serverConfig, compiler);
-    // Launch WebpackDevServer.
-    devServer.startCallback(() => {
-      if (isInteractive) {
-        clearConsole();
-      }
-
-      if (env.raw.FAST_REFRESH && semver.lt(react.version, '16.10.0')) {
-        console.log(
-          chalk.yellow(
-            `Fast Refresh requires React 16.10 or higher. You are using React ${react.version}.`
-          )
-        );
-      }
-
-      console.log(chalk.cyan('Starting the development server...\n'));
-      openBrowser(urls.localUrlForBrowser);
-
-      /**
-       * Handle testMode
-       */
-       if(testMode){
-        compiler.hooks.done.tap('done', (stats) => {
-          stats = stats.toJson();
-
-          if (stats.errors && stats.errors.length > 0) {
-              devServer.stopCallback(() => process.exit(1));
-          }
-
-          console.warn("App started in test mode. Closing in 5 seconds.");
-          let closeTimeout = setTimeout(() => {
-            clearTimeout(closeTimeout);
-            devServer.stopCallback(() => process.exit());
-          }, 5000);
-        });
-      }
-    });
-
-    ['SIGINT', 'SIGTERM'].forEach(function (sig) {
-      process.on(sig, function () {
-        devServer.stopCallback(() => process.exit());
-      });
-    });
-
-    if (process.env.CI !== 'true') {
-      // Gracefully exit when stdin ends
-      process.stdin.on('end', function () {
-        devServer.stopCallback(() => process.exit());
-      });
-    }
-  })
-  .catch(err => {
-    if (err && err.message) {
-      console.log(err.message);
-    }
-    process.exit(1);
-  });

package/scripts/test.js

@@ -1,52 +0,0 @@
-'use strict';
-
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'test';
-process.env.NODE_ENV = 'test';
-process.env.PUBLIC_URL = '';
-
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', err => {
-  throw err;
-});
-
-// Ensure environment variables are read.
-require('../config/env');
-
-const jest = require('jest');
-const execSync = require('child_process').execSync;
-let argv = process.argv.slice(2);
-
-function isInGitRepository() {
-  try {
-    execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' });
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function isInMercurialRepository() {
-  try {
-    execSync('hg --cwd . root', { stdio: 'ignore' });
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-// Watch unless on CI or explicitly running all tests
-if (
-  !process.env.CI &&
-  argv.indexOf('--watchAll') === -1 &&
-  argv.indexOf('--watchAll=false') === -1
-) {
-  // https://github.com/facebook/create-react-app/issues/5210
-  const hasSourceControl = isInGitRepository() || isInMercurialRepository();
-  argv.push(hasSourceControl ? '--watch' : '--watchAll');
-}
-
-
-jest.run(argv);

package/src/components/core/index.js

@@ -1,12 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-
-/**
- * Core graphical components
- * @module Panoramax:components:core
- */
-
-export {default as Basic} from "./Basic";
-export {default as CoverageMap} from "./CoverageMap";
-export {default as Editor} from "./Editor";
-export {default as Viewer} from "./Viewer";
-export {default as PhotoViewer} from "./PhotoViewer";

package/src/components/index.js

@@ -1,13 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-
-/**
- * Graphical components
- * @module Panoramax:components
- */
-
-import * as core from "./core";
-import * as layout from "./layout";
-import * as menus from "./menus/index";
-import * as ui from "./ui/index";
-
-export {core, layout, menus, ui};

package/src/components/index_photoviewer.js

@@ -1,8 +0,0 @@
-/* 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/layout/index.js

@@ -1,9 +0,0 @@
-/**
- * General layout components
- * @module Panoramax:components:layout
- */
-
-export {default as BottomDrawer} from "./BottomDrawer";
-export {default as CorneredGrid} from "./CorneredGrid";
-export {default as Mini} from "./Mini";
-export {default as Tabs} from "./Tabs";

package/src/components/menus/index.js

@@ -1,22 +0,0 @@
-/**
- * Complex menus components
- * @module Panoramax:components:menus
- */
-
-export {default as LocationPrecisionDoc} from "./LocationPrecisionDoc";
-export {default as MapBackground} from "./MapBackground";
-export {default as MapFilters} from "./MapFilters";
-export {default as MapLayers} from "./MapLayers";
-export {default as MapLegend} from "./MapLegend";
-export {default as MiniPictureLegend} from "./MiniPictureLegend";
-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 SemanticsDoc} from "./SemanticsDoc";
-export {default as SemanticsDownload} from "./SemanticsDownload";
-export {default as SemanticsFilters} from "./SemanticsFilters";
-export {default as SemanticsList} from "./SemanticsList";
-export {default as SemanticsMetadata} from "./SemanticsMetadata";
-export {default as Share} from "./Share";

package/src/components/menus/index_photoviewer.js

@@ -1,13 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-
-// Lightweight export for PhotoViewer
-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 SemanticsDoc} from "./SemanticsDoc";
-export {default as SemanticsDownload} from "./SemanticsDownload";
-export {default as SemanticsList} from "./SemanticsList";
-export {default as SemanticsMetadata} from "./SemanticsMetadata";
-export {default as Share} from "./Share";

package/src/components/ui/index.js

@@ -1,29 +0,0 @@
-/**
- * Smaller UI pieces components
- * @module Panoramax:components:ui
- */
-
-export {default as AnnotationsSwitch} from "./AnnotationsSwitch";
-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 GradeFilter} from "./GradeFilter";
-export {default as IconSwitch} from "./IconSwitch";
-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 Map} from "./Map";
-export {default as MapMore} from "./MapMore";
-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 Switch} from "./Switch";
-export {default as TogglableGroup} from "./TogglableGroup";
-import * as widgets from "./widgets/index";
-export {widgets};

package/src/components/ui/index_photoviewer.js

@@ -1,23 +0,0 @@
-/* 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 Switch} from "./Switch";
-export {default as TogglableGroup} from "./TogglableGroup";
-import * as widgets from "./widgets/index_photoviewer";
-export {widgets};

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

@@ -1,16 +0,0 @@
-/**
- * Pre-assembled UI pieces components
- * @module Panoramax:components:ui:widgets
- */
-
-export {default as CopyCoordinates} from "./CopyCoordinates";
-export {default as GeoSearch} from "./GeoSearch";
-export {default as Legend} from "./Legend";
-export {default as LevelSelect} from "./LevelSelect";
-export {default as MapFiltersButton} from "./MapFiltersButton";
-export {default as MapLayersButton} from "./MapLayersButton";
-export {default as OSMEditors} from "./OSMEditors";
-export {default as PictureLegendActions} from "./PictureLegendActions";
-export {default as Player} from "./Player";
-export {default as SemanticsFiltersButton} from "./SemanticsFiltersButton";
-export {default as Zoom} from "./Zoom";

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

@@ -1,9 +0,0 @@
-/* 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,8 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-
-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";
-export {default as PhotoViewer} from "./components/core/PhotoViewer";

package/src/index_photoviewer.js

@@ -1,6 +0,0 @@
-/* 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/index.js

@@ -1,17 +0,0 @@
-import * as geocoder from "./geocoder";
-import * as i18n from "./i18n";
-import * as indoor from "./indoor";
-import * as map from "./map";
-import * as picture from "./picture";
-import * as semantics from "./semantics";
-import * as services from "./services";
-import * as utils from "./utils";
-import * as widgets from "./widgets";
-
-export { geocoder, i18n, indoor, map, picture, semantics, services, utils, widgets };
-export {default as API} from "./API";
-export {default as InitParameters} from "./InitParameters";
-export {default as MapStyleComposer} from "./MapStyleComposer";
-export {default as PhotoAdapter} from "./PhotoAdapter";
-export {default as PresetsManager} from "./PresetsManager";
-export {default as URLHandler} from "./URLHandler";

package/src/utils/index_photoviewer.js

@@ -1,16 +0,0 @@
-/* eslint-disable import/no-unused-modules */
-
-// Lightweight export for PhotoViewer
-import * as i18n from "./i18n";
-import * as picture from "./picture";
-import * as semantics from "./semantics";
-import * as services from "./services";
-import * as utils from "./utils";
-import * as widgets from "./widgets";
-
-export { i18n, picture, semantics, services, utils, widgets };
-export {default as API} from "./API";
-export {default as InitParameters} from "./InitParameters";
-export {default as PhotoAdapter} from "./PhotoAdapter";
-export {default as PresetsManager} from "./PresetsManager";
-export {default as URLHandler} from "./URLHandler";

package/tests/components/core/Basic.test.js

@@ -1,168 +0,0 @@
-import Basic from "../../../src/components/core/Basic";
-import API from "../../../src/utils/API";
-
-jest.mock("../../../src/utils/API");
-jest.mock("../../../src/utils/i18n");
-jest.mock("../../../src/utils/widgets");
-jest.mock("../../../src/utils/utils");
-jest.mock("../../../package.json", () => ({ version: "1.0.0", repository: { url: "https://example.com" } }));
-
-let basic;
-global.console = { info: jest.fn(), error: jest.fn(), warn: jest.fn(), log: global.console.log };
-
-beforeEach(() => {
-	basic = new Basic(true);
-});
-
-afterEach(() => {
-	jest.clearAllMocks();
-});
-
-describe("constructor", () => {
-	it("should initialize with default values", () => {
-		expect(basic.picture).toBeNull();
-		expect(basic.sequence).toBeNull();
-		expect(basic["fetch-options"]).toBeUndefined();
-		expect(basic.lang).toBeNull();
-		expect(basic.endpoint).toBeNull();
-	});
-
-	it("should log version info on initialization", () => {
-		new Basic(true);
-		expect(console.info).toHaveBeenCalledWith(expect.stringContaining("Panoramax Basic - Version 1.0.0"));
-	});
-
-	it("should set up API when endpoint is provided", async () => {
-		basic.endpoint = "https://api.example.com";
-		basic.attributeChangedCallback("endpoint", null, "https://api.example.com");
-		expect(API).toHaveBeenCalledWith("https://api.example.com", expect.any(Object));
-	});
-});
-
-describe("attributeChangedCallback", () => {
-	it("should dispatch select event when picture or sequence changes", () => {
-		const eventSpy = jest.spyOn(basic, "dispatchEvent");
-		basic.attributeChangedCallback("picture", null, "new-pic-id");
-		expect(eventSpy).toHaveBeenCalledWith(expect.any(CustomEvent));
-		eventSpy.mockRestore();
-	});
-});
-
-describe("getClassName", () => {
-	it("works", () => {
-		expect(basic.getClassName()).toBe("Basic");
-	});
-});
-
-describe("select", () => {
-	it("works", () => {
-		basic.select("new-seq-id", "new-pic-id");
-		expect(basic.picture).toBe("new-pic-id");
-		expect(basic.sequence).toBe("new-seq-id");
-	});
-});
-
-describe("isWidthSmall", () => {
-	it("works", () => {
-		basic.offsetWidth = 500;
-		expect(basic.isWidthSmall()).toBe(true);
-		basic.offsetWidth = 600;
-		expect(basic.isWidthSmall()).toBe(false);
-	});
-});
-
-describe("isHeightSmall", () => {
-	it("works", () => {
-		basic.offsetHeight = 300;
-		expect(basic.isHeightSmall()).toBe(true);
-		basic.offsetHeight = 500;
-		expect(basic.isHeightSmall()).toBe(false);
-	});
-});
-
-describe("getSubComponentsNames", () => {
-	it("works", () => {
-		expect(basic.getSubComponentsNames()).toEqual(["loader", "api"]);
-	});
-});
-
-describe("getAPI", () => {
-	it("works", () => {
-		basic.endpoint = "https://api.example.com";
-		basic.attributeChangedCallback("endpoint", null, "https://api.example.com");
-		expect(basic.getAPI()).toBe(basic.api);
-	});
-});
-
-describe("addEventListener", () => {
-	it("should add event listener for standard events", () => {
-		const listener = jest.fn();
-		basic.addEventListener("ready", listener);
-		basic.dispatchEvent(new CustomEvent("ready"));
-		expect(listener).toHaveBeenCalled();
-	});
-
-	it("should add event listener with options", () => {
-		const listener = jest.fn();
-		basic.addEventListener("once-event", listener, { once: true });
-		basic.dispatchEvent(new CustomEvent("once-event"));
-		basic.dispatchEvent(new CustomEvent("once-event"));
-		expect(listener).toHaveBeenCalledTimes(1);
-	});
-
-	it("should wait for sub-component to be available", () => {
-		const listener = jest.fn();
-		global.setTimeout = jest.fn();
-		basic.getSubComponentsNames = () => ["loader", "api", "map"];
-		basic.map = null;
-		basic.addEventListener("map:move", listener);
-		expect(global.setTimeout).toHaveBeenCalled();
-	});
-
-	it("adds listener to basic if no sub-component matches prefix", () => {
-		const listener = jest.fn();
-		basic.addEventListener("unknown:event", listener);
-		basic.dispatchEvent(new CustomEvent("unknown:event"));
-		expect(listener).toHaveBeenCalled();
-	});
-});
-
-describe("GetJSONConverter", () => {
-	const c = Basic.GetJSONConverter();
-
-	it("loads from empty attribute", () => {
-		expect(c.fromAttribute()).toBeNull();
-		expect(c.fromAttribute("")).toBeNull();
-		expect(c.fromAttribute(null)).toBeNull();
-	});
-
-	it("loads from string", () => {
-		expect(c.fromAttribute("{coucou: \"hello\"}")).toEqual({coucou: "hello"});
-	});
-
-	it("loads from array", () => {
-		expect(c.fromAttribute(["a", "b"])).toEqual(["a", "b"]);
-	});
-
-	it("loads from object", () => {
-		expect(c.fromAttribute({coucou: "hello"})).toEqual({coucou: "hello"});
-	});
-
-	it("exports empty values", () => {
-		expect(c.toAttribute()).toBe("");
-		expect(c.toAttribute("")).toBe("");
-		expect(c.toAttribute(null)).toBe("");
-	});
-
-	it("exports strings", () => {
-		expect(c.toAttribute("{coucou: \"hello\"}")).toBe("{coucou: \"hello\"}");
-	});
-
-	it("exports arrays", () => {
-		expect(c.toAttribute(["a", "b"])).toBe("['a','b']");
-	});
-
-	it("exports objects", () => {
-		expect(c.toAttribute({coucou: "hello"})).toBe("{coucou:'hello'}");
-	});
-});

package/tests/components/core/BasicMock.js

@@ -1,25 +0,0 @@
-jest.mock("../../../src/components/core/Basic", () => (
-	class Basic extends EventTarget {
-		constructor() {
-			super();
-			this.loader = { setAttribute: jest.fn() };
-			this.api = {
-				getMapStyle: () => ({}),
-				_getMapRequestTransform: () => ({}),
-				_endpoints: {},
-			};
-			this._t = { maplibre: {}, psv: {} };
-		}
-		isWidthSmall() { return false; }
-		isHeightSmall() { return false; }
-		getSubComponentsNames() {
-			return ["loader", "api"];
-		}
-		onceAPIReady() {
-			return Promise.resolve();
-		}
-		static GetJSONConverter() {
-			return {};
-		}
-	}
-));

package/tests/components/core/CoverageMap.test.js

@@ -1,20 +0,0 @@
-import CoverageMap from "../../../src/components/core/CoverageMap";
-import "./BasicMock";
-
-let cm;
-global.console = { info: jest.fn(), error: jest.fn(), warn: jest.fn(), log: global.console.log };
-
-beforeEach(() => cm = new CoverageMap());
-afterEach(() => jest.clearAllMocks());
-
-describe("getClassName", () => {
-	it("works", () => {
-		expect(cm.getClassName()).toBe("CoverageMap");
-	});
-});
-
-describe("getSubComponentsNames", () => {
-	it("works", () => {
-		expect(cm.getSubComponentsNames()).toEqual(["loader", "api", "map", "mapStyleComposer"]);
-	});
-});