Use babel instead of acorn + refactoring

Fixes #6

Author: nolimits4web

.eslintignore

@@ -0,0 +1 @@
+node_modules

.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  env: {
+    commonjs: true,
+    es6: true,
+    node: true,
+  },
+  extends: ['airbnb-base', 'plugin:prettier/recommended'],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly',
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+  },
+  rules: {
+    'prefer-destructuring': 'off',
+    'prefer-template': 'off',
+    'no-cond-assign': 'off',
+    'no-console': 'off',
+  },
+};

.prettierrc

@@ -0,0 +1,18 @@
+{
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "htmlWhitespaceSensitivity": "css",
+  "insertPragma": false,
+  "jsxBracketSameLine": false,
+  "jsxSingleQuote": false,
+  "printWidth": 80,
+  "proseWrap": "preserve",
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false,
+  "vueIndentScriptAndStyle": false
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "editor.formatOnSave": true,
+  "eslint.enable": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}

lib/get-partials.js

@@ -0,0 +1,87 @@
+const fs = require('fs');
+const path = require('path');
+
+module.exports = ({ source, template, options }) => {
+  let match;
+  const partials = [];
+  let partialName = '';
+  let partialContent = '';
+  if (template !== null && options && options.partialsPath) {
+    try {
+      const partialPath = (options.partialsPath.trim() + '/').replace(
+        '//',
+        '/',
+      );
+      const partialExt = options.partialsExt || '.f7p.html';
+
+      const externalPartialRegex = /{{>\s*["']([^"']+)["']\s*}}/gm;
+
+      while ((match = externalPartialRegex.exec(template)) !== null) {
+        // Avoid infinite loops with zero-width matches.
+        if (match.index === externalPartialRegex.lastIndex) {
+          externalPartialRegex.lastIndex += 1;
+        }
+
+        partialName = match[1];
+
+        try {
+          const partialFilePath = path.resolve(
+            partialPath + partialName + partialExt,
+          );
+
+          if (fs.existsSync(partialFilePath)) {
+            const file = fs.readFileSync(partialFilePath, 'utf8');
+
+            this.addDependency(partialFilePath);
+
+            if (file.match(/<template[^>]*>/)) {
+              partialContent = file
+                .split(/<template[^>]*>/)
+                .filter((item, index) => index > 0)
+                .join('<template>')
+                .split('</template>')
+                .filter((item, index, arr) => index < arr.length - 1)
+                .join('</template>')
+                .replace(/{{#raw}}([ \n]*)<template/g, '{{#raw}}<template')
+                .replace(/\/template>([ \n]*){{\/raw}}/g, '/template>{{/raw}}')
+                .replace(/([ \n])<template/g, '$1{{#raw}}<template')
+                .replace(/\/template>([ \n])/g, '/template>{{/raw}}$1')
+                .replace(/(\r\n|\n|\r)/gm, '')
+                .replace(/'/g, "\\'")
+                .trim();
+              partials.push(
+                `Template7.registerPartial('${partialName}', '${partialContent}');`,
+              );
+            }
+          }
+        } catch (err) {
+          console.log(err);
+        }
+      }
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+  // Parse inline partials.
+  const inlinePartialRegex = /<\s*template-partial[^>]*id="([^>]*)"[^>]*>([\s\S]*?)<\s*\/\s*template-partial>/gm;
+  while ((match = inlinePartialRegex.exec(source)) !== null) {
+    // Avoid infinite loops with zero-width matches.
+    if (match.index === inlinePartialRegex.lastIndex) {
+      inlinePartialRegex.lastIndex += 1;
+    }
+    partialName = match[1];
+    partialContent = match[2]
+      // Remove newlines.
+      .replace(/(\r\n|\n|\r)/gm, '')
+      // Escape single quotes.
+      .replace(/'/g, "\\'")
+      // Trim whitespace
+      .trim();
+    partials.push(
+      `Template7.registerPartial('${partialName}', '${partialContent}');`,
+    );
+  }
+
+  return { partials };
+};

lib/get-script.js

@@ -0,0 +1,36 @@
+const transformScript = require('./transform-script');
+
+module.exports = ({
+  id,
+  source,
+  template,
+  templateType,
+  style,
+  styleScoped,
+  partials,
+}) => {
+  // Parse Script
+  let script;
+  if (source.indexOf('<script>') >= 0) {
+    const scripts = source.split('<script>');
+    script = scripts[scripts.length - 1].split('</script>')[0].trim();
+  } else {
+    script = 'export default {}';
+  }
+  if (!script || !script.trim()) script = 'export default {}';
+
+  if (!template) {
+    return script;
+  }
+
+  const code = transformScript({
+    id,
+    script,
+    template,
+    templateType,
+    style,
+    styleScoped,
+    partials,
+  });
+  return code;
+};

lib/get-style.js

@@ -0,0 +1,29 @@
+module.exports = ({ id, source }) => {
+  let style = null;
+  let styleScoped = false;
+
+  if (source.indexOf('<style>') >= 0) {
+    style = source.split('<style>')[1].split('</style>')[0];
+  } else if (source.indexOf('<style scoped>') >= 0) {
+    styleScoped = true;
+    style = source.split('<style scoped>')[1].split('</style>')[0];
+    style = style
+      .split('\n')
+      .map((line) => {
+        const trimmedLine = line.trim();
+        if (trimmedLine.indexOf('@') === 0) return line;
+        if (line.indexOf('{') >= 0) {
+          if (line.indexOf('{{this}}') >= 0) {
+            return line.replace('{{this}}', `[data-f7-${id}]`);
+          }
+          return `[data-f7-${id}] ${line.trim()}`;
+        }
+        return line;
+      })
+      .join('\n');
+  }
+  return {
+    style,
+    styleScoped,
+  };
+};

lib/get-template.js

@@ -0,0 +1,22 @@
+module.exports = ({ source }) => {
+  let template = null;
+  const hasTemplate = source.match(/<template([ ]?)([a-z0-9-]*)>/);
+  const templateType = hasTemplate[2] || 't7';
+  if (hasTemplate) {
+    template = source
+      .split(/<template[ ]?[a-z0-9-]*>/)
+      .filter((item, index) => index > 0)
+      .join('<template>')
+      .split('</template>')
+      .filter((item, index, arr) => index < arr.length - 1)
+      .join('</template>')
+      .replace(/{{#raw}}([ \n]*)<template/g, '{{#raw}}<template')
+      .replace(/\/template>([ \n]*){{\/raw}}/g, '/template>{{/raw}}')
+      .replace(/([ \n])<template/g, '$1{{#raw}}<template')
+      .replace(/\/template>([ \n])/g, '/template>{{/raw}}$1');
+  }
+  return {
+    template,
+    templateType,
+  };
+};