Enable features in libwabt.js by default (#2109)

This applies the same defaults for features in the JavaScript-compiled
version as the native tools. Without this change, enabling only the
"reference_types" feature did not work, as it got turned off due to
the dependency on "bulk_memory", which is counter-intuitive (see
Features::UpdateDependencies()).

Additionally, exposes all the features and their default setting in
JavaScript.

2 files changed, 16 insertions, 23 deletions

diff --git a/docs/demo/wasm2wat/demo.js b/docs/demo/wasm2wat/demo.js
index d7e19d75..fd784769 100644
--- a/docs/demo/wasm2wat/demo.js
+++ b/docs/demo/wasm2wat/demo.js
@@ -19,30 +19,15 @@ var features = getLocalStorageFeatures();
 
 function getLocalStorageFeatures() {
   try {
-    return JSON.parse(localStorage && localStorage.getItem("features")) || defaultFeatures;
+    return JSON.parse(localStorage && localStorage.getItem("features")) || {};
   } catch (e) {
     console.log(e);
-    return { mutable_globals: true };
+    return {};
   }
 }
 
 WabtModule().then(function(wabt) {
 
-// TODO: Share feature selection and other code with wat2wasm/demo.js
-var FEATURES = [
-  'exceptions',
-  'mutable_globals',
-  'sat_float_to_int',
-  'sign_extension',
-  'simd',
-  'threads',
-  'multi_value',
-  'tail_call',
-  'bulk_memory',
-  'reference_types',
-];
-
-var defaultFeatures = { mutable_globals: true };
 var editorEl = document.querySelector('.editor');
 var uploadEl = document.getElementById('upload');
 var selectEl = document.getElementById('select');
@@ -65,9 +50,9 @@ editorContainer.ondrop = function(e) {
   readAndCompileFile(file);
 }
 var fileBuffer = null;
-for (var feature of FEATURES) {
-  var featureEl = document.getElementById(feature);
-  featureEl.checked = !!features[feature];
+for (const [f, v] of Object.entries(wabt.FEATURES)) {
+  var featureEl = document.getElementById(f);
+  featureEl.checked = !!(features[f] !== undefined ? features[f] : v);
   featureEl.addEventListener('change', event => {
     var feature = event.target.id;
     features[feature] = event.target.checked;
diff --git a/docs/demo/wasm2wat/index.html b/docs/demo/wasm2wat/index.html
index 88d56648..766fb995 100644
--- a/docs/demo/wasm2wat/index.html
+++ b/docs/demo/wasm2wat/index.html
@@ -42,17 +42,25 @@
     <div>Enabled features:</div>
     <div>
       <input type="checkbox" id="exceptions"><label for="exceptions">exceptions</label>
-      <input type="checkbox" id="mutable_globals" checked><label for="mutable_globals">mutable globals</label>
+      <input type="checkbox" id="mutable_globals"><label for="mutable_globals">mutable globals</label>
       <input type="checkbox" id="sat_float_to_int"><label for="sat_float_to_int">saturating float to int</label>
       <input type="checkbox" id="sign_extension"><label for="sign_extension">sign extension</label>
-    </div>
-    <div>
       <input type="checkbox" id="simd"><label for="simd">simd</label>
       <input type="checkbox" id="threads"><label for="threads">threads</label>
+      <input type="checkbox" id="function_references"><label for="function_references">function references</label>
       <input type="checkbox" id="multi_value"><label for="multi_value">multi value</label>
       <input type="checkbox" id="tail_call"><label for="tail_call">tail call</label>
+    </div>
+    <div>
       <input type="checkbox" id="bulk_memory"><label for="bulk_memory">bulk memory</label>
       <input type="checkbox" id="reference_types"><label for="reference_types">reference types</label>
+      <input type="checkbox" id="annotations"><label for="annotations">annotations</label>
+      <input type="checkbox" id="code_metadata"><label for="code_metadata">code metadata</label>
+      <input type="checkbox" id="gc"><label for="gc">gc</label>
+      <input type="checkbox" id="memory64"><label for="memory64">memory64</label>
+      <input type="checkbox" id="multi_memory"><label for="gc">multi memory</label>
+      <input type="checkbox" id="extended_const"><label for="extended_const">extended const</label>
+      <input type="checkbox" id="relaxed_simd"><label for="relaxed_simd">relaxed simd</label>
     </div>
   </header>
   <main>