@servicetitan/web-components 28.3.3 → 28.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/utils/get-bundle-info.d.ts +2 -0
- package/dist/utils/get-bundle-info.d.ts.map +1 -1
- package/dist/utils/get-bundle-info.js +1 -0
- package/dist/utils/get-bundle-info.js.map +1 -1
- package/dist/utils/web-component.d.ts.map +1 -1
- package/dist/utils/web-component.js +2 -2
- package/dist/utils/web-component.js.map +1 -1
- package/package.json +13 -13
- package/src/__tests__/loader.test.tsx +49 -10
- package/src/utils/get-bundle-info.ts +2 -0
- package/src/utils/web-component.tsx +2 -1
|
@@ -2,6 +2,7 @@ import { ExposedDependencies, ExposedInstanceDependencies, GetJsonError } from '
|
|
|
2
2
|
import { EntryPoints } from './get-entry-points';
|
|
3
3
|
export interface Metadata {
|
|
4
4
|
name: string;
|
|
5
|
+
version?: string;
|
|
5
6
|
bundledWith?: Record<string, string | undefined>;
|
|
6
7
|
sharedDependencies: Record<string, string>;
|
|
7
8
|
dependencies?: Record<string, string>;
|
|
@@ -32,6 +33,7 @@ export declare function getBundleInfo({ mainPackageUrl, fallbackPackageUrl, expo
|
|
|
32
33
|
}> | undefined;
|
|
33
34
|
urls: EntryPoints;
|
|
34
35
|
WebComponent: string;
|
|
36
|
+
version: string | undefined;
|
|
35
37
|
}>;
|
|
36
38
|
export {};
|
|
37
39
|
//# sourceMappingURL=get-bundle-info.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-bundle-info.d.ts","sourceRoot":"","sources":["../../src/utils/get-bundle-info.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AACpG,OAAO,EAAE,WAAW,EAAkB,MAAM,oBAAoB,CAAC;AAOjE,MAAM,WAAW,QAAQ;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACjD,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAAC,EAAE,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;CACjE;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC;AAEnE,UAAU,kBAAkB;IACxB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,wBAAsB,aAAa,CAAC,EAChC,cAAc,EACd,kBAAkB,EAClB,mBAAwB,EACxB,2BAAgC,EAChC,MAAM,EACN,OAAO,EACP,cAAc,GACjB,EAAE,kBAAkB
|
|
1
|
+
{"version":3,"file":"get-bundle-info.d.ts","sourceRoot":"","sources":["../../src/utils/get-bundle-info.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AACpG,OAAO,EAAE,WAAW,EAAkB,MAAM,oBAAoB,CAAC;AAOjE,MAAM,WAAW,QAAQ;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACjD,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAAC,EAAE,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;CACjE;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC;AAEnE,UAAU,kBAAkB;IACxB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,wBAAsB,aAAa,CAAC,EAChC,cAAc,EACd,kBAAkB,EAClB,mBAAwB,EACxB,2BAAgC,EAChC,MAAM,EACN,OAAO,EACP,cAAc,GACjB,EAAE,kBAAkB;;;;;;;;;;;;;GAqEpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-bundle-info.js","sourceRoot":"","sources":["../../src/utils/get-bundle-info.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,OAAO,EAAoD,OAAO,EAAgB,MAAM,WAAW,CAAC;AACpG,OAAO,EAAe,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,sCAAsC,EAAE,MAAM,+CAA+C,CAAC;AACvG,OAAO,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"get-bundle-info.js","sourceRoot":"","sources":["../../src/utils/get-bundle-info.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAiB,MAAM,WAAW,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,mCAUV,eAAe,
|
|
1
|
+
{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAiB,MAAM,WAAW,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,mCAUV,eAAe,6CAwDzD"}
|
|
@@ -6,7 +6,7 @@ import { HistoryManager } from '../history-manager';
|
|
|
6
6
|
export function webComponent(props) {
|
|
7
7
|
var _a;
|
|
8
8
|
const { basename, bundleInfo, eventBus, exposedDependencies, ldService, logService } = props;
|
|
9
|
-
const { WebComponent, disposer, mfeSupportsRerendering } = bundleInfo;
|
|
9
|
+
const { WebComponent, disposer, mfeSupportsRerendering, version } = bundleInfo;
|
|
10
10
|
const elementName = getElementName(bundleInfo);
|
|
11
11
|
const exposedInstanceDependencies = ensureLDVersion(props.exposedInstanceDependencies, (_a = bundleInfo.bundledWith) === null || _a === void 0 ? void 0 : _a['launchdarkly-js-client-sdk']);
|
|
12
12
|
return ({ LoadingFallback, ...props }) => {
|
|
@@ -42,7 +42,7 @@ export function webComponent(props) {
|
|
|
42
42
|
const styleUrls = getStyleUrls(bundleInfo);
|
|
43
43
|
return (_jsxs(Fragment, { children: [isLoading && _jsx(LoadingFallback, {}), _jsx(WebComponent, {
|
|
44
44
|
// @ts-expect-error because property ref does not exist on IntrinsicAttributes
|
|
45
|
-
ref: handleRef, class: props.className, ...(styleUrls && { 'style-urls': styleUrls }), ...dataAttrs, "data-mfe-data": stringifiedData, "data-mfe-name": elementName }, key)] }));
|
|
45
|
+
ref: handleRef, class: props.className, ...(styleUrls && { 'style-urls': styleUrls }), ...dataAttrs, "data-mfe-data": stringifiedData, "data-mfe-name": elementName, ...(version && { 'data-mfe-version': version }) }, key)] }));
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
48
|
/*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web-component.js","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAMlE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAapD,MAAM,UAAU,YAAY,CAAC,KAAwB;;IACjD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7F,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"web-component.js","sourceRoot":"","sources":["../../src/utils/web-component.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/web-components",
|
|
3
|
-
"version": "28.
|
|
3
|
+
"version": "28.5.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -15,36 +15,36 @@
|
|
|
15
15
|
"src"
|
|
16
16
|
],
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@servicetitan/error-boundary": "28.
|
|
18
|
+
"@servicetitan/error-boundary": "28.5.0",
|
|
19
19
|
"lodash.get": "~4.4.2",
|
|
20
20
|
"mitt": "~3.0.1",
|
|
21
|
-
"semver": "~7.
|
|
21
|
+
"semver": "~7.7.1"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@servicetitan/anvil2": "^1.
|
|
24
|
+
"@servicetitan/anvil2": "^1.20.5",
|
|
25
25
|
"@servicetitan/design-system": "~14.5.1",
|
|
26
|
-
"@servicetitan/launchdarkly-service": "28.
|
|
27
|
-
"@servicetitan/log-service": "28.
|
|
28
|
-
"@servicetitan/react-ioc": "28.
|
|
26
|
+
"@servicetitan/launchdarkly-service": "28.5.0",
|
|
27
|
+
"@servicetitan/log-service": "28.5.0",
|
|
28
|
+
"@servicetitan/react-ioc": "28.5.0",
|
|
29
29
|
"@testing-library/dom": "^10.4.0",
|
|
30
30
|
"@testing-library/jest-dom": "^6.6.3",
|
|
31
|
-
"@testing-library/react": "^16.
|
|
31
|
+
"@testing-library/react": "^16.2.0",
|
|
32
32
|
"@types/history": "~4.7.10",
|
|
33
33
|
"@types/lodash.get": "~4.4.6",
|
|
34
34
|
"@types/react": "~18.3.3",
|
|
35
35
|
"@types/react-dom": "~18.3.0",
|
|
36
36
|
"@types/semver": "~7.5.8",
|
|
37
37
|
"history": "~4.10.1",
|
|
38
|
-
"launchdarkly-react-client-sdk": "^3.6.
|
|
38
|
+
"launchdarkly-react-client-sdk": "^3.6.1",
|
|
39
39
|
"react": "~18.3.1",
|
|
40
40
|
"react-dom": "~18.3.1",
|
|
41
41
|
"shadow-dom-testing-library": "^1.11.3"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"@servicetitan/anvil2": ">=1.
|
|
44
|
+
"@servicetitan/anvil2": ">=1.20.5",
|
|
45
45
|
"@servicetitan/design-system": ">=14.5.1",
|
|
46
|
-
"@servicetitan/log-service": "28.
|
|
47
|
-
"@servicetitan/react-ioc": "28.
|
|
46
|
+
"@servicetitan/log-service": "28.5.0",
|
|
47
|
+
"@servicetitan/react-ioc": "28.5.0",
|
|
48
48
|
"history": "~4.10.1",
|
|
49
49
|
"react": ">=17.0.2",
|
|
50
50
|
"react-dom": ">=17.0.2"
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"cli": {
|
|
67
67
|
"webpack": false
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "580ace3d4bce0472e985b1d4eb5e98e0be625f1d"
|
|
70
70
|
}
|
|
@@ -3,7 +3,7 @@ import { act, render, screen, waitFor } from '@testing-library/react';
|
|
|
3
3
|
import { LD_SERVICE_TOKEN } from '@servicetitan/launchdarkly-service';
|
|
4
4
|
import { Log } from '@servicetitan/log-service';
|
|
5
5
|
import { Provider, ProviderProps } from '@servicetitan/react-ioc';
|
|
6
|
-
import { FC, RefObject, useEffect, useRef } from 'react';
|
|
6
|
+
import { FC, ReactNode, RefObject, useEffect, useRef } from 'react';
|
|
7
7
|
|
|
8
8
|
import * as common from '../common';
|
|
9
9
|
import {
|
|
@@ -94,6 +94,7 @@ describe('[web-components] Loader', () => {
|
|
|
94
94
|
webComponent = undefined;
|
|
95
95
|
metadata = {
|
|
96
96
|
name: WEB_COMPONENT_NAME,
|
|
97
|
+
version: `0.0.0-test-abc123`,
|
|
97
98
|
sharedDependencies: {},
|
|
98
99
|
dependencies: {},
|
|
99
100
|
entrypoints: {
|
|
@@ -139,6 +140,15 @@ describe('[web-components] Loader', () => {
|
|
|
139
140
|
await waitFor(() => expect(screen.getByText('Loading...')).toBeInTheDocument());
|
|
140
141
|
});
|
|
141
142
|
|
|
143
|
+
function expectPreservesComponentState(rerender: (ui: ReactNode) => any, action?: () => void) {
|
|
144
|
+
expect(common.getJson).toHaveBeenCalledTimes(1);
|
|
145
|
+
|
|
146
|
+
action?.();
|
|
147
|
+
rerender(<Root />);
|
|
148
|
+
|
|
149
|
+
expect(common.getJson).toHaveBeenCalledTimes(1);
|
|
150
|
+
}
|
|
151
|
+
|
|
142
152
|
describe.each(localHosts)('when src contains "%s"', host => {
|
|
143
153
|
beforeEach(() => {
|
|
144
154
|
props.src = `http://${host}/mfe`;
|
|
@@ -190,13 +200,9 @@ describe('[web-components] Loader', () => {
|
|
|
190
200
|
});
|
|
191
201
|
|
|
192
202
|
test('preserves component state when loading fallback is updated', () => {
|
|
193
|
-
const
|
|
194
|
-
expect(common.getJson).toHaveBeenCalledTimes(1);
|
|
203
|
+
const { rerender } = subject();
|
|
195
204
|
|
|
196
|
-
props.loadingFallback = <div>foo</div
|
|
197
|
-
renderResult.rerender(<Root />);
|
|
198
|
-
|
|
199
|
-
expect(common.getJson).toHaveBeenCalledTimes(1);
|
|
205
|
+
expectPreservesComponentState(rerender, () => (props.loadingFallback = <div>foo</div>));
|
|
200
206
|
});
|
|
201
207
|
});
|
|
202
208
|
|
|
@@ -279,7 +285,7 @@ describe('[web-components] Loader', () => {
|
|
|
279
285
|
|
|
280
286
|
describe('after the script tag added is loaded', () => {
|
|
281
287
|
async function scriptLoadedSetup() {
|
|
282
|
-
subject();
|
|
288
|
+
const result = subject();
|
|
283
289
|
|
|
284
290
|
await waitFor(() => onloadRef !== undefined);
|
|
285
291
|
act(() => {
|
|
@@ -289,6 +295,8 @@ describe('[web-components] Loader', () => {
|
|
|
289
295
|
await waitFor(() =>
|
|
290
296
|
expect(document.querySelector(WEB_COMPONENT_NAME)).toBeInTheDocument()
|
|
291
297
|
);
|
|
298
|
+
|
|
299
|
+
return result;
|
|
292
300
|
}
|
|
293
301
|
|
|
294
302
|
function itAddsJsEntrypointToWebComponent(entrypointTestText: string, urlFn: () => string) {
|
|
@@ -558,13 +566,38 @@ describe('[web-components] Loader', () => {
|
|
|
558
566
|
);
|
|
559
567
|
});
|
|
560
568
|
|
|
569
|
+
const mfeVersionAttribute = 'data-mfe-version';
|
|
570
|
+
|
|
571
|
+
test(`renders "${mfeVersionAttribute}" attribute`, async () => {
|
|
572
|
+
await scriptLoadedSetup();
|
|
573
|
+
|
|
574
|
+
expect(document.querySelector(WEB_COMPONENT_NAME)).toHaveAttribute(
|
|
575
|
+
mfeVersionAttribute,
|
|
576
|
+
metadata.version
|
|
577
|
+
);
|
|
578
|
+
});
|
|
579
|
+
|
|
580
|
+
describe('when metadata omits version', () => {
|
|
581
|
+
beforeEach(() => delete metadata.version);
|
|
582
|
+
|
|
583
|
+
test(`omits "${mfeVersionAttribute}" attribute`, async () => {
|
|
584
|
+
await scriptLoadedSetup();
|
|
585
|
+
|
|
586
|
+
expect(document.querySelector(WEB_COMPONENT_NAME)).not.toHaveAttribute(
|
|
587
|
+
mfeVersionAttribute
|
|
588
|
+
);
|
|
589
|
+
});
|
|
590
|
+
});
|
|
591
|
+
|
|
561
592
|
describe('after the web component is ready', () => {
|
|
562
593
|
async function webComponentReadySetup() {
|
|
563
|
-
await scriptLoadedSetup();
|
|
594
|
+
const result = await scriptLoadedSetup();
|
|
564
595
|
|
|
565
596
|
act(() => {
|
|
566
597
|
webComponentState.onReady!();
|
|
567
598
|
});
|
|
599
|
+
|
|
600
|
+
return result;
|
|
568
601
|
}
|
|
569
602
|
|
|
570
603
|
test('removes loading fallback', async () => {
|
|
@@ -660,7 +693,7 @@ describe('[web-components] Loader', () => {
|
|
|
660
693
|
singletons?.push({ provide: LD_SERVICE_TOKEN, useValue: ldService })
|
|
661
694
|
);
|
|
662
695
|
|
|
663
|
-
test('
|
|
696
|
+
test('adds ldService to exposedInternalDependencies provided to web component', async () => {
|
|
664
697
|
await webComponentReadySetup();
|
|
665
698
|
expect(webComponentState.exposedInstanceDependencies).toEqual(
|
|
666
699
|
expect.objectContaining({
|
|
@@ -673,6 +706,12 @@ describe('[web-components] Loader', () => {
|
|
|
673
706
|
await webComponentReadySetup();
|
|
674
707
|
expect(webComponentState.ldService).toEqual(ldService);
|
|
675
708
|
});
|
|
709
|
+
|
|
710
|
+
test('preserves state when component is rerendered', async () => {
|
|
711
|
+
const { rerender } = await webComponentReadySetup();
|
|
712
|
+
|
|
713
|
+
expectPreservesComponentState(rerender);
|
|
714
|
+
});
|
|
676
715
|
});
|
|
677
716
|
});
|
|
678
717
|
|
|
@@ -11,6 +11,7 @@ import { getMFEHasUniqueChunkNamespace } from './get-mfe-has-unique-chunk-namesp
|
|
|
11
11
|
|
|
12
12
|
export interface Metadata {
|
|
13
13
|
name: string;
|
|
14
|
+
version?: string;
|
|
14
15
|
bundledWith?: Record<string, string | undefined>;
|
|
15
16
|
sharedDependencies: Record<string, string>;
|
|
16
17
|
dependencies?: Record<string, string>;
|
|
@@ -104,6 +105,7 @@ export async function getBundleInfo({
|
|
|
104
105
|
mismatch: hasMismatch ? mismatch : undefined,
|
|
105
106
|
urls,
|
|
106
107
|
WebComponent: name,
|
|
108
|
+
version: metadata.version,
|
|
107
109
|
};
|
|
108
110
|
}
|
|
109
111
|
|
|
@@ -23,7 +23,7 @@ interface WebComponentProps {
|
|
|
23
23
|
|
|
24
24
|
export function webComponent(props: WebComponentProps) {
|
|
25
25
|
const { basename, bundleInfo, eventBus, exposedDependencies, ldService, logService } = props;
|
|
26
|
-
const { WebComponent, disposer, mfeSupportsRerendering } = bundleInfo;
|
|
26
|
+
const { WebComponent, disposer, mfeSupportsRerendering, version } = bundleInfo;
|
|
27
27
|
const elementName = getElementName(bundleInfo);
|
|
28
28
|
|
|
29
29
|
const exposedInstanceDependencies = ensureLDVersion(
|
|
@@ -82,6 +82,7 @@ export function webComponent(props: WebComponentProps) {
|
|
|
82
82
|
{...dataAttrs}
|
|
83
83
|
data-mfe-data={stringifiedData}
|
|
84
84
|
data-mfe-name={elementName}
|
|
85
|
+
{...(version && { 'data-mfe-version': version })}
|
|
85
86
|
/>
|
|
86
87
|
</Fragment>
|
|
87
88
|
);
|