@corva/ui 0.38.0-6 → 0.38.0-7

package/src/cjs/devcenter/webpack/DevServerIsolatedAppEntryPoint.js

@@ -1,45 +0,0 @@
-import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core';
-import { DevCenterIsolatedAppPage } from '../../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage';
-
-const useStyles = makeStyles(() => ({
-  reportsContainer: {
-    zoom: '0.5',
-  },
-}));
-
-function DevServerIsolatedAppPageEntry({ CLIAppComponent, CLIAppSettings }) {
-  const classes = useStyles();
-
-  return (
-    <DevCenterIsolatedAppPage
-      CLIAppComponent={CLIAppComponent}
-      CLIAppSettings={CLIAppSettings}
-      containerReportClassName={classes.reportsContainer}
-    />
-  );
-}
-
-DevServerIsolatedAppPageEntry.propTypes = {
-  CLIAppComponent: PropTypes.node,
-  CLIAppSettings: PropTypes.node,
-};
-
-DevServerIsolatedAppPageEntry.defaultProps = {
-  CLIAppComponent: null,
-  CLIAppSettings: null,
-};
-
-import(/* webpackMode: "lazy" */ `${process.env.DEV_CENTER_APP_PATH}/src/index.js`).then(index => {
-  const CLIAppComponent = index.default.component;
-  const CLIAppSettings = index.default.settings;
-
-  ReactDOM.render(
-    <DevServerIsolatedAppPageEntry
-      CLIAppComponent={CLIAppComponent}
-      CLIAppSettings={CLIAppSettings}
-    />,
-    document.getElementById('root')
-  );
-});

package/src/cjs/devcenter/webpack/constants.js

@@ -1,61 +0,0 @@
-export const CORVA_GLOBAL_DEPENDENCIES = {
-  '@corva/ui': '', // NOTE: Any version is allowed
-  '@material-ui/core': '4.11.2',
-  '@material-ui/icons': '4.9.1',
-  '@material-ui/lab': '4.0.0-alpha.57',
-  '@material-ui/pickers': '3.2.10',
-  classnames: '2.2.6',
-  'corva-convert-units': '1.10.17',
-  highcharts: '8.1.2',
-  'highcharts-react-official': '2.2.2',
-  html2canvas: '1.0.0-alpha.12',
-  jsona: '1.5.1',
-  lodash: '^4.17.4',
-  'mapbox.js': '3.2.1',
-  moment: '2.23.0',
-  'moment-timezone': '0.5.23',
-  react: '17.0.1',
-  'react-dom': '17.0.1',
-  'react-sortable-hoc': '0.6.8',
-  'react-sizeme': '2.5.2',
-  'react-redux': '5.1.1',
-  'react-virtualized': '9.21.2',
-  redux: '3.7.2',
-  'redux-thunk': '2.3.0',
-  reselect: '2.5.4',
-  'prop-types': '^15.6.1',
-  uuid: '3.4.0',
-};
-
-export const CORVA_API_ENVS = {
-  qa: 'qa',
-  staging: 'staging',
-  production: 'production',
-};
-
-const REACT_APP_AUTH0_ENV_VARIABLES = {
-  REACT_APP_AUTH0_REDIRECT_URI: '/login/oauth-callback',
-  REACT_APP_AUTH0_DOMAIN: 'corva.auth0.com',
-  REACT_APP_AUTH0_CLIENT_ID: 'L1B0xGD5AuXwuTDFdFA9czDTM7Vvw464',
-};
-
-export const CORVA_API_ENV_VARIABLES = {
-  [CORVA_API_ENVS.qa]: {
-    ...REACT_APP_AUTH0_ENV_VARIABLES,
-    REACT_APP_API_URL: 'https://api.qa.corva.ai',
-    REACT_APP_SUBSCRIPTIONS_URL: 'https://subscriptions.qa.corva.ai',
-    REACT_APP_AUTH0_AUDIENCE: 'https://api.qa.corva.ai/v1',
-  },
-  [CORVA_API_ENVS.staging]: {
-    ...REACT_APP_AUTH0_ENV_VARIABLES,
-    REACT_APP_API_URL: 'https://api.staging.corva.ai',
-    REACT_APP_SUBSCRIPTIONS_URL: 'https://subscriptions.staging.corva.ai',
-    REACT_APP_AUTH0_AUDIENCE: 'https://api.staging.corva.ai/v1',
-  },
-  [CORVA_API_ENVS.production]: {
-    ...REACT_APP_AUTH0_ENV_VARIABLES,
-    REACT_APP_API_URL: 'https://api.corva.ai',
-    REACT_APP_SUBSCRIPTIONS_URL: 'https://subscriptions.corva.ai',
-    REACT_APP_AUTH0_AUDIENCE: 'https://api.corva.ai/v1',
-  },
-};

package/src/cjs/devcenter/webpack/index.js

@@ -1,7 +0,0 @@
-import getDevConfig from './webpack.config.dev';
-import getProdConfig from './webpack.config.prod';
-
-export function getWebpackConfig(env, argv) {
-  if (argv.mode === 'development') return getDevConfig(env, argv);
-  return getProdConfig(env, argv);
-}

package/src/cjs/devcenter/webpack/plugins/checkCorvaUIVersion.js

@@ -1,40 +0,0 @@
-const fetch = require('node-fetch');
-const chalk = require('chalk');
-const semverGt = require('semver/functions/gt');
-
-const packageJson = require('../../../../package.json');
-
-function fetchLatestVersion(logger) {
-  return fetch('https://registry.npmjs.org/@corva/ui/latest')
-    .then(response => {
-      if (response.ok) return response.json().then(respBody => respBody.version);
-      return logger.warn('Could not fetch latest @corva/ui version');
-    })
-    .catch(e => logger.warn('Connection error', e));
-}
-
-const PLUGIN_NAME = 'checkCorvaUIVersion';
-
-export default function checkCorvaUIVersion(compiler) {
-  compiler.hooks.afterCompile.tapPromise(PLUGIN_NAME, async compilation => {
-    const logger = compilation.getLogger(PLUGIN_NAME);
-
-    const currentVersion = packageJson.version;
-    const latestVersion = await fetchLatestVersion(logger);
-    if (latestVersion && semverGt(latestVersion, currentVersion)) {
-      logger.warn(
-        chalk`
-        ****************************************************************
-        
-          You are using outdated version of @corva/ui {grey (${currentVersion})}.
-          Current latest version is {green.bold (${latestVersion})}.
-          This may lead to problems once the app is published.
-          Please update the @corva/ui with the following command:
-    
-              {green.bold yarn add @corva/ui@latest}
-
-        ****************************************************************`,
-      );
-    }
-  });
-}

package/src/cjs/devcenter/webpack/plugins/index.js

@@ -1 +0,0 @@
-export { default as checkCorvaUIVersion } from './checkCorvaUIVersion';

package/src/cjs/devcenter/webpack/public/DevCenterIsolatedAppPage.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
-    <title>Corva React App</title>
-  </head>
-  <body data-corva-theme-dark>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `yarn start`.
-      To create a production bundle, use or `yarn build`.
-    -->
-    <script src="/isolatedApp.js"></script>
-  </body>
-</html>

package/src/cjs/devcenter/webpack/public/index.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
-    <title>Corva React App</title>
-  </head>
-  <body data-corva-theme-dark>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `yarn start`.
-      To create a production bundle, use or `yarn build`.
-    -->
-    <script src="/devApp.js"></script>
-  </body>
-</html>

package/src/cjs/devcenter/webpack/utils/middlewares.js

@@ -1,33 +0,0 @@
-import serializeDotEnv from './serializeDotEnv';
-
-const fs = require('fs').promises;
-const path = require('path');
-const express = require('express');
-const dotenv = require('dotenv');
-
-export function onBeforeSetUpMiddleware(app, { APP_DIRECTORY }) {
-  app.use(express.json());
-
-  app.patch('/dotenv', async function (req, res) {
-    let config = {};
-
-    try {
-      const dotEnvFile = await fs.readFile(path.resolve(APP_DIRECTORY, './.env'));
-      config = dotenv.parse(dotEnvFile);
-    } catch (e) {
-      // NOTE: Ignore error
-    }
-
-    try {
-      await fs.writeFile(
-        path.resolve(APP_DIRECTORY, './.env'),
-        serializeDotEnv({ ...config, ...req.body })
-      );
-    } catch (e) {
-      console.error('Could not write to .env file');
-      console.error(e);
-    }
-
-    res.sendStatus(200);
-  });
-}

package/src/cjs/devcenter/webpack/utils/serializeDotEnv.js

@@ -1,18 +0,0 @@
-const escape = str => {
-  let result = str.replace(/\n/g, '\\n');
-
-  if (result.includes(' ') || result.includes('\t')) {
-    result = `"${result.replace(/"/g, '\\"')}"`;
-  }
-
-  return result;
-};
-
-const format = (key, value) => `${key}=${escape(value)}`;
-
-const serializeDotEnv = config =>
-  Object.keys(config)
-    .map(key => format(key, config[key]))
-    .join('\n');
-
-export default serializeDotEnv;

package/src/cjs/devcenter/webpack/validators/dependencies.js

@@ -1,24 +0,0 @@
-import { CORVA_GLOBAL_DEPENDENCIES } from '../constants';
-
-function getDependenciesErrors({ dependencies = {} }) {
-  const errors = [];
-
-  Object.entries(CORVA_GLOBAL_DEPENDENCIES).forEach(([dependencyName, corvaDependencyVersion]) => {
-    if (!corvaDependencyVersion) return; // NOTE: All versions allowed
-    // NOTE: If dependency exists in dependencies - it MUST have correct version
-    if (dependencyName in dependencies) {
-      const dependencyVersion = dependencies[dependencyName];
-      if (Array.isArray(corvaDependencyVersion)) {
-        if (!corvaDependencyVersion.includes(dependencyVersion))
-          errors.push(
-            `${dependencyName} version must be one of [${corvaDependencyVersion.join(', ')}]`
-          );
-      } else if (dependencyVersion !== corvaDependencyVersion) {
-        errors.push(`${dependencyName} version must be ${corvaDependencyVersion}`);
-      }
-    }
-  });
-  return errors;
-}
-
-export default getDependenciesErrors;

package/src/cjs/devcenter/webpack/validators/index.js

@@ -1,13 +0,0 @@
-import getDependenciesErrors from './dependencies';
-
-const chalk = require('chalk');
-
-function validateApp({ packageJson }) {
-  const depsErrors = getDependenciesErrors(packageJson);
-
-  /* eslint-disable no-console */
-  depsErrors.forEach(errorText => console.log(chalk.red(errorText)));
-  if (depsErrors.length) process.exit(1);
-}
-
-export default validateApp;

package/src/cjs/devcenter/webpack/webpack.config.common.js

@@ -1,90 +0,0 @@
-import validateApp from './validators';
-
-const path = require('path');
-const uuidV1 = require('uuid/v1');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const fs = require('fs');
-
-// NOTE: This is the root folder of the devcenter app.
-// Remains the same, no matter where yarn build was called
-export const APP_DIRECTORY = process.cwd();
-
-export const packageJson = JSON.parse(
-  fs.readFileSync(path.resolve(APP_DIRECTORY, './package.json'), 'utf-8')
-);
-export const manifestJson = JSON.parse(
-  fs.readFileSync(path.resolve(APP_DIRECTORY, './manifest.json'), 'utf-8')
-);
-
-export default function getCommonConfig(env, args) {
-  validateApp({ packageJson });
-  return {
-    entry: './src/index.js',
-    output: {
-      filename: '[name].[contenthash].js',
-      path: path.resolve(process.cwd(), 'dist'),
-      publicPath: '/',
-    },
-    devServer: { historyApiFallback: true },
-    performance: { maxAssetSize: 1024000 },
-    plugins: [new CleanWebpackPlugin()],
-    resolve: {
-      symlinks: false,
-      extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],
-    },
-    module: {
-      rules: [
-        {
-          test: /\.css$/i,
-          use: [
-            'style-loader',
-            {
-              loader: 'css-loader',
-              options: {
-                modules: {
-                  localIdentName:
-                    args.mode === 'development'
-                      // We add uuidV1 here to avoid apps classNames collisions
-                      ? `[path][name]__[local]__${uuidV1().substr(-5)}`
-                      : `[name]__[hash:base64:3]${uuidV1().substr(-5)}`,
-                },
-                importLoaders: 1,
-              },
-            },
-            {
-              loader: 'postcss-loader',
-              options: {
-                postcssOptions: {
-                  plugins: ['postcss-preset-env'],
-                },
-              },
-            },
-          ],
-        },
-        {
-          test: /\.(js|jsx)$/,
-          exclude: /[\\/]node_modules[\\/]/,
-          use: {
-            loader: 'babel-loader',
-            options: {
-              presets: ['@babel/preset-env', ['@babel/preset-react', { runtime: 'automatic' }]],
-            },
-          },
-        },
-        {
-          test: /\.ts(x?)$/,
-          exclude: /[\\/]node_modules[\\/]/,
-          use: [
-            {
-              loader: 'babel-loader',
-              options: {
-                presets: ['@babel/preset-env', ['@babel/preset-react', { runtime: 'automatic' }]],
-              },
-            },
-            { loader: 'ts-loader' },
-          ],
-        },
-      ],
-    },
-  };
-}

package/src/cjs/devcenter/webpack/webpack.config.dev.js

@@ -1,116 +0,0 @@
-import getCommonConfig, { APP_DIRECTORY } from './webpack.config.common';
-
-import { CORVA_API_ENV_VARIABLES, CORVA_API_ENVS } from './constants';
-import { checkCorvaUIVersion } from './plugins';
-import { onBeforeSetUpMiddleware } from './utils/middlewares';
-
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-
-const { merge } = require('webpack-merge');
-const path = require('path');
-const webpack = require('webpack');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const chalk = require('chalk');
-const dotenv = require('dotenv');
-
-dotenv.config({ path: path.resolve(APP_DIRECTORY, './.env') }); // Path to .env file
-
-const getCorvaApiEnvVariables = () => {
-  const apiEnv = process.env.CORVA_API_ENV || CORVA_API_ENVS.production;
-  if (apiEnv in CORVA_API_ENVS) return CORVA_API_ENV_VARIABLES[apiEnv];
-
-  // eslint-disable-next-line no-console
-  console.log(
-    chalk.red(`CORVA_API_ENV should be one of [${Object.keys(CORVA_API_ENVS).join(', ')}]`)
-  );
-  return process.exit(1);
-};
-
-export default function getDevConfig(env, args) {
-  const host = process.env.HOST || args.host || 'localhost';
-  const port = process.env.PORT || args.port || 8080;
-
-  return merge(getCommonConfig(env, args), {
-    mode: 'development',
-    devtool: 'inline-source-map',
-    devServer: {
-      contentBase: './dist',
-      public: `${host}:${port}`,
-      port,
-      before: app => onBeforeSetUpMiddleware(app, { APP_DIRECTORY }),
-      hot: true,
-      open: false,
-    },
-    entry: {
-      devApp: path.resolve(__dirname, 'DevServerEntryPoint.js'),
-      isolatedApp: path.resolve(__dirname, 'DevServerIsolatedAppEntryPoint.js'),
-    },
-    output: {
-      filename: '[name].js',
-    },
-    plugins: [
-      new CleanWebpackPlugin(),
-      new CopyWebpackPlugin({
-        patterns: [
-          { from: path.resolve(__dirname, 'public') },
-          // NOTE: Copy static assets from @corva/ui
-          {
-            from: path.resolve(process.cwd(), 'node_modules', '@corva/ui/assets'),
-            to: 'static/media',
-            noErrorOnMissing: true,
-          },
-        ],
-      }),
-      new HtmlWebpackPlugin({
-        filename: 'index.html',
-        // It appeared that HtmlWebpackPlugin has issues when works together with
-        // dev server and sometimes doesn't re-injects the script, that's why
-        // the script tag is manually insterted in the html template
-        inject: false,
-        template: path.resolve(__dirname, 'public', 'index.html'),
-      }),
-      new HtmlWebpackPlugin({
-        filename: 'DevCenterIsolatedAppPage.html',
-        // It appeared that HtmlWebpackPlugin has issues when works together with
-        // dev server and sometimes doesn't re-injects the script, that's why
-        // the script tag is manually insterted in the html template
-        inject: false,
-        template: path.resolve(__dirname, 'public', 'DevCenterIsolatedAppPage.html'),
-      }),
-      new webpack.EnvironmentPlugin({
-        ...process.env,
-        DEV_CENTER_APP_PATH: process.cwd(),
-        REACT_APP_ENVIRONMENT: process.env.REACT_APP_ENVIRONMENT || 'development',
-        ...getCorvaApiEnvVariables(args),
-      }),
-      checkCorvaUIVersion,
-      new ReactRefreshWebpackPlugin(),
-      new webpack.HotModuleReplacementPlugin(),
-    ],
-    module: {
-      rules: [
-        {
-          test: /\.(png|jpe?g|gif)$/i,
-          use: [
-            {
-              loader: 'file-loader',
-            },
-          ],
-        },
-        {
-          test: /\.svg$/,
-          use: [
-            {
-              loader: 'svg-url-loader',
-              options: {
-                limit: 10000,
-              },
-            },
-          ],
-        },
-      ],
-    },
-  });
-}

package/src/cjs/devcenter/webpack/webpack.config.prod.js

@@ -1,111 +0,0 @@
-import getCommonConfig, { APP_DIRECTORY, packageJson, manifestJson } from './webpack.config.common';
-import { CORVA_GLOBAL_DEPENDENCIES } from './constants';
-
-const webpack = require('webpack');
-const { merge } = require('webpack-merge');
-const path = require('path');
-const ManifestPlugin = require('webpack-manifest-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
-// const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
-
-const {
-  application: { key: appKey },
-} = manifestJson;
-
-const { version } = packageJson;
-const appIdentifier = `${appKey.replace(/\./g, '_')}-${version}`;
-
-const CORVA_EXTERNALS = Object.keys(CORVA_GLOBAL_DEPENDENCIES).map(libName => [
-  libName,
-  new RegExp(`(^${libName}$|^${libName}\/)([^]+)?`), // eslint-disable-line no-useless-escape
-]);
-
-// NOTE: These imports should be always bundled
-const SKIP_IN_EXTERNALS = new Set(['react/jsx-runtime']);
-
-export default function getProdConfig(env, args) {
-  return merge(getCommonConfig(env, args), {
-    entry: './src/index.js',
-    output: {
-      library: appIdentifier,
-      path: path.resolve(APP_DIRECTORY, 'dist'),
-      filename: 'app.js',
-      libraryTarget: 'window',
-    },
-    mode: 'production',
-    plugins: [
-      new ManifestPlugin(),
-      new webpack.EnvironmentPlugin(process.env),
-      // new BundleAnalyzerPlugin({
-      //   openAnalyzer: false,
-      //   analyzerMode: 'static',
-      // }),
-    ],
-    optimization: {
-      minimizer: [
-        new TerserPlugin({
-          // Use multi-process parallel running to improve the build speed
-          // Default number of concurrent runs: os.cpus().length - 1
-          parallel: true,
-          // Enable file caching
-          // cache: true,
-        }),
-      ],
-    },
-    externals: [
-      // NOTE: All types of imports from one of CORVA_GLOBAL_DEPENDENCIES should work
-      // Examples:
-      // import { get } from 'lodash';
-      // import { get } from 'lodash/';
-      // import get from 'lodash/get';
-      // import { MenuItem } from '@material/ui/core';
-      // import { MenuItem } from '@material/ui/core/';
-      // import MenuItem from '@material/ui/core/MenuItem';
-
-      function externalForDeepImports(_, request, callback) {
-        if (SKIP_IN_EXTERNALS.has(request)) return callback();
-
-        for (let i = 0; i < CORVA_EXTERNALS.length; i += 1) {
-          const [libName, libRegex] = CORVA_EXTERNALS[i];
-          const match = libRegex.exec(request);
-
-          if (match !== null) {
-            const component = match[2] || '';
-            return callback(null, [libName, ...component.split('/').filter(Boolean)]);
-          }
-        }
-        return callback();
-      },
-    ],
-    module: {
-      rules: [
-        {
-          test: /\.(png|jpe?g|gif)$/i,
-          use: [
-            {
-              loader: 'file-loader',
-              options: {
-                // this variable is set by the packager before the build
-                publicPath: process.env.PACKAGE_URL_BASE,
-              },
-            },
-          ],
-        },
-        {
-          test: /\.svg$/,
-          use: [
-            {
-              loader: 'svg-url-loader',
-              options: {
-                limit: 10000,
-                // if an svg file has size larger than the limit, it passes the asset to the file-loader
-                // with all svg-url-loader options. That's why this option is duplicated.
-                publicPath: process.env.PACKAGE_URL_BASE,
-              },
-            },
-          ],
-        },
-      ],
-    },
-  });
-}

package/src/cjs/index.js

@@ -1 +0,0 @@
-export * from './devcenter';