VSCode extension to visualize AWS step functions

License: MIT License

TypeScript 83.16% JavaScript 16.84%

aws step-functions vscode vscode-extension

aws-step-functions-constructor's People

Contributors

Stargazers

Watchers

Forkers

gnee-io yuezheng2006 ljacobsson wadi-chemkhi noxasaxon srac-technologies sakhtar1979 jason-ransom-slalom chenchuk77 lorhansohaky j1anm1nxu

aws-step-functions-constructor's Issues

Tests failing

The engine "vscode" appears to be invalid.

$ tsc -p ./
node_modules/@types/d3-axis/index.d.ts(60,36): error TS2304: Cannot find name 'SVGSVGElement'.
node_modules/@types/d3-axis/index.d.ts(60,52): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-axis/index.d.ts(71,25): error TS2304: Cannot find name 'SVGSVGElement'.
node_modules/@types/d3-axis/index.d.ts(71,67): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-axis/index.d.ts(78,30): error TS2304: Cannot find name 'SVGSVGElement'.
node_modules/@types/d3-axis/index.d.ts(78,67): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(36,23): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(43,27): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(54,27): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(67,27): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(67,77): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(74,27): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(85,32): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(98,32): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(98,72): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(105,28): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(110,23): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(133,28): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(138,23): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(150,30): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(156,26): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(178,34): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(218,36): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(245,45): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-brush/index.d.ts(277,38): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-drag/index.d.ts(23,38): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-drag/index.d.ts(28,36): error TS2304: Cannot find name 'HTMLElement'.
node_modules/@types/d3-drag/index.d.ts(28,50): error TS2304: Cannot find name 'SVGSVGElement'.
node_modules/@types/d3-drag/index.d.ts(28,66): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-drag/index.d.ts(394,37): error TS2304: Cannot find name 'Window'.
node_modules/@types/d3-drag/index.d.ts(406,36): error TS2304: Cannot find name 'Window'.
node_modules/@types/d3-fetch/index.d.ts(20,42): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(20,64): error TS2304: Cannot find name 'Blob'.
node_modules/@types/d3-fetch/index.d.ts(29,44): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(45,12): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(88,11): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(108,12): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(155,11): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(167,42): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(167,64): error TS2304: Cannot find name 'Document'.
node_modules/@types/d3-fetch/index.d.ts(177,51): error TS2304: Cannot find name 'HTMLImageElement'.
node_modules/@types/d3-fetch/index.d.ts(177,79): error TS2304: Cannot find name 'HTMLImageElement'.
node_modules/@types/d3-fetch/index.d.ts(192,72): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(202,41): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(202,63): error TS2304: Cannot find name 'Document'.
node_modules/@types/d3-fetch/index.d.ts(212,42): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(227,12): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(271,11): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(283,41): error TS2304: Cannot find name 'RequestInit'.
node_modules/@types/d3-fetch/index.d.ts(283,63): error TS2304: Cannot find name 'XMLDocument'.
node_modules/@types/d3-selection/index.d.ts(22,24): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(22,49): error TS2304: Cannot find name 'Document'.
node_modules/@types/d3-selection/index.d.ts(22,60): error TS2304: Cannot find name 'Window'.
node_modules/@types/d3-selection/index.d.ts(44,20): error TS2304: Cannot find name 'Document'.
node_modules/@types/d3-selection/index.d.ts(46,27): error TS2304: Cannot find name 'Node'.
node_modules/@types/d3-selection/index.d.ts(46,34): error TS2304: Cannot find name 'Node'.
node_modules/@types/d3-selection/index.d.ts(47,28): error TS2304: Cannot find name 'Node'.
node_modules/@types/d3-selection/index.d.ts(47,44): error TS2304: Cannot find name 'Node'.
node_modules/@types/d3-selection/index.d.ts(47,51): error TS2304: Cannot find name 'Node'.
node_modules/@types/d3-selection/index.d.ts(48,39): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(49,42): error TS2304: Cannot find name 'NodeListOf'.
node_modules/@types/d3-selection/index.d.ts(49,53): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(55,32): error TS2304: Cannot find name 'HTMLElement'.
node_modules/@types/d3-selection/index.d.ts(55,46): error TS2304: Cannot find name 'SVGSVGElement'.
node_modules/@types/d3-selection/index.d.ts(55,62): error TS2304: Cannot find name 'SVGGElement'.
node_modules/@types/d3-selection/index.d.ts(120,110): error TS2304: Cannot find name 'HTMLElement'.
node_modules/@types/d3-selection/index.d.ts(152,113): error TS2304: Cannot find name 'HTMLElement'.
node_modules/@types/d3-selection/index.d.ts(180,18): error TS2428: All declarations of 'Selection' must have identical type parameters.
node_modules/@types/d3-selection/index.d.ts(486,28): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(486,67): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(541,28): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(544,18): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(797,26): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(801,29): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(952,43): error TS2304: Cannot find name 'HTMLElement'.
node_modules/@types/d3-selection/index.d.ts(1056,61): error TS2304: Cannot find name 'TouchList'.
node_modules/@types/d3-selection/index.d.ts(1068,64): error TS2304: Cannot find name 'TouchList'.
node_modules/@types/d3-selection/index.d.ts(1092,29): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1104,15): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1112,18): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1119,15): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1119,35): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1187,33): error TS2304: Cannot find name 'Window'.
node_modules/@types/d3-selection/index.d.ts(1187,42): error TS2304: Cannot find name 'Document'.
node_modules/@types/d3-selection/index.d.ts(1187,53): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1187,63): error TS2304: Cannot find name 'Window'.
node_modules/@types/d3-selection/index.d.ts(1200,40): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(1200,79): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(1208,44): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1216,41): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(1216,90): error TS2304: Cannot find name 'ElementTagNameMap'.
node_modules/@types/d3-selection/index.d.ts(1226,45): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1247,46): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1256,49): error TS2304: Cannot find name 'Element'.
node_modules/@types/d3-selection/index.d.ts(1256,97): error TS2304: Cannot find name 'NodeListOf'.
node_modules/@types/d3-transition/index.d.ts(27,15): error TS2428: All declarations of 'Selection' must have identical type parameters.
node_modules/@types/d3-transition/index.d.ts(617,65): error TS2304: Cannot find name 'HTMLElement'.
node_modules/@types/d3-transition/index.d.ts(628,104): error TS2304: Cannot find name 'HTMLElement'.
node_modules/@types/d3-zoom/index.d.ts(25,37): error TS2304: Cannot find name 'Element'.

Support AWS::Serverless::StateMachine resources

Just found this extension and so far it looks great!

However, I'm missing support for AWS::Serverless::StateMachine:

AWSTemplateFormatVersion: "2010-09-09"
Transform:
  - "AWS::Serverless-2016-10-31"
Resources:
  StateMachine:
    Type: AWS::Serverless::StateMachine
    Properties:
      Type: EXPRESS
      Definition:
        StartAt: MyState
        States:
        ...

Support for parallel state types

There is currently no support for parallel state types.

Spaces (and possibly other character types) not supported in state names

It breaks the diagram.

Instructions?

Hi there - any chance of getting some instructions on using this extension?

Ability to open unsaved files

The library attempts to open files that are not saved. It would be good for quick'n dirty Step Function construction to be able to make a diagram of live files that have not been yet saved.

Error reporting on wrong format

Currently the extension expects a structure with the following format:

{"MyStepFunctions": 
  "definition": {
    "StartAt": "MyStartingState",
    "States": ...
}}

but no error is given for a wrong structure, nor are direct structures supported (just the "StartAt" and "States" keys in the main dictionary).

port to use as a standalone react library?

I'd like to embed this in a react application... how difficult or feasible is this? I've never built a VS Code extension before.

What versions of the libraries are in the media folder?

Nothing happens even with valid step function cloudformation

So I have a valid step function yml file (I have deployed it successfully to AWS and tested it) and yet when I run the show step function command all that happens is a small pop up with:

{"vslsStack":[{},{},{},{}]}

Any idea why this is? It seems like a cool extension if I could get it to work

Unexpected behaviour when using `End: true` inside a Map iterator

Hi, I have the following ASL:

StartAt: Map
States:
  Map:
    End: true
    ItemsPath: "$.Ids"
    Iterator:
      StartAt: SyncItem
      States:
        SyncItem:
          Retry:
          - ErrorEquals:
            - States.ALL
            IntervalSeconds: 1
            BackoffRate: 2
            MaxAttempts: 3
          Catch:
          - ErrorEquals:
            - States.ALL
            Next: LogError
          End: true
          OutputPath: "$.Payload"
          Parameters:
            FunctionName.$: "$.FunctionName"
            Payload:
              ItemId.$: "$.ItemId"
          Resource: arn:aws:states:::lambda:invoke
          Type: Task
        LogError:
          Type: Pass
          End: true
    MaxConcurrency: 20
    Parameters:
      FunctionName.$: "$.FunctionName"
      ItemId.$: "$$.Map.Item.Value"
    Type: Map

Note that successful runs of SyncItem exits (End: true). Same goes for LogError

I'm expecting the diagram to point them to End, but it looks like this:

Map steps not visually correct

This looks really useful and look forward to using it but an issue we have is that we use a map step function but it shows it as one box but i would have expected it to look a bit like the parallel where it is an outline and the lambda steps we have inside it are boxes within it to make it clear what is happening inside it.

Is this expected behaviour at the moment? Is there any plans to change the visual for this?

Thanks!

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

paulshestakov / aws-step-functions-constructor Goto Github PK