tests are half done

Author: danielcherubini

.babelrc

@@ -4,13 +4,14 @@
     // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
     "version": "0.2.0",
     "configurations": [
+
         {
             "type": "node",
             "request": "attach",
             "name": "Attach",
             "restart": true,
             "protocol": "inspector",
-            "port": 9230
+            "port": 9229
         }
     ]
 }

.vscode/launch.json

@@ -1,6 +1,6 @@
 // @ts-check
 
-const RendererVueify = require("./renderer/renderer");
+const RendererVueify = require("./renderer/renderer-vueify");
 const RendererWebpack = require("./renderer/renderer-webpack");
 
 module.exports.ProntoVueify = RendererVueify;

lib/index.js

@@ -43,6 +43,7 @@ const jsToString = require("js-to-string");
  * @prop {String} vueVersion
  * @prop {(VueOptionsType|Object)} head
  * @prop {Object} data
+ * @prop {Object} babel
  */
 
 class Renderer {
@@ -54,6 +55,7 @@ class Renderer {
      * @property {String} rootPath
      * @property {String} nodeModulesPath
      * @property {String} vueVersion
+     * @property {Object} babel
      */
     constructor(options = {}) {
 
@@ -62,7 +64,7 @@ class Renderer {
             maxAge: 1000 * 60 * 60,
         };
         this.renderer = vueServerRenderer.createRenderer();
-        this.lruCache = LRU(this.cacheOptions);
+        this.lruCache = new LRU(this.cacheOptions);
         this.internalCache = new Utils.Cache();
         this.head = options.head || {};
         this.data = options.data || {};
@@ -77,7 +79,10 @@ class Renderer {
             }
         }
         this.rootPath = Utils.FindRootPath(options.rootPath);
-
+        this.babel = options.babel;
+        if (options.babel) {
+            vueify.compiler.applyConfig({ babel: options.babel});
+        }
         if (!process.env.VUE_DEV) {
             // find all the vue files and try to precompile them and store them in cache
             find.file(/\.vue$/, this.rootPath,
@@ -346,7 +351,10 @@ class Renderer {
                 };
 
                 const stylesArray = vueCompiler.parseComponent(content, { pad: true }).styles;
-                // @ts-ignore
+
+                if (vm.babel) {
+                    vueify.compiler.applyConfig({ babel: vm.babel});
+                }
                 const compiler = vueify.compiler;
                 compiler.compile(content, filePath,
                     /**

lib/renderer/renderer.js lib/renderer/renderer-vueify.js

@@ -153,7 +153,7 @@ class Renderer {
             ],
         };
 
-        if (!process.env.VUE_DEV) {
+        if (process.env.VUE_DEV) {
             // find all the vue files and try to precompile them and store them in cache
         find.file(
                 /\.vue$/,
@@ -171,7 +171,7 @@ class Renderer {
                             })
                             .catch(error => {
                                 console.error(
-                                    `Error Precaching \nfilePath -> ${filePath}\n-------\n${error}`,
+                                    `Error Precaching \nfilePath -> ${filePath}\n-------\n${error}\n\n`,
                                 );
                             });
                     }
@@ -272,9 +272,10 @@ class Renderer {
                     clientBundlePath: clientBundleFile,
                 });
             } catch (error) {
-
+                //file was not found so make it
                 const compiler = webpack(config.config);
                 compiler.outputFileSystem = this.mfs;
+                const vm = this;
                 compiler.run((err, stats) => {
                     if (err) {
                         reject(err);
@@ -286,8 +287,8 @@ class Renderer {
                         }
                     });
                     try {
-                        const serverBundle = this.mfs.readFileSync(serverBundleFile, "utf-8");
-                        const clientBundle = this.mfs.readFileSync(serverBundleFile, "utf-8");
+                        const serverBundle = vm.mfs.readFileSync(serverBundleFile, "utf-8");
+                        const clientBundle = vm.mfs.readFileSync(clientBundleFile, "utf-8");
                         if (!serverBundle || !clientBundle) {
                             reject(new Error("Couldn't load bundle"));
                         }

lib/renderer/renderer-webpack.js

@@ -11,7 +11,6 @@ function BuildLayout(layoutObject) {
         end: "",
     };
 
-
     if (layoutObject) {
         const layout = new Layout(layoutObject.template);
         finishedLayout.start = `${layout.html.start}<head>${layoutObject.head}</head>${layout.body.start}${layout.template.start}`;