babel 7 (#231)

website/package.json

@@ -52,8 +52,10 @@
     "babel-runtime": "^6.23.0",
     "babel5": "file:packages/babel5",
     "babel6": "file:packages/babel6",
+    "babel7": "file:packages/babel7",
     "babylon5": "file:packages/babylon5",
     "babylon6": "file:packages/babylon6",
+    "babylon7": "file:packages/babylon7",
     "classnames": "^2.1.3",
     "codemirror": "^5.22.0",
     "codemirror-graphql": "^0.6.2",

website/packages/babel7/babel7-package.js

@@ -0,0 +1 @@
+module.exports = require('babel-core/package.json');

website/packages/babel7/index.js

@@ -0,0 +1 @@
+module.exports = require('babel-core');

website/packages/babel7/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "babel7",
+  "version": "1.0.0",
+  "description": "Wrapper for Babel v7",
+  "main": "index.js",
+  "dependencies": {
+    "babel-core": "^7.0.0-alpha.10"
+  }
+}

website/packages/babylon7/babylon-package.js

@@ -0,0 +1 @@
+module.exports = require('babylon/package.json');

website/packages/babylon7/index.js

@@ -0,0 +1 @@
+module.exports = require('babylon');

website/packages/babylon7/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "babylon7",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "dependencies": {
+    "babylon": "^7.0.0-beta.10"
+  }
+}

website/src/parsers/js/babylon7.js

@@ -0,0 +1,101 @@
+import React from 'react';
+import defaultParserInterface from './utils/defaultESTreeParserInterface';
+import pkg from 'babylon7/babylon-package';
+import SettingsRenderer from '../utils/SettingsRenderer';
+
+const availablePlugins = [
+  'asyncGenerators',
+  'classProperties',
+  'classPrivateProperties',
+  'decorators',
+  'doExpressions',
+  'estree',
+  'exportExtensions',
+  'flow',
+  'functionSent',
+  'functionBind',
+  'jsx',
+  'objectRestSpread',
+  'dynamicImport',
+];
+
+const ID = 'babylon7';
+export const defaultOptions = {
+  sourceType: 'module',
+  allowImportExportEverywhere: false,
+  allowReturnOutsideFunction: false,
+  plugins: [
+    'asyncGenerators',
+    'classProperties',
+    'decorators',
+    'doExpressions',
+    'exportExtensions',
+    'flow',
+    'functionSent',
+    'functionBind',
+    'jsx',
+    'objectRestSpread',
+    'dynamicImport',
+  ],
+};
+
+export const parserSettingsConfiguration = {
+  fields: [
+    ['sourceType', ['module', 'script']],
+    'allowReturnOutsideFunction',
+    'allowImportExportEverywhere',
+    {
+      key: 'plugins',
+      title: 'Plugins',
+      fields: availablePlugins,
+      settings: settings => settings.plugins || defaultOptions.plugins,
+      values: plugins => availablePlugins.reduce(
+        (obj, name) => ((obj[name] = plugins.indexOf(name) > -1), obj),
+        {}
+      ),
+    },
+  ],
+};
+
+export default {
+  ...defaultParserInterface,
+
+  id: ID,
+  displayName: ID,
+  version: pkg.version,
+  homepage: pkg.homepage,
+  locationProps: new Set(['loc', 'start', 'end']),
+
+  loadParser(callback) {
+    require(['babylon7'], callback);
+  },
+
+  parse(babylon, code, options) {
+    return babylon.parse(code, {...defaultOptions, ...options});
+  },
+
+  getNodeName(node) {
+    switch (typeof node.type) {
+      case 'string':
+        return node.type;
+      case 'object':
+        return `Token (${node.type.label})`;
+    }
+  },
+
+  nodeToRange(node) {
+    if (typeof node.start !== 'undefined') {
+      return [node.start, node.end];
+    }
+  },
+
+  renderSettings(parserSettings, onChange) {
+    return (
+      <SettingsRenderer
+        settingsConfiguration={parserSettingsConfiguration}
+        parserSettings={{...defaultOptions, ...parserSettings}}
+        onChange={onChange}
+      />
+    );
+  },
+};

website/src/parsers/js/transformers/babel7/codeExample.txt

@@ -0,0 +1,12 @@
+export default function (babel) {
+  const { types: t } = babel;
+
+  return {
+    name: "ast-transform", // not required
+    visitor: {
+      Identifier(path) {
+        path.node.name = path.node.name.split('').reverse().join('');
+      }
+    }
+  };
+}

website/src/parsers/js/transformers/babel7/index.js

@@ -0,0 +1,51 @@
+import compileModule from '../../../utils/compileModule';
+import pkg from 'babel7/babel7-package';
+
+const ID = 'babelv7';
+
+export default {
+  id: ID,
+  displayName: ID,
+  version: pkg.version,
+  homepage: pkg.homepage,
+
+  defaultParserID: 'babylon7',
+
+  loadTransformer(callback) {
+    require([
+      'babel7',
+      'recast',
+    ], (babel, recast) => callback({ babel, recast }));
+  },
+
+  transform({ babel, recast }, transformCode, code) {
+    let transform = compileModule( // eslint-disable-line no-shadow
+      transformCode
+    );
+
+    return babel.transform(code, {
+      parserOpts: {
+        parser: recast.parse,
+        plugins: [
+          'asyncGenerators',
+          'classPrivateProperties',
+          'classProperties',
+          'decorators',
+          'doExpressions',
+          'exportExtensions',
+          'flow',
+          'functionSent',
+          'functionBind',
+          'jsx',
+          'objectRestSpread',
+          'dynamicImport',
+        ],
+      },
+      generatorOpts: {
+        generator: recast.print,
+      },
+      plugins: [(transform.default || transform)(babel)],
+      sourceMaps: true,
+    });
+  },
+};