UNPKG

react-html-element

Version:

An HTMLElement extension that provides a simple setup for Web Components using React.

41 lines (40 loc) 1.66 kB
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; import * as ReactDOM from 'react-dom'; /* eslint-disable react/no-deprecated */ const createRootFake = (container) => { const newRoot = { render: (element) => { ReactDOM.render(element, container); }, unmount: () => { ReactDOM.unmountComponentAtNode(container); }, }; return newRoot; }; /* eslint-enable react/no-deprecated */ let checkedFor18 = false; let MaybeReactDOM18; // eslint-disable-next-line import/prefer-default-export export const getCreateRoot = () => __awaiter(void 0, void 0, void 0, function* () { if (!checkedFor18) { try { // eslint-disable-next-line global-require,@typescript-eslint/no-var-requires MaybeReactDOM18 = (yield require('react-dom/client')); } catch (_a) { MaybeReactDOM18 = ReactDOM; } checkedFor18 = true; } const { createRoot = createRootFake } = MaybeReactDOM18; return createRoot; });