Migrate util/indexedDB to TypeScript

Summary: Migrated indexedDB.js to indexedDB.tsx

Reviewed By: danielbuechele

Differential Revision: D17133611

fbshipit-source-id: 819eccc12c8cbacee5e9cdf8fbfce4f5fbb08813

src/plugins/navigation/index.js

@@ -19,7 +19,7 @@ import {
   removeBookmark,
   readBookmarksFromDB,
   writeBookmarkToDB,
-} from './util/indexedDB';
+} from './util/indexedDB.tsx';
 import {
   appMatchPatternsToAutoCompleteProvider,
   bookmarksToAutoCompleteProvider,

src/plugins/navigation/util/indexedDB.tsx

@@ -3,36 +3,31 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * @format
- * @flow strict-local
  */
 
-import type {Bookmark} from '../flow-types';
+import {Bookmark} from '../types';
 
 const FLIPPER_NAVIGATION_PLUGIN_DB = 'flipper_navigation_plugin_db';
 const FLIPPER_NAVIGATION_PLUGIN_DB_VERSION = 1;
 
 const BOOKMARKS_KEY = 'bookmarks';
 
-const createBookmarksObjectStore: IDBDatabase => Promise<void> = (
-  db: IDBDatabase,
-) => {
-  return new Promise((resolve, reject) => {
+const createBookmarksObjectStore = (db: IDBDatabase) => {
+  return new Promise<void>((resolve, reject) => {
     if (!db.objectStoreNames.contains(BOOKMARKS_KEY)) {
       const bookmarksObjectStore = db.createObjectStore(BOOKMARKS_KEY, {
         keyPath: 'uri',
       });
       bookmarksObjectStore.transaction.oncomplete = () => resolve();
-      bookmarksObjectStore.transaction.onerror = event =>
-        reject(event.target.error);
+      bookmarksObjectStore.transaction.onerror = () =>
+        reject(bookmarksObjectStore.transaction.error);
     } else {
       resolve();
     }
   });
 };
 
-const initializeNavigationPluginDB: IDBDatabase => Promise<Array<void>> = (
-  db: IDBDatabase,
-) => {
+const initializeNavigationPluginDB = (db: IDBDatabase) => {
   return Promise.all([createBookmarksObjectStore(db)]);
 };
 
@@ -46,14 +41,12 @@ const openNavigationPluginDB: () => Promise<IDBDatabase> = () => {
       const db = openRequest.result;
       initializeNavigationPluginDB(db).then(() => resolve(db));
     };
-    openRequest.onerror = event => reject(event.target.error);
+    openRequest.onerror = () => reject(openRequest.error);
     openRequest.onsuccess = () => resolve(openRequest.result);
   });
 };
 
-export const writeBookmarkToDB: Bookmark => Promise<void> = (
-  bookmark: Bookmark,
-) => {
+export const writeBookmarkToDB = (bookmark: Bookmark) => {
   return new Promise((resolve, reject) => {
     openNavigationPluginDB()
       .then((db: IDBDatabase) => {
@@ -62,7 +55,7 @@ export const writeBookmarkToDB: Bookmark => Promise<void> = (
           .objectStore(BOOKMARKS_KEY);
         const request = bookmarksObjectStore.put(bookmark);
         request.onsuccess = () => resolve();
-        request.onerror = event => reject(event.target.error);
+        request.onerror = () => reject(request.error);
       })
       .catch(reject);
   });
@@ -76,8 +69,9 @@ export const readBookmarksFromDB: () => Promise<Map<string, Bookmark>> = () => {
         const bookmarksObjectStore = db
           .transaction(BOOKMARKS_KEY)
           .objectStore(BOOKMARKS_KEY);
-        bookmarksObjectStore.openCursor().onsuccess = event => {
-          const cursor = event.target.result;
+        const request = bookmarksObjectStore.openCursor();
+        request.onsuccess = () => {
+          const cursor = request.result;
           if (cursor) {
             const bookmark = cursor.value;
             bookmarks.set(bookmark.uri, bookmark);
@@ -86,23 +80,22 @@ export const readBookmarksFromDB: () => Promise<Map<string, Bookmark>> = () => {
             resolve(bookmarks);
           }
         };
-        bookmarksObjectStore.openCursor().onerror = event =>
-          reject(event.target.error);
+        request.onerror = () => reject(request.error);
       })
       .catch(reject);
   });
 };
 
 export const removeBookmark: (uri: string) => Promise<void> = uri => {
-  return new Promise((resolve, reject) => {
+  return new Promise<void>((resolve, reject) => {
     openNavigationPluginDB()
       .then((db: IDBDatabase) => {
         const bookmarksObjectStore = db
           .transaction(BOOKMARKS_KEY, 'readwrite')
           .objectStore(BOOKMARKS_KEY);
         const request = bookmarksObjectStore.delete(uri);
-        request.onsuccess = resolve;
-        request.onerror = event => reject(event.target.error);
+        request.onsuccess = () => resolve();
+        request.onerror = () => reject(request.error);
       })
       .catch(reject);
   });