Hello world like with sqlite3 and electron via electron's ipc channels

Author: bernardoduarte

electron/bridge.ts

@@ -10,7 +10,7 @@ export const api = {
    */
 
   sendMessage: (message: string) => {
-    ipcRenderer.send('message', message)
+    ipcRenderer.send(message);
   },
 
   /**

electron/main.ts

@@ -39,9 +39,17 @@ async function registerListeners () {
   /**
    * This comes from bridge integration, check bridge.ts
    */
-  ipcMain.on('message', (_, message) => {
-    console.log(message)
-  })
+  // ipcMain.on('message', (_, message) => {
+  //   console.log(message)
+  // })
+
+  ipcMain.on('sqlite-message', (event, message) => {
+      const sql = 'SELECT * FROM repositories';
+      database.all(sql, (err, rows: any) => {
+        console.log(rows);
+        event.reply('sqlite-reply', (err && err.message) || rows);
+      });
+  });
 }
 
 app.on('ready', createWindow)

src/App.tsx

@@ -6,15 +6,26 @@ import { Admin, Resource, ListGuesser, EditGuesser } from "react-admin";
 import jsonServerProvider from "ra-data-json-server";
 import { Dashboard } from './components/Dashboard';
 import { authProvider } from './providers/authProvider';
+import { useEffect } from "react";
 
 const dataProvider = jsonServerProvider('https://jsonplaceholder.typicode.com');
 
-export const App = () => (
-  <>
-    <GlobalStyle />
-    <Admin authProvider={authProvider} dataProvider={dataProvider} dashboard={Dashboard} >
-      <Resource name="users" list={ListGuesser} edit={EditGuesser} />
-      <Resource name="posts" list={ListGuesser} edit={EditGuesser} />
-    </Admin>
-  </>
-);
+export const App = () => {
+
+  useEffect(() => {
+    window.Main.on('sqlite-reply', (arg: any) => {
+      console.log(arg);
+    });
+    window.Main.sendMessage('sqlite-message');
+  }, []);
+
+  return (
+    <>
+      <GlobalStyle />
+      <Admin authProvider={authProvider} dataProvider={dataProvider} dashboard={Dashboard} >
+        <Resource name="users" list={ListGuesser} edit={EditGuesser} />
+        <Resource name="posts" list={ListGuesser} edit={EditGuesser} />
+      </Admin>
+    </>
+  );
+};