Using TypeScript in Zeppelin frontend webapp

spark/src/main/java/com/nflabs/zeppelin/spark/SparkInterpreter.java

@@ -73,16 +73,16 @@ public class SparkInterpreter extends Interpreter {
         "spark",
         SparkInterpreter.class.getName(),
         new InterpreterPropertyBuilder()
-            .add("spark.app.name", "Zeppelin", "The name of spark application")
+            .add("spark.app.name", "Zeppelin", "The name of spark application.")
             .add("master",
                 getSystemDefault("MASTER", "spark.master", "local[*]"),
-                "spark master uri. ex) spark://masterhost:7077")
+                "Spark master uri. ex) spark://masterhost:7077")
             .add("spark.executor.memory",
                 getSystemDefault(null, "spark.executor.memory", "512m"),
-                "executor memory per worker instance. ex) 512m, 32g")
+                "Executor memory per worker instance. ex) 512m, 32g")
             .add("spark.cores.max",
                 getSystemDefault(null, "spark.cores.max", ""),
-                "total number of cores to use. Empty value uses all available core")
+                "Total number of cores to use. Empty value uses all available core.")
             .add("args", "", "spark commandline args").build());
 
   }

spark/src/main/java/com/nflabs/zeppelin/spark/SparkSqlInterpreter.java

@@ -52,9 +52,9 @@ public class SparkSqlInterpreter extends Interpreter {
         "spark",
         SparkSqlInterpreter.class.getName(),
         new InterpreterPropertyBuilder()
-            .add("zeppelin.spark.maxResult", "10000", "Max number of SparkSQL result to display")
+            .add("zeppelin.spark.maxResult", "10000", "Max number of SparkSQL result to display.")
             .add("zeppelin.spark.useHiveContext", "false",
-                "use HiveContext instead of SQLContext if it is true")
+                "Use HiveContext instead of SQLContext if it is true.")
             .add("zeppelin.spark.concurrentSQL", "false",
                 "Execute multiple SQL concurrently if set true.")
             .build());

zeppelin-server/src/main/java/com/nflabs/zeppelin/rest/InterpreterRestApi.java

@@ -87,6 +87,23 @@ public Response newSettings(String message) throws InterpreterException, IOExcep
     return new JsonResponse(Status.CREATED, "").build();
   }
 
+  @PUT
+  @Path("setting/{settingId}")
+  public Response updateSetting(String message, @PathParam("settingId") String settingId) {
+    logger.info("Update interpreterSetting {}", settingId);
+    try {
+      Properties p = gson.fromJson(message, Properties.class);
+      interpreterFactory.setPropertyAndRestart(settingId, p);
+    } catch (InterpreterException e) {
+      return new JsonResponse(Status.NOT_FOUND, e.getMessage(), e).build();
+    }
+    InterpreterSetting setting = interpreterFactory.get(settingId);
+    if (setting == null) {
+      return new JsonResponse(Status.NOT_FOUND, "", settingId).build();
+    }
+    return new JsonResponse(Status.OK, "", setting).build();
+  }
+
   @DELETE
   @Path("setting/{settingId}")
   @ApiOperation(httpMethod = "GET", value = "Remove interpreter setting")

zeppelin-web/Gruntfile.js

@@ -40,6 +40,13 @@ module.exports = function (grunt) {
           livereload: '<%= connect.options.livereload %>'
         }
       },
+      scripts: {
+        files: ['<%= yeoman.app %>/scripts/ts/**/*.ts'],
+        tasks: ['typescript'],
+        options: {
+            spawn: false
+        }
+      },
       jsTest: {
         files: ['test/spec/{,*/}*.js'],
         tasks: ['newer:jshint:test', 'karma']
@@ -348,9 +355,23 @@ module.exports = function (grunt) {
         configFile: 'test/karma.conf.js',
         singleRun: true
       }
+    },
+
+    typescript: {
+      base: {
+        src: ['<%= yeoman.app %>/typescripts/**/*.ts'],
+        dest: '<%= yeoman.app %>/scripts/',
+        options: {
+          module: 'amd', //or commonjs
+          target: 'es5', //or es3
+          basePath: '<%= yeoman.app %>/typescripts/',
+          sourceMap: true,
+          declaration: true
+        }
+      }
     }
-  });
 
+  });
 
   grunt.registerTask('serve', 'Compile then start a connect web server', function (target) {
     if (target === 'dist') {
@@ -359,8 +380,9 @@ module.exports = function (grunt) {
 
     grunt.task.run([
       'clean:server',
+      'typescript',
       'wiredep',
-      'concurrent:server',
+      'concurrent:dist',
       'autoprefixer',
       'connect:livereload',
       /*'newer:jshint'*/
@@ -375,6 +397,7 @@ module.exports = function (grunt) {
 
   grunt.registerTask('test', [
     'clean:server',
+    'typescript',
     'concurrent:test',
     'autoprefixer',
     'connect:test',
@@ -383,6 +406,7 @@ module.exports = function (grunt) {
 
   grunt.registerTask('build', [
     'clean:dist',
+    'typescript',
     'wiredep',
     'useminPrepare',
     'concurrent:dist',

zeppelin-web/README.md

@@ -4,11 +4,14 @@ This is a Zeppelin web frontend project.
 
 ## Compile Zeppelin web
 If you want to compile the WebApplication, you will have to simply run `mvn package`.
-This will Download all the dependencies including node js and npm (you will find the binaries in the folder `zeppelin-web/node`).
+This will Download all the dependencies including node js and npm 
+(you will find the binaries in the folder `zeppelin-web/node`).
 
-We also provide some **helper script** for bower and grunt (you dont need to install them).
+We also provide some **helper script** for bower and grunt 
+(you dont need to install them).
 
-In case of the error `ECMDERR Failed to execute "git ls-remote --tags --heads git://xxxxx", exit code of #128`
+In case of the error 
+`ECMDERR Failed to execute "git ls-remote --tags --heads git://xxxxx", exit code of #128`
 
 change your git config with `git config --global url."https://".insteadOf git://`
 
@@ -20,24 +23,42 @@ Try to add to the `.bowerrc` file the following content:
   "https-proxy" : "http://<host>:<port>"
 ```
 
-
 and retry to build again.
 
 ## Contribute on Zeppelin Web
 If you wish to help us to contribute on Zeppelin Web, you will need to install some deps.
 Here this is a good start to understand how zeppelin web is architectured.
 http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/
 
+Also, Zeppelin uses Typescript http://www.typescriptlang.org/ to maintain 
+stable structure of javascript codes . 
+You can read a good article on using AngularJs with Typescript in the next link. 
+http://www.scottlogic.com/blog/2014/08/26/StrongTypingWithAngularJS.html
+
 ### Run the application in dev mode
 ``./grunt serve``
 
 ### Build the application
 `./grunt build`
 
-### Add composents to Zeppelin Webapp
+### Add components to Zeppelin Webapp
  * New controller : `yo angular:controller <controlerName>`
  * New directive : `yo angular:directive <directiveName>`
  * New service : `yo angular:service <serviceName>`
+
+(Currently, adding components by Yeoman (yo) is broken, 
+because officially Yeoman doesn't support Typescript.)
+
+You can generate codes by manually installing yo and linking generator. 
+reference: https://github.com/yeoman/yeoman/blob/master/contributing.md
+
+generator supporting Typescript:
+https://github.com/eggers/generator-angular
+
+command: 
+`yo angular:controller <name> --typescript`
+
+(Need test if a generated codes works well.)
 
  ### Add plugin