@servicetitan/startup 23.5.2 → 24.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/startup",
-    "version": "23.5.2",
+    "version": "24.0.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/startup",
     "repository": {
@@ -27,70 +27,69 @@
         "@types/cpx": "~1.5.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",
         "@types/sass": "~1.43.1",
-        "@types/webpack-assets-manifest": "~5.1.0",
+        "@types/webpack-assets-manifest": "~5.1.4",
         "@types/webpack-dev-server": "~3.11.5",
         "@types/yargs": "~17.0.24"
     },
     "dependencies": {
-        "@babel/preset-env": "~7.24.5",
+        "@babel/preset-env": "~7.24.6",
         "@jest/core": "~29.7.0",
         "@jest/types": "~29.6.3",
-        "@lerna/exec": "~5.6.2",
-        "@servicetitan/eslint-config": "23.5.2",
-        "@servicetitan/stylelint-config": "23.5.2",
+        "@servicetitan/eslint-config": "24.0.0",
+        "@servicetitan/stylelint-config": "24.0.0",
         "@svgr/webpack": "^8.1.0",
-        "@swc/core": "1.5.0",
+        "@swc/core": "1.5.7",
         "@types/debug": "^4.1.12",
         "@types/jest": "~29.5.12",
         "chalk": "~4.1.2",
         "chokidar": "~3.6.0",
         "cpx": "~1.5.0",
-        "css-loader": "~6.10.0",
+        "css-loader": "~7.1.2",
         "debug": "^4.3.4",
         "deepmerge": "~4.3.1",
         "esbuild-loader": "~4.1.0",
         "eslint": "~8.57.0",
         "execa": "~5.1.1",
         "fork-ts-checker-webpack-plugin": "~9.0.2",
-        "glob": "~10.3.12",
+        "glob": "~10.4.1",
         "html-webpack-plugin": "~5.6.0",
         "identity-obj-proxy": "~3.0.0",
         "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",
+        "lerna": "~8.1.3",
         "less": "~4.2.0",
         "less-loader": "~12.2.0",
         "less-plugin-npm-import": "~2.1.0",
         "memfs": "~4.9.2",
-        "mini-css-extract-plugin": "~2.7.6",
+        "mini-css-extract-plugin": "~2.9.0",
         "moment": "^2.30.1",
         "moment-locales-webpack-plugin": "~1.2.0",
         "portfinder": "~1.0.32",
+        "postcss": "~8.4.38",
         "prettier": "~2.7.1",
-        "sass": "~1.66.1",
-        "sass-loader": "~12.6.0",
-        "source-map-loader": "~3.0.1",
-        "style-loader": "~3.3.3",
+        "sass": "~1.77.2",
+        "sass-loader": "~14.2.1",
+        "source-map-loader": "~5.0.0",
+        "style-loader": "~4.0.0",
         "stylelint": "~14.16.1",
-        "swc-loader": "0.2.3",
-        "ts-jest": "~29.1.2",
-        "ts-loader": "~9.4.4",
-        "ts-node": "~10.9.1",
-        "typed-css-modules": "~0.8.1",
-        "typescript": "~4.7.4",
+        "swc-loader": "0.2.6",
+        "ts-jest": "~29.1.4",
+        "ts-loader": "~9.5.1",
+        "ts-node": "~10.9.2",
+        "typed-css-modules": "~0.9.1",
+        "typescript": "~5.4.5",
         "username": "~5.1.0",
-        "webpack": "~5.78.0",
-        "webpack-assets-manifest": "~5.1.0",
-        "webpack-bundle-analyzer": "^4.9.0",
+        "webpack": "~5.91.0",
+        "webpack-assets-manifest": "~5.2.1",
+        "webpack-bundle-analyzer": "^4.10.2",
         "webpack-dev-server": "~3.11.2",
         "webpack-filter-warnings-plugin": "~1.2.1",
-        "webpack-merge": "~5.9.0",
-        "webpack-virtual-modules": "~0.5.0",
+        "webpack-merge": "~5.10.0",
+        "webpack-virtual-modules": "~0.6.1",
         "worker-loader": "~3.0.8",
         "xhr-mock": "~2.5.1",
         "yargs": "~17.7.2"
@@ -101,5 +100,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "db3072704335e30ef5cfc943cd1efa2538949512"
+    "gitHead": "7cd2407a9025cfb84bddbd1241eaa7fd40311cb8"
 }

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

@@ -1,18 +1,16 @@
-const exec = require('@lerna/exec');
 import { Package, PackageType, getPackages } from '../../../utils';
 import { createPackage } from '../../../__mocks__';
-import { tsc } from '../../utils';
+import { lernaExec, tsc } from '../../utils';
 import { kendoUILicense } from '../kendo-ui-license';
 
 import { Build } from '../build';
 
-jest.mock('@lerna/exec', () => jest.fn());
 jest.mock('../../../utils', () => ({
     ...jest.requireActual('../../../utils'),
     getPackages: jest.fn(),
 }));
-jest.mock('../../utils', () => ({ tsc: jest.fn() }));
-jest.mock('../kendo-ui-license', () => ({ kendoUILicense: jest.fn() }));
+jest.mock('../../utils');
+jest.mock('../kendo-ui-license');
 
 describe(`[startup] ${Build.name}`, () => {
     let args: ConstructorParameters<typeof Build>[0];
@@ -31,7 +29,7 @@ describe(`[startup] ${Build.name}`, () => {
         test('prepares the package', async () => {
             await subject();
 
-            expect(exec).toHaveBeenCalledWith({
+            expect(lernaExec).toHaveBeenCalledWith({
                 cmd: 'startup prepare-package',
                 scope: packages.map(({ name }) => name),
                 stream: true,
@@ -65,7 +63,7 @@ describe(`[startup] ${Build.name}`, () => {
         test('bundles the package', async () => {
             await subject();
 
-            expect(exec).toHaveBeenCalledWith({
+            expect(lernaExec).toHaveBeenCalledWith({
                 'cmd': 'startup bundle-package',
                 'scope': packages.map(({ name }) => name),
                 'stream': true,
@@ -79,7 +77,7 @@ describe(`[startup] ${Build.name}`, () => {
             test('enables code-coverage', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--code-coverage'],
                     })
@@ -93,7 +91,7 @@ describe(`[startup] ${Build.name}`, () => {
             test('enables esbuild loader', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--esbuild'],
                     })
@@ -107,7 +105,7 @@ describe(`[startup] ${Build.name}`, () => {
             test('enables swc-loader', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--experimental-bundlers'],
                     })
@@ -121,7 +119,7 @@ describe(`[startup] ${Build.name}`, () => {
             test('generates build report', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--stat'],
                     })
@@ -135,7 +133,7 @@ describe(`[startup] ${Build.name}`, () => {
             test('uses specified config file', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({ '--': [`--config "${args.config}"`] })
                 );
             });

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

@@ -68,7 +68,7 @@ describe(`[startup] ${Init.name}`, () => {
             beforeEach(() => vol.fromJSON({ [args.output!]: '' }));
 
             test('raises error', async () => {
-                await expect(subject()).rejects.toThrowError(/is not a directory/);
+                await expect(subject()).rejects.toThrow(/is not a directory/);
             });
         });
     });

package/src/cli/commands/__tests__/kendo-ui-license.test.ts

@@ -75,9 +75,7 @@ describe(`${kendoUILicense.name}`, () => {
         beforeEach(() => (execa as any).mockRejectedValue({ exitCode }));
 
         test('throws error', async () => {
-            await expect(subject()).rejects.toThrowError(
-                `command failed with exit code ${exitCode}`
-            );
+            await expect(subject()).rejects.toThrow(`command failed with exit code ${exitCode}`);
         });
     });
 });

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

@@ -1,13 +1,11 @@
-const lernaExec = require('@lerna/exec');
 import { Lint } from '../lint';
-import { eslint } from '../../utils';
+import { eslint, lernaExec } from '../../utils';
 import { getPackages } from '../../../utils';
 
-jest.mock('@lerna/exec', () => jest.fn());
-jest.mock('execa', () => jest.fn());
+jest.mock('execa');
 jest.mock('stylelint', () => ({ lint: jest.fn(() => ({ output: '' })) }));
 
-jest.mock('../../utils', () => ({ eslint: jest.fn() }));
+jest.mock('../../utils');
 jest.mock('../../../utils', () => ({
     log: { info: jest.fn() },
     getConfiguration: jest.fn(() => ({})),
@@ -57,7 +55,7 @@ describe(`[startup] ${Lint.name}`, () => {
     });
 
     function itRunsLernaExec() {
-        test('runs @lerna/exec instead of eslint', async () => {
+        test('runs lernaExec instead of eslint', async () => {
             await subject();
 
             expect(eslint).not.toHaveBeenCalled();
@@ -82,7 +80,7 @@ describe(`[startup] ${Lint.name}`, () => {
                 await subject();
 
                 expect(lernaExec).toHaveBeenCalledWith(
-                    expect.objectContaining({ args: ['--fix'] })
+                    expect.objectContaining({ '--': ['--fix'] })
                 );
             });
         });

package/src/cli/commands/__tests__/mfe-publish.test.ts

@@ -1,12 +1,12 @@
-const exec = require('@lerna/exec');
 import { fs, vol } from 'memfs';
+import { lernaExec } from '../../utils';
 import { Package, PackageType, getPackages } from '../../../utils';
 import { createPackage } from '../../../__mocks__';
 
 import { MFEPublish } from '../mfe-publish';
 
 jest.mock('fs', () => fs);
-jest.mock('@lerna/exec', () => jest.fn());
+jest.mock('../../utils');
 jest.mock('../../../utils', () => ({
     ...jest.requireActual('../../../utils'),
     getPackages: jest.fn(),
@@ -69,7 +69,7 @@ describe(`[startup] ${MFEPublish.name}`, () => {
         test('publishes the package', async () => {
             await subject();
 
-            expect(exec).toHaveBeenCalledWith({
+            expect(lernaExec).toHaveBeenCalledWith({
                 'cmd': 'startup mfe-package-publish',
                 'scope': packages.map(({ name }) => name),
                 'stream': true,
@@ -89,7 +89,7 @@ describe(`[startup] ${MFEPublish.name}`, () => {
             test('cleans the package', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({ cmd: 'startup mfe-package-clean' })
                 );
             });
@@ -113,7 +113,7 @@ describe(`[startup] ${MFEPublish.name}`, () => {
             test(`runs publish with "${expected ?? `--${name} ${value}`}"`, async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({ '--': [expected ?? `--${name} ${value}`] })
                 );
             });
@@ -139,7 +139,7 @@ describe(`[startup] ${MFEPublish.name}`, () => {
             test('publishes the packages', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({ scope: packages.map(({ name }) => name) })
                 );
             });
@@ -150,7 +150,7 @@ describe(`[startup] ${MFEPublish.name}`, () => {
                 test('publishes specified packages', async () => {
                     await subject();
 
-                    expect(exec).toHaveBeenCalledWith(
+                    expect(lernaExec).toHaveBeenCalledWith(
                         expect.objectContaining({ scope: [packages[0].name] })
                     );
                 });
@@ -162,7 +162,7 @@ describe(`[startup] ${MFEPublish.name}`, () => {
                 test('publishes the specified packages', async () => {
                     await subject();
 
-                    expect(exec).toHaveBeenCalledWith(
+                    expect(lernaExec).toHaveBeenCalledWith(
                         expect.objectContaining({
                             scope: packages.slice(1).map(({ name }) => name),
                         })

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

@@ -1,16 +1,14 @@
-const exec = require('@lerna/exec');
 import { Package, PackageType, getPackages } from '../../../utils';
 import { createPackage } from '../../../__mocks__';
-import { tsc, tscWatch } from '../../utils';
+import { lernaExec, tsc, tscWatch } from '../../utils';
 
 import { Start } from '../start';
 
-jest.mock('@lerna/exec', () => jest.fn());
 jest.mock('../../../utils', () => ({
     ...jest.requireActual('../../../utils'),
     getPackages: jest.fn(),
 }));
-jest.mock('../../utils', () => ({ tsc: jest.fn(), tscWatch: jest.fn() }));
+jest.mock('../../utils');
 
 describe(`[startup] ${Start.name}`, () => {
     let args: ConstructorParameters<typeof Start>[0];
@@ -29,13 +27,13 @@ describe(`[startup] ${Start.name}`, () => {
         test('prepares the package, then again in watch mode', async () => {
             await subject();
 
-            expect(exec).toHaveBeenCalledWith({
+            expect(lernaExec).toHaveBeenCalledWith({
                 cmd: 'startup prepare-package',
                 scope: packages.map(({ name }) => name),
                 stream: true,
             });
 
-            expect(exec).toHaveBeenCalledWith({
+            expect(lernaExec).toHaveBeenCalledWith({
                 'cmd': 'startup prepare-package',
                 'scope': packages.map(({ name }) => name),
                 'parallel': true,
@@ -66,7 +64,7 @@ describe(`[startup] ${Start.name}`, () => {
         test('bundles the package in watch mode', async () => {
             await subject();
 
-            expect(exec).toHaveBeenCalledWith({
+            expect(lernaExec).toHaveBeenCalledWith({
                 'cmd': 'startup bundle-package',
                 'scope': packages.map(({ name }) => name),
                 'parallel': true,
@@ -81,7 +79,7 @@ describe(`[startup] ${Start.name}`, () => {
             test('enables code-coverage', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--watch', '--code-coverage'],
                     })
@@ -95,7 +93,7 @@ describe(`[startup] ${Start.name}`, () => {
             test('enables esbuild loader', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--watch', '--esbuild'],
                     })
@@ -109,7 +107,7 @@ describe(`[startup] ${Start.name}`, () => {
             test('enables swc-loader', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--watch', '--experimental-bundlers'],
                     })
@@ -123,7 +121,7 @@ describe(`[startup] ${Start.name}`, () => {
             test('uses specified config', async () => {
                 await subject();
 
-                expect(exec).toHaveBeenCalledWith(
+                expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
                         '--': ['--watch', `--config "${args.config}"`],
                     })

package/src/cli/commands/__tests__/styles-check.test.ts

@@ -2,10 +2,12 @@ import { fs, vol } from 'memfs';
 import path from 'path';
 import {
     getFolders,
+    getPackageData,
     isBundle,
     isLegacy,
     isStyleCheckDisabled,
     isWebComponent,
+    loadSharedDependencies,
     log,
 } from '../../../utils';
 
@@ -15,10 +17,12 @@ jest.mock('fs', () => fs);
 jest.mock('../../../utils', () => ({
     ...jest.requireActual('../../../utils'),
     getFolders: jest.fn(),
+    getPackageData: jest.fn(),
     isBundle: jest.fn(),
     isLegacy: jest.fn(),
     isStyleCheckDisabled: jest.fn(),
     isWebComponent: jest.fn(),
+    loadSharedDependencies: jest.fn(),
     log: { error: jest.fn(), info: jest.fn(), warning: jest.fn() },
 }));
 
@@ -29,16 +33,26 @@ describe(`[startup] ${StylesCheck.name}`, () => {
         jest.resetAllMocks();
         jest.mocked(isBundle).mockReturnValue(true);
         jest.mocked(getFolders).mockReturnValue({ source: 'src', destination: 'dist' });
+        jest.mocked(getPackageData).mockReturnValue({ dependencies: {}, sharedDependencies: {} });
+        jest.mocked(loadSharedDependencies).mockReturnValue({});
     });
 
     afterEach(() => vol.reset());
 
-    test("warns that application doesn't have design-system.css", async () => {
-        await subject();
+    describe('when application has design-system as a dependency', () => {
+        beforeEach(() => {
+            jest.mocked(loadSharedDependencies).mockReturnValue({
+                '@servicetitan/design-system': '1.0.0',
+            });
+        });
 
-        expect(log.warning).toHaveBeenCalledWith(
-            expect.stringContaining("application doesn't have design-system.css")
-        );
+        test("warns that application doesn't have design-system.css", async () => {
+            await subject();
+
+            expect(log.warning).toHaveBeenCalledWith(
+                expect.stringContaining("application doesn't have design-system.css")
+            );
+        });
     });
 
     describe('with a legacy package', () => {

package/src/cli/commands/build.ts

@@ -1,7 +1,5 @@
-const exec = require('@lerna/exec');
-
 import { getPackages, logErrors, PackageType, splitPackagesByType } from '../../utils';
-import { tsc } from '../utils';
+import { lernaExec, tsc } from '../utils';
 import { Command, kendoUILicense } from '.';
 
 interface Args {
@@ -33,7 +31,7 @@ export class Build implements Command {
         }
 
         if (packagesWithPreparation.length) {
-            await exec({
+            await lernaExec({
                 cmd: 'startup prepare-package',
                 scope: packagesWithPreparation.map(({ name }) => name),
                 stream: true,
@@ -46,7 +44,7 @@ export class Build implements Command {
 
         if (packages[PackageType.Webpack].length) {
             await kendoUILicense();
-            await exec({
+            await lernaExec({
                 'cmd': 'startup bundle-package',
                 'scope': packages[PackageType.Webpack].map(({ name }) => name),
                 'stream': true,
@@ -56,7 +54,7 @@ export class Build implements Command {
                     ...[this.args.esbuild ? '--esbuild' : undefined],
                     ...[this.args['experimental-bundlers'] ? '--experimental-bundlers' : undefined],
                     ...[this.args.stat ? '--stat' : undefined],
-                ].filter(item => item),
+                ].filter(item => !!item) as string[],
             });
         }
     }

package/src/cli/commands/lint.ts

@@ -10,9 +10,7 @@ import {
     logErrors,
 } from '../../utils';
 import { Command } from '.';
-import { eslint } from '../utils';
-
-const exec = require('@lerna/exec');
+import { eslint, lernaExec } from '../utils';
 
 interface Args {
     // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -23,7 +21,7 @@ interface Args {
     scope?: string | string[];
     /** Packages to skip */
     ignore?: string | string[];
-    /** Use \@lerna/exec to run eslint separately for each package? */
+    /** Run eslint separately for each package? */
     isolated?: boolean;
 }
 
@@ -45,10 +43,9 @@ export class Lint implements Command {
         const { fix, ignore, isolated, scope } = this.args;
         const { paths } = this;
 
-        log.info('Running the eslint...');
-
         const useESLint = !isolated && !scope?.length && !ignore?.length;
         if (this.paths.length || useESLint) {
+            log.info('Running eslint...');
             await eslint({ fix, paths });
             return;
         }
@@ -56,11 +53,11 @@ export class Lint implements Command {
         const packages = getPackages({ scope, ignore });
         const args = fix ? ['--fix'] : [];
 
-        await exec({
-            cmd: 'startup eslint',
-            scope: packages.map(({ name }) => name),
-            bail: false,
-            args,
+        await lernaExec({
+            'cmd': 'startup eslint',
+            'scope': packages.map(({ name }) => name),
+            'bail': false,
+            '--': args,
         });
     }
 
@@ -74,7 +71,7 @@ export class Lint implements Command {
         const { fix } = this.args;
         const { paths } = this;
 
-        log.info('Running the stylelint...');
+        log.info('Running stylelint...');
         const allowedExtensions = ['css', 'scss', 'less'];
         const glob = `**/*.{${allowedExtensions.join(',')}}`;
         let files = paths.reduce((result, path) => {
@@ -112,11 +109,9 @@ export class Lint implements Command {
     private async checkStyles() {
         const { ignore, scope } = this.args;
 
-        log.info('Running the style check...');
-
         const packages = getPackages({ ignore, scope });
 
-        await exec({
+        await lernaExec({
             cmd: 'startup styles-check',
             scope: packages.map(({ name }) => name),
             stream: true,

package/src/cli/commands/mfe-publish.ts

@@ -1,5 +1,4 @@
-const exec = require('@lerna/exec');
-const path = require('path');
+import path from 'path';
 
 import {
     getPackages,
@@ -10,6 +9,7 @@ import {
     isWebComponent,
     log,
 } from '../../utils';
+import { lernaExec } from '../utils';
 import { gitGetBranch, gitGetCommitHash } from '../utils/cli-git';
 import {
     npmGetPackageVersionDates,
@@ -65,7 +65,7 @@ export class MFEPublish implements Command {
             throw new Error('no packages found for publication');
         }
 
-        await exec({
+        await lernaExec({
             'cmd': `startup mfe-package-${this.args.clean ? 'clean' : 'publish'}`,
             'scope': packages.map(({ name }) => name),
             'stream': true,
@@ -78,7 +78,7 @@ export class MFEPublish implements Command {
                 ...[this.args.force ? '--force' : undefined],
                 ...[this.args.count ? `--count ${this.args.count}` : undefined],
                 ...[this.args.registry ? `--registry ${this.args.registry}` : undefined],
-            ].filter(item => item),
+            ].filter(item => !!item) as string[],
         });
     }
 }

package/src/cli/commands/start.ts

@@ -1,7 +1,5 @@
-const exec = require('@lerna/exec');
-
 import { getPackages, logErrors, PackageType, splitPackagesByType } from '../../utils';
-import { tsc, tscWatch } from '../utils';
+import { lernaExec, tsc, tscWatch } from '../utils';
 import { Command } from '.';
 
 interface Args {
@@ -27,7 +25,7 @@ export class Start implements Command {
         ];
 
         if (packagesWithPreparation.length) {
-            await exec({
+            await lernaExec({
                 cmd: 'startup prepare-package',
                 scope: packagesWithPreparation.map(({ name }) => name),
                 stream: true,
@@ -41,7 +39,7 @@ export class Start implements Command {
         await Promise.all([
             ...(packagesWithPreparation.length
                 ? [
-                      exec({
+                      lernaExec({
                           'cmd': 'startup prepare-package',
                           'scope': packagesWithPreparation.map(({ name }) => name),
                           'parallel': true,
@@ -53,7 +51,7 @@ export class Start implements Command {
             ...(packages[PackageType.TSC].length ? [tscWatch(packages[PackageType.TSC])] : []),
             ...(packages[PackageType.Webpack].length
                 ? [
-                      exec({
+                      lernaExec({
                           'cmd': 'startup bundle-package',
                           'scope': packages[PackageType.Webpack].map(({ name }) => name),
                           'parallel': true,
@@ -66,7 +64,7 @@ export class Start implements Command {
                               this.args['experimental-bundlers']
                                   ? '--experimental-bundlers'
                                   : undefined,
-                          ].filter(item => item),
+                          ].filter(item => !!item) as string[],
                       }),
                   ]
                 : []),

package/src/cli/commands/styles-check.ts

@@ -3,10 +3,12 @@ import path from 'path';
 import process from 'process';
 import {
     getFolders,
+    getPackageData,
     isBundle,
     isLegacy,
     isStyleCheckDisabled,
     isWebComponent,
+    loadSharedDependencies,
     log,
 } from '../../utils';
 import { Command } from './index';
@@ -101,7 +103,11 @@ function checkStylesLib(_files: FileInfo[]) {
 }
 
 function checkStylesApp(files: FileInfo[]) {
-    if (!files.some(f => f.relativePath === designSystem)) {
+    const { dependencies, sharedDependencies } = getPackageData();
+    if (
+        loadSharedDependencies(dependencies, sharedDependencies)['@servicetitan/design-system'] &&
+        !files.some(f => f.relativePath === designSystem)
+    ) {
         log.warning(
             "application doesn't have design-system.css. Please check https://docs.st.dev/docs/frontend/micro-frontends#host-configuration"
         );