@servicetitan/startup 26.2.0 → 26.4.0

package/dist/webpack/utils/testing/read-asset.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.readAsset = void 0;
+exports.readAsset = readAsset;
 const path_1 = __importDefault(require("path"));
 function readAsset(asset, compiler, stats) {
     var _a;
@@ -23,5 +23,4 @@ function readAsset(asset, compiler, stats) {
     }
     return data;
 }
-exports.readAsset = readAsset;
 //# sourceMappingURL=read-asset.js.map

package/dist/webpack/utils/testing/read-asset.js.map

@@ -1 +1 @@
-{"version":3,"file":"read-asset.js","sourceRoot":"","sources":["../../../../src/webpack/utils/testing/read-asset.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAKxB,SAAgB,SAAS,CAAC,KAAa,EAAE,QAAkB,EAAE,KAAY;;IACrE,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAuB,CAAC;IAChD,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC;IAE9D,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,UAAU,GAAG,KAAK,CAAC;IAEvB,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAE/C,IAAI,cAAc,IAAI,CAAC,EAAE,CAAC;QACtB,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,CAAC;QACD,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,cAAI,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC7E,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AApBD,8BAoBC"}
+{"version":3,"file":"read-asset.js","sourceRoot":"","sources":["../../../../src/webpack/utils/testing/read-asset.ts"],"names":[],"mappings":";;;;;AAKA,8BAoBC;AAzBD,gDAAwB;AAKxB,SAAgB,SAAS,CAAC,KAAa,EAAE,QAAkB,EAAE,KAAY;;IACrE,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAuB,CAAC;IAChD,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC;IAE9D,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,UAAU,GAAG,KAAK,CAAC;IAEvB,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAE/C,IAAI,cAAc,IAAI,CAAC,EAAE,CAAC;QACtB,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,CAAC;QACD,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,cAAI,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC7E,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/webpack/utils/testing/read-assets.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.readAssets = void 0;
+exports.readAssets = readAssets;
 const read_asset_1 = require("./read-asset");
 function readAssets(compiler, stats) {
     const assets = {};
@@ -9,5 +9,4 @@ function readAssets(compiler, stats) {
     });
     return assets;
 }
-exports.readAssets = readAssets;
 //# sourceMappingURL=read-assets.js.map

package/dist/webpack/utils/testing/read-assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"read-assets.js","sourceRoot":"","sources":["../../../../src/webpack/utils/testing/read-assets.ts"],"names":[],"mappings":";;;AAEA,6CAAyC;AAEzC,SAAgB,UAAU,CAAC,QAAkB,EAAE,KAAY;IACvD,MAAM,MAAM,GAA2B,EAAE,CAAC;IAE1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAClD,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,sBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAClB,CAAC;AARD,gCAQC"}
+{"version":3,"file":"read-assets.js","sourceRoot":"","sources":["../../../../src/webpack/utils/testing/read-assets.ts"],"names":[],"mappings":";;AAIA,gCAQC;AAVD,6CAAyC;AAEzC,SAAgB,UAAU,CAAC,QAAkB,EAAE,KAAY;IACvD,MAAM,MAAM,GAA2B,EAAE,CAAC;IAE1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAClD,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,sBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/startup",
-    "version": "26.2.0",
+    "version": "26.4.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/startup",
     "repository": {
@@ -28,16 +28,15 @@
         "@types/eslint": "~8.56.3",
         "@types/less": "~3.0.3",
         "@types/moment-locales-webpack-plugin": "~1.2.2",
-        "@types/sass": "~1.45.0",
         "@types/webpack-assets-manifest": "~5.1.4",
         "@types/yargs": "~17.0.24"
     },
     "dependencies": {
-        "@babel/preset-env": "~7.25.3",
+        "@babel/preset-env": "~7.25.4",
         "@jest/core": "~29.7.0",
         "@jest/types": "~29.6.3",
-        "@servicetitan/eslint-config": "26.2.0",
-        "@servicetitan/stylelint-config": "26.2.0",
+        "@servicetitan/eslint-config": "26.4.0",
+        "@servicetitan/stylelint-config": "26.4.0",
         "@svgr/webpack": "^8.1.0",
         "@swc/core": "1.6.13",
         "@types/debug": "^4.1.12",
@@ -64,7 +63,7 @@
         "less-loader": "~12.2.0",
         "less-plugin-npm-import": "~2.1.0",
         "memfs": "~4.11.1",
-        "mini-css-extract-plugin": "~2.9.0",
+        "mini-css-extract-plugin": "~2.9.1",
         "moment": "^2.30.1",
         "moment-locales-webpack-plugin": "~1.2.0",
         "multimatch": "~5.0.0",
@@ -72,7 +71,7 @@
         "postcss": "~8.4.41",
         "prettier": "~2.7.1",
         "sass": "~1.77.8",
-        "sass-loader": "~16.0.0",
+        "sass-loader": "~16.0.1",
         "source-map-loader": "~5.0.0",
         "string-width": "<5.0.0",
         "style-loader": "~4.0.0",
@@ -83,9 +82,9 @@
         "ts-loader": "~9.5.1",
         "ts-node": "~10.9.2",
         "typed-css-modules": "~0.9.1",
-        "typescript": "~5.4.5",
+        "typescript": "5.5.3",
         "username": "~5.1.0",
-        "webpack": "~5.93.0",
+        "webpack": "~5.94.0",
         "webpack-assets-manifest": "~5.2.1",
         "webpack-bundle-analyzer": "^4.10.2",
         "webpack-dev-server": "~5.0.4",
@@ -105,5 +104,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "db962a72024497a2c475d3bbf9aab5f9c7aae223"
+    "gitHead": "2e4ea0f45727d1519f1d0b2925c9a21b1cb462e5"
 }

package/src/webpack/configs/plugins/ignore-plugin/__tests__/check-resource.test.ts

@@ -1,37 +1,52 @@
 import { checkResource } from '../check-resource';
-import { isOptionalPeerDependency } from '../is-optional-peer-dependency';
+import { isOptionalReactDomPeerDependency } from '../is-optional-react-dom-peer-dependency';
+import { isOptionalAnvilPeerDependency } from '../is-optional-anvil-peer-dependency';
 
-jest.mock('../is-optional-peer-dependency');
+jest.mock('../is-optional-react-dom-peer-dependency');
+jest.mock('../is-optional-anvil-peer-dependency');
+
+type PackageContext = Parameters<typeof isOptionalAnvilPeerDependency>[0]['packageContext'];
 
 describe(`${checkResource.name}`, () => {
+    let packageContext: PackageContext;
     let context: string;
     let resource: string;
 
-    const subject = () => checkResource(resource, context);
+    const subject = () => checkResource(packageContext)(resource, context);
 
     function itReturns(value: boolean) {
         test(`returns ${value}`, () => expect(subject()).toBe(value));
     }
 
-    describe('when resource is not an optional peer dependency', () => {
-        beforeEach(() => jest.mocked(isOptionalPeerDependency).mockReturnValue(false));
+    describe('when resource is an optional anvil peer dependency', () => {
+        beforeEach(() => jest.mocked(isOptionalAnvilPeerDependency).mockReturnValue(true));
 
-        itReturns(false);
+        itReturns(true);
     });
 
-    describe('when resource is optional peer dependency', () => {
-        beforeEach(() => jest.mocked(isOptionalPeerDependency).mockReturnValue(true));
+    describe('when resource is not an optional anvil peer dependency', () => {
+        beforeEach(() => jest.mocked(isOptionalAnvilPeerDependency).mockReturnValue(false));
 
-        describe('when resource is present', () => {
-            beforeEach(() => (resource = 'fs'));
+        describe('when resource is not an optional react-dom peer dependency', () => {
+            beforeEach(() => jest.mocked(isOptionalReactDomPeerDependency).mockReturnValue(false));
 
             itReturns(false);
         });
 
-        describe('when resource is not present', () => {
-            beforeEach(() => (resource = 'foo'));
+        describe('when resource is optional react-dom peer dependency', () => {
+            beforeEach(() => jest.mocked(isOptionalReactDomPeerDependency).mockReturnValue(true));
+
+            describe('when resource is present', () => {
+                beforeEach(() => (resource = 'fs'));
+
+                itReturns(false);
+            });
+
+            describe('when resource is not present', () => {
+                beforeEach(() => (resource = 'foo'));
 
-            itReturns(true);
+                itReturns(true);
+            });
         });
     });
 });

package/src/webpack/configs/plugins/ignore-plugin/__tests__/is-optional-anvil-peer-dependency.test.ts

@@ -0,0 +1,54 @@
+import { isOptionalAnvilPeerDependency } from '../is-optional-anvil-peer-dependency';
+
+type PackageContext = Parameters<typeof isOptionalAnvilPeerDependency>[0]['packageContext'];
+
+describe(`${isOptionalAnvilPeerDependency.name}`, () => {
+    const subject = (...args: Parameters<typeof isOptionalAnvilPeerDependency>) =>
+        isOptionalAnvilPeerDependency(...args);
+
+    describe.each([
+        {
+            packageContextDependencyName: '@servicetitan/anvil2',
+            resource: '@servicetitan/design-system',
+            contexts: ['@servicetitan/web-components', 'uikit/packages/web-components/dist'],
+            expectedResult: true,
+        },
+        {
+            packageContextDependencyName: '@servicetitan/design-system',
+            resource: '@servicetitan/anvil2',
+            contexts: ['@servicetitan/web-components', 'uikit/packages/web-components/dist'],
+            expectedResult: true,
+        },
+        {
+            packageContextDependencyName: '@servicetitan/anvil2',
+            resource: '@servicetitan/anvil2',
+            contexts: ['@servicetitan/web-components', 'uikit/packages/web-components/dist'],
+            expectedResult: false,
+        },
+        {
+            packageContextDependencyName: '@servicetitan/anvil2',
+            resource: '@servicetitan/design-system',
+            contexts: ['@servicetitan/anvil2/Button'],
+            expectedResult: false,
+        },
+    ])(
+        'with required dependency "$resource" and package.json dependencies containing "$packageContextDependencyName"',
+        ({ packageContextDependencyName, resource, contexts, expectedResult }) => {
+            contexts.forEach(context => {
+                test(`with context ${context}, returns ${expectedResult}`, () => {
+                    expect(
+                        subject({
+                            packageContext: {
+                                packageData: {
+                                    dependencies: { [packageContextDependencyName]: 'x.x.x' },
+                                },
+                            } as unknown as PackageContext,
+                            resource,
+                            context,
+                        })
+                    ).toBe(expectedResult);
+                });
+            });
+        }
+    );
+});

package/src/webpack/configs/plugins/ignore-plugin/__tests__/{is-optional-peer-dependency.test.ts → is-optional-react-dom-peer-dependency.test.ts}

@@ -1,13 +1,18 @@
-import { isOptionalPeerDependency } from '../is-optional-peer-dependency';
+import { isOptionalReactDomPeerDependency } from '../is-optional-react-dom-peer-dependency';
 
-describe(`${isOptionalPeerDependency.name}`, () => {
-    const subject = (...args: Parameters<typeof isOptionalPeerDependency>) =>
-        isOptionalPeerDependency(...args);
+describe(`${isOptionalReactDomPeerDependency.name}`, () => {
+    const subject = (...args: Parameters<typeof isOptionalReactDomPeerDependency>) =>
+        isOptionalReactDomPeerDependency(...args);
 
     describe.each([
         {
             resource: 'react-dom/client',
-            contexts: ['@servicetitan/web-components', '@servicetitan/ko-bridge'],
+            contexts: [
+                '@servicetitan/web-components',
+                'uikit/packages/web-components/dist',
+                '@servicetitan/ko-bridge',
+                'uikit/packages/ko-bridge/dist',
+            ],
         },
     ])('with dependency "$resource"', ({ resource, contexts }) => {
         contexts.forEach(context => {

package/src/webpack/configs/plugins/ignore-plugin/check-resource.ts

@@ -1,12 +1,28 @@
-import { isOptionalPeerDependency } from './is-optional-peer-dependency';
+import { Context } from '../../types';
+import { isOptionalAnvilPeerDependency } from './is-optional-anvil-peer-dependency';
+import { isOptionalReactDomPeerDependency } from './is-optional-react-dom-peer-dependency';
 
-export function checkResource(resource: string, context: string) {
-    if (isOptionalPeerDependency({ resource, context })) {
-        try {
-            require.resolve(resource);
-        } catch (e) {
+export function checkResource(packageContext: Context) {
+    return function (resource: string, context: string) {
+        /**
+         * isOptionalAnvilPeerDependency checks packageContext instead of node_modules to
+         * allow MFEs within the same monorepo to rely on different versions of Anvil
+         */
+        if (isOptionalAnvilPeerDependency({ context, packageContext, resource })) {
             return true;
         }
-    }
-    return false;
+
+        /**
+         * isOptionalReactDomPeerDependency cannot use packageContext because react-dom/client
+         * is not explicitly listed in the package.json dependencies
+         */
+        if (isOptionalReactDomPeerDependency({ resource, context })) {
+            try {
+                require.resolve(resource);
+            } catch (e) {
+                return true;
+            }
+        }
+        return false;
+    };
 }

package/src/webpack/configs/plugins/ignore-plugin/ignore-plugin.ts

@@ -3,11 +3,12 @@ import { IgnorePlugin } from 'webpack';
 import { Context, Overrides } from '../../types';
 import { checkResource } from './check-resource';
 
-export function ignorePlugin(_context: Context, _: Overrides) {
+export function ignorePlugin(context: Context, _: Overrides) {
     /**
      * Ignore optional peer dependencies
+     * @see {@link: file://./../../../../../../web-components/src/register.tsx}
      * @see {@link: file://./../../../../../../web-components/src/render.ts}
      * @see {@link: file://./../../../../../../ko-bridge/src/ko-binding-handlers.tsx}
      */
-    return new IgnorePlugin({ checkResource });
+    return new IgnorePlugin({ checkResource: checkResource(context) });
 }

package/src/webpack/configs/plugins/ignore-plugin/is-optional-anvil-peer-dependency.ts

@@ -0,0 +1,22 @@
+import { Context } from '../../types';
+
+interface Dependency {
+    context: string;
+    resource: string;
+    packageContext: Context;
+}
+
+const optionalAnvilPeerDependencies = ['@servicetitan/design-system', '@servicetitan/anvil2'];
+
+/**
+ * Ignore any Anvil dependency used in register.tsx that is not in the package.json dependencies,
+ * so that register.tsx's web-components/anvil2 requires will fail
+ * @see {@link file://./../../../../../../web-components/src/register.tsx}
+ */
+export function isOptionalAnvilPeerDependency({ context, packageContext, resource }: Dependency) {
+    return (
+        optionalAnvilPeerDependencies.includes(resource) &&
+        /(@servicetitan|packages)\/(web-components)/.test(context) &&
+        !Object.keys(packageContext.packageData.dependencies).includes(resource)
+    );
+}

package/src/webpack/configs/plugins/ignore-plugin/is-optional-react-dom-peer-dependency.ts

@@ -0,0 +1,11 @@
+interface Dependency {
+    context: string;
+    resource: string;
+}
+
+export function isOptionalReactDomPeerDependency({ context, resource }: Dependency) {
+    return (
+        resource === 'react-dom/client' &&
+        /(@servicetitan|packages)\/(ko-bridge|web-components)/.test(context)
+    );
+}

package/tsconfig/base.json

@@ -2,7 +2,7 @@
     "$schema": "https://json.schemastore.org/tsconfig.json",
     "compilerOptions": {
         "incremental": true,
-        "target": "es6",
+        "target": "es2018",
         "module": "esnext",
         "moduleResolution": "node",
         "lib": ["dom", "dom.iterable", "esnext"],

package/dist/webpack/configs/plugins/ignore-plugin/is-optional-peer-dependency.d.ts

@@ -1,7 +0,0 @@
-interface Dependency {
-    context: string;
-    resource: string;
-}
-export declare function isOptionalPeerDependency({ context, resource }: Dependency): boolean;
-export {};
-//# sourceMappingURL=is-optional-peer-dependency.d.ts.map

package/dist/webpack/configs/plugins/ignore-plugin/is-optional-peer-dependency.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-optional-peer-dependency.d.ts","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/is-optional-peer-dependency.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,UAAU,WAIzE"}

package/dist/webpack/configs/plugins/ignore-plugin/is-optional-peer-dependency.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isOptionalPeerDependency = void 0;
-function isOptionalPeerDependency({ context, resource }) {
-    return (resource === 'react-dom/client' && /@servicetitan\/(ko-bridge|web-components)/.test(context));
-}
-exports.isOptionalPeerDependency = isOptionalPeerDependency;
-//# sourceMappingURL=is-optional-peer-dependency.js.map

package/dist/webpack/configs/plugins/ignore-plugin/is-optional-peer-dependency.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-optional-peer-dependency.js","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/is-optional-peer-dependency.ts"],"names":[],"mappings":";;;AAKA,SAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAc;IACtE,OAAO,CACH,QAAQ,KAAK,kBAAkB,IAAI,2CAA2C,CAAC,IAAI,CAAC,OAAO,CAAC,CAC/F,CAAC;AACN,CAAC;AAJD,4DAIC"}

package/src/webpack/configs/plugins/ignore-plugin/is-optional-peer-dependency.ts

@@ -1,10 +0,0 @@
-interface Dependency {
-    context: string;
-    resource: string;
-}
-
-export function isOptionalPeerDependency({ context, resource }: Dependency) {
-    return (
-        resource === 'react-dom/client' && /@servicetitan\/(ko-bridge|web-components)/.test(context)
-    );
-}