1<!doctype html>
2<html lang="en-us">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6    <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
7    <link rel="stylesheet" href="common/emscripten.css"/>
8    <link rel="stylesheet" href="common/testing.css"/>
9    <title>speedtest1-wasmfs.wasm</title>
10  </head>
11  <body>
12    <header id='titlebar'><span>speedtest1-wasmfs.wasm</span></header>
13    <div>See also: <a href='speedtest1-worker.html'>A Worker-thread variant of this page.</a></div>
14    <!-- emscripten bits -->
15    <figure id="module-spinner">
16      <div class="spinner"></div>
17      <div class='center'><strong>Initializing app...</strong></div>
18      <div class='center'>
19        On a slow internet connection this may take a moment.  If this
20        message displays for "a long time", intialization may have
21        failed and the JavaScript console may contain clues as to why.
22      </div>
23    </figure>
24    <div class="emscripten" id="module-status">Downloading...</div>
25    <div class="emscripten">
26      <progress value="0" max="100" id="module-progress" hidden='1'></progress>
27    </div><!-- /emscripten bits -->
28    <div class='warning'>This page starts running the main exe when it loads, which will
29      block the UI until it finishes! Adding UI controls to manually configure and start it
30      are TODO.</div>
31    </div>
32    <div class='warning'>Achtung: running it with the dev tools open may
33      <em>drastically</em> slow it down. For faster results, keep the dev
34      tools closed when running it!
35    </div>
36    <div>Output is delayed/buffered because we cannot update the UI while the
37      speedtest is running. Output will appear below when ready...
38    <div id='test-output'></div>
39    <script src="common/SqliteTestUtil.js"></script>
40    <script src="speedtest1-wasmfs.js"></script>
41    <script>(function(){
42    /**
43       If this environment contains OPFS, this function initializes it and
44       returns the name of the dir on which OPFS is mounted, else it returns
45       an empty string.
46    */
47    const wasmfsDir = function f(wasmUtil,dirName="/opfs"){
48        if(undefined !== f._) return f._;
49        if( !self.FileSystemHandle
50            || !self.FileSystemDirectoryHandle
51            || !self.FileSystemFileHandle){
52            return f._ = "";
53        }
54        try{
55            if(0===wasmUtil.xCallWrapped(
56                'sqlite3_wasm_init_wasmfs', 'i32', ['string'], dirName
57            )){
58                return f._ = dirName;
59            }else{
60                return f._ = "";
61            }
62        }catch(e){
63            // sqlite3_wasm_init_wasmfs() is not available
64            return f._ = "";
65        }
66    };
67    wasmfsDir._ = undefined;
68
69    const eOut = document.querySelector('#test-output');
70    const log2 = function(cssClass,...args){
71        const ln = document.createElement('div');
72        if(cssClass) ln.classList.add(cssClass);
73        ln.append(document.createTextNode(args.join(' ')));
74        eOut.append(ln);
75        //this.e.output.lastElementChild.scrollIntoViewIfNeeded();
76    };
77    const logList = [];
78    const dumpLogList = function(){
79        logList.forEach((v)=>log2('',v));
80        logList.length = 0;
81    };
82    /* can't update DOM while speedtest is running unless we run
83       speedtest in a worker thread. */;
84    const log = (...args)=>{
85        console.log(...args);
86        logList.push(args.join(' '));
87    };
88    const logErr = function(...args){
89        console.error(...args);
90        logList.push('ERROR: '+args.join(' '));
91    };
92
93    const runTests = function(sqlite3){
94        console.log("Module inited.");
95        const wasm = sqlite3.capi.wasm;
96        const unlink = wasm.xWrap("sqlite3_wasm_vfs_unlink", "int", ["string"]);
97        const pDir = wasmfsDir(wasm);
98        if(pDir) log2('',"Persistent storage:",pDir);
99        else{
100            log2('error',"Expecting persistent storage in this build.");
101            return;
102        }
103        const scope = wasm.scopedAllocPush();
104        const dbFile = pDir+"/speedtest1.db";
105        const urlParams = new URL(self.location.href).searchParams;
106        const argv = ["speedtest1"];
107        if(urlParams.has('flags')){
108            argv.push(...(urlParams.get('flags').split(',')));
109            let i = argv.indexOf('--vfs');
110            if(i>=0) argv.splice(i,2);
111        }else{
112            argv.push(
113                "--singlethread",
114                "--nomutex",
115                "--nosync",
116                "--nomemstat"
117            );
118            //"--memdb", // note that memdb trumps the filename arg
119        }
120
121        if(argv.indexOf('--memdb')>=0){
122            log2('error',"WARNING: --memdb flag trumps db filename.");
123        }
124        argv.push("--big-transactions"/*important for tests 410 and 510!*/,
125                  dbFile);
126        console.log("argv =",argv);
127        // These log messages are not emitted to the UI until after main() returns. Fixing that
128        // requires moving the main() call and related cleanup into a timeout handler.
129        if(pDir) unlink(dbFile);
130        log2('',"Starting native app:\n ",argv.join(' '));
131        log2('',"This will take a while and the browser might warn about the runaway JS.",
132             "Give it time...");
133        logList.length = 0;
134        setTimeout(function(){
135            wasm.xCall('wasm_main', argv.length,
136                       wasm.scopedAllocMainArgv(argv));
137            wasm.scopedAllocPop(scope);
138            if(pDir) unlink(dbFile);
139            logList.unshift("Done running native main(). Output:");
140            dumpLogList();
141        }, 25);
142    }/*runTests()*/;
143
144    self.sqlite3TestModule.print = log;
145    self.sqlite3TestModule.printErr = logErr;
146    sqlite3InitModule(self.sqlite3TestModule).then(runTests);
147})();</script>
148  </body>
149</html>
150