init

2018-08-14 00:02:06 -05:00
commit 4757abfff3
29 changed files with 14255 additions and 0 deletions
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -0,0 +1,97 @@
+import { WebviewTag } from 'electron';
+import React from 'react';
+import { PoeService } from '../services/poe.service';
+import { LoginWebview } from './login-webview';
+import { PriceListItem } from './price-list-item/price-list-item';
+
+interface IState {
+  showLogin: boolean;
+  data: any;
+}
+
+export class Home extends React.Component<any, IState> {
+  private webview: WebviewTag;
+
+  constructor(props: any) {
+    super(props);
+    this.state = {
+      showLogin: false,
+      data: [],
+    };
+  }
+
+  componentDidMount() {
+    this.addWebviewListeners();
+  }
+
+  public addWebviewListeners() {
+    this.webview = this.refs['webview'] as any;
+    this.webview.addEventListener('dom-ready', () => {
+      // this.webview.openDevTools();
+    });
+
+    this.webview.addEventListener('ipc-message', e => {
+      if (e.channel === 'html-content') {
+        const htmlContents = e.args[0];
+        this.handleResponse(htmlContents);
+      }
+    });
+  }
+
+  public handleResponse(res: any) {
+    const json = JSON.parse(res);
+
+    if (json === null || json['error']) {
+      this.setState({ showLogin: true });
+    } else if (json.items) {
+      this.setState({ showLogin: false, data: json.items });
+      this.getItemPrice(json.items, 0);
+      console.log(json.items);
+    }
+  }
+
+  onLogin = () => {
+    this.setState({ showLogin: false });
+    this.webview.reload();
+  };
+
+  async getItemPrice(data: any[], index: number) {
+    if (!data[index] || data !== this.state.data) {
+      return;
+    }
+
+    const res = await PoeService.priceCheck(data[index].typeLine);
+    if (res.currency_rec && res.min_price) {
+      const dataCopy: any = [...data];
+      dataCopy[index].priceInfo = res;
+      await new Promise(resolve => this.setState({ data: dataCopy }, resolve));
+    }
+
+    setTimeout(() => {
+      this.getItemPrice(this.state.data, index + 1);
+    }, 1000);
+  }
+
+  renderPriceList = (data: any[]) => {
+    return data.map((item, index) => <PriceListItem data={item} key={index} />);
+  };
+
+  public render() {
+    const { data, showLogin } = this.state;
+
+    return (
+      <div style={{ padding: '20px' }}>
+        {showLogin && <LoginWebview onSuccess={this.onLogin} />}
+        {data && this.renderPriceList(data)}
+        {/* {data && <StashTab data={data} />} */}
+        <webview
+          ref="webview"
+          partition="persist:poe"
+          preload="ipc-renderer.js"
+          src="https://www.pathofexile.com/character-window/get-stash-items?league=Incursion&tabs=1&tabIndex=13&accountName=DoctorCoctor"
+          style={{ opacity: 0, width: '0', height: '0' }}
+        />
+      </div>
+    );
+  }
+}