Class Surface

packages/gl-react/src/createSurface.tsx:102–528

  cancelFrame,
}: SurfaceOpts): any => {
  return class Surface extends Component<
    SurfaceProps,
    {
      ready: boolean;
      rebootId: number;
      debug: boolean;
    }
  > {
    id: number = ++surfaceId;
    gl: WebGLRenderingContext | null = null;
    buffer!: WebGLBuffer;
    loaderResolver: LoaderResolver | null = null;
    glView: any;
    root: Node | null = null;
    shaders: { [key: string]: Shader } = {};
    _preparingGL: Array<any> = [];
    _needsRedraw: boolean = false;
    state = {
      ready: false,
      rebootId: 0,
      debug: false,
    };

    RenderLessElement = RenderLessElement;
    mapRenderableContent = mapRenderableContent;

    static propTypes = SurfacePropTypes;

    componentDidMount() {
      _instances.push(this);
      this.getVisitors().forEach((v) => v.onSurfaceMount(this as any));
    }

    componentWillUnmount() {
      this._stopLoop();
      this._destroyGL();
      const i = _instances.indexOf(this);
      if (i !== -1) _instances.splice(i, 1);
      this.getVisitors().forEach((v) => v.onSurfaceUnmount(this as any));
    }

    componentDidUpdate() {
      this.redraw();
    }

    render() {
      const {
        props,
        state: { ready, rebootId, debug },
      } = this;
      const { children, style } = props;

      // We allow to pass-in all props we don't know so you can hook to DOM events.
      const rest: any = {};
      Object.keys(props).forEach((key) => {
        if (allSurfaceProps.indexOf(key) === -1) {
          rest[key] = (props as any)[key];
        }