Refactoring load timeline

src/components/AddColumn/PublicTimeline.vue

@@ -31,14 +31,15 @@ import { ipcRenderer } from 'electron'
 import { Component, Vue } from 'vue-property-decorator'
 import { Status } from 'megalodon'
 
+type DeleteListener = (e: Event, id: number) => void
 type Instance = string
 type Timeline = {
   name: string
-  statuses: Map<number, Status>
+  statuses?: Map<number, Status>
 }
-type UpdateListener = (e: Event, status: Status) => void
-type DeleteListener = (e: Event, id: number) => void
 type Timelines = Timeline[]
+type UpdateListener = (e: Event, status: Status) => void
+
 @Component
 export default class AddColumn extends Vue {
   public instance: Instance = ''
@@ -61,22 +62,41 @@ export default class AddColumn extends Vue {
   }
 
   public addTL() {
-    let timeline: Timeline = { name: this.instance, statuses: new Map() }
+    let timeline: Timeline = { name: this.instance }
 
     this.showInput = false
     this.instance = ''
 
     this.pubTL.push(timeline)
+    // 最新のTLを取得
     this.loadTL(timeline)
 
+    // streamingを開始
+    this.subscribeStreaming(timeline)
+  }
+
+  public loadTL(timeline: Timeline) {
+    let statuses: Status[] = ipcRenderer.sendSync('no-auth-timeline', timeline.name)
+    timeline.statuses = new Map(statuses.map((status): [number, Status] => [status.id, status]))
+  }
+
+  public async subscribeStreaming(timeline: Timeline) {
+    // updateイベントを購読
     let updateListener = (_: Event, status: Status) => {
+      if (timeline.statuses === undefined) {
+        timeline.statuses = new Map()
+      }
       timeline.statuses.set(status.id, status)
       this.$forceUpdate()
     }
     ipcRenderer.on(`update-${timeline.name}-no-auth`, updateListener)
     this.updateListeners.push([`update-${timeline.name}-no-auth`, updateListener])
 
+    // deleteイベントを購読
     let deleteListener = (_: Event, id: number) => {
+      if (timeline.statuses === undefined) {
+        timeline.statuses = new Map()
+      }
       timeline.statuses.delete(id)
       this.$forceUpdate()
     }
@@ -85,13 +105,6 @@ export default class AddColumn extends Vue {
 
     ipcRenderer.send('open-streaming', timeline.name, 'no-auth')
   }
-
-  public loadTL(timeline: Timeline) {
-    ipcRenderer.once(`timeline-${timeline.name}-no-auth`, (_: Event, statuses: Status[]) => {
-      timeline.statuses = new Map(statuses.map((status): [number, Status] => [status.id, status]))
-    })
-    ipcRenderer.send('no-auth-timeline', timeline.name)
-  }
 }
 </script>=
 

src/main/Timeline.ts

@@ -1,5 +1,6 @@
 import {
-    ipcMain
+    ipcMain,
+    Event
 } from 'electron'
 import { Status, Response } from 'megalodon'
 
@@ -11,10 +12,7 @@ export default class Timeline {
         ipcMain.on('no-auth-timeline', async (event: Event, name: string) => {
             const client = Client.getNoAuthClient(name)
             let res: Response<[Status]> = await client.get<[Status]>('/timelines/public?local=true')
-
+            event.returnValue = res.data
-            if (Window.windowMap.has('main')) {
-                Window.windowMap.get('main')!.webContents.send(`timeline-${name}-no-auth`, res.data)
-            }
         })
     }
 }

types/electron-localshortcut.d.ts

@@ -1,8 +1,10 @@
 import { BrowserWindow, Accelerator } from 'electron'
 
-export function disableAll(win: BrowserWindow): void
+declare module 'electron-localshortcut' {
-export function enableAll(win: BrowserWindow): void
+    function disableAll(win: BrowserWindow): void
-export function isRegistered(win: BrowserWindow, accelerator: Accelerator): void
+    function enableAll(win: BrowserWindow): void
-export function register(win: BrowserWindow, accelerator: Accelerator, callback: () => void): void
+    function isRegistered(win: BrowserWindow, accelerator: Accelerator): void
-export function unregister(win: BrowserWindow, accelerator: Accelerator): void
+    function register(win: BrowserWindow, accelerator: Accelerator, callback: () => void): void
-export function unregisterAll(win: BrowserWindow): void
+    function unregister(win: BrowserWindow, accelerator: Accelerator): void
+    function unregisterAll(win: BrowserWindow): void
+}