wip compile templates

Author: posva

package.json

@@ -48,6 +48,7 @@
     "rollup": "latest",
     "rollup-plugin-buble": "^0.13.0",
     "rollup-plugin-replace": "latest",
-    "vue-hot-reload-api": "^1.2.2"
+    "vue-hot-reload-api": "^1.2.2",
+    "vue-template-compiler": "^2.0.0-rc.4"
   }
 }

src/vueTransform.js

@@ -1,5 +1,6 @@
 import deIndent from 'de-indent';
 import htmlMinifier from 'html-minifier';
+import { compile as compileTemplate } from 'vue-template-compiler';
 import parse5 from 'parse5';
 import validateTemplate from 'vue-template-validator';
 import { relative } from 'path';
@@ -38,6 +39,25 @@ function padContent(content) {
           .join('\n');
 }
 
+/**
+ * Only support for es5 modules
+ *
+ * @param script
+ * @param render
+ * @returns {string}
+ */
+function injectRender(script, render) {
+  const matches = /(export default[^{]*\{)/g.exec(script);
+  if (matches) {
+    function toFunction (code) {
+      return `function(){${code}})`;
+    }
+    return script.split(matches[1])
+      .join(`${matches[1]} render: ${toFunction(render.render)}, staticRenderFns: [${render.staticRenderFns.map(toFunction).join(',')}]`);
+  }
+  throw new Error('[rollup-plugin-vue] could not find place to inject template in script.');
+}
+
 /**
  * Only support for es5 modules
  *
@@ -78,15 +98,21 @@ function processTemplate(node, filePath, content) {
  * @param {string} content
  * @param {string} template
  */
-function processScript(node, filePath, content, template) {
+function processScript(node, filePath, content, {template, render}) {
     const lang = checkLang(node) || 'js';
     let script = parse5.serialize(node);
     // pad the script to ensure correct line number for syntax errors
     const location = content.indexOf(script);
     const before = padContent(content.slice(0, location));
     script = before + script;
-    script = injectTemplate(script, template, lang);
+    if (template) {
+        script = injectTemplate(script, template, lang);
+    } else if (render) {
+        script = injectRender(script, render, lang);
+    }
     script = deIndent(script);
+
+    console.log(script)
     return script;
 }
 
@@ -108,10 +134,11 @@ export default function vueTransform(code, filePath) {
 
     // 4. Process template
     const template = processTemplate(nodes.template, filePath, code);
+    const render = compileTemplate(template);
 
     // 5. Process script & style
     return {
-        js: processScript(nodes.script, filePath, code, template),
+        js: processScript(nodes.script, filePath, code, { render }),
         css: nodes.style && {
             content: parse5.serialize(nodes.style),
             lang: checkLang(nodes.style),