@servicetitan/startup 22.21.0 → 23.1.0

package/dist/webpack/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/webpack/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,mDAAmD,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,aAAa,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,OAAO;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,SAAS;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE;QACN,0BAA0B,CAAC,EAAE,iCAAiC,CAAC;QAC/D,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;QAC7C,oBAAoB,CAAC,EAAE,2BAA2B,CAAC;KACtD,CAAC;CACL"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/webpack/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,mDAAmD,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,aAAa,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,OAAO;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE;QACN,0BAA0B,CAAC,EAAE,iCAAiC,CAAC;QAC/D,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;QAC7C,oBAAoB,CAAC,EAAE,2BAA2B,CAAC;KACtD,CAAC;CACL"}

package/dist/webpack/utils/testing/normalize-errors.js

@@ -12,7 +12,7 @@ function removeCWD(str) {
     return str.replace(new RegExp(cwd, 'g'), '');
 }
 function normalizeErrors(errors) {
-    return errors.map(error => removeCWD(error.toString().split('\n').slice(0, 2).join('\n')));
+    return errors.map(error => removeCWD(error.message.split('\n').slice(0, 2).join('\n')));
 }
 exports.normalizeErrors = normalizeErrors;
 //# sourceMappingURL=normalize-errors.js.map

package/dist/webpack/utils/testing/normalize-errors.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-errors.js","sourceRoot":"","sources":["../../../../src/webpack/utils/testing/normalize-errors.ts"],"names":[],"mappings":";;;AAEA,SAAS,SAAS,CAAC,GAAW;IAC1B,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,KAAK,OAAO,CAAC;IAC3C,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAExB,IAAI,KAAK,EAAE;QACP,6CAA6C;QAC7C,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC9B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;KACjC;IAED,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AACjD,CAAC;AAED,SAAgB,eAAe,CAAC,MAAsB;IAClD,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAC/F,CAAC;AAFD,0CAEC"}
+{"version":3,"file":"normalize-errors.js","sourceRoot":"","sources":["../../../../src/webpack/utils/testing/normalize-errors.ts"],"names":[],"mappings":";;;AAEA,SAAS,SAAS,CAAC,GAAW;IAC1B,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,KAAK,OAAO,CAAC;IAC3C,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAExB,IAAI,KAAK,EAAE;QACP,6CAA6C;QAC7C,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC9B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;KACjC;IAED,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AACjD,CAAC;AAED,SAAgB,eAAe,CAAC,MAAsB;IAClD,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAC5F,CAAC;AAFD,0CAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/startup",
-    "version": "22.21.0",
+    "version": "23.1.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/startup",
     "repository": {
@@ -16,6 +16,7 @@
         "jest",
         "src",
         "template",
+        "template-react18",
         "template/.gitignore",
         "template/.npmrc",
         "tsconfig",
@@ -24,7 +25,7 @@
     "bin": "./bin/index.js",
     "devDependencies": {
         "@types/cpx": "~1.5.2",
-        "@types/eslint": "~8.44.2",
+        "@types/eslint": "~8.56.3",
         "@types/less": "~3.0.3",
         "@types/mini-css-extract-plugin": "~2.4.0",
         "@types/moment-locales-webpack-plugin": "~1.2.2",
@@ -35,11 +36,11 @@
     },
     "dependencies": {
         "@babel/preset-env": "~7.22.20",
-        "@jest/core": "~27.5.1",
-        "@jest/types": "~27.5.1",
+        "@jest/core": "~29.7.0",
+        "@jest/types": "~29.6.3",
         "@lerna/exec": "~5.6.2",
-        "@servicetitan/eslint-config": "22.21.0",
-        "@servicetitan/stylelint-config": "22.21.0",
+        "@servicetitan/eslint-config": "23.1.0",
+        "@servicetitan/stylelint-config": "23.1.0",
         "@swc/core": "1.3.100",
         "@types/jest": "~27.4.0",
         "chalk": "~4.1.2",
@@ -49,20 +50,21 @@
         "debug": "^4.3.4",
         "deepmerge": "~4.3.1",
         "esbuild-loader": "~4.0.2",
-        "eslint": "~8.48.0",
+        "eslint": "~8.57.0",
         "execa": "~5.1.1",
         "fork-ts-checker-webpack-plugin": "~7.3.0",
         "glob": "~7.2.0",
         "html-webpack-plugin": "~5.5.3",
         "identity-obj-proxy": "~3.0.0",
-        "jest": "~27.5.1",
-        "jest-circus": "~27.5.1",
+        "jest": "~29.7.0",
+        "jest-circus": "~29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
         "jest-fetch-mock": "~3.0.3",
         "lerna": "~5.6.2",
         "less": "~4.2.0",
         "less-loader": "~10.2.0",
         "less-plugin-npm-import": "~2.1.0",
-        "memfs": "~4.6.0",
+        "memfs": "~4.7.7",
         "mini-css-extract-plugin": "~2.7.6",
         "moment": "^2.29.4",
         "moment-locales-webpack-plugin": "~1.2.0",
@@ -74,10 +76,10 @@
         "style-loader": "~3.3.3",
         "stylelint": "~14.16.1",
         "swc-loader": "0.2.3",
-        "ts-jest": "~27.1.4",
+        "ts-jest": "~29.1.2",
         "ts-loader": "~9.4.4",
         "ts-node": "~10.9.1",
-        "typed-css-modules": "~0.7.2",
+        "typed-css-modules": "~0.8.1",
         "typescript": "~4.7.4",
         "username": "~5.1.0",
         "webpack": "~5.78.0",
@@ -97,5 +99,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "729b7ca4eb38c323ac538a73573cadd54a4ff839"
+    "gitHead": "7267270e54cdb3a2926f61feb4939d057e82adb3"
 }

package/src/cli/commands/__tests__/build.test.ts

@@ -73,6 +73,20 @@ describe(`[startup] ${Build.name}`, () => {
             });
         });
 
+        describe('with "code-coverage"', () => {
+            beforeEach(() => (args['code-coverage'] = true));
+
+            test('enables code-coverage', async () => {
+                await subject();
+
+                expect(exec).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        '--': ['--code-coverage'],
+                    })
+                );
+            });
+        });
+
         describe('with "esbuild"', () => {
             beforeEach(() => (args.esbuild = true));
 

package/src/cli/commands/__tests__/init.test.ts

@@ -13,32 +13,63 @@ jest.mock('cpx', () => ({
     }),
 }));
 
-describe(`[startup] ${Init.name}`, () => {
-    const subject = async () => new Init().execute();
-    const gitIgnoreAlias = '.npmignore';
+jest.mock('../../../utils', () => ({
+    log: { info: jest.fn() }, // suppress log output
+}));
 
-    test('copies template to current directory', async () => {
-        await subject();
+describe(`[startup] ${Init.name}`, () => {
+    let args: ConstructorParameters<typeof Init>[0];
 
-        expect(cpx.copy).toHaveBeenCalledWith(
-            expect.stringContaining(path.join('template', '**', '{.*,*,.*/*}')),
-            process.cwd(),
-            expect.anything()
-        );
+    beforeEach(() => {
+        args = {};
+        vol.reset();
     });
 
-    describe(`when ${gitIgnoreAlias} is present`, () => {
-        const gitIgnoreContent = ['foo', 'bar', 'baz'].join('\r\n');
+    const subject = async () => new Init(args).execute();
+
+    function itCopies(...names: string[]) {
+        test.each(names)(`copies %s to current directory`, async (name: string) => {
+            await subject();
+
+            expect(cpx.copy).toHaveBeenCalledWith(
+                expect.stringContaining(path.join(name, '**', '{.*,*,.*/*}')),
+                process.cwd(),
+                expect.anything()
+            );
+        });
+    }
+
+    itCopies('template');
+
+    describe('when instructed to create React 18 template', () => {
+        beforeEach(() => (args.react18 = true));
+
+        itCopies('template', 'template-react18');
+    });
 
-        beforeEach(() => vol.fromJSON({ [gitIgnoreAlias]: gitIgnoreContent }));
+    describe('with an output location', () => {
+        beforeEach(() => (args.output = 'foo/bar'));
 
-        afterEach(() => vol.reset());
+        test('copies template to output location', async () => {
+            const mkdirSpy = jest.spyOn(fs, 'mkdirSync');
+            const destination = path.resolve(args.output!);
 
-        test(`moves ${gitIgnoreAlias} -> .gitignore`, async () => {
             await subject();
 
-            expect(fs.readFileSync('.gitignore').toString()).toBe(gitIgnoreContent);
-            expect(fs.existsSync(gitIgnoreAlias)).toBe(false);
+            expect(mkdirSpy).toHaveBeenCalledWith(destination, { recursive: true });
+            expect(cpx.copy).toHaveBeenCalledWith(
+                expect.any(String),
+                destination,
+                expect.anything()
+            );
+        });
+
+        describe('when output location is a file', () => {
+            beforeEach(() => vol.fromJSON({ [args.output!]: '' }));
+
+            test('raises error', async () => {
+                await expect(subject()).rejects.toThrowError(/is not a directory/);
+            });
         });
     });
 });

package/src/cli/commands/__tests__/start.test.ts

@@ -75,6 +75,20 @@ describe(`[startup] ${Start.name}`, () => {
             });
         });
 
+        describe('with "code-coverage"', () => {
+            beforeEach(() => (args['code-coverage'] = true));
+
+            test('enables code-coverage', async () => {
+                await subject();
+
+                expect(exec).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        '--': ['--watch', '--code-coverage'],
+                    })
+                );
+            });
+        });
+
         describe('with "esbuild"', () => {
             beforeEach(() => (args.esbuild = true));
 

package/src/cli/commands/build.ts

@@ -6,6 +6,7 @@ import { Command, kendoUILicense } from '.';
 
 interface Args {
     'cdn-path'?: string;
+    'code-coverage'?: boolean;
     'config'?: string;
     'esbuild'?: boolean;
     'experimental-bundlers'?: boolean;
@@ -51,6 +52,7 @@ export class Build implements Command {
                 'stream': true,
                 '--': [
                     ...[this.args.config ? `--config "${this.args.config}"` : undefined],
+                    ...[this.args['code-coverage'] ? '--code-coverage' : undefined],
                     ...[this.args.esbuild ? '--esbuild' : undefined],
                     ...[this.args['experimental-bundlers'] ? '--experimental-bundlers' : undefined],
                     ...[this.args.stat ? '--stat' : undefined],

package/src/cli/commands/bundle-package.ts

@@ -6,6 +6,7 @@ import { Command } from '.';
 
 interface Args {
     'config'?: string;
+    'code-coverage'?: boolean;
     'stat'?: boolean;
     'watch'?: boolean;
     'esbuild'?: boolean;
@@ -29,6 +30,7 @@ export class BundlePackage implements Command {
 
         const options = {
             config,
+            codeCoverage: this.args['code-coverage'],
             esbuild: this.args.esbuild,
             experimentalBundlers: this.args['experimental-bundlers'],
         };

package/src/cli/commands/init.ts

@@ -3,22 +3,36 @@ import cpx from 'cpx';
 import util from 'util';
 import path from 'path';
 
-import { logErrors } from '../../utils';
-import { Command } from '.';
+import { log, logErrors } from '../../utils';
+import { Command } from './';
+
+interface Args {
+    react18?: boolean;
+    output?: string;
+}
 
 export class Init implements Command {
+    constructor(private args: Args) {}
+
     @logErrors
     async execute() {
-        await util.promisify(cpx.copy)(
-            path.resolve(__dirname, '../../../template/**/{.*,*,.*/*}'),
-            process.cwd()
-        );
-
-        if (fs.existsSync(path.join(process.cwd(), '.npmignore'))) {
-            fs.renameSync(
-                path.join(process.cwd(), '.npmignore'),
-                path.join(process.cwd(), '.gitignore')
-            );
+        const destination = path.resolve(this.args.output ?? '.');
+        if (!fs.existsSync(destination)) {
+            fs.mkdirSync(destination, { recursive: true });
+        } else if (!fs.lstatSync(destination).isDirectory()) {
+            throw new Error(`${destination} is not a directory`);
         }
+
+        await copyFiles('template', destination);
+
+        if (this.args.react18) {
+            await copyFiles('template-react18', destination);
+        }
+
+        log.info(`copied${this.args.react18 ? ' React 18' : ''} template to ${destination}`);
     }
 }
+
+async function copyFiles(from: string, to: string) {
+    await util.promisify(cpx.copy)(path.resolve(__dirname, `../../../${from}/**/{.*,*,.*/*}`), to);
+}

package/src/cli/commands/start.ts

@@ -6,6 +6,7 @@ import { Command } from '.';
 
 interface Args {
     'config'?: string;
+    'code-coverage'?: boolean;
     'esbuild'?: boolean;
     'experimental-bundlers'?: boolean;
     'ignore'?: string | string[];
@@ -60,6 +61,7 @@ export class Start implements Command {
                           '--': [
                               '--watch',
                               this.args.config ? `--config "${this.args.config}"` : undefined,
+                              this.args['code-coverage'] ? '--code-coverage' : undefined,
                               this.args.esbuild ? '--esbuild' : undefined,
                               this.args['experimental-bundlers']
                                   ? '--experimental-bundlers'

package/src/cli/utils/__tests__/tcm.test.ts

@@ -1,5 +1,8 @@
-import { fs, vol } from 'memfs';
+/**
+ * @jest-environment node
+ */
 import chokidar from 'chokidar';
+import fs from 'fs';
 
 import { getFolders, log } from '../../../utils';
 import * as sassModule from '../compile-sass';
@@ -7,26 +10,32 @@ import * as sassModule from '../compile-sass';
 import { styleExtensions } from '..';
 import { tcm, tcmWatch } from '../tcm';
 
-jest.mock('fs', () => fs);
 jest.mock('../../../utils', () => ({
     ...jest.requireActual('../../../utils'),
     getFolders: jest.fn(),
     log: { error: jest.fn(), info: jest.fn() }, // suppress test output
 }));
 
+/**
+ * Note: These tests don't use memfs because the typed-css-modules package
+ * uses node: URLs to import the fs modules, which bypasses the memfs filesystem
+ * (as of memfs ~4.6.0).
+ */
+
 describe('[startup] Cli Utils', () => {
-    const source = 'src';
+    const source = fs.mkdtempSync('src');
 
     beforeEach(() => {
         jest.resetAllMocks();
         jest.mocked(getFolders).mockReturnValue({ source, destination: undefined });
+        fs.readdirSync(source).forEach(file => fs.rmSync(`${source}/${file}`));
     });
 
-    afterEach(() => vol.reset());
+    afterAll(() => fs.rmSync(source, { recursive: true }));
 
     function mockStylesModule(module: string, id = 'foo') {
         const content = `.${id} { display: none; }`;
-        vol.fromJSON({ [`${source}/${module}`]: content });
+        fs.writeFileSync(`${source}/${module}`, content);
     }
 
     function expectTypeDefinitions(module: string, id = 'foo') {
@@ -78,7 +87,7 @@ describe('[startup] Cli Utils', () => {
         beforeEach(() => {
             fsWatcher = { on: jest.fn() };
             watchSpy = jest.spyOn(chokidar, 'watch').mockReturnValue(fsWatcher as any);
-            vol.fromJSON({ [`${source}/foo.bar`]: '' });
+            fs.writeFileSync(`${source}/foo.bar`, '');
         });
 
         const subject = () => tcmWatch();

package/src/cli/utils/bundle.ts

@@ -11,6 +11,7 @@ import { Overrides, createWebpackConfig } from '../../webpack';
 
 interface Options {
     buildStat?: boolean;
+    codeCoverage?: boolean;
     config?: string;
     esbuild?: boolean;
     experimentalBundlers?: boolean;
@@ -35,7 +36,7 @@ export async function bundle(options: Options = {}) {
     const mode = 'production';
     const fallback = `./${webpackProdConfigFileName}`;
     const config = readWebpackConfig({ ...options, fallback });
-    const { buildStat, esbuild, experimentalBundlers } = options;
+    const { buildStat, codeCoverage, esbuild, experimentalBundlers } = options;
 
     const run = async (config: Configuration) => {
         const compiler = webpack(config);
@@ -57,7 +58,7 @@ export async function bundle(options: Options = {}) {
         process.stdout.write(stats.toString(config.stats) + '\n');
     };
 
-    const webpackOptions = { name, buildStat, esbuild, experimentalBundlers };
+    const webpackOptions = { name, buildStat, codeCoverage, esbuild, experimentalBundlers };
 
     if (isWebComponent()) {
         const webpackConfig: Overrides = {
@@ -80,7 +81,7 @@ export async function bundleWatch(options: Options = {}) {
     const name = getName();
     const mode = 'development';
     const config = readWebpackConfig({ ...options, fallback: `./${webpackDevConfigFileName}` });
-    const { esbuild, experimentalBundlers } = options;
+    const { codeCoverage, esbuild, experimentalBundlers } = options;
 
     const runServe = async ({ devServer = {}, ...config }: Configuration) => {
         const compiler = webpack(config);
@@ -125,13 +126,21 @@ export async function bundleWatch(options: Options = {}) {
         return Promise.all([
             run(
                 createWebpackConfig(webpackConfig, {
+                    codeCoverage,
                     embed: true,
                     name,
                     esbuild,
                     experimentalBundlers,
                 })
             ),
-            runServe(createWebpackConfig(webpackConfig, { name, esbuild, experimentalBundlers })),
+            runServe(
+                createWebpackConfig(webpackConfig, {
+                    name,
+                    codeCoverage,
+                    esbuild,
+                    experimentalBundlers,
+                })
+            ),
         ]);
     }
 
@@ -139,7 +148,7 @@ export async function bundleWatch(options: Options = {}) {
         config ??
             createWebpackConfig(
                 { configuration: { mode } },
-                { name, esbuild, experimentalBundlers }
+                { name, codeCoverage, esbuild, experimentalBundlers }
             )
     );
 }

package/src/cli/utils/compile-sass.ts

@@ -1,13 +1,9 @@
-import fs from 'fs';
 import path from 'path';
 
 import sass from 'sass';
 
-export function compileSass(filePath: string) {
-    const result = sass.renderSync({
-        data: fs.readFileSync(filePath, 'utf8'),
-        includePaths: [path.dirname(filePath), '../../node_modules', 'node_modules'],
-    });
-
+export async function compileSass(filePath: string) {
+    const loadPaths = [path.dirname(filePath), '../../node_modules', 'node_modules'];
+    const result = await sass.compileAsync(filePath, { loadPaths });
     return result.css.toString();
 }

package/src/cli/utils/tcm.ts

@@ -11,10 +11,19 @@ interface RunOptions {
     watch?: boolean;
 }
 
+async function compile(filePath: string) {
+    if (filePath.endsWith('.less')) {
+        return compileLess(filePath);
+    }
+    if (filePath.endsWith('.scss')) {
+        return compileSass(filePath);
+    }
+}
+
 async function run({ watch }: RunOptions = {}) {
     const { source } = getFolders();
 
-    const filesPattern = `${source}/**/*.module.{${styleExtensions.join()}}`;
+    const filesPattern = `${source}/**/*.module.{${styleExtensions.join()}}`.replace(/\\/g, '/');
 
     const creator = new DtsCreator({
         camelCase: true,
@@ -23,15 +32,8 @@ async function run({ watch }: RunOptions = {}) {
 
     const writeFile = async (filePath: string) => {
         try {
-            const content = await creator.create(
-                filePath,
-                filePath.endsWith('.less')
-                    ? await compileLess(filePath)
-                    : filePath.endsWith('.scss')
-                    ? compileSass(filePath)
-                    : undefined,
-                !!watch
-            );
+            const initialContents = await compile(filePath);
+            const content = await creator.create(filePath, initialContents, !!watch);
             await content.writeFile();
         } catch (error) {
             log.error(String(error));
@@ -45,7 +47,7 @@ async function run({ watch }: RunOptions = {}) {
     } else {
         log.info('Watch ' + filesPattern + '...');
 
-        const watcher = chokidar.watch([filesPattern.replace(/\\/g, '/')], { ignoreInitial: true });
+        const watcher = chokidar.watch([filesPattern], { ignoreInitial: true });
         watcher.on('add', writeFile);
         watcher.on('change', writeFile);
 

package/src/utils/__tests__/get-jest-config.test.ts

@@ -13,23 +13,22 @@ jest.mock('../get-configuration', () => ({
 
 describe('[startup] Utils', () => {
     const destinationFolders = ['dist'];
-    const defaultConfig = {
+    const defaultConfig: Record<string, any> = {
         verbose: true,
         testEnvironment: 'jsdom',
         testRunner: 'jest-circus/runner',
-        transformIgnorePatterns: ['node_modules/(?!@servicetitan/)'],
+        transformIgnorePatterns: ['node_modules/(?!(@servicetitan|@react-hook|nanoid|axios)/)'],
         modulePathIgnorePatterns: ['<rootDir>/.*/__mocks__'],
         transform: {
             '^.+\\.jsx?$': [
                 'babel-jest',
                 { presets: [['@babel/preset-env', { targets: { node: 'current' } }]] },
             ],
-            '^.+\\.tsx?$': 'ts-jest',
+            '^.+\\.tsx?$': ['ts-jest', { tsconfig: './tsconfig.test.json' }],
         },
         moduleNameMapper: {
             '\\.(css|scss|less|png|svg|jpg|jpeg|gif|woff|woff2|eot|ttf|otf)$': 'identity-obj-proxy',
         },
-        globals: { 'ts-jest': { tsconfig: './tsconfig.test.json' } },
         testPathIgnorePatterns: ['\\.yalc', ...destinationFolders],
         setupFiles: [expect.stringContaining(path.join('jest', 'setup.js'))],
         coveragePathIgnorePatterns: ['^.+\\.d\\.ts$'],
@@ -73,25 +72,6 @@ describe('[startup] Utils', () => {
             }
         );
 
-        describe.each(['globals'])(
-            'with custom "%s"',
-            (option: keyof Pick<typeof defaultConfig, 'globals'>) => {
-                const customValue = { foo: 'bar' };
-
-                beforeEach(() => {
-                    jest.mocked(getJestConfiguration).mockReturnValue({ [option]: customValue });
-                });
-
-                test(`merges custom value with "${option}"`, () => {
-                    expect(subject()).toEqual(
-                        expect.objectContaining({
-                            [option]: { ...defaultConfig[option], ...customValue },
-                        })
-                    );
-                });
-            }
-        );
-
         describe('with other custom options', () => {
             const customOptions = { resetMocks: true, testEnvironment: 'node' };
 
@@ -104,31 +84,28 @@ describe('[startup] Utils', () => {
     });
 
     describe(`${getJestConfigCLI.name}`, () => {
-        let args: Config.Argv;
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        const args: Config.Argv = { _: [], $0: '', runInBand: true };
+        const globals = { foo: 'bar' };
 
         const subject = () => getJestConfigCLI(args);
 
         beforeEach(() => {
-            const commandLineOptions: Omit<Config.Argv, '_' | '$0'> = { runInBand: true };
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            args = { _: [], $0: '', ...commandLineOptions };
+            jest.mocked(getJestConfiguration).mockReturnValue({ globals });
         });
 
-        const stringified: (keyof typeof defaultConfig)[] = [
-            'globals',
-            'moduleNameMapper',
-            'transform',
-        ];
+        const stringified = ['collectCoverageFrom', 'moduleNameMapper', 'transform'].reduce(
+            (result, key) => ({ ...result, [key]: JSON.stringify(defaultConfig[key]) }),
+            { globals: JSON.stringify(globals) }
+        );
 
-        test(`merges command line args with default config and stringifies "${stringified.join(
-            '", "'
-        )}"`, () => {
+        test(`merges command line args with default config and stringifies "${Object.keys(
+            stringified
+        ).join('", "')}"`, () => {
             expect(subject()).toEqual({
                 ...defaultConfig,
                 ...args,
-                ...Object.fromEntries(
-                    stringified.map(option => [option, JSON.stringify(defaultConfig[option])])
-                ),
+                ...stringified,
             });
         });
     });