Support createPortal in core

compat/src/portals.js

@@ -1,74 +1,12 @@
-import { createElement, render } from 'preact';
-
-/**
- * @param {import('../../src/index').RenderableProps<{ context: any }>} props
- */
-function ContextProvider(props) {
-	this.getChildContext = () => props.context;
-	return props.children;
-}
-
-/**
- * Portal component
- * @this {import('./internal').Component}
- * @param {object | null | undefined} props
- *
- * TODO: use createRoot() instead of fake root
- */
-function Portal(props) {
-	const _this = this;
-	let container = props._container;
-
-	_this.componentWillUnmount = function () {
-		render(null, _this._temp);
-		_this._temp = null;
-		_this._container = null;
-	};
-
-	// When we change container we should clear our old container and
-	// indicate a new mount.
-	if (_this._container && _this._container !== container) {
-		_this.componentWillUnmount();
-	}
-
-	if (!_this._temp) {
-		// Ensure the element has a mask for useId invocations
-		let root = _this._vnode;
-		while (root !== null && !root._mask && root._parent !== null) {
-			root = root._parent;
-		}
-
-		_this._container = container;
-
-		// Create a fake DOM parent node that manages a subset of `container`'s children:
-		_this._temp = {
-			nodeType: 1,
-			parentNode: container,
-			childNodes: [],
-			_children: { _mask: root._mask },
-			ownerDocument: container.ownerDocument,
-			namespaceURI: container.namespaceURI,
-			insertBefore(child, before) {
-				this.childNodes.push(child);
-				_this._container.insertBefore(child, before);
-			}
-		};
-	}
-
-	// Render our wrapping element into temp.
-	render(
-		createElement(ContextProvider, { context: _this.context }, props._vnode),
-		_this._temp
-	);
-}
+import { createPortal as corePortal } from 'preact';
 
 /**
  * Create a `Portal` to continue rendering the vnode tree at a different DOM node
  * @param {import('./internal').VNode} vnode The vnode to render
  * @param {import('./internal').PreactElement} container The DOM node to continue rendering in to.
  */
 export function createPortal(vnode, container) {
-	const el = createElement(Portal, { _vnode: vnode, _container: container });
+	const el = corePortal(vnode, container);
 	el.containerInfo = container;
 	return el;
 }