stdin

src/clang.html

@@ -84,6 +84,13 @@
             flex-direction: column;
             padding: 10px;
         }
+
+        #pane-input>div {
+            overflow: auto;
+            display: flex;
+            flex-direction: column;
+            padding: 10px;
+        }
 
         #runtime-iframe-container {
             z-index: 41;
@@ -110,6 +117,12 @@
             </div>
             <pre id="clang-io" class="io"></pre>
         </div>
+        <div id="pane-input" class="flex-col">
+            <div>Program Input:</div>
+            <div>
+                <textarea id="inputText" wrap="off"></textarea>
+            </div>
+        </div>
         <div id="pane-gist-links" class="flex-col">
             <div>
                 <h3>Emscripten API</h3>
@@ -212,6 +225,12 @@ <h3>HTML Integration</h3>
                             isClosable: false,
                             componentName: 'component',
                             componentState: { id: 'pane-html-source', className: 'source' }
+                        }, {
+                            type: 'component',
+                            title: 'input',
+                            isClosable: false,
+                            componentName: 'component',
+                            componentState: { id: 'pane-input' }
                         }]
                     }, {
                         type: 'component',
@@ -416,6 +435,7 @@ <h3>HTML Integration</h3>
             runtime.process.postMessage({
                 function: 'run',
                 wasmBinary: clangOutput,
+                userInput: document.getElementById("inputText").value,
             });
         };
 
@@ -470,6 +490,7 @@ <h3>HTML Integration</h3>
                 runtime.process.worker.postMessage({
                     function: 'run',
                     wasmBinary: clangOutput,
+                    userInput: document.getElementById("inputText").value,
                 });
             }
         }
@@ -571,4 +592,4 @@ <h3>HTML Integration</h3>
     </script>
 </body>
 
-</html>
+</html>

src/process-runtime.js

@@ -24,6 +24,9 @@ var inWorker = this.importScripts != undefined;
 var wasmImports = {};
 var wasmExports = {};
 
+var inputText = "";
+var i = 0;
+
 if (inWorker) {
     importScripts('process.js');
     importScripts('wasm-tools.js');
@@ -67,6 +70,14 @@ commands.start = async function ({ moduleName, wasmBinary }) {
     try {
         if (inWorker)
             importScripts(moduleName + '.js');
+        emModule.stdin = function () {
+                // Return ASCII code of character, or null if no input remains
+                    if (i < inputText.length) {
+                        let c = inputText.charCodeAt(i++);
+                        return c;
+                    } else 
+                        return null;
+        };
         let binary = new Uint8Array(wasmBinary);
         let { standardSections, relocs, linking } = getSegments(binary);
         let { dataSize, initFunctions } = getLinkingInfo(binary, linking)
@@ -105,8 +116,9 @@ commands.start = async function ({ moduleName, wasmBinary }) {
     }
 };
 
-commands.run = async function ({ wasmBinary }) {
+commands.run = async function ({ wasmBinary, userInput }) {
     try {
+        inputText = userInput;
         let binary = new Uint8Array(wasmBinary);
         let rtlExports = emModule.wasmInstance.exports;
         let memory = emModule.wasmMemory;

src/process.js

@@ -116,7 +116,7 @@ let emModule = {
 
     async compileWasm() {
         let hash, cacheResult;
-        if (crypto.subtle) {
+        if (typeof crypto !== "undefined" && crypto.subtle) {
             hash = await crypto.subtle.digest('SHA-512', this.wasmBinary);
             cacheResult = await checkCache(this.moduleName, hash);
         } else {