@reactpy/client 0.1.0 → 0.2.1

package/src/mount.js

@@ -1,105 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { Layout } from "./components.js";
-
-export function mountLayout(mountElement, layoutProps) {
-  ReactDOM.render(React.createElement(Layout, layoutProps), mountElement);
-}
-
-export function mountLayoutWithWebSocket(
-  element,
-  endpoint,
-  loadImportSource,
-  maxReconnectTimeout
-) {
-  mountLayoutWithReconnectingWebSocket(
-    element,
-    endpoint,
-    loadImportSource,
-    maxReconnectTimeout
-  );
-}
-
-function mountLayoutWithReconnectingWebSocket(
-  element,
-  endpoint,
-  loadImportSource,
-  maxReconnectTimeout,
-  mountState = {
-    everMounted: false,
-    reconnectAttempts: 0,
-    reconnectTimeoutRange: 0,
-  }
-) {
-  const socket = new WebSocket(endpoint);
-
-  const updateHookPromise = new LazyPromise();
-
-  socket.onopen = (event) => {
-    console.info(`ReactPy WebSocket connected.`);
-
-    if (mountState.everMounted) {
-      ReactDOM.unmountComponentAtNode(element);
-    }
-    _resetOpenMountState(mountState);
-
-    mountLayout(element, {
-      loadImportSource,
-      saveUpdateHook: updateHookPromise.resolve,
-      sendEvent: (event) => socket.send(JSON.stringify(event)),
-    });
-  };
-
-  socket.onmessage = (event) => {
-    const message = JSON.parse(event.data);
-    updateHookPromise.promise.then((update) => update(message));
-  };
-
-  socket.onclose = (event) => {
-    if (!maxReconnectTimeout) {
-      console.info(`ReactPy WebSocket connection lost.`);
-      return;
-    }
-
-    const reconnectTimeout = _nextReconnectTimeout(
-      maxReconnectTimeout,
-      mountState
-    );
-
-    console.info(
-      `ReactPy WebSocket connection lost. Reconnecting in ${reconnectTimeout} seconds...`
-    );
-
-    setTimeout(function () {
-      mountState.reconnectAttempts++;
-      mountLayoutWithReconnectingWebSocket(
-        element,
-        endpoint,
-        loadImportSource,
-        maxReconnectTimeout,
-        mountState
-      );
-    }, reconnectTimeout * 1000);
-  };
-}
-
-function _resetOpenMountState(mountState) {
-  mountState.everMounted = true;
-  mountState.reconnectAttempts = 0;
-  mountState.reconnectTimeoutRange = 0;
-}
-
-function _nextReconnectTimeout(maxReconnectTimeout, mountState) {
-  const timeout =
-    Math.floor(Math.random() * mountState.reconnectTimeoutRange) || 1;
-  mountState.reconnectTimeoutRange =
-    (mountState.reconnectTimeoutRange + 5) % maxReconnectTimeout;
-  return timeout;
-}
-
-function LazyPromise() {
-  this.promise = new Promise((resolve, reject) => {
-    this.resolve = resolve;
-    this.reject = reject;
-  });
-}

package/src/server.js

@@ -1,46 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { mountLayoutWithWebSocket } from "./mount.js";
-
-export function mountWithLayoutServer(
-  element,
-  serverInfo,
-  maxReconnectTimeout
-) {
-  const loadImportSource = (source, sourceType) =>
-    import(
-      sourceType == "NAME" ? serverInfo.path.module(source) : source
-    ).catch((error) => {
-      // Added a catch to silence a build warning caller so we just re-throw.
-      // The caller is actually responsible for catching this error.
-      throw error;
-    });
-
-  mountLayoutWithWebSocket(
-    element,
-    serverInfo.path.stream,
-    loadImportSource,
-    maxReconnectTimeout
-  );
-}
-
-export function LayoutServerInfo({ host, port, path, query, secure }) {
-  const wsProtocol = `ws${secure ? "s" : ""}`;
-  const wsBaseUrl = `${wsProtocol}://${host}:${port}`;
-
-  let pathName = path || new URL(document.baseURI).pathname;
-  if (pathName.endsWith("/")) {
-    pathName = pathName.slice(0, -1);
-  }
-
-  if (query) {
-    query = `?${query}`;
-  } else {
-    query = "";
-  }
-
-  this.path = {
-    stream: `${wsBaseUrl}/_reactpy/stream${pathName}${query}`,
-    module: (source) => `/_reactpy/modules/${source}`,
-  };
-}