13117dc60Sstephan<!doctype html> 23117dc60Sstephan<html lang="en-us"> 33117dc60Sstephan <head> 43117dc60Sstephan <meta charset="utf-8"> 53117dc60Sstephan <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 63117dc60Sstephan <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"> 73117dc60Sstephan <title>sqlite3 WASM Demo Page Index</title> 83117dc60Sstephan </head> 93117dc60Sstephan <body> 103117dc60Sstephan <style> 113117dc60Sstephan body { 123117dc60Sstephan display: flex; 133117dc60Sstephan flex-direction: column; 143117dc60Sstephan flex-wrap: wrap; 153117dc60Sstephan } 163117dc60Sstephan textarea { 173117dc60Sstephan font-family: monospace; 183117dc60Sstephan } 193117dc60Sstephan header { 203117dc60Sstephan font-size: 130%; 213117dc60Sstephan font-weight: bold; 223117dc60Sstephan } 233117dc60Sstephan .hidden, .initially-hidden { 243117dc60Sstephan position: absolute !important; 253117dc60Sstephan opacity: 0 !important; 263117dc60Sstephan pointer-events: none !important; 273117dc60Sstephan display: none !important; 283117dc60Sstephan } 293117dc60Sstephan .warning { color: firebrick; } 303117dc60Sstephan </style> 313117dc60Sstephan <header id='titlebar'><span>sqlite3 WASM demo pages</span></header> 323117dc60Sstephan <hr> 333117dc60Sstephan <div>Below is the list of demo pages for the sqlite3 WASM 343117dc60Sstephan builds. The intent is that <em>this</em> page be run 353117dc60Sstephan using the functional equivalent of:</div> 363117dc60Sstephan <blockquote><pre><a href='https://sqlite.org/althttpd'>althttpd</a> -enable-sab -page index.html</pre></blockquote> 373117dc60Sstephan <div>and the individual pages be started in their own tab. 383117dc60Sstephan Warnings and Caveats: 393117dc60Sstephan <ul class='warning'> 403117dc60Sstephan <li>Some of these pages require that the web server emit the 413117dc60Sstephan so-called 423117dc60Sstephan <a href='https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy'>COOP</a> 433117dc60Sstephan and 443117dc60Sstephan <a href='https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Embedder-Policy'>COEP</a> 453117dc60Sstephan headers. <a href='https://sqlite.org/althttpd'>althttpd</a> requires the 463117dc60Sstephan <code>-enable-sab</code> flag for that. 473117dc60Sstephan </li> 483117dc60Sstephan </ul> 493117dc60Sstephan </div> 503117dc60Sstephan <div>The tests and demos... 513117dc60Sstephan <ul id='test-list'> 523117dc60Sstephan <li>Core-most tests 533117dc60Sstephan <ul> 543117dc60Sstephan <li><a href='tester1.html'>tester1</a>: Core unit and 553117dc60Sstephan regression tests for the various APIs and surrounding 563117dc60Sstephan utility code.</li> 573117dc60Sstephan <li><a href='tester1-worker.html'>tester1-worker</a>: same thing 583117dc60Sstephan but running in a Worker.</li> 593117dc60Sstephan </ul> 603117dc60Sstephan </li> 61*fd31ae3bSstephan <li>Higher-level apps and demos... 623117dc60Sstephan <ul> 633117dc60Sstephan <li><a href='demo-123.html'>demo-123</a> provides a 643117dc60Sstephan no-nonsense example of adding sqlite3 support to a web 653117dc60Sstephan page in the UI thread.</li> 663117dc60Sstephan <li><a href='demo-123-worker.html'>demo-123-worker</a> is 673117dc60Sstephan the same as <code>demo-123</code> but loads and runs 683117dc60Sstephan sqlite3 from a Worker thread.</li> 69*fd31ae3bSstephan <li><a href='demo-jsstorage.html'>demo-jsstorage</a>: very basic 70*fd31ae3bSstephan demo of using the key-value VFS for storing a persistent db 71*fd31ae3bSstephan in JS <code>localStorage</code> or <code>sessionStorage</code>.</li> 72*fd31ae3bSstephan <li><a href='demo-worker1.html'>demo-worker1</a>: 73*fd31ae3bSstephan Worker-based wrapper of the OO API #1. Its Promise-based 74*fd31ae3bSstephan wrapper is significantly easier to use, however.</li> 75*fd31ae3bSstephan <li><a href='demo-worker1-promiser.html'>demo-worker1-promiser</a>: 76*fd31ae3bSstephan a demo of the Promise-based wrapper of the Worker1 API.</li> 773117dc60Sstephan </ul> 783117dc60Sstephan </li> 793117dc60Sstephan </ul> 803117dc60Sstephan </div> 813117dc60Sstephan <style> 823117dc60Sstephan #test-list { font-size: 120%; } 833117dc60Sstephan </style> 843117dc60Sstephan <script>//Assign a distinct target tab name for each test page... 853117dc60Sstephan document.querySelectorAll('a').forEach(function(e){ 863117dc60Sstephan e.target = e.href; 873117dc60Sstephan }); 883117dc60Sstephan </script> 893117dc60Sstephan </body> 903117dc60Sstephan</html> 91