Fix case

Author: CompuIves

packages/app/src/sandbox/eval/transpiled-module.ts

@@ -619,6 +619,7 @@ export default class TranspiledModule {
       } else {
         const transpilers = manager.preset.getLoaders(this.module, this.query);
 
+        const startTime = Date.now();
         for (let i = 0; i < transpilers.length; i += 1) {
           const transpilerConfig = transpilers[i];
           const loaderContext = this.getLoaderContext(
@@ -632,7 +633,6 @@ export default class TranspiledModule {
             .join('!');
 
           try {
-            const startTime = Date.now();
             const {
               transpiledCode,
               sourceMap,
@@ -641,9 +641,6 @@ export default class TranspiledModule {
               code,
               loaderContext
             );
-            debug(
-              `Transpiled '${this.getId()}' in ${Date.now() - startTime}ms`
-            );
 
             if (this.errors.length) {
               throw this.errors[0];
@@ -664,6 +661,7 @@ export default class TranspiledModule {
             throw e;
           }
         }
+        debug(`Transpiled '${this.getId()}' in ${Date.now() - startTime}ms`);
 
         this.logWarnings();
       }

packages/app/src/sandbox/eval/transpilers/babel/convert-esmodule.ts

@@ -438,18 +438,21 @@ export function convertEsModule(path: string, code: string) {
         let importName: string;
 
         if (specifier.type === n.ImportDefaultSpecifier) {
+          // import Test from 'test';
           // const _test = require('test');
-          // var default = _test.default;
-          localName = 'default';
+          // var Test = _test.default;
+          localName = specifier.local.name;
           importName = 'default';
         } else if (specifier.type === n.ImportSpecifier) {
+          // import {Test} from 'test';
           // const _test = require('test');
-          // var $localName = _test.$importName;
+          // var Test = _test.Test;
           localName = specifier.local.name;
           importName = specifier.imported.name;
         } else if (specifier.type === n.ImportNamespaceSpecifier) {
+          // import * as Test from 'test';
           // const _test = require('test');
-          // var $localName = _test;
+          // var Test = _test;
           localName = specifier.local.name;
           importName = null;
         }

packages/app/src/sandbox/eval/transpilers/babel/index.ts

@@ -5,6 +5,7 @@ import BabelWorker from 'worker-loader?publicPath=/&name=babel-transpiler.[hash:
 import { isBabel7 } from '@codesandbox/common/lib/utils/is-babel-7';
 
 import isESModule from 'sandbox/eval/utils/is-es-module';
+import { measure, endMeasure } from 'sandbox/utils/metrics';
 import regexGetRequireStatements from './worker/simple-get-require-statements';
 import getBabelConfig from './babel-parser';
 import WorkerTranspiler from '../worker-transpiler';
@@ -50,7 +51,9 @@ class BabelTranspiler extends WorkerTranspiler {
       const { path } = loaderContext;
 
       if (isESModule(code) && path.indexOf('/node_modules') > -1) {
+        measure(`es-${path}`);
         code = convertEsModule(path, code);
+        endMeasure(`es-${path}`);
       }
 
       // When we find a node_module that already is commonjs we will just get the