typescript without web worker - v4

Author: ujjwalguptaofficial

typescript_without_worker/package-lock.json

@@ -8,11 +8,12 @@
   },
   "dependencies": {
     "jquery": "^3.3.1",
-    "jsstore": "^3.7.3"
+    "jsstore": "^4.0.1"
   },
   "devDependencies": {
+    "@types/jquery": "^3.5.5",
     "css-loader": "^0.28.11",
-    "file-loader": "^1.1.11",
+    "file-loader": "^6.2.0",
     "html-webpack-plugin": "^3.2.0",
     "ts-loader": "^4.1.0",
     "typescript": "^2.7.2",

typescript_without_worker/package.json

@@ -16,27 +16,27 @@ export class StudentLogic {
             this.addStudent();
         });
         // edit button
-        $('#divContainer').on('click', 'td .btn-edit', (el) => {
+        $('#divContainer').on('click', 'td .btn-edit', (el:any) => {
             const id = $(el.target).parents('tr').attr('data-id');
             this.editStudent(Number(id));
         });
         // delete button
-        $('#divContainer').on('click', 'td .btn-delete', (el) => {
+        $('#divContainer').on('click', 'td .btn-delete', (el:any) => {
             const id = $(el.target).parents('tr').attr('data-id');
             this.deleteStudent(Number(id));
         });
 
-        $('#divContainer').on('click', 'td .btn-update', (el) => {
+        $('#divContainer').on('click', 'td .btn-update', (el:any) => {
             const id = $(el.target).parents('tr').attr('data-id');
             this.updateStudent(Number(id));
         });
 
-        $('#divContainer').on('click', 'td .btn-add-cancel', (el) => {
+        $('#divContainer').on('click', 'td .btn-add-cancel', (el: any) => {
             const row = $(el.target).parents('tr');
             row.find('input').val('');
         });
 
-        $('#divContainer').on('click', 'td .btn-update-cancel', (el) => {
+        $('#divContainer').on('click', 'td .btn-update-cancel', () => {
             this.refreshStudentList();
         });
 
@@ -57,7 +57,7 @@ export class StudentLogic {
                 </tr>`;
     }
 
-    async deleteStudent(studentId) {
+    async deleteStudent(studentId: number) {
 
         try {
             const rowsDeleted = await this.service.deleteStudent(studentId);
@@ -71,7 +71,7 @@ export class StudentLogic {
         }
     }
 
-    async  updateStudent(studentId) {
+    async updateStudent(studentId: number) {
         const columns = $("#tblStudents tbody tr[data-id='" + studentId + "']").find('td');
         const updatedValue: Student = {
             name: columns[0].querySelector('input').value,
@@ -93,7 +93,7 @@ export class StudentLogic {
         }
     }
 
-    async  addStudent() {
+    async addStudent() {
         const columns = document.querySelectorAll('.tr-add td');
         const student: Student = {
             name: columns[0].querySelector('input').value,
@@ -114,7 +114,7 @@ export class StudentLogic {
         }
     }
 
-    async editStudent(studentId) {
+    async editStudent(studentId: number) {
 
         try {
             const students = await this.service.getStudent(studentId);

typescript_without_worker/src/business/student_logic.ts

@@ -1,11 +1,11 @@
-import * as JsStoreWorker from "jsstore/dist/jsstore.worker.commonjs2";
-window['JsStoreWorker'] = JsStoreWorker;
-import * as JsStore from 'jsstore';
-import { ITable, DATA_TYPE, IDataBase } from "jsstore";
+import { ITable, DATA_TYPE, IDataBase, Connection } from "jsstore";
+import workerInjector from "jsstore/dist/worker_injector";
 
 // This will ensure that we are using only one instance. 
 // Otherwise due to multiple instance multiple worker will be created.
-export const idbCon = new JsStore.Connection();
+export const idbCon = new Connection();
+idbCon.addPlugin(workerInjector);
+
 export const dbname = 'Demo';
 
 const getDatabase = () => {

typescript_without_worker/src/storage_service/idb_helper.ts

@@ -2,7 +2,7 @@ import { BaseService } from './base_service';
 import { Student } from '../model/student';
 
 export class StudentService extends BaseService {
-    
+
     getStudents() {
         return this.connection.select<Student>({
             from: 'Students'
@@ -34,7 +34,7 @@ export class StudentService extends BaseService {
         });
     }
 
-    updateStudent(studentId: number, value) {
+    updateStudent(studentId: number, value: any) {
         return this.connection.update({
             in: 'Students',
             set: value,

typescript_without_worker/src/storage_service/student_service.ts

@@ -13,6 +13,7 @@
     "moduleResolution": "node",
     "outDir": "dist/out-tsc",
     "sourceMap": true,
-    "target": "es5"
+    "target": "es5",
+    "noImplicitAny": true
   }
-}
+}