npm - gogoclient - Versions diffs - 1.2.2 - Mend

gogoclient 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/LICENSE +21 -0
package/README.md +1 -0
package/dist/components/AuthWrapper.js +61 -0
package/dist/components/PageLayout.js +53 -0
package/dist/components/RequireAuth.js +86 -0
package/dist/components/index.js +27 -0
package/dist/helpers/Root.js +206 -0
package/dist/helpers/SubscriptionManager.js +61 -0
package/dist/helpers/currentUserContext.js +12 -0
package/dist/helpers/currentUserQuery.js +11 -0
package/dist/helpers/getUrl.js +18 -0
package/dist/helpers/sentry.js +25 -0
package/dist/helpers/startClient.js +25 -0
package/dist/helpers/subscriptionManagerContext.js +22 -0
package/dist/index.js +109 -0
package/dist/pages/ProviderConnection.page.js +99 -0
package/dist/pages/ProviderConnection.queries.js +12 -0
package/dist/pages/index.js +28 -0
package/dist/theme/elements/Action.js +29 -0
package/dist/theme/elements/ActionGroup.js +14 -0
package/dist/theme/elements/AppBar.js +17 -0
package/dist/theme/elements/Button.js +31 -0
package/dist/theme/elements/Checkbox.js +38 -0
package/dist/theme/elements/GlobalStyle.js +10 -0
package/dist/theme/elements/Logo.js +10 -0
package/dist/theme/elements/Menu.js +15 -0
package/dist/theme/elements/Radio.js +27 -0
package/dist/theme/elements/TextField.js +39 -0
package/dist/theme/elements/index.js +76 -0
package/dist/theme/index.js +93 -0
package/dist/toolkit/darkenLighten.js +57 -0
package/dist/toolkit/headingScale.js +29 -0
package/dist/toolkit/index.js +79 -0
package/dist/toolkit/media.js +23 -0
package/dist/toolkit/override.js +74 -0
package/dist/toolkit/styles/fadeInOut.js +11 -0
package/dist/toolkit/styles/rotate360.js +11 -0
package/dist/toolkit/themeHelper.js +53 -0
package/dist/ui/_helpers/_helpers.js +69 -0
package/dist/ui/_helpers/cssSnippets.js +11 -0
package/dist/ui/_helpers/index.js +40 -0
package/dist/ui/_helpers/useBreakpoint.js +35 -0
package/dist/ui/assignReviewers/AssignReviewers.js +174 -0
package/dist/ui/assignReviewers/InviteRowProp.js +130 -0
package/dist/ui/assignReviewers/ReviewerTable.js +268 -0
package/dist/ui/assignReviewers/SearchBox.js +160 -0
package/dist/ui/assignReviewers/SuggestedReviewer.js +28 -0
package/dist/ui/assignReviewers/index.js +13 -0
package/dist/ui/authentication/AuthenticationForm.js +87 -0
package/dist/ui/authentication/AuthenticationHeader.js +13 -0
package/dist/ui/authentication/AuthenticationWrapper.js +13 -0
package/dist/ui/authentication/ChangePassword.js +128 -0
package/dist/ui/authentication/DeactivatedUser.js +17 -0
package/dist/ui/authentication/Login.js +74 -0
package/dist/ui/authentication/ProfileForm.js +79 -0
package/dist/ui/authentication/ProviderConnection.js +69 -0
package/dist/ui/authentication/RequestPasswordReset.js +89 -0
package/dist/ui/authentication/ResetPassword.js +96 -0
package/dist/ui/authentication/Signup.js +180 -0
package/dist/ui/authentication/SuccessSubTitle.js +20 -0
package/dist/ui/authentication/VerifyCheck.js +55 -0
package/dist/ui/authentication/VerifyEmail.js +119 -0
package/dist/ui/authentication/index.js +104 -0
package/dist/ui/chat/ChatInput.js +63 -0
package/dist/ui/chat/ChatMessage.js +67 -0
package/dist/ui/chat/ChatMessageList.js +45 -0
package/dist/ui/chat/ChatThread.js +41 -0
package/dist/ui/chat/index.js +34 -0
package/dist/ui/common/AutoComplete.js +56 -0
package/dist/ui/common/Button.js +83 -0
package/dist/ui/common/ButtonGroup.js +58 -0
package/dist/ui/common/Checkbox.js +30 -0
package/dist/ui/common/CheckboxGroup.js +42 -0
package/dist/ui/common/CokoLink.js +24 -0
package/dist/ui/common/Collapse.js +14 -0
package/dist/ui/common/DateParser.js +49 -0
package/dist/ui/common/Divider.js +8 -0
package/dist/ui/common/Empty.js +14 -0
package/dist/ui/common/Form.js +216 -0
package/dist/ui/common/FormSection.js +35 -0
package/dist/ui/common/Headings.js +74 -0
package/dist/ui/common/Input.js +72 -0
package/dist/ui/common/InputNumber.js +54 -0
package/dist/ui/common/InviteStatus.js +63 -0
package/dist/ui/common/Layout.js +17 -0
package/dist/ui/common/LinkWithoutStyles.js +12 -0
package/dist/ui/common/List.js +390 -0
package/dist/ui/common/Modal.js +17 -0
package/dist/ui/common/Note.js +23 -0
package/dist/ui/common/Page.js +33 -0
package/dist/ui/common/Pagination.js +126 -0
package/dist/ui/common/Popup.js +146 -0
package/dist/ui/common/Radio.js +54 -0
package/dist/ui/common/Result.js +8 -0
package/dist/ui/common/Ribbon.js +54 -0
package/dist/ui/common/Search.js +30 -0
package/dist/ui/common/Select.js +148 -0
package/dist/ui/common/Spin.js +87 -0
package/dist/ui/common/Split.js +49 -0
package/dist/ui/common/Status.js +53 -0
package/dist/ui/common/Switch.js +47 -0
package/dist/ui/common/Table.js +111 -0
package/dist/ui/common/Tabs.js +8 -0
package/dist/ui/common/TabsStyled.js +65 -0
package/dist/ui/common/TextArea.js +29 -0
package/dist/ui/common/Typography.js +9 -0
package/dist/ui/common/VisuallyHiddenElement.js +17 -0
package/dist/ui/common/_reusableStyles.js +14 -0
package/dist/ui/common/index.js +341 -0
package/dist/ui/index.js +49 -0
package/package.json +114 -0
package/scripts/coko-client-build.js +42 -0
package/scripts/coko-client-build.sh +28 -0
package/scripts/coko-client-dev.js +16 -0
package/scripts/coko-client-dev.sh +28 -0
package/scripts/env.sh +41 -0
package/webpack/changes.md +20 -0
package/webpack/index.ejs +15 -0
package/webpack/noop.js +11 -0
package/webpack/webpack.config.js +483 -0

package/webpack/index.ejs ADDED Viewed

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang=<%= htmlWebpackPlugin.options.language %>>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title><%= htmlWebpackPlugin.options.title %></title>
+    <script src="/env.js"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/webpack/noop.js ADDED Viewed

@@ -0,0 +1,11 @@
+/**
+ * A module that does nothing. Use this as a fallback for files that are
+ * optional in webpack's config.
+ */
+// This can be useful to see if this module actually got used
+// const noop = (() => console.log('the noop!'))()
+const noop = {}
+module.exports = noop

package/webpack/webpack.config.js ADDED Viewed

@@ -0,0 +1,483 @@
+const path = require('path')
+const appRootPath = require('app-root-path')
+const startsWith = require('lodash/startsWith')
+const range = require('lodash/range')
+const has = require('lodash/has')
+const colors = require('colors/safe')
+const webpack = require('webpack')
+const CompressionPlugin = require('compression-webpack-plugin')
+const CopyPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin')
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
+const {
+  NODE_ENV,
+  CLIENT_APP_ROOT_PATH,
+  CLIENT_BUILD_FOLDER_PATH,
+  CLIENT_ENTRY_FILE_PATH,
+  CLIENT_FAST_REFRESH,
+  CLIENT_FAVICON_PATH,
+  CLIENT_PAGE_TITLE,
+  CLIENT_STATIC_FOLDER_PATH,
+  CLIENT_PAGES_FOLDER_PATH,
+  CLIENT_PORT,
+  CLIENT_UI_FOLDER_PATH,
+  CLIENT_LANGUAGE,
+  CLIENT_WS_MIN_TIMEOUT,
+  CLIENT_WS_TIMEOUT,
+  SERVER_URL,
+  WEBSOCKET_SERVER_URL,
+  YJS_WEBSOCKET_SERVER_URL,
+  SENTRY_DSN,
+  SENTRY_ENVIRONMENT,
+} = process.env
+//
+/* SET UP VARS */
+//
+// Environment variables that will only be used in this config
+const variablesForWebpackConfig = [
+  'CLIENT_APP_ROOT_PATH',
+  'CLIENT_BUILD_FOLDER_PATH',
+  'CLIENT_ENTRY_FILE_PATH',
+  'CLIENT_FAST_REFRESH',
+  'CLIENT_FAVICON_PATH',
+  'CLIENT_LANGUAGE',
+  'CLIENT_PAGE_TITLE',
+  'CLIENT_PAGES_FOLDER_PATH',
+  'CLIENT_PORT',
+  'CLIENT_STATIC_FOLDER_PATH',
+  'CLIENT_UI_FOLDER_PATH',
+]
+/**
+ * This object maps variables to their default values
+ * If a variable is undefined, an error will be thrown
+ * Use undefined for required variables, and null or an actual value for optional ones
+ * Server url and websocket url are optional because they might not be provided at build time in production,
+ * but at runtime with our dynamic url mechanism
+ */
+const DEFAULT_CLIENT_WS_MIN_TIMEOUT = 5000
+const DEFAULT_CLIENT_WS_TIMEOUT = 60000
+// Environment variables that will be passed down to the build
+const variablesForBuild = {
+  NODE_ENV: undefined,
+  SERVER_URL: null,
+  WEBSOCKET_SERVER_URL: null,
+  YJS_WEBSOCKET_SERVER_URL: null,
+  SENTRY_DSN: null,
+  SENTRY_ENVIRONMENT: null,
+  CLIENT_WS_MIN_TIMEOUT: DEFAULT_CLIENT_WS_MIN_TIMEOUT,
+  CLIENT_WS_TIMEOUT: DEFAULT_CLIENT_WS_TIMEOUT,
+}
+// Allow custom variables that start with CLIENT_ to pass into the build
+const customVariables = Object.keys(process.env)
+  .filter(k => {
+    return (
+      !variablesForWebpackConfig.includes(k) &&
+      !has(variablesForBuild, k) &&
+      startsWith(k, 'CLIENT_')
+    )
+  })
+  .reduce((obj, k) => {
+    const newObj = { ...obj }
+    newObj[k] = undefined
+    return newObj
+  }, {})
+const variablesInBuild = { ...variablesForBuild, ...customVariables }
+const mode = NODE_ENV === 'production' ? 'production' : 'development'
+const isEnvDevelopment = mode === 'development'
+const isEnvProduction = mode === 'production'
+let appPath
+if (CLIENT_APP_ROOT_PATH) {
+  appPath = path.resolve(CLIENT_APP_ROOT_PATH)
+} else {
+  appPath = path.resolve(appRootPath.toString(), 'app')
+}
+const uiFolderPath = path.resolve(appPath, CLIENT_UI_FOLDER_PATH || 'ui')
+const pagesFolderPath = path.resolve(
+  appPath,
+  CLIENT_PAGES_FOLDER_PATH || 'pages',
+)
+const noopPath = path.resolve(__dirname, 'noop.js')
+const staticFolderPath =
+  CLIENT_STATIC_FOLDER_PATH || path.resolve(appPath, '..', 'static')
+const buildFolderPath =
+  CLIENT_BUILD_FOLDER_PATH || path.resolve(appPath, '..', '_build')
+// react's fast-refresh is opt-in for the time being
+const fastRefreshValue =
+  CLIENT_FAST_REFRESH && CLIENT_FAST_REFRESH.toString().toLowerCase()
+const useFastRefresh = fastRefreshValue === '1' || fastRefreshValue === 'true'
+const templatePath = path.resolve(__dirname, 'index.ejs')
+const entryFilePath = CLIENT_ENTRY_FILE_PATH || './start.js'
+const devServerPort = CLIENT_PORT || 8080
+const faviconPath = CLIENT_FAVICON_PATH
+const pageTitle = CLIENT_PAGE_TITLE
+const language = CLIENT_LANGUAGE
+const defaultLanguage = 'en-US'
+const serverUrl = SERVER_URL
+const websocketServerUrl = WEBSOCKET_SERVER_URL
+const yjsWebsocketServerUrl = YJS_WEBSOCKET_SERVER_URL
+const WSLinkMinTimeout = CLIENT_WS_MIN_TIMEOUT || DEFAULT_CLIENT_WS_MIN_TIMEOUT
+const WSLinkTimeout = CLIENT_WS_TIMEOUT || DEFAULT_CLIENT_WS_TIMEOUT
+// const antVariablesPath = require.resolve(
+//   path.join(antPath, 'lib/style/themes/default.less'),
+// )
+// #region log-init
+/* eslint-disable no-console */
+const symbolGenerator = n => {
+  const SYMBOL = '/'
+  let symbols = ''
+  range(n).forEach(() => (symbols += SYMBOL))
+  return symbols
+}
+const cyan = t => console.log(colors.cyan(t))
+const logSeparator = () => cyan(symbolGenerator(22))
+const logHeader = text => {
+  logSeparator()
+  cyan(`${symbolGenerator(2)} ${text.toUpperCase()}\n`)
+}
+const logStatus = (label, message, newLine) => {
+  console.log(`${colors.cyan(label)}: ${message}${newLine ? '\n' : ''}`)
+}
+logHeader('coko client info')
+logStatus('Environment', NODE_ENV, true)
+logStatus(`App context path is set to`, appPath)
+isEnvProduction && logStatus(`Build will be written to`, buildFolderPath)
+logStatus(`Static folder path found at`, staticFolderPath)
+logStatus(`App entry file will be`, entryFilePath)
+logStatus(`UI folder path will be`, uiFolderPath)
+logStatus(`Pages folder path will be`, pagesFolderPath)
+logStatus(`Favicon path will be`, faviconPath)
+logStatus(`Page title set to`, pageTitle)
+logStatus(`Language set to`, language || `${defaultLanguage} (default)`)
+isEnvDevelopment && logStatus(`Dev server will run at port`, devServerPort)
+logStatus(`Server will be requested at`, serverUrl)
+logStatus(`Websocket server will be requested at`, websocketServerUrl)
+logStatus(`Websocket link min timeout will be `, WSLinkMinTimeout)
+logStatus(`Websocket link timeout will be `, WSLinkTimeout)
+logStatus(`Sentry initialized: `, SENTRY_DSN && SENTRY_ENVIRONMENT)
+logStatus(
+  'yjs websocket server url will be requested at',
+  yjsWebsocketServerUrl,
+)
+logStatus(`React fast-refresh is`, useFastRefresh ? 'on' : 'off')
+logStatus(
+  'Custom environment variables detected',
+  Object.keys(customVariables).length > 0
+    ? `${Object.keys(customVariables).join(', ')}`
+    : 'none',
+  true,
+)
+logSeparator()
+console.log('')
+/* eslint-enable no-console */
+// #endregion log-init
+//
+/* BASE CONFIG */
+//
+const webpackConfig = {
+  context: appPath,
+  entry: entryFilePath,
+  name: 'client',
+  mode,
+  // TO DO -- browserlist?
+  target: 'web',
+  // TO DO -- bundle analyzer
+  output: {
+    chunkFilename: isEnvProduction
+      ? 'js/[name].[contenthash:8].chunk.js'
+      : isEnvDevelopment && 'js/[name].chunk.js',
+    filename: isEnvProduction ? 'js/[name].[contenthash:8].js' : 'js/[name].js',
+    // There are also additional JS chunk files if you use code splitting.
+    // path: contentBase,
+    path: buildFolderPath,
+    // publicPath: isEnvProduction ? '/assets/' : '/',
+    publicPath: '/',
+  },
+  //
+  /* RULES */
+  //
+  module: {
+    rules: [
+      // Typescript
+      { test: /\.tsx?$/, loader: 'ts-loader' },
+      // mjs files: needed because of apollo upload client
+      {
+        test: /\.m?js/,
+        resolve: {
+          fullySpecified: false,
+        },
+      },
+      // js files
+      {
+        test: /\.js$|\.jsx$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env', '@babel/preset-react'],
+            plugins: [
+              // ['@babel/plugin-proposal-decorators', { version: '2023-11' }],
+              ['@babel/plugin-proposal-decorators', { legacy: true }],
+              'babel-plugin-parameter-decorator',
+              ['@babel/plugin-transform-class-properties', { loose: true }],
+              [
+                '@babel/plugin-transform-private-property-in-object',
+                { loose: true },
+              ],
+              ['@babel/plugin-transform-private-methods', { loose: true }],
+              '@babel/plugin-transform-runtime',
+              'babel-plugin-styled-components',
+            ].filter(Boolean),
+            env: {
+              development: {
+                plugins: [
+                  useFastRefresh && require.resolve('react-refresh/babel'),
+                ].filter(Boolean),
+              },
+              // TO DO: install babel-preset-minify?
+              //   production: {
+              //     /* bug requires mangle:false https://github.com/babel/minify/issues/556#issuecomment-339751209 */
+              //     presets: [['minify', { builtIns: false, mangle: false }]],
+              //   },
+            },
+          },
+        },
+      },
+      // TO DO -- remove url-loader from dependencies
+      // Images
+      {
+        test: /\.png|\.jpg|\.svg$/,
+        type: 'asset/resource',
+      },
+      // {
+      //   test: /\.png|\.jpg$/,
+      //   loader: 'url-loader',
+      //   // options: {
+      //   //   limit: 5000,
+      //   // },
+      // },
+      // Fonts
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/i,
+        type: 'asset/resource',
+      },
+      // {
+      //   test: /\.woff|\.woff2|\.svg|.eot|\.ttf/,
+      //   loader: 'url-loader',
+      //   options: {
+      //     name: 'static/media/[name].[hash:8].[ext]',
+      //     // fonts break without this line, revisit when webpack dependencies are upgraded
+      //     esModule: false,
+      //   },
+      // },
+      // HTML
+      { test: /\.html$/, loader: 'html-loader' },
+      // CSS
+      {
+        test: /\.css$/i,
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.less$/,
+        use: [
+          {
+            loader: 'style-loader',
+          },
+          {
+            loader: 'css-loader', // translates CSS into CommonJS
+          },
+        ],
+      },
+    ],
+  },
+  //
+  /* PLUGINS */
+  //
+  plugins: [
+    // Use the index.ejs template to create the base index.html file of the bundle
+    new HtmlWebpackPlugin({
+      favicon: faviconPath,
+      template: templatePath,
+      title: pageTitle,
+      language: language || defaultLanguage,
+    }),
+    // DEV-ONLY
+    // React fast-refresh
+    isEnvDevelopment &&
+      useFastRefresh &&
+      new webpack.HotModuleReplacementPlugin(),
+    isEnvDevelopment && useFastRefresh && new ReactRefreshWebpackPlugin(),
+    isEnvDevelopment &&
+      new BundleAnalyzerPlugin({
+        openAnalyzer: false,
+        analyzerHost: '0.0.0.0',
+      }),
+    // PROD-ONLY
+    isEnvProduction &&
+      new MiniCssExtractPlugin({
+        chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
+        filename: 'static/css/[name].[contenthash:8].css',
+      }),
+    // Make sure environment variables are defined
+    new webpack.EnvironmentPlugin(variablesInBuild),
+    // Copy static assets to root of build folder
+    new CopyPlugin({
+      patterns: [{ from: staticFolderPath }],
+    }),
+    new webpack.optimize.AggressiveMergingPlugin(),
+    new CompressionPlugin(),
+    // TO DELETE
+    // new webpack.NoEmitOnErrorsPlugin(),
+    // new webpack.optimize.OccurrenceOrderPlugin(),
+  ].filter(Boolean),
+  optimization: {
+    splitChunks: {
+      chunks: 'all',
+      minSize: 20000,
+      maxSize: 244000,
+      minChunks: 1,
+      maxAsyncRequests: 30,
+      maxInitialRequests: 30,
+      automaticNameDelimiter: '~',
+      enforceSizeThreshold: 50000,
+      cacheGroups: {
+        defaultVendors: {
+          test: /[\\/]node_modules[\\/]/,
+          priority: -10,
+          reuseExistingChunk: true,
+        },
+        default: {
+          minChunks: 2,
+          priority: -20,
+          reuseExistingChunk: true,
+        },
+        // Common vendor chunks for better caching
+        reactVendor: {
+          test: /[\\/]node_modules[\\/](react|react-dom|react-router|react-router-dom)[\\/]/,
+          name: 'vendor-react',
+          chunks: 'all',
+          priority: 0,
+        },
+        antdVendor: {
+          test: /[\\/]node_modules[\\/](antd|@ant-design)[\\/]/,
+          name: 'vendor-antd',
+          chunks: 'all',
+          priority: 0,
+        },
+        apolloVendor: {
+          test: /[\\/]node_modules[\\/](@apollo|graphql|graphql-ws)[\\/]/,
+          name: 'vendor-apollo',
+          chunks: 'all',
+          priority: 0,
+        },
+      },
+    },
+    ...(isEnvProduction
+      ? {
+          runtimeChunk: 'single',
+          moduleIds: 'deterministic',
+          usedExports: true,
+          minimize: true,
+        }
+      : {}),
+  },
+  // TO DELETE
+  // resolve: {
+  //   alias: {
+  //     config: clientConfigPath,
+  //     joi: 'joi-browser',
+  //   },
+  //   enforceExtension: false,
+  //   extensions: ['.mjs', '.js', '.jsx', '.json', '.scss'],
+  // },
+  resolve: {
+    alias: {
+      pages: pagesFolderPath,
+      ui: uiFolderPath,
+    },
+    fallback: {
+      pages: noopPath,
+      ui: noopPath,
+    },
+  },
+}
+if (isEnvDevelopment) {
+  // TO DO -- use any source map in production?
+  webpackConfig.devtool = 'cheap-module-source-map'
+  //
+  /* WEBPACK DEV SERVER */
+  //
+  webpackConfig.devServer = {
+    // handle unknown routes
+    historyApiFallback: true,
+    // play nice from a within a docker container
+    host: '0.0.0.0',
+    port: devServerPort,
+  }
+}
+module.exports = webpackConfig