10328959094

Committed 10 Aug 2024 04:30AM UTC coverage: 25.106% (+0.06%) from 25.047%

Build # 10328959094

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #543 from epam/505-add-miew-react-package

Add miew-react package

Run Details

1442 of 5700 branches covered (25.3%)

Branch coverage included in aggregate %.

16 of 20 new or added lines in 2 files covered. (80.0%)

1 existing line in 1 file now uncovered.

3964 of 15833 relevant lines covered (25.04%)

47529.52 hits per line

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

80.0

/packages/miew-react/src/Viewer.jsx

import Miew from 'miew';
import React, { useLayoutEffect, useRef } from 'react';
import styles from './Viewer.module.scss';
import 'miew/dist/Miew.css';

function createMiewRef(miewRef, options, onInit) {
  if (!miewRef.current) {
    const miew = new Miew(options);
    if (miew.init()) {
      miewRef.current = miew;
      miew.run();

      if (typeof onInit === 'function') {
        onInit(miew);
      }
    }
  }
}

function destroyMiewRef(miewRef) {
  if (miewRef.current) {
    miewRef.current.term();
  }
  miewRef.current = null;
}

// eslint-disable-next-line react/prop-types
export default function Viewer({ onInit, options }) {
  const miewRef = useRef();
  const rootRef = useRef();

  useLayoutEffect(() => {
    // eslint-disable-next-line react/prop-types
    const settings = { axes: false, fps: false, ...options?.settings };
    createMiewRef(miewRef, { ...options, container: rootRef.current, settings }, onInit);
    return () => destroyMiewRef(miewRef);
  }, [onInit, options]);

  return (
    <div className={styles.root} ref={rootRef}>
      Viewer
    </div>
  );
}

1	import Miew from 'miew';
2	import React, { useLayoutEffect, useRef } from 'react';
3	import styles from './Viewer.module.scss';
4	import 'miew/dist/Miew.css';
5
6	function createMiewRef(miewRef, options, onInit) {
7	if (!miewRef.current) {	1!
8	const miew = new Miew(options);	1✔
9	if (miew.init()) {	1!
10	miewRef.current = miew;	1✔
11	miew.run();	1✔
12
13	if (typeof onInit === 'function') {	1!
NEW 14	onInit(miew);	×
15	}
16	}
17	}
18	}
19
20	function destroyMiewRef(miewRef) {
21	if (miewRef.current) {	1!
22	miewRef.current.term();	1✔
23	}
24	miewRef.current = null;	1✔
25	}
26
27	// eslint-disable-next-line react/prop-types
28	export default function Viewer({ onInit, options }) {
29	const miewRef = useRef();	1✔
30	const rootRef = useRef();	1✔
31
32	useLayoutEffect(() => {	1✔
33	// eslint-disable-next-line react/prop-types
34	const settings = { axes: false, fps: false, ...options?.settings };	1✔
35	createMiewRef(miewRef, { ...options, container: rootRef.current, settings }, onInit);	1✔
36	return () => destroyMiewRef(miewRef);	1✔
37	}, [onInit, options]);
38
39	return (	1✔
40	<div className={styles.root} ref={rootRef}>
41	Viewer
42	</div>
43	);
44	}

epam / miew / 10328959094

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