Function mountWidgetExample

docs/source/_custom_js/src/index.js:5–35

(
  mountID,
  viewID,
  reactpyServerHost,
  useActivateButton,
)

let didMountDebug = false;

export function mountWidgetExample(
  mountID,
  viewID,
  reactpyServerHost,
  useActivateButton,
) {
  let reactpyHost, reactpyPort;
  if (reactpyServerHost) {
    [reactpyHost, reactpyPort] = reactpyServerHost.split(":", 2);
  } else {
    reactpyHost = window.location.hostname;
    reactpyPort = window.location.port;
  }

  const client = new SimpleReactPyClient({
    serverLocation: {
      url: `${window.location.protocol}//${reactpyHost}:${reactpyPort}`,
      route: "/",
      query: `?view_id=${viewID}`,
    },
  });

  const mountEl = document.getElementById(mountID);
  let isMounted = false;
  triggerIfInViewport(mountEl, () => {
    if (!isMounted) {
      activateView(mountEl, client, useActivateButton);
      isMounted = true;
    }
  });
}

function activateView(mountEl, client, useActivateButton) {
  if (!useActivateButton) {