android-emulator-webrtc 1.0.17 → 2.0.1

package/src/components/emulator/net/logcat.js

@@ -1,155 +0,0 @@
-/*
- * Copyright 2019 The Android Open Source Project
- *
- * Licensed under the Apache License, Version 2.0 (the "License")
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { EventEmitter } from "events";
-import "../../../proto/emulator_controller_pb";
-import { EmulatorControllerService } from "../../../proto/emulator_web_client";
-
-/**
- * Observe the logcat stream from the emulator.
- *
- * Streaming is done by either polling the emulator endpoint or making a streaming call.
- *
- * It will send out the following events:
- *
- * - `start` whenever the start method was called.
- * - `data` whenever new data became available.
- * - `end` whenever the stream is finished, either because it was stopped, or due to an error.
- */
-class Logcat {
-  /**
-   * Creates a logcat stream.
-   *
-   *  The authentication service should implement the following methods:
-   * - `authHeader()` which must return a set of headers that should be send along with a request.
-   * - `unauthorized()` a function that gets called when a 401 was received.
-   *
-   * @constructor
-   * @param {object} uriOrEmulator
-   * @param {object} auth
-   */
-  constructor(uriOrEmulator, auth) {
-    if (uriOrEmulator instanceof EmulatorControllerService) {
-      this.emulator = uriOrEmulator;
-    } else {
-      this.emulator = new EmulatorControllerService(uriOrEmulator, auth);
-    }
-    this.offset = 0;
-    this.lastline = "";
-    this.stream = null;
-    this.events = new EventEmitter();
-    this.refreshRate = 1000;
-    this.timerID = null;
-  }
-
-  /**
-   * Register a listener.
-   *
-   * @param {string} name Name of the event.
-   * @param  {Callback} fn Function to notify on the given event.
-   * @memberof Logcat
-   */
-  on = (name, fn) => {
-    this.events.on(name, fn);
-  };
-
-  /**
-   * Removes a listener.
-   *
-   * @param {string} name Name of the event.
-   * @param  {Callback} fn Function to notify on the given event.
-   * @memberof Logcat
-   */
-  off = (name, fn) => {
-    this.events.off(name, fn);
-  };
-
-  /**
-   * Cancel the currently active logcat stream.
-   *
-   * @memberof Logcat
-   */
-  stop = () => {
-    if (this.stream) {
-      this.stream.cancel();
-    }
-    if (this.timerID) {
-      clearInterval(this.timerID);
-      this.timerID = null;
-    }
-    this.events.emit("end");
-  };
-
-  pollStream = () => {
-    const self = this;
-    /* eslint-disable */
-    const request = new proto.android.emulation.control.LogMessage();
-    request.setStart(this.offset);
-    this.emulator.getLogcat(request, {}, (err, response) => {
-      if (err) {
-        this.stop();
-      }
-      if (response) {
-        const nextOffset = response.getNext();
-        if (nextOffset > self.offset) {
-          self.offset = response.getNext();
-          self.events.emit("data", response.getContents());
-        }
-      }
-    });
-  };
-
-  // Uses streaming, this really locks up the ui, so best not to use for now.
-  stream = () => {
-    const self = this;
-    /* eslint-disable */
-    const request = new proto.android.emulation.control.LogMessage();
-    request.setStart(this.offset);
-    this.stream = this.emulator.streamLogcat(request);
-    this.stream.on("data", (response) => {
-      self.offset = response.getNext();
-      const contents = response.getContents();
-      self.events.emit("data", contents);
-    });
-    this.stream.on("error", (error) => {
-      if ((error.code = 1)) {
-        // Ignore we got cancelled.
-      }
-    });
-  };
-
-  /**
-   * Requests the logcat stream, invoking the callback when a log line arrives.
-   *
-   * *Note:* Streaming can cause serious UI delays, so best not to use it.
-   *
-   * @param  {Callback} fnNotify when a new log line arrives.
-   * @param  {number} refreshRate polling interval, or 0 if you wish to use streaming.
-   * @memberof Logcat
-   */
-  start = (fnNotify, refreshRate = 1000) => {
-    if (fnNotify) this.on("data", fnNotify);
-
-    this.refreshRate = refreshRate;
-    if (this.refreshRate > 0) {
-      this.timerID = setInterval(() => this.pollStream(), this.refreshRate);
-    } else {
-      this.stream();
-    }
-    this.events.emit("start");
-  };
-}
-
-export default Logcat;

package/src/components/emulator/views/event_handler.js

@@ -1,268 +0,0 @@
-/*
- * Copyright 2019 The Android Open Source Project
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import PropTypes from "prop-types";
-import React from "react";
-import * as Proto from "../../../proto/emulator_controller_pb";
-import EmulatorStatus from "../net/emulator_status";
-
-/**
- * A handler that extends a view to send key/mouse events to the emulator.
- * It wraps the inner component in a div, and will use the jsep handler
- * to send key/mouse/touch events over the proper channel.
- *
- * It will translate the mouse events based upon the returned display size of
- * the emulator.
- *
- * You usually want to wrap a EmulatorRtcview, or EmulatorPngView in it.
- */
-export default function withMouseKeyHandler(WrappedComponent) {
-  return class extends React.Component {
-    constructor(props) {
-      super(props);
-      this.state = {
-        deviceHeight: 1920,
-        deviceWidth: 1080,
-        mouse: {
-          xp: 0,
-          yp: 0,
-          mouseDown: false, // Current state of mouse
-          // Current button pressed.
-          // In proto, 0 is "no button", 1 is left, and 2 is right.
-          mouseButton: 0,
-        },
-      };
-      this.handler = React.createRef();
-      const { emulator } = this.props;
-      this.status = new EmulatorStatus(emulator);
-    }
-
-    static propTypes = {
-      /** The emulator object */
-      emulator: PropTypes.object.isRequired,
-      /** Jsep protocol driver, used to send mouse & touch events. */
-      jsep: PropTypes.object.isRequired,
-    };
-
-    componentDidMount() {
-      this.getScreenSize();
-    }
-
-    getScreenSize() {
-      this.status.updateStatus((state) => {
-        this.setState({
-          deviceWidth: parseInt(state.hardwareConfig["hw.lcd.width"]) || 1080,
-          deviceHeight: parseInt(state.hardwareConfig["hw.lcd.height"]) || 1920,
-        });
-      });
-    }
-
-    onContextMenu = (e) => {
-      e.preventDefault();
-    };
-
-    scaleCoordinates = (xp, yp) => {
-      // It is totally possible that we send clicks that are offscreen..
-      const { deviceWidth, deviceHeight } = this.state;
-      const { clientHeight, clientWidth } = this.handler.current;
-      const scaleX = deviceWidth / clientWidth;
-      const scaleY = deviceHeight / clientHeight;
-      const x = Math.round(xp * scaleX);
-      const y = Math.round(yp * scaleY);
-
-      if (isNaN(x) || isNaN(y)) {
-        console.log("Ignoring: x: " + x + ", y:" + y);
-        return { x: -1, y: -1 };
-      }
-      return { x: x, y: y, scaleX: scaleX, scaleY: scaleY };
-    };
-
-    setMouseCoordinates = () => {
-      // Forward the request to the jsep engine.
-      const { mouseDown, mouseButton, xp, yp } = this.state.mouse;
-      var request = new Proto.MouseEvent();
-      const { x, y } = this.scaleCoordinates(xp, yp);
-      request.setX(x);
-      request.setY(y);
-      request.setButtons(mouseDown ? mouseButton : 0);
-      const { jsep } = this.props;
-      jsep.send("mouse", request);
-    };
-
-    handleKey = (eventType) => {
-      return (e) => {
-        // Disable jumping to next control when pressing the space bar.
-        if (e.keyCode === 32) {
-          e.preventDefault();
-        }
-        var request = new Proto.KeyboardEvent();
-        request.setEventtype(
-          eventType === "KEYDOWN"
-            ? Proto.KeyboardEvent.KeyEventType.KEYDOWN
-            : eventType === "KEYUP"
-            ? Proto.KeyboardEvent.KeyEventType.KEYUP
-            : Proto.KeyboardEvent.KeyEventType.KEYPRESS
-        );
-        request.setKey(e.key);
-        const { jsep } = this.props;
-        jsep.send("keyboard", request);
-      };
-    };
-
-    // Properly handle the mouse events.
-    handleMouseDown = (e) => {
-      const { offsetX, offsetY } = e.nativeEvent;
-      this.setState(
-        {
-          mouse: {
-            xp: offsetX,
-            yp: offsetY,
-            mouseDown: true,
-            // In browser's MouseEvent.button property,
-            // 0 stands for left button and 2 stands for right button.
-            mouseButton: e.button === 0 ? 1 : e.button === 2 ? 2 : 0,
-          },
-        },
-        this.setMouseCoordinates
-      );
-    };
-
-    handleMouseUp = (e) => {
-      const { offsetX, offsetY } = e.nativeEvent;
-      this.setState(
-        {
-          mouse: { xp: offsetX, yp: offsetY, mouseDown: false, mouseButton: 0 },
-        },
-        this.setMouseCoordinates
-      );
-    };
-
-    handleMouseMove = (e) => {
-      // Let's not overload the endpoint with useless events.
-      if (!this.state.mouse.mouseDown) return;
-
-      const { offsetX, offsetY } = e.nativeEvent;
-      var mouse = this.state.mouse;
-      mouse.xp = offsetX;
-      mouse.yp = offsetY;
-      this.setState({ mouse: mouse }, this.setMouseCoordinates);
-    };
-
-    /**
-     * Scales an axis to linux input codes that the emulator understands.
-     *
-     * @param {*} value The value to transform.
-     * @param {*} minIn The minimum value, the lower bound of the value param.
-     * @param {*} maxIn The maximum value, the upper bound of the value param.
-     */
-    scaleAxis = (value, minIn, maxIn) => {
-      const minOut = 0x0; // EV_ABS_MIN
-      const maxOut = 0x7fff; // EV_ABS_MAX
-      const rangeOut = maxOut - minOut;
-      const rangeIn = maxIn - minIn;
-      if (rangeIn < 1) {
-        return minOut + rangeOut / 2;
-      }
-      return (((value - minIn) * rangeOut) / rangeIn + minOut) | 0;
-    };
-
-    setTouchCoordinates = (type, touches, minForce, maxForce) => {
-      // We need to calculate the offset of the touch events.
-      const rect = this.handler.current.getBoundingClientRect();
-      const scaleCoordinates = this.scaleCoordinates;
-      const touchesToSend = Object.keys(touches).map((index) => {
-        const touch = touches[index];
-        const { clientX, clientY, identifier, force, radiusX, radiusY } = touch;
-        const offsetX = clientX - rect.left;
-        const offsetY = clientY - rect.top;
-        const { x, y, scaleX, scaleY } = scaleCoordinates(offsetX, offsetY);
-        const scaledRadiusX = 2 * radiusX * scaleX;
-        const scaledRadiusY = 2 * radiusY * scaleY;
-
-        const protoTouch = new Proto.Touch();
-        protoTouch.setX(x | 0);
-        protoTouch.setY(y | 0);
-        protoTouch.setIdentifier(identifier);
-
-        // Normalize the force
-        const MT_PRESSURE = this.scaleAxis(
-          Math.max(minForce, Math.min(maxForce, force)),
-          0,
-          1
-        );
-        protoTouch.setPressure(MT_PRESSURE);
-        protoTouch.setTouchMajor(Math.max(scaledRadiusX, scaledRadiusY) | 0);
-        protoTouch.setTouchMinor(Math.min(scaledRadiusX, scaledRadiusY) | 0);
-
-        return protoTouch;
-      });
-
-      // Make the grpc call.
-      const requestTouchEvent = new Proto.TouchEvent();
-      requestTouchEvent.setTouchesList(touchesToSend);
-      const { jsep } = this.props;
-      jsep.send("touch", requestTouchEvent);
-    };
-
-    handleTouch = (minForce, maxForce) => {
-      return (e) => {
-        // Make sure they are not processed as mouse events later on.
-        // See https://developer.mozilla.org/en-US/docs/Web/API/Touch_events
-        if (e.cancelable) {
-          e.preventDefault();
-        }
-        // Some browsers do net have a force sensor, so we have to "fake" values
-        // for start/move/end events.
-        this.setTouchCoordinates(
-          e.nativeEvent.type,
-          e.nativeEvent.changedTouches,
-          minForce,
-          maxForce
-        );
-      };
-    };
-
-    render() {
-      return (
-        <div /* handle interaction */
-          onTouchStart={this.handleTouch(0.01, 1.0)}
-          onTouchMove={this.handleTouch(0.01, 1.0)}
-          onTouchEnd={this.handleTouch(0.0, 0.0)}
-          onTouchCancel={this.handleTouch(0.0, 0.0)}
-          onMouseDown={this.handleMouseDown}
-          onMouseMove={this.handleMouseMove}
-          onMouseUp={this.handleMouseUp}
-          onMouseOut={this.handleMouseUp}
-          onKeyDown={this.handleKey("KEYDOWN")}
-          onKeyUp={this.handleKey("KEYUP")}
-          onDragStart={this.preventDragHandler}
-          tabIndex="0"
-          ref={this.handler}
-          style={{
-            pointerEvents: "all",
-            outline: "none",
-            margin: "0",
-            padding: "0",
-            border: "0",
-            display: "inline-block",
-            width: "100%",
-          }}
-        >
-          <WrappedComponent {...this.props} />
-        </div>
-      );
-    }
-  };
-}

package/src/components/emulator/views/resizing_component.js

@@ -1,65 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-/*
- * Copyright 2023 The Android Open Source Project
- *
- * Licensed under the Apache License, Version 2.0 (the "License")
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import PropTypes from "prop-types";
-import React from "react";
-import useResizeObserver from "@react-hook/resize-observer";
-
-function useSize(target, onResize) {
-  const [size, setSize] = React.useState();
-
-  React.useLayoutEffect(() => {
-    if (target) {
-      const newSize = target.getBoundingClientRect();
-      console.log(`Resizing to ${JSON.stringify(newSize)}`)
-      setSize(newSize);
-      if (onResize) {
-        onResize(newSize);
-      }
-    }
-  }, [target]);
-
-  // Where the magic happens
-  useResizeObserver(target, (entry) => {
-    setSize(entry.contentRect);
-    if (onResize) {
-      console.log(`Resizing to ${JSON.stringify(entry.contentRect)}`)
-      onResize(entry.contentRect);
-    }
-  });
-  return size;
-}
-
-function ResizingComponent({ children, onResize, "data-testid": dataTestId, }) {
-  // const ref = useRef();
-  const [target, setTarget] = React.useState();
-  const size = useSize(target, onResize);
-
-  return (
-    <div style={{ width: "100%", height: "100%" }} ref={setTarget} data-testid={dataTestId}>
-      <div style={{ width: size?.width, height: size?.height }}>{children}</div>
-    </div>
-  );
-}
-
-ResizingComponent.propTypes = {
-  onResize: PropTypes.func,
-  "data-testid": PropTypes.string,
-};
-
-export default ResizingComponent;

package/src/components/emulator/views/simple_png_view.js

@@ -1,106 +0,0 @@
-import PropTypes from "prop-types";
-import React, { useState, useEffect, useRef } from "react";
-import * as Proto from "../../../proto/emulator_controller_pb";
-
-const EmulatorPngView = ({
-  emulator,
-  onStateChange,
-  poll,
-  width,
-  height,
-  "data-testid": dataTestId,
-}) => {
-  const [png, setPng] = useState("");
-  const [connect, setConnect] = useState("connecting");
-  var screenShot = null;
-
-  useEffect(() => {
-    startStream();
-    return () => {
-      setConnect("disconnected");
-      if (screenShot) {
-        screenShot.cancel();
-      }
-    };
-  }, [width, height]);
-
-  useEffect(() => {
-    console.log("Png state changed to: " + connect);
-    if (onStateChange) {
-      onStateChange(connect);
-    }
-  }, [connect]);
-
-  const startStream = () => {
-    setConnect("connecting");
-    const request = new Proto.ImageFormat();
-    if (!isNaN(width)) {
-      request.setWidth(Math.floor(width));
-    }
-    if (!isNaN(height)) {
-      request.setWidth(Math.floor(height));
-    }
-
-    if (poll && connect !== "disconnected") {
-      emulator.getScreenshot(request, {}, (err, response) => {
-        setConnect("connected");
-        setPng("data:image/jpeg;base64," + response.getImage_asB64());
-        startStream();
-      });
-    } else {
-      var receivedImage = false;
-      screenShot = emulator.streamScreenshot(request);
-      screenShot.on("data", (response) => {
-        receivedImage = true;
-        setConnect("connected");
-        setPng("data:image/jpeg;base64," + response.getImage_asB64());
-      });
-      screenShot.on("error", (e) => {
-        console.warn("Screenshot stream broken", e);
-        if (receivedImage) {
-          setConnect("connecting");
-          startStream();
-        } else {
-          setConnect("disconnected");
-        }
-      });
-    }
-  };
-
-  const preventDragHandler = (e) => {
-    e.preventDefault();
-  };
-
-
-  return (
-    <div
-      width={width}
-      style={{
-        display: "block",
-        position: "relative",
-        height: "100%",
-        objectFit: "contain",
-        objectPosition: "center",
-      }}
-      onDragStart={preventDragHandler}
-    >
-      <img
-        src={png}
-        width="100%"
-        draggable="false"
-        style={{ pointerEvents: "none" }}
-      />
-    </div>
-  );
-};
-
-EmulatorPngView.propTypes = {
-  emulator: PropTypes.object,
-  onStateChange: PropTypes.func,
-  poll: PropTypes.bool,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  "data-testid": PropTypes.string,
-};
-
-export default EmulatorPngView;