Merge feature/stepfunctions-yaml-support #1456

Author: justinmk3

.changes/next-release/Feature-37684a5f-fbbf-49e3-9709-cbb341b24348.json

@@ -0,0 +1,4 @@
+{
+    "type": "Feature",
+    "description": "Adds ASL YAML linting and visualization support."
+}

.changes/next-release/Feature-85fc3d12-13de-40ca-aa7d-0f008bc84e0e.json

@@ -0,0 +1,4 @@
+{
+	"type": "Feature",
+	"description": "Adds Amazon States Language (YAML) format to the ASL Language Server. Adds option to choose YAML format when creating new Step Functions state machine from a template."
+}

.vscode/launch.json

@@ -24,7 +24,7 @@
             "request": "attach",
             "port": 6009,
             "restart": true,
-            "outFiles": ["${workspaceRoot}/dist/src/stepFunctions/amazonStatesLanguage/server.js"]
+            "outFiles": ["${workspaceRoot}/dist/src/stepFunctions/asl/**.js"]
         },
         {
             "name": "Attach to SSM Document Language Server",

media/libs/vue.min.js

@@ -58,6 +58,7 @@
         "onCommand:aws.aboutToolkit",
         "onCommand:aws.cloudWatchLogs.viewLogStream",
         "onLanguage:asl",
+        "onLanguage:asl-yaml",
         "onLanguage:ssm-json",
         "onLanguage:ssm-yaml",
         "onCommand:aws.ssmDocument.createLocalDocument",
@@ -739,7 +740,7 @@
             "editor/title": [
                 {
                     "command": "aws.previewStateMachine",
-                    "when": "editorLangId == asl && !isCloud9",
+                    "when": "(editorLangId == asl || editorLangId == asl-yaml) && !isCloud9",
                     "group": "navigation"
                 },
                 {
@@ -1418,6 +1419,16 @@
                     "Amazon States Language"
                 ]
             },
+            {
+                "id": "asl-yaml",
+                "aliases": [
+                    "Amazon States Language (YAML)"
+                ],
+                "extensions": [
+                    ".asl.yaml",
+                    ".asl.yml"
+                ]
+            },
             {
                 "id": "ssm-json",
                 "extensions": [
@@ -1443,7 +1454,7 @@
                 "command": "aws.previewStateMachine",
                 "key": "ctrl+shift+v",
                 "mac": "cmd+shift+v",
-                "when": "editorTextFocus && editorLangId == asl && !isCloud9"
+                "when": "editorTextFocus && (editorLangId == asl || editorLangId == asl-yaml) && !isCloud9"
             }
         ],
         "grammars": [
@@ -1452,6 +1463,11 @@
                 "scopeName": "source.asl",
                 "path": "./syntaxes/ASL.tmLanguage"
             },
+            {
+                "language": "asl-yaml",
+                "scopeName": "source.asl.yaml",
+                "path": "./syntaxes/asl-yaml.tmLanguage.json"
+            },
             {
                 "language": "ssm-json",
                 "scopeName": "source.ssmjson",
@@ -1515,8 +1531,8 @@
         "@types/mime-types": "^2.1.0",
         "@types/mocha": "^7.0.2",
         "@types/node": "^10.14.22",
-        "@types/request": "^2.47.1",
         "@types/readline-sync": "^1.4.3",
+        "@types/request": "^2.47.1",
         "@types/semver": "^5.5.0",
         "@types/sinon": "^7.0.13",
         "@types/tcp-port-used": "^1.0.0",
@@ -1552,6 +1568,7 @@
         "ts-mockito": "^2.5.0",
         "ts-node": "^9.0.0",
         "tslint": "^6.1.3",
+        "umd-compat-loader": "^2.1.2",
         "vsce": "^1.81.1",
         "vscode-nls-dev": "^3.3.1",
         "vscode-test": "^1.4.0",
@@ -1560,7 +1577,7 @@
     },
     "dependencies": {
         "adm-zip": "^0.4.13",
-        "amazon-states-language-service": "^1.4.1",
+        "amazon-states-language-service": "^1.6.3",
         "async-lock": "^1.1.3",
         "aws-sdk": "^2.581.0",
         "aws-ssm-document-language-service": "^1.0.0",

package-lock.json

@@ -321,6 +321,8 @@
     "AWS.message.prompt.credentials.definition.help": "Would you like some information related to defining credentials?",
     "AWS.message.prompt.credentials.definition.tryAgain": "The credentials do not appear to be valid. Check the AWS Toolkit Logs for details. Would you like to try again?",
     "AWS.message.prompt.selectLocalLambda.placeholder": "Select a lambda function",
+    "AWS.message.prompt.selectStateMachineTemplate.placeholder": "Select a starter template",
+    "AWS.message.prompt.selectStateMachineTemplateFormat.placeholder": "Select template format",
     "AWS.message.prompt.quickStart.toastMessage": "You are now using AWS Toolkit version {0}",
     "AWS.message.prompt.region.hide.title": "Select a region to hide from the AWS Explorer",
     "AWS.message.prompt.region.show.title": "Select a region to show in the AWS Explorer",

package.json

@@ -96,7 +96,7 @@ async function waitUntilWebviewIsVisible(webviewPanel: vscode.WebviewPanel | und
 }
 
 describe('visualizeStateMachine', async () => {
-    before(async function () {
+    before(async function() {
         this.timeout(600000)
     })
 
@@ -148,7 +148,7 @@ describe('visualizeStateMachine', async () => {
     })
 
     it('correctly displays content when given a sample state machine in yaml', async () => {
-        const fileName = 'mysamplestatemachine.yaml'
+        const fileName = 'mysamplestatemachine.asl.yaml'
         const textEditor = await openATextEditorWithText(samleStateMachineYaml, fileName)
 
         const result = await vscode.commands.executeCommand<vscode.WebviewPanel>('aws.previewStateMachine')

package.nls.json

@@ -110,22 +110,23 @@ function initializeCodeLens(context: vscode.ExtensionContext) {
                 command: 'aws.previewStateMachine',
                 title: localize('AWS.stepFunctions.render', 'Render graph'),
             }
-
-            const publishCommand: vscode.Command = {
-                command: 'aws.stepfunctions.publishStateMachine',
-                title: localize('AWS.stepFunctions.publish', 'Publish to Step Functions'),
-            }
-
             const renderCodeLens = new vscode.CodeLens(topOfDocument, renderCommand)
-            const publishCodeLens = new vscode.CodeLens(topOfDocument, publishCommand)
 
-            return [publishCodeLens, renderCodeLens]
+            if (document.languageId === 'asl') {
+                const publishCommand: vscode.Command = {
+                    command: 'aws.stepfunctions.publishStateMachine',
+                    title: localize('AWS.stepFunctions.publish', 'Publish to Step Functions'),
+                }
+                const publishCodeLens = new vscode.CodeLens(topOfDocument, publishCommand)
+
+                return [publishCodeLens, renderCodeLens]
+            } else {
+                return [renderCodeLens]
+            }
         }
     }
 
-    const docSelector = {
-        language: 'asl',
-    }
+    const docSelector = [{ language: 'asl' }, { language: 'asl-yaml' }]
 
     const codeLensProviderDisposable = vscode.languages.registerCodeLensProvider(
         docSelector,