drop default exports/imports of components

Author: ShMcK

lib/components/_components.js

@@ -1,10 +1,10 @@
 "use strict";
 var app_1 = require('./app');
-exports.App = app_1.default;
+exports.App = app_1.App;
 var routes_1 = require('./routes/routes');
-exports.Routes = routes_1.default;
+exports.Routes = routes_1.Routes;
 var page_1 = require('./page/page');
-exports.Page = page_1.default;
+exports.Page = page_1.Page;
 var chapter_1 = require('./page/chapter/chapter');
 exports.Chapter = chapter_1.Chapter;
 var menu_1 = require('./menu/menu');
@@ -20,4 +20,4 @@ exports.FinalPage = final_page_1.FinalPage;
 var markdown_1 = require('./markdown/markdown');
 exports.Markdown = markdown_1.Markdown;
 var alert_1 = require('./alert/alert');
-exports.Alert = alert_1.default;
+exports.Alert = alert_1.Alert;

lib/components/alert/alert.js

@@ -22,17 +22,17 @@ var defaultAlert = {
     open: false,
     message: '',
 };
-var default_1 = (function (_super) {
-    __extends(default_1, _super);
-    function default_1() {
+var Alert = (function (_super) {
+    __extends(Alert, _super);
+    function Alert() {
         _super.apply(this, arguments);
     }
-    default_1.prototype.render = function () {
+    Alert.prototype.render = function () {
         var _a = this.props, alert = _a.alert, toggleAlert = _a.toggleAlert;
         var action = alert.action, open = alert.open, message = alert.message, duration = alert.duration;
         return (React.createElement(Snackbar_1.default, {className: classNames('cr-alert', action), open: open || false, message: message || '', action: action, autoHideDuration: duration || 1500, onActionTouchTap: toggleAlert, onRequestClose: toggleAlert}));
     };
-    default_1 = __decorate([
+    Alert = __decorate([
         react_redux_1.connect(null, function (dispatch) {
             return {
                 toggleAlert: function () {
@@ -41,8 +41,7 @@ var default_1 = (function (_super) {
             };
         }), 
         __metadata('design:paramtypes', [])
-    ], default_1);
-    return default_1;
+    ], Alert);
+    return Alert;
 }(React.Component));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
+exports.Alert = Alert;

lib/components/app.js

@@ -22,23 +22,22 @@ var height = atom.getSize().height;
 window.onresize = function () {
     height = atom.getSize().height;
 };
-var default_1 = (function (_super) {
-    __extends(default_1, _super);
-    function default_1() {
+var App = (function (_super) {
+    __extends(App, _super);
+    function App() {
         _super.apply(this, arguments);
     }
-    default_1.prototype.render = function () {
+    App.prototype.render = function () {
         var state = this.props.state;
         return (React.createElement(MuiThemeProvider_1.default, {muiTheme: theme_1.muiTheme}, React.createElement("section", {className: 'cr', key: 'main', style: { height: height }}, React.createElement(_components_1.AppMenu, {route: state.route, position: state.position}), React.createElement(_components_1.Routes, {state: state, ref: 'route'}), React.createElement(_components_1.Alert, {alert: state.alert}))));
     };
-    default_1 = __decorate([
+    App = __decorate([
         react_redux_1.connect(function (state) {
             return { state: state };
         }), 
         __metadata('design:paramtypes', [])
-    ], default_1);
-    return default_1;
+    ], App);
+    return App;
 }(React.Component));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
+exports.App = App;
 ;

lib/components/page/page.js

@@ -17,21 +17,20 @@ var pageStyle = {
     height: '100%',
     width: '100%'
 };
-var default_1 = (function (_super) {
-    __extends(default_1, _super);
-    function default_1() {
+var Page = (function (_super) {
+    __extends(Page, _super);
+    function Page() {
         _super.apply(this, arguments);
     }
-    default_1.prototype.componentDidUpdate = function () {
+    Page.prototype.componentDidUpdate = function () {
         ReactDOM.findDOMNode(this.refs.listEnd).scrollIntoView();
     };
-    default_1.prototype.render = function () {
+    Page.prototype.render = function () {
         var _a = this.props, page = _a.page, taskPosition = _a.taskPosition, hintPosition = _a.hintPosition, tasks = _a.tasks, runTests = _a.runTests;
         var currentTask = taskPosition <= tasks.length ? tasks[taskPosition] : null;
         var allComplete = taskPosition >= tasks.length;
         return (React.createElement(Paper_1.default, {style: pageStyle, zDepth: 1, className: 'cr-page', ref: 'page'}, React.createElement(content_1.PageContent, {page: page}), React.createElement(Divider_1.default, null), React.createElement(tasks_1.Tasks, {tasks: tasks, taskPosition: taskPosition, runTests: runTests}), React.createElement("div", {className: 'listEnd', ref: 'listEnd'}), React.createElement(hints_1.Hints, {task: currentTask, hintPosition: hintPosition}), React.createElement(page_complete_1.PageCompleteMessage, {page: page}), React.createElement(toolbar_1.PageToolbar, {tasks: tasks, taskPosition: taskPosition})));
     };
-    return default_1;
+    return Page;
 }(React.Component));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
+exports.Page = Page;

lib/components/render.js

@@ -6,7 +6,7 @@ var store_1 = require('../store/store');
 var app_1 = require('./app');
 require('./remove-later');
 function render(target) {
-    ReactDOM.render(React.createElement(react_redux_1.Provider, {store: store_1.store}, React.createElement(app_1.default, null)), target);
+    ReactDOM.render(React.createElement(react_redux_1.Provider, {store: store_1.store}, React.createElement(app_1.App, null)), target);
 }
 exports.render = render;
 var rootName = 'crv';

lib/components/routes/routes.js

@@ -6,12 +6,12 @@ var __extends = (this && this.__extends) || function (d, b) {
 };
 var React = require('react');
 var _components_1 = require('../_components');
-var default_1 = (function (_super) {
-    __extends(default_1, _super);
-    function default_1() {
+var Routes = (function (_super) {
+    __extends(Routes, _super);
+    function Routes() {
         _super.apply(this, arguments);
     }
-    default_1.prototype.chooseRoute = function (state) {
+    Routes.prototype.chooseRoute = function (state) {
         switch (state.route) {
             case 'page':
                 return React.createElement(_components_1.Page, {page: state.page, tasks: state.tasks, taskPosition: state.taskPosition, hintPosition: state.hintPosition, editorActions: state.editorActions, runTests: state.runTests, log: state.log});
@@ -27,11 +27,10 @@ var default_1 = (function (_super) {
                 throw 'Error: Route not found.';
         }
     };
-    default_1.prototype.render = function () {
+    Routes.prototype.render = function () {
         var state = this.props.state;
         return (React.createElement("div", null, this.chooseRoute(state)));
     };
-    return default_1;
+    return Routes;
 }(React.Component));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
+exports.Routes = Routes;

src/components/_components.ts

@@ -1,11 +1,11 @@
 // Root App
-export {default as App} from './app';
+export {App} from './app';
 
 // Router
-export {default as Routes} from './routes/routes';
+export {Routes} from './routes/routes';
 
 // Components
-export {default as Page} from './page/page';
+export {Page} from './page/page';
 export {Chapter} from './page/chapter/chapter';
 export {AppMenu} from './menu/menu';
 export {Progress} from './progress/progress';
@@ -15,4 +15,4 @@ export {FinalPage} from './final-page/final-page';
 
 // Common
 export {Markdown} from './markdown/markdown';
-export {default as Alert} from './alert/alert';
+export {Alert} from './alert/alert';

src/components/alert/alert.tsx

@@ -17,7 +17,7 @@ const defaultAlert = {
     }
   };
 })
-export default class extends React.Component<{alert: CR.Alert, toggleAlert?: any}, CR.Alert> {
+export class Alert extends React.Component<{alert: CR.Alert, toggleAlert?: any}, CR.Alert> {
   render() {
     const {alert, toggleAlert} = this.props;
     const {action, open, message, duration} = alert;

src/components/app.tsx

@@ -12,7 +12,7 @@ window.onresize = function() {
 @connect((state: CR.State) => {
   return { state };
 })
-export default class extends React.Component<{state?: CR.State}, {}> {
+export class App extends React.Component<{state?: CR.State}, {}> {
   render(): React.ReactElement<{}> {
     const state = this.props.state;
     return (

src/components/page/page.tsx

@@ -13,7 +13,7 @@ const pageStyle = {
   width: '100%'
 };
 
-export default class extends React.Component<{
+export class Page extends React.Component<{
   page: CR.Page, tasks: CR.Task[], taskPosition: number,
   editorActions: string[], log: any, hintPosition: number,
   runTests: boolean, callNextPage?: any, callRunTests?: any, callNextTask?: any, showHint?: any

src/components/render.tsx

@@ -2,9 +2,8 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import {Provider} from 'react-redux';
-import * as Action from '../actions/actions';
 import {store} from '../store/store';
-import App from './app';
+import {App} from './app';
 import './remove-later';
 
 /**

src/components/routes/routes.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {Page, Progress, Tutorials, Start, FinalPage} from '../_components';
 
-export default class extends React.Component<{state: CR.State}, {}> {
+export class Routes extends React.Component<{state: CR.State}, {}> {
   chooseRoute(state: CR.State) {
     switch (state.route) {
       case 'page':