[WIP] Fable support update

Author: ncave

src/netcore/Fable.Client.Browser/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["babili"]
+}

src/netcore/Fable.Client.Browser/app.fs

@@ -15,8 +15,7 @@ let readFileSync: System.Func<string, byte[]> = failwith "JS only"
 let main argv =
     try
         let source = """
-type BB() = member x.MMM() = 2 * 3
-printfn "answer: %A" (42 * BB().MMM())
+printfn "answer: %A" 42
 """
         let metadataPath = "/temp/metadata/"
         let references = ["mscorlib";"System";"System.Core";"System.Data";"System.IO";"System.Xml";"System.Numerics"]

src/netcore/Fable.Client.Browser/demo/fableconfig.json

@@ -2,6 +2,7 @@
     "projFile": "project.fsx",
     "ecma": "es2015",
     "sourceMaps": true,
+    "babelrc": false,
     "rollup": {
         "dest": "./out/bundle.js"
     },
@@ -14,5 +15,9 @@
       "NO_INLINE_IL_PARSER",
       "TRACE",
       "DEBUG"
-    ]
+    ],
+    "scripts": {
+        "prebuild": "npm install",
+        "postbuild": "node server"
+    }
 }

src/netcore/Fable.Client.Browser/demo/index.html

@@ -24,7 +24,10 @@
       <label for="option-babili"> <input id="option-babili" type="checkbox"> Minify (Babili) </label></div>
     </div>
     <div class="pull-left">
-      <div class="form-group"><button id="fabel-compile">Compile</button></div>
+      <div class="form-group" style="color:black">
+        <button id="fabel-compile">Compile</button>
+        <button id="fabel-clear">Clear</button>
+      </div>
     </div>
     <div class="pull-right">
       <div class="form-group"> <strong>Fable JS v0.0.1, Babel v<span id="babel-repl-version"></span></strong></div>

src/netcore/Fable.Client.Browser/demo/repl.js

@@ -227,7 +227,7 @@
     script.src = 'https://unpkg.com/babili-standalone@0/babili.min.js';
     script.onload = function() {
       enableCommonJSError = true;
-      onSourceChange();
+      //onSourceChange();
     };
     document.head.appendChild(script);
     isBabiliLoading = true;
@@ -253,7 +253,7 @@
     // Merge in defaults
     var defaults = {
       babili: false,
-      evaluate: true,
+      evaluate: false,
       lineWrap: false,
       presets: 'es2015,stage-2,react'
     };
@@ -351,7 +351,8 @@
       };
       transformed = babel.transformFromAst(ast, null, options);
     } catch (err) {
-      this.printError(err.message);
+      //this.printError(err.message);
+      this.setOutput(err.message);
       throw err;
     }
 
@@ -428,7 +429,7 @@
     var presetList = repl.options.presets.replace(/,/g, ', ');
     document.getElementById('babel-repl-selected-presets').innerHTML = presetList;
 
-    onSourceChange();
+    //onSourceChange();
   }
 
   function onSourceChange () {
@@ -446,8 +447,12 @@
     if (error) throw error;
   }
 
+  function onOutputClear() {
+    repl.setOutput("");
+  }
+  
   //repl.input.on('change', _.debounce(onSourceChange, 500));
-  repl.$toolBar.on('change', onSourceChange);
+  //repl.$toolBar.on('change', onSourceChange);
 
   /*
    * Make REPL editors resizable by width
@@ -530,11 +535,12 @@
       getFileBlob(fileName, '/out/metadata/' + fileName);
     });
   }
-
+  
   loadMetadata();
 
   $('#fabel-compile').on('click', onSourceChange);
+  $('#fabel-clear').on('click', onOutputClear);
 
-  initResizable('.babel-repl-resize');
+  //initResizable('.babel-repl-resize');
   //onPresetChange();
 }(Babel, $, _, ace, window));

src/netcore/Fable.Client.Browser/package.json

@@ -4,6 +4,7 @@
     "fable": "^0.7.32"
   },
   "dependencies": {
-    "fable-core": "0.7.23"
+    "babel-preset-babili": "0.0.10",
+    "fable-core": "^0.7.23"
   }
 }