@servicetitan/web-components 33.1.1 → 34.0.0

package/src/__tests__/register-anvil2.test.tsx

@@ -1,7 +1,6 @@
 import '@testing-library/jest-dom';
 import { render, within } from '@testing-library/react';
 import { Fragment } from 'react';
-
 import { expectStylesInDom, MockComponent, registerComponent } from '../__mocks__';
 
 function mockComponent(name: string) {

package/src/__tests__/register-headless.test.tsx

@@ -1,6 +1,5 @@
 import '@testing-library/jest-dom';
 import { render, waitFor } from '@testing-library/react';
-
 import { Entries, IWebComponent } from '../common';
 import { HeadlessCallback } from '../register-headless';
 

package/src/__tests__/register.test.tsx

@@ -4,8 +4,8 @@ import { act, render } from '@testing-library/react';
 // @ts-ignore because Jest mistakenly complains that "'shadow-dom-testing-library' cannot be imported using this construct".
 import { screen } from 'shadow-dom-testing-library';
 
-import { IWebComponent } from '../common';
 import { expectStylesInDom, MockComponent, registerComponent } from '../__mocks__';
+import { IWebComponent } from '../common';
 
 describe('[web-components] register', () => {
     const baseComponentName = 'mock-app';

package/src/__tests__/use-prefetch.test.tsx

@@ -1,8 +1,7 @@
-import { FC, PropsWithChildren } from 'react';
 import { Log } from '@servicetitan/log-service';
 import { Provider } from '@servicetitan/react-ioc';
 import { renderHook } from '@testing-library/react';
-import { getBundleInfo, supportsPrefetch } from '../utils';
+import { FC, PropsWithChildren } from 'react';
 import {
     EXPOSED_DEPENDENCIES_TOKEN,
     EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
@@ -10,6 +9,7 @@ import {
     ExposedInstanceDependencies,
 } from '../common';
 import { usePrefetch } from '../use-prefetch';
+import { getBundleInfo, supportsPrefetch } from '../utils';
 
 jest.mock('../utils', () => ({
     ...jest.requireActual('../utils'),

package/src/common.ts

@@ -1,20 +1,11 @@
-import { useRef } from 'react';
-
-import { symbolToken } from '@servicetitan/react-ioc';
 import { type LDService } from '@servicetitan/launchdarkly-service';
 import { Log } from '@servicetitan/log-service';
-
+import { symbolToken } from '@servicetitan/react-ioc';
+import { ExposedDependencies } from '@servicetitan/startup-utils';
+import { useRef } from 'react';
 import { EventBus } from './event-bus';
 import { HistoryManager } from './history-manager';
 
-export type ExposedDependencies = Record<
-    string,
-    {
-        version: string;
-        variable: string;
-    }
->;
-
 export interface ExposedInstanceDependencies {
     launchDarkly?: { version: string; ldService?: LDService };
 }

package/src/contexts/tests/mfe-data-context.test.tsx

@@ -1,5 +1,5 @@
-import { FC, PropsWithChildren } from 'react';
 import { renderHook } from '@testing-library/react';
+import { FC, PropsWithChildren } from 'react';
 import { MFEDataContext, useMFEDataContext } from '../mfe-data-context';
 
 describe(`[web-components] ${useMFEDataContext.name}`, () => {

package/src/contexts/tests/mfe-metadata-context.test.tsx

@@ -1,5 +1,5 @@
-import { FC, PropsWithChildren } from 'react';
 import { renderHook } from '@testing-library/react';
+import { FC, PropsWithChildren } from 'react';
 import { MFEMetadataContext, useMFEMetadataContext } from '../mfe-metadata-context';
 
 describe(`[web-components] ${useMFEMetadataContext.name}`, () => {

package/src/event-bus.ts

@@ -1,6 +1,5 @@
 import { symbolToken, SymbolToken } from '@servicetitan/react-ioc';
 import mitt from 'mitt';
-
 import { JSON, Serializable } from './types';
 
 export const EVENT_BUS_TOKEN = symbolToken<EventBus>('EVENT_BUS_TOKEN');

package/src/globals.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import { ExposedDependencies, ExposedInstanceDependencies } from './common';
+import { ExposedDependencies } from '@servicetitan/startup-utils';
+import { ExposedInstanceDependencies } from './common';
 
 declare global {
     export const EXPOSED_DEPENDENCIES: ExposedDependencies | undefined;

package/src/headless-loader.tsx

@@ -1,4 +1,4 @@
-import { UnrestrictedLoaderProps, Loader } from './loader';
+import { Loader, UnrestrictedLoaderProps } from './loader';
 
 type HeadlessLoaderProps<T> = Pick<
     UnrestrictedLoaderProps<T>,

package/src/history-manager.ts

@@ -1,6 +1,5 @@
-import { History, Location, UnregisterCallback } from 'history';
-
 import { injectable } from '@servicetitan/react-ioc';
+import { History, Location, UnregisterCallback } from 'history';
 
 @injectable()
 export class HistoryManager {

package/src/loader.tsx

@@ -1,3 +1,8 @@
+import { ErrorBoundary } from '@servicetitan/error-boundary';
+import { type LDService } from '@servicetitan/launchdarkly-service';
+import { Log } from '@servicetitan/log-service';
+import { useOptionalDependencies } from '@servicetitan/react-ioc';
+import { ExposedDependencies } from '@servicetitan/startup-utils';
 import {
     ReactElement,
     ReactNode,
@@ -10,29 +15,23 @@ import {
     useMemo,
     useRef,
 } from 'react';
-import { ErrorBoundary } from '@servicetitan/error-boundary';
-import { type LDService } from '@servicetitan/launchdarkly-service';
-import { Log } from '@servicetitan/log-service';
-import { useOptionalDependencies } from '@servicetitan/react-ioc';
-
 import {
     EXPOSED_DEPENDENCIES_TOKEN,
     EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
-    ExposedDependencies,
     ExposedInstanceDependencies,
     GetJsonError,
     useCancelation,
 } from './common';
 import { MFEContextData } from './contexts/mfe-data-context';
 import { Delayed } from './delayed';
-import { EventBus, EVENT_BUS_TOKEN } from './event-bus';
+import { EVENT_BUS_TOKEN, EventBus } from './event-bus';
 import { EXPOSED_DEPENDENCIES, EXPOSED_INSTANCE_DEPENDENCIES } from './globals';
 import {
     BundleInfo,
     getBundleInfo,
     getLDServiceToken,
-    validateBundleInfo,
     loadScripts,
+    validateBundleInfo,
     webComponent,
 } from './utils';
 

package/src/register-headless.ts

@@ -1,7 +1,7 @@
 import type { LDService } from '@servicetitan/launchdarkly-service';
+import type { Log } from '@servicetitan/log-service';
 import type { Entries, IWebComponent } from './common';
 import type { EventBus } from './event-bus';
-import type { Log } from '@servicetitan/log-service';
 import { Serializable } from './types';
 
 type HeadlessCallbackArgs<TMfeData, TEventBus extends EventBus = EventBus> = Pick<

package/src/register.tsx

@@ -1,22 +1,21 @@
-import { FC, ComponentType, ReactElement, useEffect } from 'react';
 import { type LDService } from '@servicetitan/launchdarkly-service';
 import { Log } from '@servicetitan/log-service';
 import { Provider } from '@servicetitan/react-ioc';
-
+import { ExposedDependencies } from '@servicetitan/startup-utils';
+import { ComponentType, FC, ReactElement, useEffect } from 'react';
 import {
     BASENAME_TOKEN,
+    Entries,
     EXPOSED_DEPENDENCIES_TOKEN,
     EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,
-    IS_WEB_COMPONENT_TOKEN,
-    RENDER_ROOT_TOKEN,
-    Entries,
-    ExposedDependencies,
     ExposedInstanceDependencies,
+    IS_WEB_COMPONENT_TOKEN,
     IWebComponent,
+    RENDER_ROOT_TOKEN,
 } from './common';
 import { MFEDataContext } from './contexts/mfe-data-context';
 import { MFEMetadataContext } from './contexts/mfe-metadata-context';
-import { EventBus, EVENT_BUS_TOKEN } from './event-bus';
+import { EVENT_BUS_TOKEN, EventBus } from './event-bus';
 import { WEB_COMPONENT_NAME } from './globals';
 import { HistoryManager } from './history-manager';
 import { render } from './render';

package/src/use-prefetch.ts

@@ -1,8 +1,8 @@
 import { Log } from '@servicetitan/log-service';
 import { useOptionalDependencies } from '@servicetitan/react-ioc';
 import { EXPOSED_DEPENDENCIES_TOKEN, EXPOSED_INSTANCE_DEPENDENCIES_TOKEN } from './common';
-import { getBundleInfo, supportsPrefetch } from './utils';
 import { LoaderProps } from './loader';
+import { getBundleInfo, supportsPrefetch } from './utils';
 
 /**
  * Prefetch and cache bundle info for a given MFE, so that Loader can load it faster later.

package/src/utils/__tests__/get-mfe-supports-rerendering.test.ts

@@ -1,5 +1,5 @@
-import { getMFESupportsRerendering } from '../get-mfe-supports-rerendering';
 import { Metadata } from '../get-bundle-info';
+import { getMFESupportsRerendering } from '../get-mfe-supports-rerendering';
 
 describe(`[web-components] ${getMFESupportsRerendering.name}`, () => {
     let metadata: Required<Pick<Metadata, 'bundledWith' | 'dependencies'>>;

package/src/utils/get-bundle-info.ts

@@ -1,15 +1,14 @@
-import semver from 'semver';
+import { ExposedDependencies, getVersionMismatches } from '@servicetitan/startup-utils';
 import get from 'lodash.get';
-
-import { ExposedDependencies, ExposedInstanceDependencies, getJson, GetJsonError } from '../common';
-import { getCachedMetadata } from './get-cached-metadata';
+import semver from 'semver';
+import { ExposedInstanceDependencies, getJson, GetJsonError } from '../common';
+import type { Metadata } from '../types';
 import { getCacheSetting } from './get-cache-setting';
+import { getCachedMetadata } from './get-cached-metadata';
 import { EntryPoints, getEntrypoints } from './get-entry-points';
 import { getMFEHasCompatibleLaunchDarklyVersion } from './get-mfe-has-compatible-launchdarkly-version';
-import { getMFESupportsRerendering } from './get-mfe-supports-rerendering';
 import { getMFEHasUniqueChunkNamespace } from './get-mfe-has-unique-chunk-namespace';
-import { getVersionMismatches } from './get-version-mismatches';
-import type { Metadata } from '../types';
+import { getMFESupportsRerendering } from './get-mfe-supports-rerendering';
 
 export type BundleInfo = Awaited<ReturnType<typeof getBundleInfo>>;
 

package/src/utils/index.ts

@@ -3,7 +3,6 @@ export * from './get-element-name';
 export * from './get-entry-points';
 export * from './get-ld-service-token';
 export * from './get-mfe-supports-rerendering';
-export * from './get-version-mismatches';
 export * from './is-versioned-url';
 export * from './load-scripts';
 export * from './supports-prefetch';

package/src/utils/validate-bundle-info.ts

@@ -1,5 +1,6 @@
 import { Log } from '@servicetitan/log-service';
-import { ExposedDependencies, ExposedInstanceDependencies } from '../common';
+import { ExposedDependencies } from '@servicetitan/startup-utils';
+import { ExposedInstanceDependencies } from '../common';
 import { BundleInfo } from './get-bundle-info';
 
 interface Context {

package/src/utils/web-component.tsx

@@ -1,15 +1,15 @@
-import { Fragment, useMemo, useState } from 'react';
-import { Log } from '@servicetitan/log-service';
 import { type LDService } from '@servicetitan/launchdarkly-service';
+import { Log } from '@servicetitan/log-service';
 import { useOptionalDependencies } from '@servicetitan/react-ioc';
-
-import { ExposedDependencies, ExposedInstanceDependencies, IWebComponent } from '../common';
+import { ExposedDependencies } from '@servicetitan/startup-utils';
+import { Fragment, useMemo, useState } from 'react';
+import { ExposedInstanceDependencies, IWebComponent } from '../common';
 import { MFEContextData } from '../contexts/mfe-data-context';
 import { EventBus } from '../event-bus';
-import { BundleInfo } from './get-bundle-info';
-import { getElementName } from './get-element-name';
 import { HistoryManager } from '../history-manager';
 import { LoaderDataProps } from '../loader';
+import { BundleInfo } from './get-bundle-info';
+import { getElementName } from './get-element-name';
 
 interface WebComponentProps {
     basename?: string;

package/dist/utils/get-version-mismatches.d.ts

@@ -1,6 +0,0 @@
-import { ExposedDependencies } from '../common';
-export declare const getVersionMismatches: (exposedDependencies: ExposedDependencies, dependencies: Record<string, string>, sharedDependencies: Record<string, string>) => Record<string, {
-    host: string;
-    package: string;
-}> | undefined;
-//# sourceMappingURL=get-version-mismatches.d.ts.map

package/dist/utils/get-version-mismatches.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-version-mismatches.d.ts","sourceRoot":"","sources":["../../src/utils/get-version-mismatches.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,eAAO,MAAM,oBAAoB,GAC7B,qBAAqB,mBAAmB,EACxC,cAAc,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACpC,oBAAoB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;UAeT,MAAM;aAAW,MAAM;cAc3D,CAAC"}

package/dist/utils/get-version-mismatches.js

@@ -1,30 +0,0 @@
-import { isCompatible } from './is-compatible';
-export const getVersionMismatches = (exposedDependencies, dependencies, sharedDependencies)=>{
-    const mismatch = Object.entries(exposedDependencies).reduce((result, [dependency, { version: hostVersion }])=>{
-        const packageVersion = dependencies[dependency];
-        if (packageVersion && !!sharedDependencies[dependency] && !isCompatible(hostVersion, packageVersion)) {
-            result[dependency] = {
-                host: hostVersion,
-                package: packageVersion
-            };
-        }
-        return result;
-    }, {});
-    for (const [dependency, variable] of Object.entries(sharedDependencies)){
-        const packageVersion = dependencies[dependency];
-        if (!exposedDependencies[dependency]) {
-            mismatch[dependency] = {
-                host: 'missing',
-                package: packageVersion
-            };
-        } else if (exposedDependencies[dependency].variable !== variable) {
-            mismatch[dependency] = {
-                host: 'wrong global variable',
-                package: packageVersion
-            };
-        }
-    }
-    return Object.keys(mismatch).length ? mismatch : undefined;
-};
-
-//# sourceMappingURL=get-version-mismatches.js.map

package/dist/utils/get-version-mismatches.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/get-version-mismatches.ts"],"sourcesContent":["import { ExposedDependencies } from '../common';\nimport { isCompatible } from './is-compatible';\n\nexport const getVersionMismatches = (\n    exposedDependencies: ExposedDependencies,\n    dependencies: Record<string, string>,\n    sharedDependencies: Record<string, string>\n) => {\n    const mismatch = Object.entries(exposedDependencies).reduce(\n        (result, [dependency, { version: hostVersion }]) => {\n            const packageVersion = dependencies[dependency];\n            if (\n                packageVersion &&\n                !!sharedDependencies[dependency] &&\n                !isCompatible(hostVersion, packageVersion)\n            ) {\n                result[dependency] = { host: hostVersion, package: packageVersion };\n            }\n\n            return result;\n        },\n        {} as Record<string, { host: string; package: string }>\n    );\n\n    for (const [dependency, variable] of Object.entries(sharedDependencies)) {\n        const packageVersion = dependencies[dependency];\n\n        if (!exposedDependencies[dependency]) {\n            mismatch[dependency] = { host: 'missing', package: packageVersion };\n        } else if (exposedDependencies[dependency].variable !== variable) {\n            mismatch[dependency] = { host: 'wrong global variable', package: packageVersion };\n        }\n    }\n\n    return Object.keys(mismatch).length ? mismatch : undefined;\n};\n"],"names":["isCompatible","getVersionMismatches","exposedDependencies","dependencies","sharedDependencies","mismatch","Object","entries","reduce","result","dependency","version","hostVersion","packageVersion","host","package","variable","keys","length","undefined"],"mappings":"AACA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,OAAO,MAAMC,uBAAuB,CAChCC,qBACAC,cACAC;IAEA,MAAMC,WAAWC,OAAOC,OAAO,CAACL,qBAAqBM,MAAM,CACvD,CAACC,QAAQ,CAACC,YAAY,EAAEC,SAASC,WAAW,EAAE,CAAC;QAC3C,MAAMC,iBAAiBV,YAAY,CAACO,WAAW;QAC/C,IACIG,kBACA,CAAC,CAACT,kBAAkB,CAACM,WAAW,IAChC,CAACV,aAAaY,aAAaC,iBAC7B;YACEJ,MAAM,CAACC,WAAW,GAAG;gBAAEI,MAAMF;gBAAaG,SAASF;YAAe;QACtE;QAEA,OAAOJ;IACX,GACA,CAAC;IAGL,KAAK,MAAM,CAACC,YAAYM,SAAS,IAAIV,OAAOC,OAAO,CAACH,oBAAqB;QACrE,MAAMS,iBAAiBV,YAAY,CAACO,WAAW;QAE/C,IAAI,CAACR,mBAAmB,CAACQ,WAAW,EAAE;YAClCL,QAAQ,CAACK,WAAW,GAAG;gBAAEI,MAAM;gBAAWC,SAASF;YAAe;QACtE,OAAO,IAAIX,mBAAmB,CAACQ,WAAW,CAACM,QAAQ,KAAKA,UAAU;YAC9DX,QAAQ,CAACK,WAAW,GAAG;gBAAEI,MAAM;gBAAyBC,SAASF;YAAe;QACpF;IACJ;IAEA,OAAOP,OAAOW,IAAI,CAACZ,UAAUa,MAAM,GAAGb,WAAWc;AACrD,EAAE"}

package/dist/utils/is-compatible.d.ts

@@ -1,2 +0,0 @@
-export declare function isCompatible(hostVersion: string, packageVersion: string): boolean;
-//# sourceMappingURL=is-compatible.d.ts.map

package/dist/utils/is-compatible.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-compatible.d.ts","sourceRoot":"","sources":["../../src/utils/is-compatible.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,WAkCvE"}

package/dist/utils/is-compatible.js

@@ -1,31 +0,0 @@
-import semver from 'semver';
-export function isCompatible(hostVersion, packageVersion) {
-    if (hostVersion === packageVersion) {
-        return true;
-    }
-    if (hostVersion === '*') {
-        return false;
-    }
-    if (packageVersion === '*') {
-        return true;
-    }
-    // host and package have exact non-equal versions
-    if (semver.valid(hostVersion) && semver.valid(packageVersion)) {
-        return false;
-    }
-    // exact package version couldn't be compatible with host range
-    if (semver.validRange(hostVersion) && semver.valid(packageVersion)) {
-        return false;
-    }
-    // exact host version must be in package range
-    if (semver.valid(hostVersion) && semver.validRange(packageVersion)) {
-        return semver.satisfies(hostVersion, packageVersion);
-    }
-    // host range must be fully included in package range
-    if (semver.validRange(hostVersion) && semver.validRange(packageVersion)) {
-        return semver.subset(hostVersion, packageVersion);
-    }
-    return false;
-}
-
-//# sourceMappingURL=is-compatible.js.map

package/dist/utils/is-compatible.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/is-compatible.ts"],"sourcesContent":["import semver from 'semver';\n\nexport function isCompatible(hostVersion: string, packageVersion: string) {\n    if (hostVersion === packageVersion) {\n        return true;\n    }\n\n    if (hostVersion === '*') {\n        return false;\n    }\n\n    if (packageVersion === '*') {\n        return true;\n    }\n\n    // host and package have exact non-equal versions\n    if (semver.valid(hostVersion) && semver.valid(packageVersion)) {\n        return false;\n    }\n\n    // exact package version couldn't be compatible with host range\n    if (semver.validRange(hostVersion) && semver.valid(packageVersion)) {\n        return false;\n    }\n\n    // exact host version must be in package range\n    if (semver.valid(hostVersion) && semver.validRange(packageVersion)) {\n        return semver.satisfies(hostVersion, packageVersion);\n    }\n\n    // host range must be fully included in package range\n    if (semver.validRange(hostVersion) && semver.validRange(packageVersion)) {\n        return semver.subset(hostVersion, packageVersion);\n    }\n\n    return false;\n}\n"],"names":["semver","isCompatible","hostVersion","packageVersion","valid","validRange","satisfies","subset"],"mappings":"AAAA,OAAOA,YAAY,SAAS;AAE5B,OAAO,SAASC,aAAaC,WAAmB,EAAEC,cAAsB;IACpE,IAAID,gBAAgBC,gBAAgB;QAChC,OAAO;IACX;IAEA,IAAID,gBAAgB,KAAK;QACrB,OAAO;IACX;IAEA,IAAIC,mBAAmB,KAAK;QACxB,OAAO;IACX;IAEA,iDAAiD;IACjD,IAAIH,OAAOI,KAAK,CAACF,gBAAgBF,OAAOI,KAAK,CAACD,iBAAiB;QAC3D,OAAO;IACX;IAEA,+DAA+D;IAC/D,IAAIH,OAAOK,UAAU,CAACH,gBAAgBF,OAAOI,KAAK,CAACD,iBAAiB;QAChE,OAAO;IACX;IAEA,8CAA8C;IAC9C,IAAIH,OAAOI,KAAK,CAACF,gBAAgBF,OAAOK,UAAU,CAACF,iBAAiB;QAChE,OAAOH,OAAOM,SAAS,CAACJ,aAAaC;IACzC;IAEA,qDAAqD;IACrD,IAAIH,OAAOK,UAAU,CAACH,gBAAgBF,OAAOK,UAAU,CAACF,iBAAiB;QACrE,OAAOH,OAAOO,MAAM,CAACL,aAAaC;IACtC;IAEA,OAAO;AACX"}

package/src/utils/__tests__/get-version-mismatches.test.ts

@@ -1,86 +0,0 @@
-import { ExposedDependencies } from '../../common';
-import { getVersionMismatches } from '../get-version-mismatches';
-
-describe(`[web-components] ${getVersionMismatches.name}`, () => {
-    let sharedDependencies: Record<string, string> = {};
-    let dependencies: Record<string, string> = {};
-    let exposedDependencies: ExposedDependencies = {};
-
-    beforeEach(() => {
-        sharedDependencies = {
-            '@servicetitan/design-system': 'SharedDependencies.ServiceTitan.DesignSystem',
-        };
-
-        dependencies = {
-            '@servicetitan/design-system': '~11.8.0',
-        };
-
-        exposedDependencies = {
-            '@servicetitan/design-system': {
-                version: '~11.8.0',
-                variable: 'SharedDependencies.ServiceTitan.DesignSystem',
-            },
-        };
-    });
-
-    function itReturnsNoMismatches() {
-        test('returns no mismatches', () => {
-            expect(
-                getVersionMismatches(exposedDependencies, dependencies, sharedDependencies)
-            ).toEqual(undefined);
-        });
-    }
-
-    itReturnsNoMismatches();
-
-    describe('when there is a versions mismatch', () => {
-        beforeEach(() => (dependencies['@servicetitan/design-system'] = '~12.0.0'));
-
-        test('returns the mismatch', () => {
-            expect(
-                getVersionMismatches(exposedDependencies, dependencies, sharedDependencies)
-            ).toEqual({
-                '@servicetitan/design-system': {
-                    host: '~11.8.0',
-                    package: '~12.0.0',
-                },
-            });
-        });
-
-        describe('when the mismatch is not a shared dependency', () => {
-            beforeEach(() => (sharedDependencies = {}));
-
-            itReturnsNoMismatches();
-        });
-    });
-
-    describe('when a dependency is missing from exposed dependencies', () => {
-        beforeEach(() => delete exposedDependencies['@servicetitan/design-system']);
-
-        test('returns an object citing the dependency is missing from the host', () => {
-            expect(
-                getVersionMismatches(exposedDependencies, dependencies, sharedDependencies)
-            ).toEqual({
-                '@servicetitan/design-system': {
-                    host: 'missing',
-                    package: '~11.8.0',
-                },
-            });
-        });
-    });
-
-    describe('when a variable does not match', () => {
-        beforeEach(() => (exposedDependencies['@servicetitan/design-system'].variable = 'foo'));
-
-        test('returns an object citing the variable is wrong', () => {
-            expect(
-                getVersionMismatches(exposedDependencies, dependencies, sharedDependencies)
-            ).toEqual({
-                '@servicetitan/design-system': {
-                    host: 'wrong global variable',
-                    package: '~11.8.0',
-                },
-            });
-        });
-    });
-});

package/src/utils/__tests__/is-compatible.test.ts

@@ -1,91 +0,0 @@
-import { isCompatible } from '../is-compatible';
-
-describe(`[web-components] ${isCompatible.name}`, () => {
-    let hostVersion: string;
-    let packageVersion: string;
-
-    beforeEach(() => {
-        hostVersion = 'foo';
-        packageVersion = 'bar';
-    });
-
-    function returnsFalse() {
-        test('returns false', () => {
-            expect(isCompatible(hostVersion, packageVersion)).toBe(false);
-        });
-    }
-
-    function returnsTrue() {
-        test('returns true', () => {
-            expect(isCompatible(hostVersion, packageVersion)).toBe(true);
-        });
-    }
-
-    returnsFalse();
-
-    describe('when versions are equal', () => {
-        beforeEach(() => {
-            hostVersion = '1.0.0';
-            packageVersion = '1.0.0';
-        });
-        returnsTrue();
-    });
-
-    describe("when hostVersion is '*'", () => {
-        beforeEach(() => (hostVersion = '*'));
-        returnsFalse();
-    });
-
-    describe("when packageVersion is '*'", () => {
-        beforeEach(() => (packageVersion = '*'));
-        returnsTrue();
-    });
-
-    describe('when versions are both exact SemVers and not equal', () => {
-        beforeEach(() => {
-            hostVersion = '1.0.0';
-            packageVersion = '1.2.0';
-        });
-        returnsFalse();
-    });
-
-    describe('when hostVersion is a SemVer range and packageVersion is an exact SemVer', () => {
-        beforeEach(() => {
-            hostVersion = '^1.0.0';
-            packageVersion = '1.2.0';
-        });
-        returnsFalse();
-    });
-
-    describe('when hostVersion is an exact SemVer that falls within the packageVersion SemVer range', () => {
-        beforeEach(() => {
-            hostVersion = '1.2.0';
-            packageVersion = '^1.0.0';
-        });
-        returnsTrue();
-    });
-
-    describe('when hostVersion is an exact SemVer that does not fall within the packageVersion SemVer range', () => {
-        beforeEach(() => {
-            hostVersion = '1.2.0';
-            packageVersion = '~1.0.0';
-        });
-        returnsFalse();
-    });
-
-    describe('when hostVersion is a SemVer range that falls within the packageVersion  SemVer range', () => {
-        beforeEach(() => {
-            hostVersion = '~1.2.0';
-            packageVersion = '^1.0.0';
-        });
-        returnsTrue();
-    });
-
-    describe('when hostVersion is an exact SemVer that does not fall within the packageVersion SemVer range', () => {
-        beforeEach(() => {
-            hostVersion = '^1.2.0';
-            packageVersion = '~1.0.0';
-        });
-        returnsFalse();
-    });
-});

package/src/utils/get-version-mismatches.ts

@@ -1,36 +0,0 @@
-import { ExposedDependencies } from '../common';
-import { isCompatible } from './is-compatible';
-
-export const getVersionMismatches = (
-    exposedDependencies: ExposedDependencies,
-    dependencies: Record<string, string>,
-    sharedDependencies: Record<string, string>
-) => {
-    const mismatch = Object.entries(exposedDependencies).reduce(
-        (result, [dependency, { version: hostVersion }]) => {
-            const packageVersion = dependencies[dependency];
-            if (
-                packageVersion &&
-                !!sharedDependencies[dependency] &&
-                !isCompatible(hostVersion, packageVersion)
-            ) {
-                result[dependency] = { host: hostVersion, package: packageVersion };
-            }
-
-            return result;
-        },
-        {} as Record<string, { host: string; package: string }>
-    );
-
-    for (const [dependency, variable] of Object.entries(sharedDependencies)) {
-        const packageVersion = dependencies[dependency];
-
-        if (!exposedDependencies[dependency]) {
-            mismatch[dependency] = { host: 'missing', package: packageVersion };
-        } else if (exposedDependencies[dependency].variable !== variable) {
-            mismatch[dependency] = { host: 'wrong global variable', package: packageVersion };
-        }
-    }
-
-    return Object.keys(mismatch).length ? mismatch : undefined;
-};

package/src/utils/is-compatible.ts

@@ -1,37 +0,0 @@
-import semver from 'semver';
-
-export function isCompatible(hostVersion: string, packageVersion: string) {
-    if (hostVersion === packageVersion) {
-        return true;
-    }
-
-    if (hostVersion === '*') {
-        return false;
-    }
-
-    if (packageVersion === '*') {
-        return true;
-    }
-
-    // host and package have exact non-equal versions
-    if (semver.valid(hostVersion) && semver.valid(packageVersion)) {
-        return false;
-    }
-
-    // exact package version couldn't be compatible with host range
-    if (semver.validRange(hostVersion) && semver.valid(packageVersion)) {
-        return false;
-    }
-
-    // exact host version must be in package range
-    if (semver.valid(hostVersion) && semver.validRange(packageVersion)) {
-        return semver.satisfies(hostVersion, packageVersion);
-    }
-
-    // host range must be fully included in package range
-    if (semver.validRange(hostVersion) && semver.validRange(packageVersion)) {
-        return semver.subset(hostVersion, packageVersion);
-    }
-
-    return false;
-}