Make encryption example a separate button

Author: simolus3

sqlite3/example/web/index.html

@@ -22,6 +22,7 @@ <h1>sqlite3 web demo</h1>
   <li>With an Origin-Private FileSystem (OPFS)-based storage implementation. Note that this requires two workers and a special header
       that is not available with <code>build_runner serve</code>, but it will work when launching this website with <code>dart run tool/example_server.dart</code> <button id="start-opfs">Start demo!</button>
   </li>
+  <li>With an in-memory test (using <a href="https://utelle.github.io/SQLite3MultipleCiphers/">SQLite3 Multiple Ciphers</a> for encryption): <button id="start-encryption">Start encryption!</button></li>
 </ul>
 
 After launching the example, you can check the console and the code in <code>main.dart</code> (or <code>worker.dart</code> for the OPFS example)

sqlite3/example/web/main.dart

@@ -5,22 +5,21 @@ import 'package:sqlite3/wasm.dart';
 Future<void> main() async {
   final startIndexedDb = document.getElementById('start-idb')!;
   final startOpfs = document.getElementById('start-opfs')!;
+  final startEncryption = document.getElementById('start-encryption')!;
 
   startIndexedDb.onClick.listen((_) async {
     startIndexedDb.remove();
-
     final sqlite3 =
         await WasmSqlite3.loadFromUrl(Uri.parse('sqlite3.debug.wasm'));
 
     print(sqlite3.version);
 
     sqlite3.registerVirtualFileSystem(
-      InMemoryFileSystem(),
+      await IndexedDbFileSystem.open(dbName: 'sqlite3-example'),
       makeDefault: true,
     );
 
-    sqlite3.open('/database', vfs: 'multipleciphers-dart-memory')
-      ..execute("pragma key = 'test';")
+    sqlite3.open('/database')
       ..execute('pragma user_version = 1')
       ..execute('CREATE TABLE foo (bar INTEGER NOT NULL);')
       ..execute('INSERT INTO foo (bar) VALUES (?)', [3])
@@ -36,4 +35,27 @@ Future<void> main() async {
     final worker = Worker('worker.dart.js');
     worker.postMessage('start');
   });
+
+  startEncryption.onClick.listen((_) async {
+    startEncryption.remove();
+    final sqlite3 = await WasmSqlite3.loadFromUrl(Uri.parse('sqlite3mc.wasm'));
+
+    sqlite3.registerVirtualFileSystem(InMemoryFileSystem(), makeDefault: true);
+
+    sqlite3.open('/database')
+      ..execute("pragma key = 'test';")
+      ..execute('pragma user_version = 1')
+      ..execute('CREATE TABLE foo (bar INTEGER NOT NULL);')
+      ..execute('INSERT INTO foo (bar) VALUES (?)', [3])
+      ..dispose();
+
+    final db = sqlite3.open('/database');
+    try {
+      db.select('SELECT * FROM foo');
+    } on SqliteException {
+      print('database call failed (expected due to missing key)');
+    }
+    db.execute("pragma key = 'test';");
+    print(db.select('SELECT * FROM foo'));
+  });
 }