Function render

packages/qwik/src/core/render/dom/render.public.ts:47–85

(
  parent: Element | Document,
  jsxOutput: JSXOutput | FunctionComponent<any>,
  opts?: RenderOptions
)

 * @public
 */
export const render = async (
  parent: Element | Document,
  jsxOutput: JSXOutput | FunctionComponent<any>,
  opts?: RenderOptions
): Promise<RenderResult> => {
  // If input is a component, convert it
  if (typeof jsxOutput === 'function') {
    jsxOutput = jsx(jsxOutput, null);
  }
  const doc = getDocument(parent);
  const containerEl = getElement(parent);
  if (qDev && containerEl.hasAttribute(QContainerAttr)) {
    throw qError(QError_cannotRenderOverExistingContainer, containerEl);
  }
  // if (qDev) {
  //   if (parent.childNodes.length > 0) {
  //     throw new Error('Container must be empty before mounting anything inside');
  //   }
  // }
  injectQContainer(containerEl);

  const containerState = _getContainerState(containerEl);
  const serverData = opts?.serverData;
  if (serverData) {
    Object.assign(containerState.$serverData$, serverData);
  }
  const rCtx = createRenderContext(doc, containerState);
  containerState.$hostsRendering$ = new Set();
  containerState.$styleMoved$ = true;
  await renderRoot(rCtx, containerEl, jsxOutput, doc, containerState, containerEl);

  await postRendering(containerState, rCtx);

  return {
    cleanup() {
      cleanupContainer(rCtx, containerEl);
    },
  };
};

const renderRoot = async (
  rCtx: RenderContext,