Typeorm using sqlite with electron hello world

Author: bernardoduarte

babel.config.js

@@ -9,6 +9,8 @@ module.exports = {
   plugins: [
     ['@babel/plugin-transform-runtime', {
       regenerator: true
-    }]
+    }],
+    "babel-plugin-transform-typescript-metadata",
+    ["@babel/plugin-proposal-decorators", { "legacy": true }],
   ]
 }

electron/main.ts

@@ -1,8 +1,22 @@
-import { app, BrowserWindow, ipcMain } from 'electron'
-import sqlite3 from 'sqlite3'
+import "reflect-metadata";
 
-const database = new sqlite3.Database('./public/db.sqlite3', (err) => {
-  if (err) console.error('Database opening error: ', err);
+import { app, BrowserWindow, ipcMain } from 'electron';
+import { DataSource } from "typeorm";
+
+import { User } from '../entities/User';
+
+const dataSource = new DataSource({
+  type: 'sqlite',
+  database: './public/db.sqlite3',
+  entities: [User],
+  synchronize: true,
+  dropSchema: true,
+});
+
+dataSource.initialize().then(() => {
+  console.log("Data Source has been initialized!")
+}).catch((err) => {
+  console.error("Error during Data Source initialization", err)
 });
 
 let mainWindow: BrowserWindow | null
@@ -42,13 +56,12 @@ async function registerListeners () {
   // 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);
-      });
+  
+  ipcMain.on('sqlite-message', async (event, message) => {
+    const user = await dataSource.getRepository(User).save({ firstName: 'Bernardo', lastName: 'Duarte', isActive: true });
+    console.log(user);
+    const users = await dataSource.getRepository(User).find();
+    event.reply('sqlite-reply', users);
   });
 }
 

entities/User.ts

@@ -0,0 +1,16 @@
+import { Entity, PrimaryGeneratedColumn, Column, BaseEntity } from "typeorm"
+
+@Entity()
+export class User {
+    @PrimaryGeneratedColumn()
+    id: number
+
+    @Column()
+    firstName: string
+
+    @Column()
+    lastName: string
+
+    @Column()
+    isActive: boolean
+}

package.json

@@ -28,6 +28,7 @@
   },
   "devDependencies": {
     "@babel/core": "7.14.6",
+    "@babel/plugin-proposal-decorators": "^7.20.13",
     "@babel/plugin-transform-runtime": "7.14.5",
     "@babel/preset-env": "7.14.5",
     "@babel/preset-react": "7.14.5",
@@ -51,6 +52,7 @@
     "@typescript-eslint/eslint-plugin": "4.27.0",
     "@typescript-eslint/parser": "4.27.0",
     "babel-loader": "8.2.2",
+    "babel-plugin-transform-typescript-metadata": "^0.3.2",
     "cross-env": "7.0.3",
     "electron": "13.1.2",
     "electron-rebuild": "^3.2.9",

src/App.tsx

@@ -1,5 +1,3 @@
-import "reflect-metadata";
-
 import { GlobalStyle } from './styles/GlobalStyle'
 
 import { Admin, Resource, ListGuesser, EditGuesser } from "react-admin";

tsconfig.json

@@ -16,5 +16,6 @@
     "esModuleInterop": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
+    "strictPropertyInitialization": false,
   }
 }

yarn.lock

@@ -336,6 +336,17 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
 
+"@babel/plugin-proposal-decorators@^7.20.13":
+  version "7.20.13"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.20.13.tgz#b6bea3b18e88443688fa7ed2cc06d2c60da9f4a7"
+  integrity sha512-7T6BKHa9Cpd7lCueHBBzP0nkXNina+h5giOZw+a8ZpMfPFY19VjJAjIxyFHuWkhCWgL6QMqRiY/wB1fLXzm6Mw==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.20.12"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-replace-supers" "^7.20.7"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/plugin-syntax-decorators" "^7.19.0"
+
 "@babel/plugin-proposal-dynamic-import@^7.14.5":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.18.6.tgz#72bcf8d408799f547d759298c3c27c7e7faa4d94"
@@ -466,6 +477,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
+"@babel/plugin-syntax-decorators@^7.19.0":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.19.0.tgz#5f13d1d8fce96951bea01a10424463c9a5b3a599"
+  integrity sha512-xaBZUEDntt4faL1yN8oIFlhfXeQAWJW7CLKYsHTUqriCUbj8xOra8bfxxKGi/UwExPFBuPdH4XfHc9rGQhrVkQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.19.0"
+
 "@babel/plugin-syntax-dynamic-import@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
@@ -3297,6 +3315,13 @@ babel-plugin-syntax-jsx@^6.18.0:
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
   integrity sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==
 
+babel-plugin-transform-typescript-metadata@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-typescript-metadata/-/babel-plugin-transform-typescript-metadata-0.3.2.tgz#7a327842d8c36ffe07ee1b5276434e56c297c9b7"
+  integrity sha512-mWEvCQTgXQf48yDqgN7CH50waTyYBeP2Lpqx4nNWab9sxEpdXVeKgfj1qYI2/TgUPQtNFZ85i3PemRtnXVYYJg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 babel-preset-current-node-syntax@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"