Skip to content

Commit ae925cd

Browse files
PupilTongPupilTong
committed
refactor: move some internal status to dom's attribute
It's essential for SSR Implement SSR for Web #52
1 parent dd312ff commit ae925cd

File tree

7 files changed

+30
-26
lines changed

7 files changed

+30
-26
lines changed

‎.changeset/busy-suits-build.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
"@lynx-js/web-mainthread-apis": patch
3+
"@lynx-js/web-constants": patch
4+
"@lynx-js/web-core": patch
5+
"@lynx-js/web-core-server": patch
6+
---
7+
8+
refactor: move some internal status to dom's attribute
9+
10+
It's essential for SSR

‎packages/web-platform/web-constants/src/constants.ts‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,15 @@
22
// Licensed under the Apache License Version 2.0 that can be found in the
33
// LICENSE file in the root directory of this source tree.
44

5-
export const lynxUniqueIdAttribute = 'lynx-unique-id' as const;
5+
export const lynxUniqueIdAttribute = 'l-uid' as const;
66

7-
export const cssIdAttribute = 'lynx-css-id' as const;
7+
export const cssIdAttribute = 'l-css-id' as const;
88

9-
export const componentIdAttribute = 'lynx-component-id' as const;
9+
export const componentIdAttribute = 'l-comp-id' as const;
1010

11-
export const lynxTagAttribute = 'lynx-tag' as const;
11+
export const parentComponentUniqueIdAttribute = 'l-parent-comp-uid' as const;
12+
13+
export const lynxTagAttribute = 'l-tag' as const;
1214

1315
export const lynxDefaultDisplayLinearAttribute =
1416
'lynx-default-display-linear' as const;

‎packages/web-platform/web-mainthread-apis/src/MainThreadRuntime.ts‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,6 @@ export interface MainThreadRuntimeConfig {
6666
}
6767

6868
export const elementToRuntimeInfoMap = Symbol('elementToRuntimeInfoMap');
69-
export const getElementByUniqueId = Symbol('getElementByUniqueId');
7069
export const updateCSSInJsStyle = Symbol('updateCSSInJsStyle');
7170
export const lynxUniqueIdToElement = Symbol('lynxUniqueIdToElement');
7271
export const switchExposureService = Symbol('switchExposureService');
@@ -184,12 +183,6 @@ export class MainThreadRuntime {
184183
});
185184
}
186185
}
187-
/**
188-
* @private
189-
*/
190-
[getElementByUniqueId](uniqueId: number): HTMLElement | undefined {
191-
return this[lynxUniqueIdToElement][uniqueId]?.deref();
192-
}
193186

194187
[updateCSSInJsStyle](uniqueId: number, newStyles: string) {
195188
let currentElement = this._lynxUniqueIdToStyleSheet[uniqueId]?.deref();

‎packages/web-platform/web-mainthread-apis/src/elementAPI/ElementThreadElement.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ import type { LynxEventType, Cloneable } from '@lynx-js/web-constants';
55

66
export interface LynxRuntimeInfo {
77
uniqueId: number;
8-
parentComponentUniqueId: number;
98
componentConfig: Record<string, Cloneable>;
109
lynxDataset: Record<string, Cloneable>;
1110
eventHandlerMap: Record<string, {

‎packages/web-platform/web-mainthread-apis/src/elementAPI/elementCreating/elementCreatingFunctions.ts‎

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import {
66
lynxUniqueIdAttribute,
77
lynxTagAttribute,
88
lynxDefaultDisplayLinearAttribute,
9+
parentComponentUniqueIdAttribute,
910
} from '@lynx-js/web-constants';
1011
import {
1112
type ComponentAtIndexCallback,
@@ -14,7 +15,6 @@ import {
1415
} from '../ElementThreadElement.js';
1516
import {
1617
elementToRuntimeInfoMap,
17-
getElementByUniqueId,
1818
lynxUniqueIdToElement,
1919
type MainThreadRuntime,
2020
} from '../../MainThreadRuntime.js';
@@ -47,16 +47,15 @@ export function initializeElementCreatingFunction(
4747
componentConfig: {},
4848
lynxDataset: {},
4949
eventHandlerMap: {},
50-
parentComponentUniqueId,
5150
};
5251
runtime[elementToRuntimeInfoMap].set(element, runtimeInfo);
5352
runtime[lynxUniqueIdToElement][uniqueId] = new WeakRef(element);
5453
element.setAttribute(lynxUniqueIdAttribute, uniqueId.toString());
5554
if (cssId !== undefined) __SetCSSId([element], cssId);
5655
else if (parentComponentUniqueId >= 0) { // don't infer for uniqueid === -1
57-
const parentComponent = runtime[getElementByUniqueId](
58-
parentComponentUniqueId,
59-
);
56+
const parentComponent =
57+
runtime[lynxUniqueIdToElement][parentComponentUniqueId]
58+
?.deref();
6059
const parentCssId = parentComponent?.getAttribute(cssIdAttribute);
6160
if (parentCssId && parentCssId !== '0') {
6261
__SetCSSId([element], parentCssId);
@@ -113,8 +112,7 @@ export function initializeElementCreatingFunction(
113112
) {
114113
const page = createLynxElement('page', 0, cssID, componentID, info);
115114
page.setAttribute('part', 'page');
116-
const runtimeInfo = runtime[elementToRuntimeInfoMap].get(page)!;
117-
runtimeInfo.parentComponentUniqueId = runtimeInfo.uniqueId;
115+
page.setAttribute(parentComponentUniqueIdAttribute, '0');
118116
if (runtime.config.pageConfig.defaultDisplayLinear === false) {
119117
page.setAttribute(lynxDefaultDisplayLinearAttribute, 'false');
120118
}

‎packages/web-platform/web-mainthread-apis/src/elementAPI/event/eventFunctions.ts‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,14 @@ import {
66
LynxEventNameToW3cByTagName,
77
LynxEventNameToW3cCommon,
88
lynxTagAttribute,
9+
parentComponentUniqueIdAttribute,
910
W3cEventNameToLynx,
1011
type LynxEventType,
1112
type MainThreadScriptEvent,
1213
} from '@lynx-js/web-constants';
1314
import {
1415
elementToRuntimeInfoMap,
15-
getElementByUniqueId,
16+
lynxUniqueIdToElement,
1617
type MainThreadRuntime,
1718
} from '../../MainThreadRuntime.js';
1819
import { createCrossThreadEvent } from '../../utils/createCrossThreadEvent.js';
@@ -37,10 +38,11 @@ export function createEventFunctions(runtime: MainThreadRuntime) {
3738
lynxEventName,
3839
);
3940
if (typeof hname === 'string') {
40-
const parentComponentUniqueId = runtimeInfo.parentComponentUniqueId;
41-
const parentComponent = runtime[getElementByUniqueId](
42-
Number(parentComponentUniqueId),
43-
)!;
41+
const parentComponentUniqueId = Number(
42+
currentTarget.getAttribute(parentComponentUniqueIdAttribute)!,
43+
);
44+
const parentComponent =
45+
runtime[lynxUniqueIdToElement][parentComponentUniqueId]!.deref()!;
4446
const componentId =
4547
parentComponent?.getAttribute(lynxTagAttribute) !== 'page'
4648
? parentComponent?.getAttribute(componentIdAttribute) ?? undefined

‎packages/web-platform/web-tests/tests/__snapshots__/server.vitest.spec.ts.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ exports[`server-tests > basic-performance-div-10 1`] = `
88
}
99
[lynx-default-overflow-visible="true"] x-view{
1010
overflow: visible;
11-
}</style><style></style><div lynx-tag="page" lynx-unique-id="1" lynx-css-id="0" lynx-component-id="0" part="page" lynx-default-overflow-visible="true"><div lynx-tag="div" lynx-unique-id="2" style="height:100px;width:100px;background:pink;" id="target-0"></div><div lynx-tag="div" lynx-unique-id="3" style="height:100px;width:100px;background:pink;" id="target-1"></div><div lynx-tag="div" lynx-unique-id="4" style="height:100px;width:100px;background:pink;" id="target-2"></div><div lynx-tag="div" lynx-unique-id="5" style="height:100px;width:100px;background:pink;" id="target-3"></div><div lynx-tag="div" lynx-unique-id="6" style="height:100px;width:100px;background:pink;" id="target-4"></div><div lynx-tag="div" lynx-unique-id="7" style="height:100px;width:100px;background:pink;" id="target-5"></div><div lynx-tag="div" lynx-unique-id="8" style="height:100px;width:100px;background:pink;" id="target-6"></div><div lynx-tag="div" lynx-unique-id="9" style="height:100px;width:100px;background:pink;" id="target-7"></div><div lynx-tag="div" lynx-unique-id="10" style="height:100px;width:100px;background:pink;" id="target-8"></div><div lynx-tag="div" lynx-unique-id="11" style="height:100px;width:100px;background:pink;" id="target-9"></div></div></template></lynx-view>"
11+
}</style><style></style><div l-tag="page" l-uid="1" l-css-id="0" l-comp-id="0" part="page" l-parent-comp-uid="0" lynx-default-overflow-visible="true"><div l-tag="div" l-uid="2" style="height:100px;width:100px;background:pink;" id="target-0"></div><div l-tag="div" l-uid="3" style="height:100px;width:100px;background:pink;" id="target-1"></div><div l-tag="div" l-uid="4" style="height:100px;width:100px;background:pink;" id="target-2"></div><div l-tag="div" l-uid="5" style="height:100px;width:100px;background:pink;" id="target-3"></div><div l-tag="div" l-uid="6" style="height:100px;width:100px;background:pink;" id="target-4"></div><div l-tag="div" l-uid="7" style="height:100px;width:100px;background:pink;" id="target-5"></div><div l-tag="div" l-uid="8" style="height:100px;width:100px;background:pink;" id="target-6"></div><div l-tag="div" l-uid="9" style="height:100px;width:100px;background:pink;" id="target-7"></div><div l-tag="div" l-uid="10" style="height:100px;width:100px;background:pink;" id="target-8"></div><div l-tag="div" l-uid="11" style="height:100px;width:100px;background:pink;" id="target-9"></div></div></template></lynx-view>"
1212
`;
1313
1414
exports[`server-tests > basic-performance-nest-level-100 1`] = `
@@ -19,5 +19,5 @@ exports[`server-tests > basic-performance-nest-level-100 1`] = `
1919
}
2020
[lynx-default-overflow-visible="true"] x-view{
2121
overflow: visible;
22-
}</style><style></style><div lynx-tag="page" lynx-unique-id="1" lynx-css-id="0" lynx-component-id="0" part="page" lynx-default-overflow-visible="true"><div lynx-tag="div" lynx-unique-id="2" id="target-100"><div lynx-tag="div" lynx-unique-id="3" id="target-99"><div lynx-tag="div" lynx-unique-id="4" id="target-98"><div lynx-tag="div" lynx-unique-id="5" id="target-97"><div lynx-tag="div" lynx-unique-id="6" id="target-96"><div lynx-tag="div" lynx-unique-id="7" id="target-95"><div lynx-tag="div" lynx-unique-id="8" id="target-94"><div lynx-tag="div" lynx-unique-id="9" id="target-93"><div lynx-tag="div" lynx-unique-id="10" id="target-92"><div lynx-tag="div" lynx-unique-id="11" id="target-91"><div lynx-tag="div" lynx-unique-id="12" id="target-90"><div lynx-tag="div" lynx-unique-id="13" id="target-89"><div lynx-tag="div" lynx-unique-id="14" id="target-88"><div lynx-tag="div" lynx-unique-id="15" id="target-87"><div lynx-tag="div" lynx-unique-id="16" id="target-86"><div lynx-tag="div" lynx-unique-id="17" id="target-85"><div lynx-tag="div" lynx-unique-id="18" id="target-84"><div lynx-tag="div" lynx-unique-id="19" id="target-83"><div lynx-tag="div" lynx-unique-id="20" id="target-82"><div lynx-tag="div" lynx-unique-id="21" id="target-81"><div lynx-tag="div" lynx-unique-id="22" id="target-80"><div lynx-tag="div" lynx-unique-id="23" id="target-79"><div lynx-tag="div" lynx-unique-id="24" id="target-78"><div lynx-tag="div" lynx-unique-id="25" id="target-77"><div lynx-tag="div" lynx-unique-id="26" id="target-76"><div lynx-tag="div" lynx-unique-id="27" id="target-75"><div lynx-tag="div" lynx-unique-id="28" id="target-74"><div lynx-tag="div" lynx-unique-id="29" id="target-73"><div lynx-tag="div" lynx-unique-id="30" id="target-72"><div lynx-tag="div" lynx-unique-id="31" id="target-71"><div lynx-tag="div" lynx-unique-id="32" id="target-70"><div lynx-tag="div" lynx-unique-id="33" id="target-69"><div lynx-tag="div" lynx-unique-id="34" id="target-68"><div lynx-tag="div" lynx-unique-id="35" id="target-67"><div lynx-tag="div" lynx-unique-id="36" id="target-66"><div lynx-tag="div" lynx-unique-id="37" id="target-65"><div lynx-tag="div" lynx-unique-id="38" id="target-64"><div lynx-tag="div" lynx-unique-id="39" id="target-63"><div lynx-tag="div" lynx-unique-id="40" id="target-62"><div lynx-tag="div" lynx-unique-id="41" id="target-61"><div lynx-tag="div" lynx-unique-id="42" id="target-60"><div lynx-tag="div" lynx-unique-id="43" id="target-59"><div lynx-tag="div" lynx-unique-id="44" id="target-58"><div lynx-tag="div" lynx-unique-id="45" id="target-57"><div lynx-tag="div" lynx-unique-id="46" id="target-56"><div lynx-tag="div" lynx-unique-id="47" id="target-55"><div lynx-tag="div" lynx-unique-id="48" id="target-54"><div lynx-tag="div" lynx-unique-id="49" id="target-53"><div lynx-tag="div" lynx-unique-id="50" id="target-52"><div lynx-tag="div" lynx-unique-id="51" id="target-51"><div lynx-tag="div" lynx-unique-id="52" id="target-50"><div lynx-tag="div" lynx-unique-id="53" id="target-49"><div lynx-tag="div" lynx-unique-id="54" id="target-48"><div lynx-tag="div" lynx-unique-id="55" id="target-47"><div lynx-tag="div" lynx-unique-id="56" id="target-46"><div lynx-tag="div" lynx-unique-id="57" id="target-45"><div lynx-tag="div" lynx-unique-id="58" id="target-44"><div lynx-tag="div" lynx-unique-id="59" id="target-43"><div lynx-tag="div" lynx-unique-id="60" id="target-42"><div lynx-tag="div" lynx-unique-id="61" id="target-41"><div lynx-tag="div" lynx-unique-id="62" id="target-40"><div lynx-tag="div" lynx-unique-id="63" id="target-39"><div lynx-tag="div" lynx-unique-id="64" id="target-38"><div lynx-tag="div" lynx-unique-id="65" id="target-37"><div lynx-tag="div" lynx-unique-id="66" id="target-36"><div lynx-tag="div" lynx-unique-id="67" id="target-35"><div lynx-tag="div" lynx-unique-id="68" id="target-34"><div lynx-tag="div" lynx-unique-id="69" id="target-33"><div lynx-tag="div" lynx-unique-id="70" id="target-32"><div lynx-tag="div" lynx-unique-id="71" id="target-31"><div lynx-tag="div" lynx-unique-id="72" id="target-30"><div lynx-tag="div" lynx-unique-id="73" id="target-29"><div lynx-tag="div" lynx-unique-id="74" id="target-28"><div lynx-tag="div" lynx-unique-id="75" id="target-27"><div lynx-tag="div" lynx-unique-id="76" id="target-26"><div lynx-tag="div" lynx-unique-id="77" id="target-25"><div lynx-tag="div" lynx-unique-id="78" id="target-24"><div lynx-tag="div" lynx-unique-id="79" id="target-23"><div lynx-tag="div" lynx-unique-id="80" id="target-22"><div lynx-tag="div" lynx-unique-id="81" id="target-21"><div lynx-tag="div" lynx-unique-id="82" id="target-20"><div lynx-tag="div" lynx-unique-id="83" id="target-19"><div lynx-tag="div" lynx-unique-id="84" id="target-18"><div lynx-tag="div" lynx-unique-id="85" id="target-17"><div lynx-tag="div" lynx-unique-id="86" id="target-16"><div lynx-tag="div" lynx-unique-id="87" id="target-15"><div lynx-tag="div" lynx-unique-id="88" id="target-14"><div lynx-tag="div" lynx-unique-id="89" id="target-13"><div lynx-tag="div" lynx-unique-id="90" id="target-12"><div lynx-tag="div" lynx-unique-id="91" id="target-11"><div lynx-tag="div" lynx-unique-id="92" id="target-10"><div lynx-tag="div" lynx-unique-id="93" id="target-9"><div lynx-tag="div" lynx-unique-id="94" id="target-8"><div lynx-tag="div" lynx-unique-id="95" id="target-7"><div lynx-tag="div" lynx-unique-id="96" id="target-6"><div lynx-tag="div" lynx-unique-id="97" id="target-5"><div lynx-tag="div" lynx-unique-id="98" id="target-4"><div lynx-tag="div" lynx-unique-id="99" id="target-3"><div lynx-tag="div" lynx-unique-id="100" id="target-2"><div lynx-tag="div" lynx-unique-id="101" id="target-1"><div lynx-tag="div" lynx-unique-id="102" id="target-0"><raw-text lynx-tag="raw-text" lynx-unique-id="103" text="0"></raw-text></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></template></lynx-view>"
22+
}</style><style></style><div l-tag="page" l-uid="1" l-css-id="0" l-comp-id="0" part="page" l-parent-comp-uid="0" lynx-default-overflow-visible="true"><div l-tag="div" l-uid="2" id="target-100"><div l-tag="div" l-uid="3" id="target-99"><div l-tag="div" l-uid="4" id="target-98"><div l-tag="div" l-uid="5" id="target-97"><div l-tag="div" l-uid="6" id="target-96"><div l-tag="div" l-uid="7" id="target-95"><div l-tag="div" l-uid="8" id="target-94"><div l-tag="div" l-uid="9" id="target-93"><div l-tag="div" l-uid="10" id="target-92"><div l-tag="div" l-uid="11" id="target-91"><div l-tag="div" l-uid="12" id="target-90"><div l-tag="div" l-uid="13" id="target-89"><div l-tag="div" l-uid="14" id="target-88"><div l-tag="div" l-uid="15" id="target-87"><div l-tag="div" l-uid="16" id="target-86"><div l-tag="div" l-uid="17" id="target-85"><div l-tag="div" l-uid="18" id="target-84"><div l-tag="div" l-uid="19" id="target-83"><div l-tag="div" l-uid="20" id="target-82"><div l-tag="div" l-uid="21" id="target-81"><div l-tag="div" l-uid="22" id="target-80"><div l-tag="div" l-uid="23" id="target-79"><div l-tag="div" l-uid="24" id="target-78"><div l-tag="div" l-uid="25" id="target-77"><div l-tag="div" l-uid="26" id="target-76"><div l-tag="div" l-uid="27" id="target-75"><div l-tag="div" l-uid="28" id="target-74"><div l-tag="div" l-uid="29" id="target-73"><div l-tag="div" l-uid="30" id="target-72"><div l-tag="div" l-uid="31" id="target-71"><div l-tag="div" l-uid="32" id="target-70"><div l-tag="div" l-uid="33" id="target-69"><div l-tag="div" l-uid="34" id="target-68"><div l-tag="div" l-uid="35" id="target-67"><div l-tag="div" l-uid="36" id="target-66"><div l-tag="div" l-uid="37" id="target-65"><div l-tag="div" l-uid="38" id="target-64"><div l-tag="div" l-uid="39" id="target-63"><div l-tag="div" l-uid="40" id="target-62"><div l-tag="div" l-uid="41" id="target-61"><div l-tag="div" l-uid="42" id="target-60"><div l-tag="div" l-uid="43" id="target-59"><div l-tag="div" l-uid="44" id="target-58"><div l-tag="div" l-uid="45" id="target-57"><div l-tag="div" l-uid="46" id="target-56"><div l-tag="div" l-uid="47" id="target-55"><div l-tag="div" l-uid="48" id="target-54"><div l-tag="div" l-uid="49" id="target-53"><div l-tag="div" l-uid="50" id="target-52"><div l-tag="div" l-uid="51" id="target-51"><div l-tag="div" l-uid="52" id="target-50"><div l-tag="div" l-uid="53" id="target-49"><div l-tag="div" l-uid="54" id="target-48"><div l-tag="div" l-uid="55" id="target-47"><div l-tag="div" l-uid="56" id="target-46"><div l-tag="div" l-uid="57" id="target-45"><div l-tag="div" l-uid="58" id="target-44"><div l-tag="div" l-uid="59" id="target-43"><div l-tag="div" l-uid="60" id="target-42"><div l-tag="div" l-uid="61" id="target-41"><div l-tag="div" l-uid="62" id="target-40"><div l-tag="div" l-uid="63" id="target-39"><div l-tag="div" l-uid="64" id="target-38"><div l-tag="div" l-uid="65" id="target-37"><div l-tag="div" l-uid="66" id="target-36"><div l-tag="div" l-uid="67" id="target-35"><div l-tag="div" l-uid="68" id="target-34"><div l-tag="div" l-uid="69" id="target-33"><div l-tag="div" l-uid="70" id="target-32"><div l-tag="div" l-uid="71" id="target-31"><div l-tag="div" l-uid="72" id="target-30"><div l-tag="div" l-uid="73" id="target-29"><div l-tag="div" l-uid="74" id="target-28"><div l-tag="div" l-uid="75" id="target-27"><div l-tag="div" l-uid="76" id="target-26"><div l-tag="div" l-uid="77" id="target-25"><div l-tag="div" l-uid="78" id="target-24"><div l-tag="div" l-uid="79" id="target-23"><div l-tag="div" l-uid="80" id="target-22"><div l-tag="div" l-uid="81" id="target-21"><div l-tag="div" l-uid="82" id="target-20"><div l-tag="div" l-uid="83" id="target-19"><div l-tag="div" l-uid="84" id="target-18"><div l-tag="div" l-uid="85" id="target-17"><div l-tag="div" l-uid="86" id="target-16"><div l-tag="div" l-uid="87" id="target-15"><div l-tag="div" l-uid="88" id="target-14"><div l-tag="div" l-uid="89" id="target-13"><div l-tag="div" l-uid="90" id="target-12"><div l-tag="div" l-uid="91" id="target-11"><div l-tag="div" l-uid="92" id="target-10"><div l-tag="div" l-uid="93" id="target-9"><div l-tag="div" l-uid="94" id="target-8"><div l-tag="div" l-uid="95" id="target-7"><div l-tag="div" l-uid="96" id="target-6"><div l-tag="div" l-uid="97" id="target-5"><div l-tag="div" l-uid="98" id="target-4"><div l-tag="div" l-uid="99" id="target-3"><div l-tag="div" l-uid="100" id="target-2"><div l-tag="div" l-uid="101" id="target-1"><div l-tag="div" l-uid="102" id="target-0"><raw-text l-tag="raw-text" l-uid="103" text="0"></raw-text></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></template></lynx-view>"
2323
`;

0 commit comments

Comments
 (0)