@servicetitan/web-components 36.3.1 → 37.0.0

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

@@ -78,14 +78,13 @@ export async function getBundleInfo({
         resolvedBundleType = embed ? 'light' : 'full';
     }
 
-    const withBaseUrl = (path: string) =>
-        `${exactPackageUrl}/dist/bundle/${resolvedBundleType}/${path}`;
+    const bundleBaseUrl = `${exactPackageUrl}/dist/bundle/${resolvedBundleType}`;
 
     let entrypoints: EntryPoints;
     if (metadata.entrypoints?.[resolvedBundleType]) {
         entrypoints = metadata.entrypoints[resolvedBundleType];
     } else {
-        entrypoints = await getEntrypoints(withBaseUrl('entrypoints.json'), requestCache);
+        entrypoints = await getEntrypoints(`${bundleBaseUrl}/entrypoints.json`, requestCache);
     }
 
     const disposer = () => {
@@ -97,9 +96,17 @@ export async function getBundleInfo({
         }
     };
 
+    let baseUrl = bundleBaseUrl;
+    // Per-MFE dev-server port only happens during local development
+    if (process.env.NODE_ENV !== 'production' && entrypoints.port) {
+        const url = new URL(baseUrl);
+        url.port = String(entrypoints.port);
+        baseUrl = url.toString();
+    }
+
     const urls: EntryPoints = {
-        css: entrypoints.css.map(withBaseUrl),
-        js: entrypoints.js.map(withBaseUrl),
+        css: entrypoints.css.map(path => `${baseUrl}/${path}`),
+        js: entrypoints.js.map(path => `${baseUrl}/${path}`),
     };
 
     const elementName = resolvedBundleType === 'headless' ? `headless-${name}` : name;

package/src/utils/get-entry-points.ts

@@ -4,6 +4,7 @@ export interface EntryPoints {
     css: string[];
     js: string[];
     module?: true;
+    port?: number;
 }
 
 export async function getEntrypoints(

package/src/utils/get-ld-service-token.ts

@@ -1,13 +1,5 @@
-import { type LDService } from '@servicetitan/launchdarkly-service';
-import { SymbolToken } from '@servicetitan/react-ioc';
-
-let token: SymbolToken<LDService>;
-try {
-    token = require('@servicetitan/launchdarkly-service').LD_SERVICE_TOKEN;
-} catch {
-    // ignore
-}
+import * as LDService from '@servicetitan/launchdarkly-service';
 
 export function getLDServiceToken() {
-    return token;
+    return LDService.LD_SERVICE_TOKEN;
 }