@corva/create-app 0.123.0 → 0.125.0

package/lib/constants/package.js

@@ -23,33 +23,38 @@ const uiDependencies = {
 const jsUiDevDependencies = {
   '@corva/dc-platform-shared': 'latest',
   '@corva/eslint-config-browser': '0.2.2',
-  '@testing-library/jest-dom': '^5.14.1',
-  '@testing-library/react': '^14.0.0',
-  '@testing-library/user-event': '^13.2.1',
-  'babel-jest': '^27.4.2',
-  'babel-preset-react-app': '^10.0.1',
+  // @testing-library/react 16 moved this from a dependency to a peer
+  '@testing-library/dom': '10.4.1',
+  '@testing-library/jest-dom': '7.0.1',
+  '@testing-library/react': '16.3.2',
+  '@testing-library/user-event': '14.6.6',
+  '@vitejs/plugin-react': '6.1.1',
+  '@vitest/coverage-v8': '4.1.11',
+  'dotenv': '16.4.7',
+  'dotenv-expand': '11.0.7',
   'eslint': '7.32.0',
-  'identity-obj-proxy': '^3.0.0',
-  'jest': '^27.4.3',
-  'jest-watch-typeahead': '^1.0.0',
+  'jsdom': '22.1.0',
+  'postcss-preset-env': '11.3.0',
+  'rollup-plugin-license': '3.6.0',
+  'sass-embedded': '1.100.0',
+  'terser': '5.47.1',
+  'vite': '8.3.0',
+  'vite-plugin-static-copy': '4.1.0',
+  'vitest': '4.1.11',
 };
 
 const tsUiDevDependencies = {
   ...jsUiDevDependencies,
-  '@tsconfig/create-react-app': '1.0.2',
-  // 4.17.7+ uses `infer X extends`, unparsable by this template's typescript 4.6.3
-  '@types/lodash': '4.17.5',
+  '@types/lodash': '^4.17.25',
   '@types/material-ui': '0.21.9',
   '@types/minimatch': '3.0.5',
   '@types/mime': '3.0.1',
-  '@types/node': '18.19.47',
+  '@types/node': '24.12.2',
   '@types/react': '18.2.42',
   '@types/react-dom': '^18.2',
-  '@types/jest': '^27.0.1',
   '@typescript-eslint/eslint-plugin': '^4.31.2',
   '@typescript-eslint/parser': '^4.31.2',
-  'ts-loader': '8.2.0',
-  'typescript': '4.6.3',
+  'typescript': '^5.9.3',
 };
 
 const corvaUiExtension = {
@@ -87,13 +92,13 @@ function applyUiExtension(packageJson, extensionNames) {
 }
 
 const uiScripts = {
-  build: 'webpack --config=./config-overrides.js --mode production',
-  start: 'webpack-dev-server --config=./config-overrides.js --open --mode development',
+  build: 'vite build',
+  start: 'vite --open',
   zip: 'create-corva-app zip .',
-  lint: 'eslint --cache ./src/',
+  lint: 'eslint --cache --ext .js,.jsx,.ts,.tsx ./src/',
   release: 'create-corva-app release .',
-  test: 'jest',
-  coverage: 'jest --coverage',
+  test: 'vitest run',
+  coverage: 'vitest run --coverage',
 };
 
 const uiPackage = {
@@ -102,43 +107,6 @@ const uiPackage = {
   'scripts': uiScripts,
   'dependencies': uiDependencies,
   'devDependencies': jsUiDevDependencies,
-  'jest': {
-    roots: ['<rootDir>/src'],
-    collectCoverageFrom: ['src/**/*.{js,jsx,ts,tsx}', '!src/**/*.d.ts'],
-    coverageThreshold: {
-      global: {
-        branches: 60,
-        functions: 60,
-        lines: 60,
-        statements: 60,
-      },
-    },
-    setupFilesAfterEnv: ['<rootDir>/config/jest/setupTests.js'],
-    globalSetup: '<rootDir>/config/jest/globalSetup.js',
-    testMatch: ['<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}', '<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}'],
-    testEnvironment: 'jsdom',
-    transform: {
-      '^.+\\.(js|jsx|mjs|cjs|ts|tsx)$': '<rootDir>/config/jest/babelTransform.js',
-      '^.+\\.css$': '<rootDir>/config/jest/cssTransform.js',
-      '^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)': '<rootDir>/config/jest/fileTransform.js',
-    },
-    transformIgnorePatterns: [
-      '/node_modules/(?!.*@babel/runtime|@icon-park/react/es).+\\.(js|jsx|mjs|cjs|ts|tsx)$',
-      '^.+\\.(css|sass|scss)$',
-    ],
-    modulePaths: [],
-    moduleNameMapper: {
-      '~(.*)': '<rootDir>/src/$1',
-      '^.+\\.(css|sass|scss)$': 'identity-obj-proxy',
-      // @corva/ui's ImageViewer imports photoswipe (ESM-only); stub it so app
-      // tests can import @corva/ui without a module-resolution/ESM failure.
-      '^photoswipe/lightbox$': 'identity-obj-proxy',
-      '^photoswipe$': 'identity-obj-proxy',
-      '@corva/ui(.*)': '@corva/ui/cjs-bundle/$1',
-    },
-    watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
-    resetMocks: true,
-  },
   'lint-staged': {
     'src/**/*.{js,jsx,ts,tsx}': 'eslint --fix',
   },
@@ -150,6 +118,7 @@ const uiPackage = {
 
 const tsUiPackage = {
   ...uiPackage,
+  scripts: { ...uiScripts, typecheck: 'tsc --noEmit' },
   devDependencies: tsUiDevDependencies,
   // todo: temporary solution, ref https://github.com/oppia/oppia/issues/22283#issuecomment-2756641371
   resolutions: {

package/lib/flows/steps/zip-file-list-resolve.js

@@ -110,7 +110,15 @@ const resolveDataToZipUiApp = async (itemsToZip = [], { options, pkg, dirName, m
 
   itemsToZip.push(
     'manifest.json',
+    // both build systems are listed: missing entries are filtered out in
+    // createZipArchive, so one CLI serves webpack apps and Vite apps alike
     'config-overrides.js',
+    'vite.config.mjs',
+    'index.html',
+    'devApp.js',
+    'isolatedApp.js',
+    'vitest.setup.js',
+    'vitest.global-setup.js',
     'eslint.config.js',
     'eslint.config.mjs',
     'tsconfig.json',
@@ -125,6 +133,7 @@ const resolveDataToZipUiApp = async (itemsToZip = [], { options, pkg, dirName, m
     },
     ...(await transformPatternsIntoFileNames(dirName, ['src/**/*'], options.ignoredFiles)),
     ...(await transformPatternsIntoFileNames(dirName, ['config/**/*'], options.ignoredFiles)),
+    ...(await transformPatternsIntoFileNames(dirName, ['public/**/*'], options.ignoredFiles)),
   );
 
   if (options.appKey) {

package/lib/helpers/utils.js

@@ -7,7 +7,7 @@ export const addUiAppFile = (templateFolder, root, runtime, manifest, opts) => {
   try {
     logger.log(chalk.green('adding app file'));
 
-    const fileExtension = runtime.language === 'typescript' ? 'tsx' : 'js';
+    const fileExtension = runtime.language === 'typescript' ? 'tsx' : 'jsx';
 
     const segment =
       {
@@ -29,7 +29,7 @@ export const getExcludedFiles = (manifest) => {
   const excludedFiles = ['.ruff_cache', '.venv', '.pytest_cache', '__pycache__'];
 
   if (manifest.isUi()) {
-    return [...excludedFiles, 'App.drilling.js', 'App.completion.js', 'App.drilling.tsx', 'App.completion.tsx'];
+    return [...excludedFiles, 'App.drilling.jsx', 'App.completion.jsx', 'App.drilling.tsx', 'App.completion.tsx'];
   }
 
   return excludedFiles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/create-app",
-  "version": "0.123.0",
+  "version": "0.125.0",
   "private": false,
   "description": "Create an app to use it in CORVA.AI",
   "keywords": [

package/template_extensions/corva/.eslintrc

@@ -10,6 +10,10 @@
   },
   "extends": ["@corva/eslint-config-browser"],
   "overrides": [
+    {
+      "files": ["**/__tests__/**", "*.{spec,test}.{js,jsx,ts,tsx}"],
+      "globals": { "vi": "readonly" }
+    },
     {
       "files": ["*.ts", "*.tsx"],
       "extends": [

package/template_extensions/corva/.github/workflows/feat-fix.yml

@@ -20,4 +20,5 @@ jobs:
           prod-api-key: ${{ secrets.API_KEY }}
           npm-token: ${{ secrets.CORVA_NPM_TOKEN }}
           jira-user-email: ${{ secrets.JIRA_AUTOTEST_USERNAME }}
+          linear-api-key: ${{ secrets.LINEAR_API_KEY }}
           jira-api-token: ${{ secrets.JIRA_AUTOTEST_API_TOKEN }}

package/templates/ui/javascript/.eslintrc

@@ -1,11 +1,16 @@
 {
   "root": true,
   "extends": "@corva/eslint-config-browser",
+  "overrides": [
+    {
+      "files": ["**/__tests__/**", "*.{spec,test}.{js,jsx,ts,tsx}"],
+      "globals": { "vi": "readonly" }
+    }
+  ],
   "parserOptions": {
     "requireConfigFile": false,
     "babelOptions": {
-      "presets": ["@babel/preset-react"],
-      "plugins": ["@babel/plugin-proposal-class-properties"]
+      "presets": ["@babel/preset-react"]
     }
   }
 }

package/templates/ui/javascript/AGENTS.md

@@ -10,22 +10,24 @@ These constraints are enforced by the platform. Violating them breaks the build
 1. **Root export** — `src/index.js` MUST default-export `{ component: App, settings: AppSettings }`. The component may also be a `ParentApp` wrapper (e.g., `{ component: ParentApp, settings: AppSettings }`) that wraps `App` with Context.Providers and prop initialization. This is the platform loader contract.
 2. **UI components** — Use only `@corva/ui` components. Import from `@corva/ui/componentsV2`; fall back to `@corva/ui/components` only when a V2 version doesn't exist yet. `@material-ui/core` v4 is available as the underlying library.
 3. **HTTP clients** — Use `corvaDataAPI` / `corvaAPI` from `@corva/ui/clients` for all network requests.
-4. **Do not rename or delete** `App.js`, `AppSettings.js`, or `index.js` — they are platform entry points.
+4. **Do not rename or delete** `App.jsx`, `AppSettings.jsx`, or `index.js` — they are platform entry points.
 
 ## Project Structure
 
 ```
 src/
-  App.js               — Main app component (default export required)
-  AppSettings.js       — Settings panel component (default export required)
+  App.jsx              — Main app component (default export required)
+  AppSettings.jsx      — Settings panel component (default export required)
   index.js             — Root export: { component, settings }
   constants.js         — Default settings values
-  App.scss              — Component styles
-  __tests__/           — Jest test files
+  App.module.scss              — Component styles
+  __tests__/           — Vitest test files
   __mocks__/           — Mock data (mockAppProps.js, mockAppSettingsProps.js)
   assets/              — Static assets (SVGs, images)
-config/jest/           — Jest setup (setupTests, transforms)
-config-overrides.js    — Webpack 5 customization
+config/vite/           — Shared Corva Vite config
+vite.config.mjs        — Vite entry config
+vitest.setup.js        — Test environment setup
+index.html             — Dev server host page
 manifest.json          — Corva platform app metadata (generated at scaffold time)
 ```
 
@@ -98,7 +100,7 @@ transition: transition(color, background-color);
 **Import in component:**
 
 ```javascript
-import styles from './App.scss';
+import styles from './App.module.scss';
 // Use: <div className={styles.container}>
 ```
 
@@ -265,11 +267,11 @@ General rules:
 
 ## Testing
 
-- **Framework:** Jest + React Testing Library
+- **Framework:** Vitest + React Testing Library
 - **Wrapper:** Use `AppTestWrapper` from `@corva/ui/testing` to wrap components
-- **Mocking:** Mock network requests (jest mocks or msw), never call real APIs
+- **Mocking:** Mock network requests (`vi.mock`/`vi.fn` or msw), never call real APIs
 - **Timezone:** UTC is enforced (`process.env.TZ = 'UTC'`)
-- **Mocked globals:** `ResizeObserver`, `MutationObserver` (in `setupTests.js`)
+- **Mocked globals:** `ResizeObserver`, `MutationObserver` (in `vitest.setup.js`)
 
 ## Commands
 

package/templates/ui/javascript/src/{App.completion.js → App.completion.jsx}

@@ -4,7 +4,7 @@ import { useAppCommons } from '@corva/ui/effects';
 import { DEFAULT_SETTINGS } from './constants';
 import logo from './assets/logo.svg';
 
-import styles from './App.scss';
+import styles from './App.module.scss';
 
 const App = () => {
   const { appKey, fracFleet, well, wells, appSettings } = useAppCommons();
@@ -19,7 +19,7 @@ const App = () => {
       <div className={styles.container}>
         <img src={logo} alt="logo" className={styles.logo} />
         <p>
-          Edit <code>src/App.js</code> and save to reload.
+          Edit <code>src/App.jsx</code> and save to reload.
           <br />
           <br />
         </p>
@@ -47,6 +47,6 @@ const App = () => {
   );
 };
 
-// Important: Do not change root component default export (App.js). Use it as container
+// Important: Do not change root component default export (App.jsx). Use it as container
 //  for your App. It's required to make build and zip scripts work as expected;
 export default App;

package/templates/ui/javascript/src/{App.drilling.js → App.drilling.jsx}

@@ -4,7 +4,7 @@ import { useAppCommons } from '@corva/ui/effects';
 import { DEFAULT_SETTINGS } from './constants';
 import logo from './assets/logo.svg';
 
-import styles from './App.scss';
+import styles from './App.module.scss';
 
 const App = () => {
   const { appKey, rig, well, appSettings } = useAppCommons();
@@ -16,7 +16,7 @@ const App = () => {
       <div className={styles.container}>
         <img src={logo} alt="logo" className={styles.logo} />
         <p>
-          Edit <code>src/App.js</code> and save to reload.
+          Edit <code>src/App.jsx</code> and save to reload.
           <br />
           <br />
         </p>
@@ -44,6 +44,6 @@ const App = () => {
   );
 };
 
-// Important: Do not change root component default export (App.js). Use it as container
+// Important: Do not change root component default export (App.jsx). Use it as container
 //  for your App. It's required to make build and zip scripts work as expected;
 export default App;

package/templates/ui/javascript/src/{AppSettings.js → AppSettings.jsx}

@@ -23,6 +23,6 @@ const AppSettings = () => {
   );
 };
 
-// Important: Do not change root component default export (AppSettings.js). Use it as container
+// Important: Do not change root component default export (AppSettings.jsx). Use it as container
 //  for your App Settings. It's required to make build and zip scripts work as expected;
 export default AppSettings;

package/templates/ui/javascript/src/__tests__/{AppSettings.test.js → AppSettings.test.jsx}

@@ -6,7 +6,7 @@ import AppSettings from '../AppSettings';
 
 describe('<AppSettings />', () => {
   it('should call onChange with a changed setting on settings change', async () => {
-    const handleSettingChange = jest.fn();
+    const handleSettingChange = vi.fn();
 
     render(
       <AppTestWrapper

package/templates/ui/typescript/.eslintrc

@@ -10,6 +10,10 @@
   },
   "extends": ["@corva/eslint-config-browser"],
   "overrides": [
+    {
+      "files": ["**/__tests__/**", "*.{spec,test}.{js,jsx,ts,tsx}"],
+      "globals": { "vi": "readonly" }
+    },
     {
       "files": ["*.ts", "*.tsx"],
       "extends": ["@corva/eslint-config-browser", "plugin:@typescript-eslint/recommended"],

package/templates/ui/typescript/AGENTS.md

@@ -22,12 +22,14 @@ src/
   constants.ts         — Default settings values
   types.ts             — Custom app settings interface
   custom.d.ts          — Module declarations for CSS/SVG imports
-  App.scss             — Component styles (SCSS modules)
-  __tests__/           — Jest test files
+  App.module.scss             — Component styles (SCSS modules)
+  __tests__/           — Vitest test files
   __mocks__/mockData.ts — Mock data for tests
   assets/              — Static assets (SVGs, images)
-config/jest/           — Jest setup (setupTests, transforms)
-config-overrides.js    — Webpack 5 customization
+config/vite/           — Shared Corva Vite config
+vite.config.mjs        — Vite entry config
+vitest.setup.js        — Test environment setup
+index.html             — Dev server host page
 tsconfig.json          — TypeScript configuration
 manifest.json          — Corva platform app metadata (generated at scaffold time)
 ```
@@ -117,7 +119,7 @@ transition: transition(color, background-color);
 **Import in component:**
 
 ```typescript
-import styles from './App.scss';
+import styles from './App.module.scss';
 // Use: <div className={styles.container}>
 ```
 
@@ -295,12 +297,12 @@ General rules:
 
 ## Testing
 
-- **Framework:** Jest + React Testing Library
+- **Framework:** Vitest + React Testing Library
 - **Wrapper:** Use `AppTestWrapper` from `@corva/ui/testing` to wrap components — it provides `useAppCommons()` context
 - **Pattern:** Pass data via `AppTestWrapper` props, render components with no props
-- **Mocking:** Mock network requests (jest mocks or msw), never call real APIs
+- **Mocking:** Mock network requests (`vi.mock`/`vi.fn` or msw), never call real APIs
 - **Timezone:** UTC is enforced (`process.env.TZ = 'UTC'`)
-- **Mocked globals:** `ResizeObserver`, `MutationObserver` (in `setupTests.js`)
+- **Mocked globals:** `ResizeObserver`, `MutationObserver` (in `vitest.setup.js`)
 
 ```tsx
 // Test pattern — data flows through AppTestWrapper context
@@ -318,6 +320,7 @@ yarn start     Dev server at http://app.local.corva.ai:8080/
 yarn build     Production bundle
 yarn test      Run tests
 yarn lint      ESLint check
+yarn typecheck Type check (the build does not typecheck)
 yarn zip       Create deployment ZIP
 yarn release   Release to Corva platform
 ```

package/templates/ui/typescript/src/App.completion.tsx

@@ -4,7 +4,7 @@ import { useAppCommons } from '@corva/ui/effects';
 import { DEFAULT_SETTINGS } from './constants';
 import logo from './assets/logo.svg';
 
-import styles from './App.scss';
+import styles from './App.module.scss';
 
 const App = () => {
   const { appKey, fracFleet, well, wells, appSettings } = useAppCommons();

package/templates/ui/typescript/src/App.drilling.tsx

@@ -4,7 +4,7 @@ import { useAppCommons } from '@corva/ui/effects';
 import { DEFAULT_SETTINGS } from './constants';
 import logo from './assets/logo.svg';
 
-import styles from './App.scss';
+import styles from './App.module.scss';
 
 const App = () => {
   const { appKey, rig, well, appSettings } = useAppCommons();

package/templates/ui/typescript/src/__tests__/AppSettings.test.tsx

@@ -6,7 +6,7 @@ import AppSettings from '../AppSettings';
 
 describe('<AppSettings />', () => {
   it('should call onChange with a changed setting on settings change', async () => {
-    const handleSettingChange = jest.fn();
+    const handleSettingChange = vi.fn();
 
     render(
       <AppTestWrapper

package/templates/ui/typescript/tsconfig.json

@@ -1,7 +1,20 @@
 {
-  "extends": "@tsconfig/create-react-app/tsconfig.json",
   "compilerOptions": {
-    "noEmit": false,
-    "sourceMap": true
-  }
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "types": ["vite/client", "vitest/globals", "@testing-library/jest-dom/vitest"],
+    "allowJs": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "paths": { "~/*": ["./src/*"] }
+  },
+  "include": ["src"]
 }

package/templates/ui/javascript/config/jest/babelTransform.js

@@ -1,16 +0,0 @@
-/* eslint-disable */
-
-const babelJest = require('babel-jest').default;
-
-module.exports = babelJest.createTransformer({
-  presets: [
-    [
-      require.resolve('babel-preset-react-app'),
-      {
-        runtime: 'automatic',
-      },
-    ],
-  ],
-  babelrc: false,
-  configFile: false,
-});

package/templates/ui/javascript/config/jest/cssTransform.js

@@ -1,16 +0,0 @@
-/* eslint-disable */
-
-// 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 {
-      code: 'module.exports = {};',
-    };
-  },
-  getCacheKey() {
-    // The output is always the same.
-    return 'cssTransform';
-  },
-};

package/templates/ui/javascript/config/jest/fileTransform.js

@@ -1,48 +0,0 @@
-/* eslint-disable */
-
-const path = require('path');
-
-// This is a custom Jest transformer turning file imports into filenames.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-const toPascalCase = str => {
-  const allWordsIterator = str.matchAll(/\w+/g);
-
-  return Array.from(allWordsIterator).reduce((acc, matchResult) => {
-    const word = matchResult[0];
-    return acc + word[0].toUpperCase() + word.slice(1).toLowerCase();
-  }, '');
-};
-
-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 = toPascalCase(path.parse(filename).name);
-      const componentName = `Svg${pascalCaseFilename}`;
-      return {
-        code: `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 { code: `module.exports = ${assetFilename};` };
-  },
-};

package/templates/ui/javascript/config/jest/globalSetup.js

@@ -1,5 +0,0 @@
-module.exports = async () => {
-  // use UTC timezone to not break tests when you run them on
-  // an environemnt with a different timezone
-  process.env.TZ = 'UTC';
-};

package/templates/ui/javascript/config/jest/setupTests.js

@@ -1,33 +0,0 @@
-/* eslint-disable */
-
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-// eslint-disable-next-line
-import '@testing-library/jest-dom/extend-expect';
-import { TextEncoder, TextDecoder } from 'util';
-
-Object.assign(global, { TextDecoder, TextEncoder });
-
-// Set UTC timezone for tests to not use the environment timezone
-process.env.TZ = 'UTC';
-
-// Mock ResizeObserver & MutationObserver
-class FakeObserver {
-  observe() {}
-  unobserve() {}
-  disconnect() {}
-}
-
-global.ResizeObserver = FakeObserver;
-global.MutationObserver = FakeObserver;
-
-// Suppressing "Could not parse CSS stylesheet" from JSDOM
-const originalConsoleError = global.console.error;
-global.console.error = (message, ...optionalParams) => {
-  if (message.includes('Could not parse CSS stylesheet')) {
-    return;
-  }
-  originalConsoleError(message, ...optionalParams);
-};

package/templates/ui/javascript/config-overrides.js

@@ -1,10 +0,0 @@
-const { getWebpackConfig } = require('@corva/dc-platform-shared/cjs');
-const { merge } = require('webpack-merge');
-
-module.exports = (env, argv) => {
-  return merge(
-    getWebpackConfig(env, argv),
-    // NOTE: Custom webpack 5 plugins and module rules can be provided here
-    {}
-  );
-};

package/templates/ui/typescript/config/jest/babelTransform.js

@@ -1,16 +0,0 @@
-/* eslint-disable */
-
-const babelJest = require('babel-jest').default;
-
-module.exports = babelJest.createTransformer({
-  presets: [
-    [
-      require.resolve('babel-preset-react-app'),
-      {
-        runtime: 'automatic',
-      },
-    ],
-  ],
-  babelrc: false,
-  configFile: false,
-});

package/templates/ui/typescript/config/jest/cssTransform.js

@@ -1,16 +0,0 @@
-/* eslint-disable */
-
-// 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 {
-      code: 'module.exports = {};',
-    };
-  },
-  getCacheKey() {
-    // The output is always the same.
-    return 'cssTransform';
-  },
-};