8830122324

Committed 25 Apr 2024 09:20AM UTC coverage: 63.042% (-0.3%) from 63.325%

Build # 8830122324

Build Type

Pull #78

github

Committed by

web-flow

Commit Message

Merge 9c2c290d6 into 294b27e33

Pull Request Pull Request #78: reconnect mechanism optimization 重连机制优化

Run Details

1302 of 1451 branches covered (89.73%)

Branch coverage included in aggregate %.

76 of 98 new or added lines in 8 files covered. (77.55%)

6 existing lines in 4 files now uncovered.

5296 of 9015 relevant lines covered (58.75%)

31.08 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

82.8

/packages/page-spy-browser/src/index.ts

import type { InitConfig } from 'page-spy-browser/types/index';
import copy from 'copy-to-clipboard';
import { getRandomId, isArray, isClass, psLog } from 'base/src';
import { ROOM_SESSION_KEY } from 'base/src/constants';
import type {
  PageSpyPlugin,
  PageSpyPluginLifecycle,
  PageSpyPluginLifecycleArgs,
  PluginOrder,
} from '@huolala-tech/page-spy-types';
import { Modal } from './component/modal';
import { Content } from './component/content';

import ConsolePlugin from './plugins/console';
import ErrorPlugin from './plugins/error';
import NetworkPlugin from './plugins/network';
import SystemPlugin from './plugins/system';
import PagePlugin from './plugins/page';
import { StoragePlugin } from './plugins/storage';

import socketStore from './helpers/socket';
import Request from './api';

import type { UElement } from './helpers/moveable';
import { moveable } from './helpers/moveable';
import './index.less';
// eslint-disable-next-line import/order
import { Config } from './config';
import { DatabasePlugin } from './plugins/database';
import { Toast } from './component/toast';
import { SocketState } from 'base/src/socket-base';

const Identifier = '__pageSpy';

class PageSpy {
  root: HTMLElement | null = null;

  version = PKG_VERSION;

  static plugins: Record<PluginOrder | 'normal', PageSpyPlugin[]> = {
    pre: [],
    normal: [],
    post: [],
  };

  static get pluginsWithOrder() {
    return [
      ...PageSpy.plugins.pre,
      ...PageSpy.plugins.normal,
      ...PageSpy.plugins.post,
    ];
  }

  request: Request | null = null;

  // System info: <os>-<browser>:<browserVersion>
  name = '';

  // Room address
  address = '';

  // Completed websocket room url
  roomUrl = '';

  socketStore = socketStore;

  config = new Config();

  static instance: PageSpy | null = null;

  static registerPlugin(plugin: PageSpyPlugin) {
    if (!plugin) {
      return;
    }
    if (isClass(plugin)) {
      psLog.error(
        'PageSpy.registerPlugin() expect to pass an instance, not a class',
      );
      return;
    }
    if (!plugin.name) {
      psLog.error(
        `The ${plugin.constructor.name} plugin should provide a "name" property`,
      );
      return;
    }
    const isExist = PageSpy.pluginsWithOrder.some(
      (i) => i.name === plugin.name,
    );
    if (isExist) {
      psLog.error(
        `The ${plugin.name} has registered. Consider the following reasons:
      - Duplicate register one same plugin;
      - Plugin's "name" conflict with others, you can print all registered plugins by "PageSpy.plugins";`,
      );
      return;
    }
    const currentPluginSet = PageSpy.plugins[plugin.enforce || 'normal'];
    currentPluginSet.push(plugin);
  }

  constructor(init: InitConfig = {}) {
    if (PageSpy.instance) {
      psLog.warn('Cannot initialize PageSpy multiple times');
      // eslint-disable-next-line no-constructor-return
      return PageSpy.instance;
    }
    PageSpy.instance = this;

    const config = this.config.mergeConfig(init);

    this.updateConfiguration();
    this.triggerPlugins('onInit', { config, socketStore });
    this.init();
  }

  triggerPlugins<T extends PageSpyPluginLifecycle>(
    lifecycle: T,
    ...args: PageSpyPluginLifecycleArgs<T>
  ) {
    const { disabledPlugins } = this.config.get();
    PageSpy.pluginsWithOrder.forEach((plugin) => {
      if (
        isArray(disabledPlugins) &&
        disabledPlugins.length &&
        disabledPlugins.includes(plugin.name)
      ) {
        return;
      }
      // eslint-disable-next-line prefer-spread
      (plugin[lifecycle] as any)?.apply(plugin, args);
    });
  }

  async init() {
    const config = this.config.get();

    // Online real-time mode
    if (config.offline === false) {
      this.request = new Request(config);

      const roomCache = sessionStorage.getItem(ROOM_SESSION_KEY);
      if (roomCache === null) {
        await this.createNewConnection();
      } else {
        const { name, address, roomUrl, project: prev } = JSON.parse(roomCache);
        if (config.project !== prev) {
          await this.createNewConnection();
        } else {
          this.name = name;
          this.address = address;
          this.roomUrl = roomUrl;
          this.useOldConnection();
        }
      }
      // reconnect when page switch to front-ground.
      document.addEventListener('visibilitychange', () => {
        // For browser, if the connection exist, no need to recreate.
        if (!document.hidden && !socketStore.connectionStatus) {
          this.useOldConnection();
        }
      });
    }
    psLog.log('Plugins inited');
    if (config.autoRender) {
      this.render();
    }
  }

  updateConfiguration() {
    const { messageCapacity, offline } = this.config.get();
    socketStore.isOffline = offline;
    socketStore.messageCapacity = messageCapacity;
  }

  abort() {
    this.triggerPlugins('onReset');
    socketStore.close();
    PageSpy.instance = null;
    const root = document.querySelector(`#${Identifier}`);
    if (root) {
      document.documentElement.removeChild(root);
    }
  }

  async createNewConnection() {
    if (!this.request) {
      psLog.error('Cannot get the Request');
      return;
    }
    const roomInfo = await this.request.createRoom();
    this.name = roomInfo.name;
    this.address = roomInfo.address;
    this.roomUrl = roomInfo.roomUrl;
    this.refreshRoomInfo();
    socketStore.init(roomInfo.roomUrl);
  }

  useOldConnection() {
    this.refreshRoomInfo();
    socketStore.init(this.roomUrl);
  }

  // In FeiShu browser (Android, Chrome/75), due to the premature execution of synchronous render,
  // when execute `document.documentElement.append(root)` in the `render` function,
  // the browser will directly create a `body` element, and the final result is that
  // there will be multiple `body` elements on the page,
  // which leads to strange phenomena such as css style mismatches
  render() {
    const root = document.querySelector(`#${Identifier}`);
    /* c8 ignore start */
    if (root) {
      psLog.warn('Cannot render the widget because it has been in the DOM');
      return;
    }
    if (document !== undefined) {
      if (document.readyState === 'loading') {
        window.addEventListener('DOMContentLoaded', this.render.bind(this));
      } else {
        this.startRender();
      }
    } else {
      // if document does not exist, wait for it
      let timer: ReturnType<typeof setTimeout>;
      const pollingDocument = () => {
        if (!!document && document.readyState === 'complete') {
          if (timer) {
            clearTimeout(timer);
          }
          this.startRender();
        } else {
          timer = setTimeout(pollingDocument, 1);
        }
      };
      timer = setTimeout(pollingDocument, 1);
    }
    /* c8 ignore stop */
  }

  refreshRoomInfo() {
    this.saveSession();
    const timerId = setInterval(() => {
      if (socketStore.getSocket().getState() === SocketState.OPEN) {
        this.saveSession();
      }
      const latestRoomInfo = sessionStorage.getItem(ROOM_SESSION_KEY);
      if (latestRoomInfo !== null) {
        const { usable } = JSON.parse(latestRoomInfo);
        if (usable === false) {
          clearInterval(timerId);
          return;
        }
      }

      this.saveSession();
    }, 15 * 1000);
  }

  saveSession() {
    const { name, address, roomUrl, config } = this;
    const roomInfo = JSON.stringify({
      name,
      address,
      roomUrl,
      project: config.get().project,
    });
    sessionStorage.setItem(ROOM_SESSION_KEY, roomInfo);
  }

  startRender() {
    const config = this.config.get();
    const { project, clientOrigin, title, logo: logoUrl, logoStyle } = config;

    const root = document.createElement('div');
    root.id = Identifier;
    this.root = root;

    const logo = document.createElement('div');
    logo.className = 'page-spy-logo';
    const img = document.createElement('img');
    img.alt = 'PageSpy Logo';
    img.src = logoUrl;
    img.width = 50;
    img.height = 50;
    Object.entries(logoStyle).forEach(([key, value]) => {
      img.style[key as any] = value;
    });
    logo.insertAdjacentElement('beforeend', img);
    root.insertAdjacentElement('beforeend', logo);
    window.addEventListener('sdk-inactive', () => {
      logo.classList.add('inactive');
    });

    const modal = new Modal();
    const content = new Content({
      content: `
      <p><b>Device ID:</b> <span style="font-family: 'Monaco'">${
        this.address.slice(0, 4) || '--'
      }</span></p>
      <p><b>Project:</b> ${project}</p>
      <p><b>Title:</b> ${title}</p>
      `,
      onOk: () => {
        const text = `${clientOrigin}/#/devtools?address=${encodeURIComponent(
          this.address,
        )}`;
        const copyRes = copy(text);
        let message = '';
        const langs = navigator.languages;
        const isCN = ['zh-CN', 'zh-HK', 'zh-TW', 'zh'].some((l) => {
          return langs.includes(l);
        });
        if (isCN) {
          message = copyRes ? '拷贝成功!' : '拷贝失败!';
        } else {
          message = copyRes ? 'Copy successfully!' : 'Copy failed!';
        }
        Toast.message(message);
        modal.close();
      },
    });
    modal.appendNode(content.el!);
    root.insertAdjacentElement('beforeend', modal.el);

    function showModal(e: any) {
      const { isMoveEvent } = logo as unknown as UElement;
      /* c8 ignore next 3 */
      if (isMoveEvent) {
        return;
      }
      e.stopPropagation();
      modal.show();
    }
    logo.addEventListener('click', showModal, false);
    logo.addEventListener('touchend', showModal, false);
    document.documentElement.insertAdjacentElement('beforeend', root);
    moveable(logo);
    this.triggerPlugins('onMounted', {
      root,
      content: content.el,
      socketStore,
    });
    this.handleDeviceDPR();

    psLog.log('Render success');
  }

  handleDeviceDPR() {
    const dpr = window.devicePixelRatio || 1;
    const viewportEl = document.querySelector('[name="viewport"]');

    if (viewportEl) {
      const viewportContent = viewportEl.getAttribute('content') || '';
      const initialScale = viewportContent.match(/initial-scale=\d+(\.\d+)?/);
      const scale = initialScale
        ? parseFloat(initialScale[0].split('=')[1])
        : 1;
      if (scale < 1) {
        this.root!.style.fontSize = `${14 * dpr}px`;
      }
    }
  }
}

const INTERNAL_PLUGINS = [
  new ConsolePlugin(),
  new ErrorPlugin(),
  new NetworkPlugin(),
  new StoragePlugin(),
  new DatabasePlugin(),
  new PagePlugin(),
  new SystemPlugin(),
];

INTERNAL_PLUGINS.forEach((p) => {
  PageSpy.registerPlugin(p);
});

export default PageSpy;

1	import type { InitConfig } from 'page-spy-browser/types/index';	2✔
2	import copy from 'copy-to-clipboard';	2✔
3	import { getRandomId, isArray, isClass, psLog } from 'base/src';	2✔
4	import { ROOM_SESSION_KEY } from 'base/src/constants';	2✔
5	import type {	2✔
6	PageSpyPlugin,	2✔
7	PageSpyPluginLifecycle,	2✔
8	PageSpyPluginLifecycleArgs,	2✔
9	PluginOrder,	2✔
10	} from '@huolala-tech/page-spy-types';	2✔
11	import { Modal } from './component/modal';	2✔
12	import { Content } from './component/content';	2✔
13		2✔
14	import ConsolePlugin from './plugins/console';	2✔
15	import ErrorPlugin from './plugins/error';	2✔
16	import NetworkPlugin from './plugins/network';	2✔
17	import SystemPlugin from './plugins/system';	2✔
18	import PagePlugin from './plugins/page';	2✔
19	import { StoragePlugin } from './plugins/storage';	2✔
20		2✔
21	import socketStore from './helpers/socket';	2✔
22	import Request from './api';	2✔
23		2✔
24	import type { UElement } from './helpers/moveable';	2✔
25	import { moveable } from './helpers/moveable';	2✔
26	import './index.less';	2✔
27	// eslint-disable-next-line import/order	2✔
28	import { Config } from './config';	2✔
29	import { DatabasePlugin } from './plugins/database';	2✔
30	import { Toast } from './component/toast';	2✔
31	import { SocketState } from 'base/src/socket-base';	2✔
32		2✔
33	const Identifier = '__pageSpy';	2✔
34		2✔
35	class PageSpy {	2✔
36	root: HTMLElement \| null = null;	2✔
37		24✔
38	version = PKG_VERSION;	24✔
39		24✔
40	static plugins: Record<PluginOrder \| 'normal', PageSpyPlugin[]> = {	24✔
41	pre: [],	4✔
42	normal: [],	4✔
43	post: [],	4✔
44	};	4✔
45		4✔
46	static get pluginsWithOrder() {	4✔
47	return [	68✔
48	...PageSpy.plugins.pre,	68✔
49	...PageSpy.plugins.normal,	68✔
50	...PageSpy.plugins.post,	68✔
51	];	68✔
52	}	68✔
53		4✔
54	request: Request \| null = null;	4✔
55		4✔
56	// System info: <os>-<browser>:<browserVersion>	4✔
57	name = '';	4✔
58		4✔
59	// Room address	4✔
60	address = '';	4✔
61		4✔
62	// Completed websocket room url	4✔
63	roomUrl = '';	4✔
64		4✔
65	socketStore = socketStore;	4✔
66		4✔
67	config = new Config();	4✔
68		4✔
69	static instance: PageSpy \| null = null;	2✔
70		2✔
71	static registerPlugin(plugin: PageSpyPlugin) {	2✔
72	if (!plugin) {	28!
73	return;	×
74	}	×
75	if (isClass(plugin)) {	28!
76	psLog.error(	×
77	'PageSpy.registerPlugin() expect to pass an instance, not a class',	×
78	);	×
79	return;	×
80	}	×
81	if (!plugin.name) {	28!
82	psLog.error(	×
83	`The ${plugin.constructor.name} plugin should provide a "name" property`,	×
84	);	×
85	return;	×
86	}	×
87	const isExist = PageSpy.pluginsWithOrder.some(	28✔
88	(i) => i.name === plugin.name,	28✔
89	);	28✔
90	if (isExist) {	28!
91	psLog.error(	×
92	`The ${plugin.name} has registered. Consider the following reasons:	×
93	- Duplicate register one same plugin;	×
94	- Plugin's "name" conflict with others, you can print all registered plugins by "PageSpy.plugins";`,	×
95	);	×
96	return;	×
97	}	×
98	const currentPluginSet = PageSpy.plugins[plugin.enforce \|\| 'normal'];	28✔
99	currentPluginSet.push(plugin);	28✔
100	}	28✔
101		2✔
102	constructor(init: InitConfig = {}) {	2✔
103	if (PageSpy.instance) {	24✔
104	psLog.warn('Cannot initialize PageSpy multiple times');	2✔
105	// eslint-disable-next-line no-constructor-return	2✔
106	return PageSpy.instance;	2✔
107	}	2✔
108	PageSpy.instance = this;	22✔
109		22✔
110	const config = this.config.mergeConfig(init);	22✔
111		22✔
112	this.updateConfiguration();	22✔
113	this.triggerPlugins('onInit', { config, socketStore });	22✔
114	this.init();	22✔
115	}	22✔
116		2✔
117	triggerPlugins<T extends PageSpyPluginLifecycle>(	2✔
118	lifecycle: T,	40✔
119	...args: PageSpyPluginLifecycleArgs<T>	40✔
120	) {	40✔
121	const { disabledPlugins } = this.config.get();	40✔
122	PageSpy.pluginsWithOrder.forEach((plugin) => {	40✔
123	if (	280✔
124	isArray(disabledPlugins) &&	280✔
125	disabledPlugins.length &&	280!
126	disabledPlugins.includes(plugin.name)	×
127	) {	280!
128	return;	×
129	}	×
130	// eslint-disable-next-line prefer-spread	280✔
131	(plugin[lifecycle] as any)?.apply(plugin, args);	280✔
132	});	40✔
133	}	40✔
134		2✔
135	async init() {	2✔
136	const config = this.config.get();	22✔
137		22✔
138	// Online real-time mode	22✔
139	if (config.offline === false) {	22✔
140	this.request = new Request(config);	22✔
141		22✔
142	const roomCache = sessionStorage.getItem(ROOM_SESSION_KEY);	22✔
143	if (roomCache === null) {	22✔
144	await this.createNewConnection();	20✔
145	} else {	22✔
146	const { name, address, roomUrl, project: prev } = JSON.parse(roomCache);	2✔
147	if (config.project !== prev) {	2!
UNCOV 148	await this.createNewConnection();	×
149	} else {	2✔
150	this.name = name;	2✔
151	this.address = address;	2✔
152	this.roomUrl = roomUrl;	2✔
153	this.useOldConnection();	2✔
154	}	2✔
155	}	2✔
156	// reconnect when page switch to front-ground.	4✔
157	document.addEventListener('visibilitychange', () => {	4✔
158	// For browser, if the connection exist, no need to recreate.	×
159	if (!document.hidden && !socketStore.connectionStatus) {	×
160	this.useOldConnection();	×
161	}	×
162	});	4✔
163	}	4✔
164	psLog.log('Plugins inited');	4✔
165	if (config.autoRender) {	4✔
166	this.render();	4✔
167	}	4✔
168	}	22✔
169		2✔
170	updateConfiguration() {	2✔
171	const { messageCapacity, offline } = this.config.get();	22✔
172	socketStore.isOffline = offline;	22✔
173	socketStore.messageCapacity = messageCapacity;	22✔
174	}	22✔
175		2✔
176	abort() {	2✔
177	this.triggerPlugins('onReset');	6✔
178	socketStore.close();	6✔
179	PageSpy.instance = null;	6✔
180	const root = document.querySelector(`#${Identifier}`);	6✔
181	if (root) {	6!
182	document.documentElement.removeChild(root);	×
183	}	×
184	}	6✔
185		2✔
186	async createNewConnection() {	2✔
187	if (!this.request) {	20!
188	psLog.error('Cannot get the Request');	×
189	return;	×
190	}	×
191	const roomInfo = await this.request.createRoom();	20✔
192	this.name = roomInfo.name;	2✔
193	this.address = roomInfo.address;	2✔
194	this.roomUrl = roomInfo.roomUrl;	2✔
195	this.refreshRoomInfo();	2✔
196	socketStore.init(roomInfo.roomUrl);	2✔
197	}	2✔
198		2✔
199	useOldConnection() {	2✔
200	this.refreshRoomInfo();	2✔
201	socketStore.init(this.roomUrl);	2✔
202	}	2✔
203		2✔
204	// In FeiShu browser (Android, Chrome/75), due to the premature execution of synchronous render,	2✔
205	// when execute `document.documentElement.append(root)` in the `render` function,	2✔
206	// the browser will directly create a `body` element, and the final result is that	2✔
207	// there will be multiple `body` elements on the page,	2✔
208	// which leads to strange phenomena such as css style mismatches	2✔
209	render() {	2✔
210	const root = document.querySelector(`#${Identifier}`);	12✔
211	/* c8 ignore start */	2✔
212	if (root) {	2✔
213	psLog.warn('Cannot render the widget because it has been in the DOM');	2✔
214	return;	2✔
215	}	2✔
216	if (document !== undefined) {	2✔
217	if (document.readyState === 'loading') {	2✔
218	window.addEventListener('DOMContentLoaded', this.render.bind(this));	2✔
219	} else {	2✔
220	this.startRender();	2✔
221	}	2✔
222	} else {	2✔
223	// if document does not exist, wait for it	2✔
224	let timer: ReturnType<typeof setTimeout>;	2✔
225	const pollingDocument = () => {	2✔
226	if (!!document && document.readyState === 'complete') {	2✔
227	if (timer) {	2✔
228	clearTimeout(timer);	2✔
229	}	2✔
230	this.startRender();	2✔
231	} else {	2✔
232	timer = setTimeout(pollingDocument, 1);	2✔
233	}	2✔
234	};	2✔
235	timer = setTimeout(pollingDocument, 1);	2✔
236	}	2✔
237	/* c8 ignore stop */	2✔
238	}	12✔
239		2✔
240	refreshRoomInfo() {	2✔
241	this.saveSession();	4✔
242	const timerId = setInterval(() => {	4✔
NEW 243	if (socketStore.getSocket().getState() === SocketState.OPEN) {	×
NEW 244	this.saveSession();	×
NEW 245	}	×
246	const latestRoomInfo = sessionStorage.getItem(ROOM_SESSION_KEY);	×
247	if (latestRoomInfo !== null) {	×
248	const { usable } = JSON.parse(latestRoomInfo);	×
249	if (usable === false) {	×
250	clearInterval(timerId);	×
251	return;	×
252	}	×
253	}	×
254		×
255	this.saveSession();	×
256	}, 15 * 1000);	4✔
257	}	4✔
258		2✔
259	saveSession() {	2✔
260	const { name, address, roomUrl, config } = this;	4✔
261	const roomInfo = JSON.stringify({	4✔
262	name,	4✔
263	address,	4✔
264	roomUrl,	4✔
265	project: config.get().project,	4✔
266	});	4✔
267	sessionStorage.setItem(ROOM_SESSION_KEY, roomInfo);	4✔
268	}	4✔
269		2✔
270	startRender() {	2✔
271	const config = this.config.get();	12✔
272	const { project, clientOrigin, title, logo: logoUrl, logoStyle } = config;	12✔
273		12✔
274	const root = document.createElement('div');	12✔
275	root.id = Identifier;	12✔
276	this.root = root;	12✔
277		12✔
278	const logo = document.createElement('div');	12✔
279	logo.className = 'page-spy-logo';	12✔
280	const img = document.createElement('img');	12✔
281	img.alt = 'PageSpy Logo';	12✔
282	img.src = logoUrl;	12✔
283	img.width = 50;	12✔
284	img.height = 50;	12✔
285	Object.entries(logoStyle).forEach(([key, value]) => {	12✔
286	img.style[key as any] = value;	×
287	});	12✔
288	logo.insertAdjacentElement('beforeend', img);	12✔
289	root.insertAdjacentElement('beforeend', logo);	12✔
290	window.addEventListener('sdk-inactive', () => {	12✔
291	logo.classList.add('inactive');	×
292	});	12✔
293		12✔
294	const modal = new Modal();	12✔
295	const content = new Content({	12✔
296	content: `	12✔
297	<p><b>Device ID:</b> <span style="font-family: 'Monaco'">${	12✔
298	this.address.slice(0, 4) \|\| '--'	12✔
299	}</span></p>	12✔
300	<p><b>Project:</b> ${project}</p>	12✔
301	<p><b>Title:</b> ${title}</p>	12✔
302	`,	12✔
303	onOk: () => {	12✔
304	const text = `${clientOrigin}/#/devtools?address=${encodeURIComponent(	2✔
305	this.address,	2✔
306	)}`;	2✔
307	const copyRes = copy(text);	2✔
308	let message = '';	2✔
309	const langs = navigator.languages;	2✔
310	const isCN = ['zh-CN', 'zh-HK', 'zh-TW', 'zh'].some((l) => {	2✔
311	return langs.includes(l);	8✔
312	});	2✔
313	if (isCN) {	2!
314	message = copyRes ? '拷贝成功!' : '拷贝失败!';	×
315	} else {	2✔
316	message = copyRes ? 'Copy successfully!' : 'Copy failed!';	2!
317	}	2✔
318	Toast.message(message);	2✔
319	modal.close();	2✔
320	},	12✔
321	});	12✔
322	modal.appendNode(content.el!);	12✔
323	root.insertAdjacentElement('beforeend', modal.el);	12✔
324		12✔
325	function showModal(e: any) {	12✔
326	const { isMoveEvent } = logo as unknown as UElement;	4✔
327	/* c8 ignore next 3 */	2✔
328	if (isMoveEvent) {	2✔
329	return;	2✔
330	}	2✔
331	e.stopPropagation();	4✔
332	modal.show();	4✔
333	}	4✔
334	logo.addEventListener('click', showModal, false);	12✔
335	logo.addEventListener('touchend', showModal, false);	12✔
336	document.documentElement.insertAdjacentElement('beforeend', root);	12✔
337	moveable(logo);	12✔
338	this.triggerPlugins('onMounted', {	12✔
339	root,	12✔
340	content: content.el,	12✔
341	socketStore,	12✔
342	});	12✔
343	this.handleDeviceDPR();	12✔
344		12✔
345	psLog.log('Render success');	12✔
346	}	12✔
347		2✔
348	handleDeviceDPR() {	2✔
349	const dpr = window.devicePixelRatio \|\| 1;	12!
350	const viewportEl = document.querySelector('[name="viewport"]');	12✔
351		12✔
352	if (viewportEl) {	12!
353	const viewportContent = viewportEl.getAttribute('content') \|\| '';	×
354	const initialScale = viewportContent.match(/initial-scale=\d+(\.\d+)?/);	×
355	const scale = initialScale	×
356	? parseFloat(initialScale[0].split('=')[1])	×
357	: 1;	×
358	if (scale < 1) {	×
359	this.root!.style.fontSize = `${14 * dpr}px`;	×
360	}	×
361	}	×
362	}	12✔
363	}	2✔
364		2✔
365	const INTERNAL_PLUGINS = [	2✔
366	new ConsolePlugin(),	2✔
367	new ErrorPlugin(),	2✔
368	new NetworkPlugin(),	2✔
369	new StoragePlugin(),	2✔
370	new DatabasePlugin(),	2✔
371	new PagePlugin(),	2✔
372	new SystemPlugin(),	2✔
373	];	2✔
374		2✔
375	INTERNAL_PLUGINS.forEach((p) => {	2✔
376	PageSpy.registerPlugin(p);	28✔
377	});	2✔
378		2✔
379	export default PageSpy;	2✔

HuolalaTech / page-spy / 8830122324

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous