update demo with pull request sql-js#3 with sample sqlite databases

Author: zmwm37

package-lock.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "copy-webpack-plugin": "^5.1.1",
-    "react-app-rewired": "^2.1.5",
+    "react-app-rewired": "^2.1.8",
     "typescript": "3.3.3"
   },
   "scripts": {

package.json

@@ -14,22 +14,30 @@ export default class App extends React.Component {
     // sql.js needs to fetch its wasm file, so we cannot immediately instantiate the database
     // without any configuration, initSqlJs will fetch the wasm files directly from the same path as the js
     // see ../config-overrides.js
-    initSqlJs()
-      .then(SQL => this.setState({ db: new SQL.Database() }))
-      .catch(err => this.setState({ err }));
+    const me = this;
+    Promise.all([initSqlJs(), fetch('./z_test.db')]).then(async res => {
+      const SQLite = res[0], dbStorage = res[1];
+      const db = new SQLite.Database(new Uint8Array(await dbStorage.arrayBuffer()));
+
+      me.setState({db: db});
+    }).catch(err => {
+      me.setState({err});
+    });
   }
 
   exec(sql) {
     let results = null, err = null;
     try {
-      // The sql is executed synchronously on the UI thread. 
+      // The sql is executed synchronously on the UI thread.
       // You may want to use a web worker
       results = this.state.db.exec(sql); // an array of objects is returned
     } catch (e) {
       // exec throws an error when the SQL statement is invalid
       err = e
     }
     this.setState({ results, err })
+    console.log('results')
+    console.log(results)
   }
 
   /**
@@ -70,7 +78,8 @@ export default class App extends React.Component {
         <textarea
           onChange={e => this.exec(e.target.value)}
           placeholder="Enter some SQL. No inspiration ? Try “select sqlite_version()”"
-        ></textarea>
+          defaultValue="SELECT * FROM table1"
+        />
 
         <pre className="error">{(err || "").toString()}</pre>
 

public/test.db

@@ -0,0 +1,9 @@
+.open C:/path/to/test.db;
+
+create table table1(
+	var1 varchar(10),
+	var2 smallint);
+
+insert into table1 values ('A', 1);
+insert into table1 values ('B', 2);
+