TS migration. #2288. (#2328)

* Added TS. Updated build and linting config. Added types. * [ts-migrate][.] Rename files from JS/JSX to TS/TSX Co-authored-by: ts-migrate <> * [ts-migrate][.] Run TS Migrate Co-authored-by: ts-migrate <> * Corrected files mangled by ts-migrate. * Updated lint config, minor linting. * Re-enabled Husky. * Updated tests and config. * Reverted webpack devtool config. * Removed obsolete snapshots. * Added annotations snap. * Updated tsconfig includes wrt linting. * Removed ts-migrate. Co-authored-by: Timmy Huang <tihuan@users.noreply.github.com>
2026-10-04 18:38:11 +08:00 · 2021-07-26 20:18:17 +00:00
parent 7328cbdbd5
commit 934cc5c69b
206 changed files with 4719 additions and 2085 deletions
@@ -0,0 +1,95 @@
+import React from "react";
+import Helmet from "react-helmet";
+import { connect } from "react-redux";
+
+import Container from "./framework/container";
+import Layout from "./framework/layout";
+import LeftSideBar from "./leftSidebar";
+import RightSideBar from "./rightSidebar";
+import Legend from "./continuousLegend";
+import Graph from "./graph/graph";
+import MenuBar from "./menubar";
+import Autosave from "./autosave";
+import Embedding from "./embedding";
+import TermsOfServicePrompt from "./termsPrompt";
+
+import actions from "../actions";
+
+// @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
+@connect((state) => ({
+  loading: (state as any).controls.loading,
+  error: (state as any).controls.error,
+  graphRenderCounter: (state as any).controls.graphRenderCounter,
+}))
+class App extends React.Component {
+  componentDidMount() {
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'dispatch' does not exist on type 'Readon... Remove this comment to see the full error message
+    const { dispatch } = this.props;
+    /* listen for url changes, fire one when we start the app up */
+    window.addEventListener("popstate", this._onURLChanged);
+    this._onURLChanged();
+    // @ts-expect-error ts-migrate(2554) FIXME: Expected 0 arguments, but got 1.
+    dispatch(actions.doInitialDataLoad(window.location.search));
+    this.forceUpdate();
+  }
+
+  _onURLChanged() {
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'dispatch' does not exist on type 'Readon... Remove this comment to see the full error message
+    const { dispatch } = this.props;
+    dispatch({ type: "url changed", url: document.location.href });
+  }
+
+  render() {
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'loading' does not exist on type 'Readonl... Remove this comment to see the full error message
+    const { loading, error, graphRenderCounter } = this.props;
+    return (
+      <Container>
+        <Helmet title="cellxgene" />
+        {loading ? (
+          <div
+            style={{
+              position: "fixed",
+              fontWeight: 500,
+              top: window.innerHeight / 2,
+              left: window.innerWidth / 2 - 50,
+            }}
+          >
+            loading cellxgene
+          </div>
+        ) : null}
+        {error ? (
+          <div
+            style={{
+              position: "fixed",
+              fontWeight: 500,
+              top: window.innerHeight / 2,
+              left: window.innerWidth / 2 - 50,
+            }}
+          >
+            error loading cellxgene
+          </div>
+        ) : null}
+        {loading || error ? null : (
+          <Layout>
+            <LeftSideBar />
+            {(viewportRef: any) => (
+              <>
+                <MenuBar />
+                <Embedding />
+                <Autosave />
+                <TermsOfServicePrompt />
+                {/* @ts-expect-error ts-migrate(2769) FIXME: No overload matches this call. */}
+                <Legend viewportRef={viewportRef} />
+                {/* @ts-expect-error ts-migrate(2322) FIXME: Type '{ key: any; viewportRef: any; }' is not assi... Remove this comment to see the full error message */}
+                <Graph key={graphRenderCounter} viewportRef={viewportRef} />
+              </>
+            )}
+            <RightSideBar />
+          </Layout>
+        )}
+      </Container>
+    );
+  }
+}
+
+export default App;