update

Author: horike37

lib/serverless-action.js

@@ -15,7 +15,7 @@ export default class ServerlessAction {
     return childProcess.spawn('sls', ['remove', '--region', region, '--stage', stage], {cwd: this.path})
   }
 
-  action (action, functionName, region, stage) {
+  action (action, functionName, region, stage, inputJson) {
     switch (action) {
       case 'deploy-function':
         return childProcess.spawn('sls', [
@@ -29,17 +29,23 @@ export default class ServerlessAction {
           stage
         ], {cwd: this.path})
       case 'invoke':
-        return childProcess.spawn('sls', [
+        const commandOption = [
           'invoke',
           '--function',
           functionName,
-          '--data',
-          '{}',
           '--region',
           region,
           '--stage',
           stage
-        ], {cwd: this.path})
+        ]
+        if (inputJson) {
+          commandOption.push('--path')
+          commandOption.push(inputJson)
+        } else {
+          commandOption.push('--data')
+          commandOption.push('{}')
+        }
+        return childProcess.spawn('sls', commandOption, {cwd: this.path})
       case 'logs':
         return childProcess.spawn('sls', [
           'logs',

lib/serverless-dashboard-view.js

@@ -15,6 +15,7 @@ export default class ServerlessDashboardView {
     this.properties = {
       consoleOutput: ''
     }
+    this.inputJson = {}
     etch.initialize(this)
     this.action = new ServerlessAction(path.dirname(this.yamlPath))
   }
@@ -72,18 +73,22 @@ export default class ServerlessDashboardView {
 
   slsAction (action, functionName) {
     this.resetCosnoleOutput()
+    const inputJson = this.inputJson && this.inputJson[functionName] && this.inputJson[functionName].absolute
+      ? this.inputJson[functionName].absolute : false
     switch (action) {
       case 'deploy-function':
         this.properties.consoleOutput = `$ serverless deploy function --function ${functionName} --stage ${this.refs.stage.value} --region ${this.refs.region.value}<br/><br/>`
         break
       case 'invoke':
-        this.properties.consoleOutput = `$ serverless invoke --function ${functionName} --stage ${this.refs.stage.value} --region ${this.refs.region.value}<br/><br/>`
+        this.properties.consoleOutput = `$ serverless invoke --function ${functionName} --stage ${this.refs.stage.value} --region ${this.refs.region.value}`
+        this.properties.consoleOutput += inputJson ? ` --path ${inputJson}` : ''
+        this.properties.consoleOutput += '<br/><br/>'
         break
       case 'logs':
         this.properties.consoleOutput = `$ serverless logs --function ${functionName} --stage ${this.refs.stage.value} --region ${this.refs.region.value}<br/><br/>`
         break
     }
-    const sls = this.action.action(action, functionName, this.refs.region.value, this.refs.stage.value)
+    const sls = this.action.action(action, functionName, this.refs.region.value, this.refs.stage.value, inputJson)
     sls.stdout.on('data', (data) => {
       this.update({
         consoleOutput: `${this.properties.consoleOutput}${data.toString()}`
@@ -111,6 +116,18 @@ export default class ServerlessDashboardView {
     this.update()
   }
 
+  parseJson (functionName) {
+    const remote = require('electron').remote
+    const files = remote.dialog.showOpenDialog(remote.getCurrentWindow(), {properties: ['openFile']})
+    if (files && files.length) {
+      this.inputJson[functionName] = {
+        absolute: files[0],
+        file: files[0].split(path.sep).pop()
+      }
+      this.update()
+    }
+  }
+
   render () {
     let functions = []
     if (this.slsObject.functions) {
@@ -191,6 +208,7 @@ export default class ServerlessDashboardView {
 
   functionsRender (functionElem, functionName) {
     const events = []
+    const jsxFunctionName = `sls-action-${functionName}`
     if (functionElem.events) {
       _.forEach(functionElem.events, (event) => {
         if (typeof event === 'object') {
@@ -385,15 +403,21 @@ export default class ServerlessDashboardView {
           </ul>
           <div class="apply-block">
             <div class="select-container">
-              <select class="form-control" ref='sls-action'>
+              <select class="form-control" ref={jsxFunctionName}>
                 <option value="deploy-function">Deploy Function</option>
                 <option value="invoke">Invoke</option>
                 <option value="logs">Logs</option>
               </select>
               <button class="btn" onClick={() => {
-                this.slsAction(this.refs['sls-action'].value, functionName)
+                this.slsAction(this.refs[`sls-action-${functionName}`].value, functionName)
               }}>Apply</button>
             </div>
+            <div class="pull-right">
+              <button class="btn" onClick={() => {
+                this.parseJson(functionName)
+              }}>Input JSON</button><br />
+              {this.inputJson && this.inputJson[functionName] && this.inputJson[functionName].file ? this.inputJson[functionName].file : ''}
+            </div>
           </div>
         </div>
       </div>