@panoramax/web-viewer 4.4.0-develop-746bcb00 → 4.4.0-develop-d8b38e70

package/config/env.js

@@ -1,104 +0,0 @@
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const paths = require('./paths');
-
-// Make sure that including paths.js after env.js will read .env variables.
-delete require.cache[require.resolve('./paths')];
-
-const NODE_ENV = process.env.NODE_ENV;
-if (!NODE_ENV) {
-  throw new Error(
-    'The NODE_ENV environment variable is required but was not specified.'
-  );
-}
-
-// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
-const dotenvFiles = [
-  `${paths.dotenv}.${NODE_ENV}.local`,
-  // Don't include `.env.local` for `test` environment
-  // since normally you expect tests to produce the same
-  // results for everyone
-  NODE_ENV !== 'test' && `${paths.dotenv}.local`,
-  `${paths.dotenv}.${NODE_ENV}`,
-  paths.dotenv,
-].filter(Boolean);
-
-// Load environment variables from .env* files. Suppress warnings using silent
-// if this file is missing. dotenv will never modify any environment variables
-// that have already been set.  Variable expansion is supported in .env files.
-// https://github.com/motdotla/dotenv
-// https://github.com/motdotla/dotenv-expand
-dotenvFiles.forEach(dotenvFile => {
-  if (fs.existsSync(dotenvFile)) {
-    require('dotenv-expand')(
-      require('dotenv').config({
-        path: dotenvFile,
-      })
-    );
-  }
-});
-
-// We support resolving modules according to `NODE_PATH`.
-// This lets you use absolute paths in imports inside large monorepos:
-// https://github.com/facebook/create-react-app/issues/253.
-// It works similar to `NODE_PATH` in Node itself:
-// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
-// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
-// Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.
-// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
-// We also resolve them to make sure all tools using them work consistently.
-const appDirectory = fs.realpathSync(process.cwd());
-process.env.NODE_PATH = (process.env.NODE_PATH || '')
-  .split(path.delimiter)
-  .filter(folder => folder && !path.isAbsolute(folder))
-  .map(folder => path.resolve(appDirectory, folder))
-  .join(path.delimiter);
-
-// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
-// injected into the application via DefinePlugin in webpack configuration.
-const REACT_APP = /^REACT_APP_/i;
-
-function getClientEnvironment(publicUrl) {
-  const raw = Object.keys(process.env)
-    .filter(key => REACT_APP.test(key))
-    .reduce(
-      (env, key) => {
-        env[key] = process.env[key];
-        return env;
-      },
-      {
-        // Useful for determining whether we’re running in production mode.
-        // Most importantly, it switches React into the correct mode.
-        NODE_ENV: process.env.NODE_ENV || 'development',
-        // Useful for resolving the correct path to static assets in `public`.
-        // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
-        // This should only be used as an escape hatch. Normally you would put
-        // images into the `src` and `import` them in code to get their paths.
-        PUBLIC_URL: publicUrl,
-        // We support configuring the sockjs pathname during development.
-        // These settings let a developer run multiple simultaneous projects.
-        // They are used as the connection `hostname`, `pathname` and `port`
-        // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
-        // and `sockPort` options in webpack-dev-server.
-        WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,
-        WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,
-        WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
-        // Whether or not react-refresh is enabled.
-        // It is defined here so it is available in the webpackHotDevClient.
-        FAST_REFRESH: process.env.FAST_REFRESH !== 'false',
-      }
-    );
-  // Stringify all values so we can feed into webpack DefinePlugin
-  const stringified = {
-    'process.env': Object.keys(raw).reduce((env, key) => {
-      env[key] = JSON.stringify(raw[key]);
-      return env;
-    }, {}),
-  };
-
-  return { raw, stringified };
-}
-
-module.exports = getClientEnvironment;

package/config/getHttpsConfig.js

@@ -1,69 +0,0 @@
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const crypto = require('crypto');
-const chalk = require('react-dev-utils/chalk');
-const paths = require('./paths');
-
-// Ensure the certificate and key provided are valid and if not
-// throw an easy to debug error
-function validateKeyAndCerts({ cert, key, keyFile, crtFile }) {
-  let encrypted;
-  try {
-    // publicEncrypt will throw an error with an invalid cert
-    encrypted = crypto.publicEncrypt(cert, Buffer.from('test'));
-  } catch (err) {
-    throw new Error(
-      `The certificate "${chalk.yellow(crtFile)}" is invalid.\n${err.message}`
-    );
-  }
-
-  try {
-    // privateDecrypt will throw an error with an invalid key
-    crypto.privateDecrypt(key, encrypted);
-  } catch (err) {
-    throw new Error(
-      `The certificate key "${chalk.yellow(keyFile)}" is invalid.\n${
-        err.message
-      }`
-    );
-  }
-}
-
-// Read file and throw an error if it doesn't exist
-function readEnvFile(file, type) {
-  if (!fs.existsSync(file)) {
-    throw new Error(
-      `You specified ${chalk.cyan(
-        type
-      )} in your env, but the file "${chalk.yellow(file)}" can't be found.`
-    );
-  }
-  return fs.readFileSync(file);
-}
-
-// Get the https config
-// Return cert files if provided in env, otherwise just true or false
-function getHttpsConfig() {
-  const { SSL_CRT_FILE, SSL_KEY_FILE, HTTPS } = process.env;
-  const isHttps = HTTPS === 'true';
-
-  if (isHttps && SSL_CRT_FILE && SSL_KEY_FILE) {
-    const crtFile = path.resolve(paths.appPath, SSL_CRT_FILE);
-    const keyFile = path.resolve(paths.appPath, SSL_KEY_FILE);
-    const config = {
-      cert: readEnvFile(crtFile, 'SSL_CRT_FILE'),
-      key: readEnvFile(keyFile, 'SSL_KEY_FILE'),
-    };
-
-    validateKeyAndCerts({ ...config, keyFile, crtFile });
-    return {
-      type: "https",
-      options: config
-    };
-  }
-  return {type: "http"};
-}
-
-module.exports = getHttpsConfig;

package/config/getPackageJson.js

@@ -1,25 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-/**
- * A module to get package informations from package.json
- * @module getPackageJson
- * @param {...string} keys from package.json if no arguments passed it returns package.json content as object
- * @returns {object} with given keys or content of package.json as object
- */
-
-/**
- * Returns package info
- */
-const getPackageJson = function(...args) {
-  const packageJSON = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json')));
-  if (!args.length) {
-    return packageJSON;
-  }
-  return args.reduce((out, key) => {
-    out[key] = packageJSON[key];
-    return out;
-  }, {});
-};
-
-module.exports = getPackageJson;

package/config/jest/babelTransform.js

@@ -1,29 +0,0 @@
-'use strict';
-
-const babelJest = require('babel-jest').default;
-
-const hasJsxRuntime = (() => {
-  if (process.env.DISABLE_NEW_JSX_TRANSFORM === 'true') {
-    return false;
-  }
-
-  try {
-    require.resolve('react/jsx-runtime');
-    return true;
-  } catch (e) {
-    return false;
-  }
-})();
-
-module.exports = babelJest.createTransformer({
-  presets: [
-    [
-      require.resolve('babel-preset-react-app'),
-      {
-        runtime: hasJsxRuntime ? 'automatic' : 'classic',
-      },
-    ],
-  ],
-  babelrc: false,
-  configFile: false,
-});

package/config/jest/cssTransform.js

@@ -1,14 +0,0 @@
-'use strict';
-
-// This is a custom Jest transformer turning style imports into empty objects.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
-  process() {
-    return 'module.exports = {};';
-  },
-  getCacheKey() {
-    // The output is always the same.
-    return 'cssTransform';
-  },
-};

package/config/jest/fileTransform.js

@@ -1,40 +0,0 @@
-'use strict';
-
-const path = require('path');
-const camelcase = require('camelcase');
-
-// This is a custom Jest transformer turning file imports into filenames.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
-  process(src, filename) {
-    const assetFilename = JSON.stringify(path.basename(filename));
-
-    if (filename.match(/\.svg$/)) {
-      // Based on how SVGR generates a component name:
-      // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
-      const pascalCaseFilename = camelcase(path.parse(filename).name, {
-        pascalCase: true,
-      });
-      const componentName = `Svg${pascalCaseFilename}`;
-      return `const React = require('react');
-      module.exports = {
-        __esModule: true,
-        default: ${assetFilename},
-        ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
-          return {
-            $$typeof: Symbol.for('react.element'),
-            type: 'svg',
-            ref: ref,
-            key: null,
-            props: Object.assign({}, props, {
-              children: ${assetFilename}
-            })
-          };
-        }),
-      };`;
-    }
-
-    return `module.exports = ${assetFilename};`;
-  },
-};

package/config/jest/mocks.js

@@ -1,230 +0,0 @@
-/*
- * Common Jest mocks for complex libraries
- */
-
-jest.mock("lit", () => {
-	class MockLitElement {
-		static properties = {};
-		static styles = [];
-
-		constructor() {
-			this.shadowRoot = {
-				innerHTML: "",
-				appendChild: jest.fn(),
-			};
-			this.requestUpdate = jest.fn();
-			this.updateComplete = Promise.resolve();
-			this.style = {};
-			this._handlers = {};
-			this._handlesOnce = {};
-			this.renderRoot = {
-				querySelectorAll: jest.fn(),
-			};
-		}
-
-		connectedCallback() {}
-		disconnectedCallback() {}
-		attributeChangedCallback() {}
-		adoptedCallback() {}
-		firstUpdated() {}
-		updated() {}
-		render() {
-			return "";
-		}
-		getAttribute() {}
-		addEventListener(type, handler, options) {
-			if(options?.once) {
-				if(!this._handlersOnce) { this._handlersOnce = {}; }
-				if(!this._handlersOnce?.[type]) { this._handlersOnce[type] = []; }
-				this._handlersOnce[type].push(handler);
-			}
-			else {
-				if(!this._handlers[type]) { this._handlers[type] = []; }
-				this._handlers[type].push(handler);
-			}
-		}
-		dispatchEvent(event, opts) {
-			this._handlers[event.type]?.forEach(f => f(opts));
-			this._handlersOnce?.[event.type]?.forEach(f => f(opts));
-			if(this._handlersOnce?.[event.type]) {
-				this._handlersOnce[event.type] = [];
-			}
-		}
-	}
-
-	return {
-		LitElement: MockLitElement,
-		css: jest.fn((styles) => styles),
-		html: jest.fn((strings, ...values) => strings.reduce((acc, str, i) => acc + str + (values[i] || ""), "")),
-		nothing: Symbol("lit-nothing"),
-		unsafeCSS: jest.fn((styles) => styles),
-	};
-});
-
-
-jest.mock("lit/directives/class-map.js", () => ({
-	classMap: jest.fn(),
-}));
-
-
-jest.mock("lit/directives/map.js", () => ({
-	map: jest.fn(),
-}));
-
-
-jest.mock("maplibre-gl", () => ({
-	addProtocol: jest.fn(),
-	AttributionControl: jest.fn(),
-	NavigationControl: jest.fn(),
-	GeolocateControl: class {
-		onAdd() {;}
-	},
-	Marker: class {
-		setDraggable() {;}
-	},
-	Popup: function() {
-		return {
-			on: jest.fn(),
-		};
-	},
-	Map: class {
-		constructor(opts) {
-			this._mapOpts = opts;
-			this._handlers = {};
-			this._handlersOnce = {};
-		}
-		getContainer() {
-			return this._mapOpts.container;
-		}
-		addControl() {;}
-		addSource() {;}
-		addLayer() {;}
-		getLayer(l) { return {id: l}; }
-		setLayoutProperty() {;}
-		setPaintProperty() {;}
-		loaded() { return true; }
-		getStyle() {
-			return {
-				layers: [],
-				sources: {},
-				metadata: {},
-			};
-		}
-		resize() {;}
-		on(type, handler) {
-			if(!this._handlers[type]) { this._handlers[type] = []; }
-			this._handlers[type].push(handler);
-		}
-		once(type, handler) {
-			if(!this._handlersOnce[type]) { this._handlersOnce[type] = []; }
-			this._handlersOnce[type].push(handler);
-		}
-		fire(type, opts) {
-			this._handlers[type]?.forEach(f => f(opts));
-			this._handlersOnce?.[type]?.forEach(f => f(opts));
-			if(this._handlersOnce?.[type]) {
-				this._handlersOnce[type] = [];
-			}
-		}
-	},
-	LngLat: function() {
-		return { lng: -1.7, lat: 47.8 };
-	},
-	LngLatBounds: function() {
-		return { sw: { lng: -1.7, lat: 47.8 }, ne: { lng: -1.7, lat: 47.8 } };
-	},
-}));
-
-
-jest.mock("@photo-sphere-viewer/core", () => ({
-	Viewer: class {
-		constructor(opts) {
-			this._psvOpts = opts;
-			this.loader = {
-				canvas: { setAttribute: jest.fn() },
-				__updateContent: jest.fn(),
-				show: jest.fn(),
-			};
-			this.renderer = {
-				renderer: {
-					toneMapping: null,
-					toneMappingExposure: null,
-				}
-			};
-			this.receivedEvents = [];
-			this.container = {
-				classList: {
-					add: jest.fn(),
-					remove: jest.fn(),
-				},
-				querySelector: jest.fn(),
-			};
-		}
-		addEventListener(t, h) {
-			this.receivedEvents.push([t, h]);
-			if(t == "ready") { h(); }
-		}
-		dispatchEvent(e) {
-			this.receivedEvents
-				.filter(([t,h]) => e.type === t)
-				.forEach(([t,h]) => h(e?.detail));
-		}
-		getPlugin() {
-			return {
-				addEventListener: jest.fn(),
-				datasource: {
-					nodeResolver: jest.fn(),
-				},
-				arrowsRenderer: {
-					clear: jest.fn(),
-				},
-				state: {
-					currentNode: null,
-					datasource: { nodes: {} },
-				},
-				config: {
-					transitionOptions: jest.fn(),
-				},
-				getCurrentNode: jest.fn(),
-				__onEnterObject: jest.fn(),
-				__onLeaveObject: jest.fn(),
-			};
-		}
-	},
-	SYSTEM: {},
-	DEFAULTS: {},
-}));
-
-
-jest.mock("@photo-sphere-viewer/equirectangular-tiles-adapter", () => ({
-	EquirectangularTilesAdapter: jest.fn(),
-}));
-
-
-jest.mock("@photo-sphere-viewer/virtual-tour-plugin", () => ({
-	VirtualTourPlugin: jest.fn(),
-}));
-
-
-jest.mock("@photo-sphere-viewer/markers-plugin", () => ({
-	MarkersPlugin: jest.fn(),
-}));
-
-
-jest.mock("query-selector-shadow-dom", () => ({
-	querySelectorDeep: jest.fn(),
-}));
-
-
-jest.mock("@maplibre/vt-pbf", () => ({
-	fromGeojsonVt: jest.fn(),
-}));
-
-jest.mock("pbf", () => ({}));
-
-jest.mock("@mapbox/vector-tile", () => ({
-	VectorTile: jest.fn(),
-}));
-
-global.TextDecoder = require("util").TextDecoder;
-global.TextEncoder = require("util").TextEncoder;

package/config/modules.js

@@ -1,134 +0,0 @@
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const paths = require('./paths');
-const chalk = require('react-dev-utils/chalk');
-const resolve = require('resolve');
-
-/**
- * Get additional module paths based on the baseUrl of a compilerOptions object.
- *
- * @param {Object} options
- */
-function getAdditionalModulePaths(options = {}) {
-  const baseUrl = options.baseUrl;
-
-  if (!baseUrl) {
-    return '';
-  }
-
-  const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
-
-  // We don't need to do anything if `baseUrl` is set to `node_modules`. This is
-  // the default behavior.
-  if (path.relative(paths.appNodeModules, baseUrlResolved) === '') {
-    return null;
-  }
-
-  // Allow the user set the `baseUrl` to `appSrc`.
-  if (path.relative(paths.appSrc, baseUrlResolved) === '') {
-    return [paths.appSrc];
-  }
-
-  // If the path is equal to the root directory we ignore it here.
-  // We don't want to allow importing from the root directly as source files are
-  // not transpiled outside of `src`. We do allow importing them with the
-  // absolute path (e.g. `src/Components/Button.js`) but we set that up with
-  // an alias.
-  if (path.relative(paths.appPath, baseUrlResolved) === '') {
-    return null;
-  }
-
-  // Otherwise, throw an error.
-  throw new Error(
-    chalk.red.bold(
-      "Your project's `baseUrl` can only be set to `src` or `node_modules`." +
-        ' Create React App does not support other values at this time.'
-    )
-  );
-}
-
-/**
- * Get webpack aliases based on the baseUrl of a compilerOptions object.
- *
- * @param {*} options
- */
-function getWebpackAliases(options = {}) {
-  const baseUrl = options.baseUrl;
-
-  if (!baseUrl) {
-    return {};
-  }
-
-  const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
-
-  if (path.relative(paths.appPath, baseUrlResolved) === '') {
-    return {
-      src: paths.appSrc,
-    };
-  }
-}
-
-/**
- * Get jest aliases based on the baseUrl of a compilerOptions object.
- *
- * @param {*} options
- */
-function getJestAliases(options = {}) {
-  const baseUrl = options.baseUrl;
-
-  if (!baseUrl) {
-    return {};
-  }
-
-  const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
-
-  if (path.relative(paths.appPath, baseUrlResolved) === '') {
-    return {
-      '^src/(.*)$': '<rootDir>/src/$1',
-    };
-  }
-}
-
-function getModules() {
-  // Check if TypeScript is setup
-  const hasTsConfig = fs.existsSync(paths.appTsConfig);
-  const hasJsConfig = fs.existsSync(paths.appJsConfig);
-
-  if (hasTsConfig && hasJsConfig) {
-    throw new Error(
-      'You have both a tsconfig.json and a jsconfig.json. If you are using TypeScript please remove your jsconfig.json file.'
-    );
-  }
-
-  let config;
-
-  // If there's a tsconfig.json we assume it's a
-  // TypeScript project and set up the config
-  // based on tsconfig.json
-  if (hasTsConfig) {
-    const ts = require(resolve.sync('typescript', {
-      basedir: paths.appNodeModules,
-    }));
-    config = ts.readConfigFile(paths.appTsConfig, ts.sys.readFile).config;
-    // Otherwise we'll check if there is jsconfig.json
-    // for non TS projects.
-  } else if (hasJsConfig) {
-    config = require(paths.appJsConfig);
-  }
-
-  config = config || {};
-  const options = config.compilerOptions || {};
-
-  const additionalModulePaths = getAdditionalModulePaths(options);
-
-  return {
-    additionalModulePaths: additionalModulePaths,
-    webpackAliases: getWebpackAliases(options),
-    jestAliases: getJestAliases(options),
-    hasTsConfig,
-  };
-}
-
-module.exports = getModules();