@servicetitan/startup 26.3.0 → 26.4.0

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

@@ -1,2 +1,3 @@
-export declare function checkResource(resource: string, context: string): boolean;
+import { Context } from '../../types';
+export declare function checkResource(packageContext: Context): (resource: string, context: string) => boolean;
 //# sourceMappingURL=check-resource.d.ts.map

package/dist/webpack/configs/plugins/ignore-plugin/check-resource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"check-resource.d.ts","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/check-resource.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAS9D"}
+{"version":3,"file":"check-resource.d.ts","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/check-resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAItC,wBAAgB,aAAa,CAAC,cAAc,EAAE,OAAO,cACtB,MAAM,WAAW,MAAM,aAsBrD"}

package/dist/webpack/configs/plugins/ignore-plugin/check-resource.js

@@ -1,16 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkResource = checkResource;
-const is_optional_peer_dependency_1 = require("./is-optional-peer-dependency");
-function checkResource(resource, context) {
-    if ((0, is_optional_peer_dependency_1.isOptionalPeerDependency)({ resource, context })) {
-        try {
-            require.resolve(resource);
-        }
-        catch (e) {
+const is_optional_anvil_peer_dependency_1 = require("./is-optional-anvil-peer-dependency");
+const is_optional_react_dom_peer_dependency_1 = require("./is-optional-react-dom-peer-dependency");
+function checkResource(packageContext) {
+    return function (resource, context) {
+        /**
+         * isOptionalAnvilPeerDependency checks packageContext instead of node_modules to
+         * allow MFEs within the same monorepo to rely on different versions of Anvil
+         */
+        if ((0, is_optional_anvil_peer_dependency_1.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 ((0, is_optional_react_dom_peer_dependency_1.isOptionalReactDomPeerDependency)({ resource, context })) {
+            try {
+                require.resolve(resource);
+            }
+            catch (e) {
+                return true;
+            }
+        }
+        return false;
+    };
 }
 //# sourceMappingURL=check-resource.js.map

package/dist/webpack/configs/plugins/ignore-plugin/check-resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-resource.js","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/check-resource.ts"],"names":[],"mappings":";;AAEA,sCASC;AAXD,+EAAyE;AAEzE,SAAgB,aAAa,CAAC,QAAgB,EAAE,OAAe;IAC3D,IAAI,IAAA,sDAAwB,EAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;QAClD,IAAI,CAAC;YACD,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;IACL,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC"}
+{"version":3,"file":"check-resource.js","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/check-resource.ts"],"names":[],"mappings":";;AAIA,sCAuBC;AA1BD,2FAAoF;AACpF,mGAA2F;AAE3F,SAAgB,aAAa,CAAC,cAAuB;IACjD,OAAO,UAAU,QAAgB,EAAE,OAAe;QAC9C;;;WAGG;QACH,IAAI,IAAA,iEAA6B,EAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;YACvE,OAAO,IAAI,CAAC;QAChB,CAAC;QAED;;;WAGG;QACH,IAAI,IAAA,wEAAgC,EAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAC1D,IAAI,CAAC;gBACD,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC9B,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;AACN,CAAC"}

package/dist/webpack/configs/plugins/ignore-plugin/ignore-plugin.d.ts

@@ -1,4 +1,4 @@
 import { IgnorePlugin } from 'webpack';
 import { Context, Overrides } from '../../types';
-export declare function ignorePlugin(_context: Context, _: Overrides): IgnorePlugin;
+export declare function ignorePlugin(context: Context, _: Overrides): IgnorePlugin;
 //# sourceMappingURL=ignore-plugin.d.ts.map

package/dist/webpack/configs/plugins/ignore-plugin/ignore-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ignore-plugin.d.ts","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/ignore-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGjD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,gBAO3D"}
+{"version":3,"file":"ignore-plugin.d.ts","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/ignore-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGjD,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,gBAQ1D"}

package/dist/webpack/configs/plugins/ignore-plugin/ignore-plugin.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ignorePlugin = ignorePlugin;
 const webpack_1 = require("webpack");
 const check_resource_1 = require("./check-resource");
-function ignorePlugin(_context, _) {
+function ignorePlugin(context, _) {
     /**
      * 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 webpack_1.IgnorePlugin({ checkResource: check_resource_1.checkResource });
+    return new webpack_1.IgnorePlugin({ checkResource: (0, check_resource_1.checkResource)(context) });
 }
 //# sourceMappingURL=ignore-plugin.js.map

package/dist/webpack/configs/plugins/ignore-plugin/ignore-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ignore-plugin.js","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/ignore-plugin.ts"],"names":[],"mappings":";;AAKA,oCAOC;AAZD,qCAAuC;AAGvC,qDAAiD;AAEjD,SAAgB,YAAY,CAAC,QAAiB,EAAE,CAAY;IACxD;;;;OAIG;IACH,OAAO,IAAI,sBAAY,CAAC,EAAE,aAAa,EAAb,8BAAa,EAAE,CAAC,CAAC;AAC/C,CAAC"}
+{"version":3,"file":"ignore-plugin.js","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/ignore-plugin.ts"],"names":[],"mappings":";;AAKA,oCAQC;AAbD,qCAAuC;AAGvC,qDAAiD;AAEjD,SAAgB,YAAY,CAAC,OAAgB,EAAE,CAAY;IACvD;;;;;OAKG;IACH,OAAO,IAAI,sBAAY,CAAC,EAAE,aAAa,EAAE,IAAA,8BAAa,EAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACvE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { Context } from '../../types';
+interface Dependency {
+    context: string;
+    resource: string;
+    packageContext: Context;
+}
+/**
+ * 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 declare function isOptionalAnvilPeerDependency({ context, packageContext, resource }: Dependency): boolean;
+export {};
+//# sourceMappingURL=is-optional-anvil-peer-dependency.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"is-optional-anvil-peer-dependency.d.ts","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/is-optional-anvil-peer-dependency.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,UAAU,UAAU;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;CAC3B;AAID;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,UAAU,WAM9F"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isOptionalAnvilPeerDependency = isOptionalAnvilPeerDependency;
+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}
+ */
+function isOptionalAnvilPeerDependency({ context, packageContext, resource }) {
+    return (optionalAnvilPeerDependencies.includes(resource) &&
+        /(@servicetitan|packages)\/(web-components)/.test(context) &&
+        !Object.keys(packageContext.packageData.dependencies).includes(resource));
+}
+//# sourceMappingURL=is-optional-anvil-peer-dependency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"is-optional-anvil-peer-dependency.js","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/is-optional-anvil-peer-dependency.ts"],"names":[],"mappings":";;AAeA,sEAMC;AAbD,MAAM,6BAA6B,GAAG,CAAC,6BAA6B,EAAE,sBAAsB,CAAC,CAAC;AAE9F;;;;GAIG;AACH,SAAgB,6BAA6B,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAc;IAC3F,OAAO,CACH,6BAA6B,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAChD,4CAA4C,CAAC,IAAI,CAAC,OAAO,CAAC;QAC1D,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAC3E,CAAC;AACN,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"is-optional-react-dom-peer-dependency.js","sourceRoot":"","sources":["../../../../../src/webpack/configs/plugins/ignore-plugin/is-optional-react-dom-peer-dependency.ts"],"names":[],"mappings":";;AAKA,4EAKC;AALD,SAAgB,gCAAgC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAc;IAC9E,OAAO,CACH,QAAQ,KAAK,kBAAkB;QAC/B,sDAAsD,CAAC,IAAI,CAAC,OAAO,CAAC,CACvE,CAAC;AACN,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/startup",
-    "version": "26.3.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.3.0",
-        "@servicetitan/stylelint-config": "26.3.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",
@@ -85,7 +84,7 @@
         "typed-css-modules": "~0.9.1",
         "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": "f7879b7fbad9bf75b8659c3c5fc04d22c8c82b8e"
+    "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/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,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isOptionalPeerDependency = isOptionalPeerDependency;
-function isOptionalPeerDependency({ context, resource }) {
-    return (resource === 'react-dom/client' && /@servicetitan\/(ko-bridge|web-components)/.test(context));
-}
-//# 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,4DAIC;AAJD,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"}

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)
-    );
-}