wjec-one 4.0.0-alpha.9 → 4.0.0

package/config/jest.config.js

@@ -0,0 +1,77 @@
+const fs = require('fs');
+const path = require('path');
+
+const appPath = fs.realpathSync(process.cwd());
+const scriptsPath = path.resolve(__dirname, '..');
+
+const { overrides = {} } = require(path.join(appPath, 'package.json'));
+const coverageThreshold = overrides.coverageThreshold === undefined ? 100 : overrides.coverageThreshold;
+
+module.exports = {
+  collectCoverageFrom: [
+    'auth/**/*.{ts,tsx}',
+    'localization/**/*.{ts,tsx}',
+    'portal/**/*.{ts,tsx}',
+    'services/**/*.{ts,tsx}',
+    'src/**/*.{ts,tsx}',
+    'store/**/*.{ts,tsx}',
+    'theme/**/*.{ts,tsx}',
+    'utils/**/*.{ts,tsx}',
+
+    '!**/*.d.ts',
+    '!localization/index.ts',
+    '!portal/index.ts',
+    '!portal/**/store/state.{ts,tsx}',
+    '!services/index.ts',
+    '!src/ColorPalette*.ts',
+    '!src/components/**/styles.{ts,tsx}',
+    '!src/StylePalette.ts',
+    '!src/styles',
+    '!test/**/*',
+    '!theme/index.ts',
+    '!theme/ThemeContext.ts',
+    '!theme/ThemeState.ts',
+    '!theme/utils.ts',
+    '!**/types',
+    '!types.ts',
+    '!utils/index.ts',
+    '!utils/ConfigUtils.ts'
+  ],
+  coverageReporters: ['cobertura', 'json', 'text'],
+  coverageThreshold: {
+    global: {
+      branches: coverageThreshold,
+      functions: coverageThreshold,
+      lines: coverageThreshold,
+      statements: coverageThreshold
+    }
+  },
+  coverageDirectory: '../test-coverage',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': overrides.setupTests ? path.join(scriptsPath, 'test/assetsTransformer.ts') : '<rootDir>/test/assetsTransformer.ts',
+    '\\.svg': overrides.setupTests ? path.join(scriptsPath, 'test/svgTransformer.tsx') : '<rootDir>/test/svgTransformer.tsx',
+    '^src/(.&)$': '<rootDir>/src/$1'
+  },
+  modulePaths: [overrides.setupTests ? './' : '<rootDir>'],
+  modulePathIgnorePatterns: ['./lib', 'dist'],
+  roots: [
+    '<rootDir>'
+  ],
+  rootDir: overrides.setupTests ? appPath : '../',
+  setupFiles: [
+    overrides.setupTests ? path.join(scriptsPath, 'test/setupTests.ts') : '<rootDir>/test/setupTests.ts'
+  ],
+  setupFilesAfterEnv: overrides.setupTests ? [path.join(scriptsPath, 'test/setupTestsAfterEnv.ts')] : [],
+  snapshotSerializers: overrides.setupTests ? [] : ['@emotion/jest/serializer'],
+  testEnvironment: 'jsdom',
+  testMatch: ['**/__tests__/**/*.ts?(x)', '**/?(*.)+(spec|test).ts?(x)'],
+  transform: {
+    '^.+\\.tsx?$|wjec-one': 'ts-jest'
+  },
+  transformIgnorePatterns: ['/node_modules/(?!(wjec-one/*)/)'],
+  reporters: [
+    'default',
+    ['jest-junit', { outputDirectory: './test-results' }]
+  ]
+};

package/config/tsconfig.json

@@ -0,0 +1,52 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": "../",
+    "declaration": true,
+    "declarationDir": "../temp/dts",
+    "downlevelIteration": true,
+    "esModuleInterop": true,
+    "jsx": "react",
+    "lib": ["es5", "es6", "es2019", "es2022", "dom"],
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "noImplicitAny": true,
+    "outDir": "../temp",
+    "paths": {
+      "auth": ["auth"],
+      "localization": ["localization"],
+      "portal": ["portal"],
+      "root": [""],
+      "services": ["services"],
+      "src/*": ["src/*"],
+      "store": ["store"],
+      "test": ["test"],
+      "theme": ["theme"],
+      "utils": ["utils"],
+
+      "wjec-one": [""],
+      "wjec-one/auth": ["auth"],
+      "wjec-one/localization": ["localization"],
+      "wjec-one/portal": ["portal"],
+      "wjec-one/services": ["services"],
+      "wjec-one/store": ["store"],
+      "wjec-one/test": ["test"],
+      "wjec-one/theme": ["theme"],
+      "wjec-one/utils": ["utils"]
+    },
+    "plugins": [
+      { "transform": "typescript-transform-paths", },
+      {
+        "transform": "typescript-transform-paths",
+        "afterDeclarations": true
+      }
+    ],
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "target": "ESNext",
+    "types": ["jest", "node", "resize-observer-browser"]
+  },
+  "include": ["../global-types/*.d.ts", "../src/**/*", "../portal/**/*", "../utils/*", "../store/**/*", "../services/*", "../localization/*", "../theme/*", "../auth/*", "../"],
+  "exclude": ["../node_modules", "../dist", "../temp", "../scripts"]
+}

package/config/webpack.config.js

@@ -0,0 +1,237 @@
+const path = require('path');
+const babelConfig = require('./babel.config');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const fs = require('fs');
+const webpack = require('webpack');
+
+const isProjectEnv = /node_modules[\\/]wjec-one[\\/]?$/.test(path.join(fs.realpathSync(__dirname), '../'));
+
+const appPath = path.join(fs.realpathSync(__dirname), isProjectEnv ? '../../../' : '../');
+const scriptsPath = path.resolve(__dirname, '..');
+
+const config = isProjectEnv ? require(path.join(appPath, 'config/config.json')) : null;
+const { overrides = {}, version } = isProjectEnv ? require(path.join(appPath, 'package.json')) : {};
+const devServerHost = overrides.devServerHost || 'localhost';
+const devServerPort = overrides.devServerPort === undefined ? 9001 : overrides.devServerPort;
+
+const currentTimestamp = Date.now();
+
+const generateFilename = () => {
+  let suffix = overrides.filenameSuffix;
+
+  switch (suffix) {
+    case 'buildId':
+      suffix = process.env.BITBUCKET_BUILD_NUMBER;
+      break;
+    case 'currentTimestamp':
+      suffix = currentTimestamp;
+      break;
+    case 'version':
+      suffix = getVersionNumber();
+      break;
+  }
+
+  return suffix
+    ? `[name].${suffix}.js`
+    : '[name].js';
+};
+
+const getVersionNumber = () => {
+  const { property, source } = overrides.versionNumberSource || { property: 'version', source: 'package' };
+
+  switch (source) {
+    case 'env':
+      return process.env[property];
+    case 'config':
+      return config[property];
+    default:
+      return version;
+  }
+};
+
+const projectEnvPlugins = [
+  new CopyWebpackPlugin({
+    patterns: [
+    ...fs.readdirSync(path.join(appPath, 'config')).map((fileName) => ({
+      from: path.join(appPath, 'config', fileName),
+      to: 'config'
+    }))
+  ].filter((e) => e)}),
+  new webpack.DefinePlugin({
+    'process.env.NODE_DEBUG': JSON.stringify(process.env.NODE_DEBUG),
+    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
+  }),
+  new ForkTsCheckerWebpackPlugin({
+    typescript: {
+      configFile: path.join(scriptsPath, 'config/tsconfig.json')
+    }
+  }),
+  new HtmlWebpackPlugin({
+    template: path.join(appPath, 'index.html'),
+    filename: './index.html',
+    tsconfig: path.join(scriptsPath, 'config/tsconfig.json')
+  })
+];
+
+const projectEnvAliases = {
+  config: path.join(appPath, 'config'),
+  src: path.join(appPath, 'src'),
+  test: path.join(appPath, 'test')
+};
+
+const wjecOnePlugins = [
+  new ForkTsCheckerWebpackPlugin({
+    typescript: {
+      configFile: `${__dirname}/tsconfig.json`
+    }
+  }),
+  new HtmlWebpackPlugin({
+    template: 'scratchpad/index.html',
+    tsconfig: `${__dirname}/tsconfig.json`
+  })
+  // new webpack.HotModuleReplacementPlugin()
+];
+
+const wjecOneAliases = {
+  auth: path.resolve(__dirname, '../auth'),
+  demo: path.resolve(__dirname, '../demo'),
+  localization: path.resolve(__dirname, '../localization'),
+  portal: path.resolve(__dirname, '../portal'),
+  root: path.resolve(__dirname, '../'),
+  services: path.resolve(__dirname, '../services'),
+  src: path.resolve(__dirname, '../src'),
+  store: path.resolve(__dirname, '../store'),
+  test: path.resolve(__dirname, '../test'),
+  theme: path.resolve(__dirname, '../theme'),
+  utils: path.resolve(__dirname, '../utils'),
+
+  'wjec-one': path.resolve(__dirname, '../'),
+  'wjec-one/auth': path.resolve(__dirname, '../auth'),
+  'wjec-one/localization': path.resolve(__dirname, '../localization'),
+  'wjec-one/portal': path.resolve(__dirname, '../portal'),
+  'wjec-one/services': path.resolve(__dirname, '../services'),
+  'wjec-one/store': path.resolve(__dirname, '../store'),
+  'wjec-one/test': path.resolve(__dirname, '../test'),
+  'wjec-one/theme': path.resolve(__dirname, '../theme'),
+  'wjec-one/utils': path.resolve(__dirname, '../utils')
+}
+
+const getDevConfig = (mode) => ({
+  context: scriptsPath,
+  devServer: {
+    host: devServerHost === 'localIp' ? '0.0.0.0' : devServerHost,
+    port: devServerPort,
+    https: false,
+    historyApiFallback: true,
+    static: {
+      directory: path.join(__dirname, './'),
+      staticOptions: { redirect: false }
+    }
+  },
+  devtool: mode === 'production' ? undefined : 'inline-source-map',
+  entry: isProjectEnv ? { index: `${appPath}/index.tsx`} : `${__dirname}/../scratchpad/scratchpad.tsx`,
+  mode,
+  module: {
+    rules: [{
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+        options: babelConfig,
+        test: /\.(js|jsx|ts|tsx)$/
+      },
+      {
+        test: /\.mjs$/,
+        include: /node_modules/,
+        type: 'javascript/auto'
+      },
+      {
+        test: /\.(png|jp(e*)g)$/,
+        use: [{
+          loader: 'url-loader',
+          options: {
+            limit: 5000000,
+            name: 'images/[name].[ext]'
+          }
+        }]
+      },
+      {
+        test: /\.svg$/,
+        use: [{
+          loader: '@svgr/webpack',
+          options: {
+            dimensions: false,
+            ref: true,
+            replaceAttrValues: {
+              '#000': 'currentColor',
+              '#2D3538': 'currentColor',
+              '#2E3638': 'currentColor'
+            },
+            svgoConfig: {
+              plugins: [{
+                name: 'preset-default',
+                params: {
+                  overrides: {
+                    removeViewBox: false
+                  }
+                }
+              }]
+            },
+            svgProps: {
+              xmlns: 'http://www.w3.org/2000/svg'
+            }
+          }
+        }]
+      },
+      {
+        type: 'javascript/auto',
+        test: /config\/*\.json$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'file-loader',
+          options: {
+            name: './config/[name].json',
+            publicPath: '../'
+          }
+        }
+      },
+      {
+        test: /\.(ttf|eot|woff|woff2)$/,
+        use: {
+          loader: 'file-loader',
+          options: {
+            name: './fonts/[name].[ext]',
+            publicPath: '../'
+          }
+        }
+      }
+    ]
+  },
+  optimization: {
+    usedExports: true
+  },
+  output: isProjectEnv ? {
+    chunkFilename: generateFilename(),
+    filename: generateFilename(),
+    path: path.join(appPath, 'dist'),
+    publicPath: '/'
+  } : {
+    filename: 'scratchpad.js',
+    path: path.resolve(__dirname, './'),
+    publicPath: '/'
+  },
+  plugins: isProjectEnv ? projectEnvPlugins : wjecOnePlugins,
+  resolve: {
+    fallback: {
+      'stream': require.resolve('stream-browserify'),
+      'process': require.resolve('process')
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.d.ts', '.json'],
+    alias: isProjectEnv ? projectEnvAliases : wjecOneAliases
+  }
+});
+
+
+module.exports = (_env, { mode }) => {
+  return getDevConfig(mode);
+};