@corva/dc-platform-shared 0.0.0-2eb17ab-1 → 0.0.0-3a8d160

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

@@ -1,51 +0,0 @@
-const fetch = require('node-fetch');
-const chalk = require('chalk');
-const semverGt = require('semver/functions/gt');
-const path = require('path');
-const fs = require('fs');
-
-const APP_DIRECTORY = process.cwd();
-
-const packageJson = JSON.parse(
-  fs.readFileSync(path.resolve(APP_DIRECTORY, './node_modules/@corva/ui/package.json'), 'utf-8')
-);
-
-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';
-
-let latestVersion = null;
-
-export default function checkCorvaUIVersion(compiler) {
-  compiler.hooks.afterCompile.tapPromise(PLUGIN_NAME, async compilation => {
-    const logger = compilation.getLogger(PLUGIN_NAME);
-
-    const currentVersion = packageJson.version;
-    if (!latestVersion) {
-      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/__tests__/serializeDotEnv.test.js

@@ -1,32 +0,0 @@
-import { updateDotEnv } from '../serializeDotEnv';
-
-const MOCKED_DOT_ENV = `
-# Single sign-on works ONLY with PORTS 8080, 9000 or 80.
-PORT=9000
-
-AUTH_TOKEN=
-
-# some more comments
-`;
-
-const AUTH_TOKEN = 'someAuthTokenValue';
-const NEW_PROP = 'someNewPropValue';
-
-describe('updateDotEnv', () => {
-  it('updates existing props', () => {
-    expect(updateDotEnv(MOCKED_DOT_ENV, { AUTH_TOKEN })).toEqual(`
-# Single sign-on works ONLY with PORTS 8080, 9000 or 80.
-PORT=9000
-
-AUTH_TOKEN=${AUTH_TOKEN}
-
-# some more comments
-`);
-  });
-
-  it('add new props to the end of file', () => {
-    expect(updateDotEnv(MOCKED_DOT_ENV, { NEW_PROP })).toEqual(
-      `${MOCKED_DOT_ENV}\nNEW_PROP=${NEW_PROP}`
-    );
-  });
-});

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

@@ -1,28 +0,0 @@
-import { updateDotEnv } from './serializeDotEnv';
-
-const fs = require('fs').promises;
-const path = require('path');
-const express = require('express');
-
-export function onBeforeSetupMiddleware(app, { APP_DIRECTORY }) {
-  app.use(express.json());
-
-  app.patch('/dotenv', async function patchDotEnv(req, res) {
-    let dotEnvFile = '';
-
-    try {
-      dotEnvFile = await fs.readFile(path.resolve(APP_DIRECTORY, './.env'), 'utf8');
-    } catch (e) {
-      // NOTE: Ignore error
-    }
-
-    try {
-      await fs.writeFile(path.resolve(APP_DIRECTORY, './.env'), updateDotEnv(dotEnvFile, 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,33 +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)}`;
-
-export const updateDotEnv = (dotEnvFile = '', changes) => {
-  const restChanges = changes || {};
-
-  return dotEnvFile
-    .split('\n')
-    .map(line => {
-      if (!line.length || line.startsWith('#')) return line;
-
-      const [key] = line.split('=');
-      if (Object.keys(restChanges).includes(key)) {
-        const newValue = restChanges[key];
-        delete restChanges[key];
-
-        return format(key, newValue);
-      }
-
-      return line;
-    })
-    .concat(Object.entries(restChanges).map(([key, value]) => format(key, value)))
-    .join('\n');
-};

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

@@ -1,34 +0,0 @@
-import { CORVA_GLOBAL_DEPENDENCIES, UNSUPPORTED_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}`);
-      }
-    }
-  });
-
-  UNSUPPORTED_DEPENDENCIES.forEach(({ dependency: dependencyName, alternative = '' }) => {
-    if (dependencyName in dependencies)
-      errors.push(
-        `${dependencyName} is not supported.${
-          alternative ? ` Please use ${alternative} instead.` : ''
-        }`
-      );
-  });
-
-  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,103 +0,0 @@
-import validateApp from './validators';
-
-const webpack = require('webpack');
-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(),
-      new webpack.ProvidePlugin({
-        process: 'process/browser',
-      }),
-    ],
-    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',
-              options: {
-                compilerOptions: {
-                  noEmit: false,
-                },
-              },
-            },
-          ],
-        },
-      ],
-    },
-  };
-}

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

@@ -1,136 +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);
-};
-
-function devServerExternals(context, request, callback) {
-  // NOTE: The intent of this helper is to externalise @corva/ui
-  // This will make all imports from @corva/ui work the same in LTF as they work on Corva Dashboards
-  const corvaDCPlatformLibName = path.join('@corva', 'dc-platform-shared');
-  const corvaUILibName = '@corva/ui';
-  const corvaUILibRegex = new RegExp(`(^${corvaUILibName}$|^${corvaUILibName}\/)([^]+)?`); // eslint-disable-line
-
-  if (!context.includes(corvaDCPlatformLibName)) {
-    const match = corvaUILibRegex.exec(request);
-    if (match !== null) {
-      // NOTE: This matches ONLY the case when import from @corva/ui is done inside the DC app
-      const component = match[2] || '';
-      return callback(null, ['window', corvaUILibName, ...component.split('/').filter(Boolean)]);
-    }
-  }
-
-  return callback();
-}
-
-export default function getDevConfig(env, args) {
-  const host = process.env.HOST || args.host || 'app.local.corva.ai';
-  const port = process.env.PORT || args.port || 8080;
-  return merge(getCommonConfig(env, args), {
-    mode: 'development',
-    devtool: 'inline-source-map',
-    devServer: {
-      static: './dist',
-      host,
-      port,
-      onBeforeSetupMiddleware: devServer =>
-        onBeforeSetupMiddleware(devServer.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 and @corva/dc-platform-shared
-          {
-            from: path.resolve(process.cwd(), 'node_modules', '@corva/ui/assets'),
-            to: 'static/media',
-            noErrorOnMissing: true,
-          },
-          {
-            from: path.resolve(process.cwd(), 'node_modules', '@corva/dc-platform-shared/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(),
-    ],
-    externals: devServerExternals,
-    module: {
-      rules: [
-        {
-          test: /\.(png|jpe?g|gif)$/i,
-          type: 'asset/resource',
-        },
-        {
-          test: /\.svg$/,
-          use: [
-            {
-              loader: 'svg-url-loader',
-              options: {
-                limit: 10000,
-              },
-            },
-          ],
-        },
-      ],
-    },
-  });
-}

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

@@ -1,119 +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 TerserPlugin = require('terser-webpack-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-
-// const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
-
-const {
-  application: { key: appKey },
-} = manifestJson;
-
-const { version } = packageJson;
-const getAppIdentifier = isLocalDebug => {
-  const appIdentifier = appKey.replace(/\./g, '_');
-  if (isLocalDebug) return appIdentifier;
-  return `${appIdentifier}-${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 = ['react/jsx-runtime', 'highcharts/'];
-
-export default function getProdConfig(env, args) {
-  // NOTE: https://www.notion.so/corva/Run-local-DC-app-on-Corva-Dashboard-26e0bc87c50a42f29b8dc7bd68e2f874
-  const isLocalDebug = !!env?.local_debug;
-
-  return merge(getCommonConfig(env, args), {
-    entry: './src/index.js',
-    output: {
-      library: getAppIdentifier(isLocalDebug),
-      path: path.resolve(APP_DIRECTORY, 'dist'),
-      filename: 'app.js',
-      libraryTarget: 'window',
-      publicPath: 'auto',
-    },
-    mode: isLocalDebug ? 'development' : 'production',
-    plugins: [
-      new webpack.EnvironmentPlugin(process.env),
-      new CopyWebpackPlugin({
-        patterns: [
-          {
-            from: path.resolve(process.cwd(), 'manifest.json'),
-            to: './',
-            noErrorOnMissing: true,
-          },
-        ],
-      }),
-      // 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) {
-        for (let i = 0; i < SKIP_IN_EXTERNALS.length; i += 1) {
-          if (request.startsWith(SKIP_IN_EXTERNALS[i])) 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,
-          type: 'asset/resource',
-        },
-        {
-          test: /\.svg$/,
-          use: [
-            {
-              loader: 'svg-url-loader',
-              options: {
-                limit: 10000,
-              },
-            },
-          ],
-        },
-      ],
-    },
-  });
-}

package/src/cjs/index.js

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

package/src/clients/auth0/index.js

@@ -1,28 +0,0 @@
-/* eslint-disable-next-line */
-import auth0 from 'auth0-js';
-
-class Auth {
-  constructor() {
-    this.webAuth = new auth0.WebAuth({
-      domain: process.env.REACT_APP_AUTH0_DOMAIN,
-      clientID: process.env.REACT_APP_AUTH0_CLIENT_ID,
-      redirectUri: `${window.location.origin}/login/oauth-callback`,
-      audience: process.env.REACT_APP_AUTH0_AUDIENCE,
-      responseType: 'token',
-      scope: 'openid profile email',
-    });
-  }
-
-  handleAuthentication = (handleSuccess, handleError) =>
-    this.webAuth.parseHash((err, authResult) => {
-      if (authResult && authResult.accessToken) {
-        handleSuccess(authResult);
-      } else if (err) {
-        handleError(err);
-      }
-    });
-
-  loginWithConnection = connection => this.webAuth.authorize({ connection });
-}
-
-export default Auth;

package/src/components/AppsGridDragHandle/AppsGridDragHandle.js

@@ -1,30 +0,0 @@
-import classNames from 'classnames';
-import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
-
-import styles from './AppsGridDragHandle.scss';
-
-const GRID_LAYOUT_DRAG_HANDLE_CLASS = 'grid-layout-drag-handle';
-
-export function AppsGridDragHandle() {
-  return (
-    <>
-      <div className={classNames(styles.dragLine, GRID_LAYOUT_DRAG_HANDLE_CLASS)}>
-        <div className={styles.dragIconContainer}>
-          <DragIndicatorIcon className={styles.dragIcon} />
-        </div>
-      </div>
-      {/* Purpose of this overlay: When a user drags the app by the header,
-          he can easily move his cursor over the rest of the app. When it happens - drag stops
-          working, because his cursor is located withing the iframe now, and it doesn't propagete
-          move events to let react-grid-layout library know where to move the app. It
-          looks like app is frozen untill a user moves his cursor from the app. To prevent this,
-          we cover the rest of the app with this invisible overlay while the drag is active,
-          so even if a user moves his cursor over the app - events are still propagated - because this overalay is on top
-          of the iframe 
-        */}
-      <div className={styles.dragOverlay} />
-    </>
-  );
-}
-
-AppsGridDragHandle.GRID_LAYOUT_DRAG_HANDLE_CLASS = GRID_LAYOUT_DRAG_HANDLE_CLASS;