guided tour

welcome-guided-tour.json

{
  "name" : "Codenvy Getting Started Guided Tour v1.3",
  "hasWelcomeStep" : true,
  "steps": [
    {
      "title": "Getting Started with Codenvy",
      "content": "Codenvy is a no-thrashing cloud IDE with horizontally-scallable Docker builder and runner microservices.\n\nThis tour takes 3 minutes.",
      "element": "gwt-debug-MainToolbar/New",
      "placement": "BOTTOM",
      "xOffset": "500",
      "yOffset": "100",
      "width" : "400",
      "skipButtonLabel": "Skip",
      "nextButtonLabel": "Start!",
      "overlays": [
        {
          "zIndex": "5",
          "width": {"value": 100, "unit" : "%"},
          "height": {"value": 100, "unit" : "%"},
          "backgroundColor": "rgba(50,50,50,0.72)"
        },
        {
          "url": "https://raw.githubusercontent.com/codenvy/factories/factory-2.0/guided-tour/getting-started/images/3.9.0/execution-bar.png",
          "element": "gwt-debug-MainToolbar/runApp-true",
          "xOffset": "-220",
          "yOffset": "-1"
        },
        {
          "url": "https://raw.githubusercontent.com/codenvy/factories/factory-2.0/guided-tour/getting-started/images/help.png",
          "element": "gwt-debug-MainMenu/helpGroup-true"
        },
        {
          "url": "https://raw.githubusercontent.com/codenvy/factories/factory-2.0/guided-tour/getting-started/images/3.8.0/explorer.png",
          "element": "gwt-debug-tabButton-Datasource",
          "xOffset": "18",
          "yOffset": "-58"
        },
        {
          "url": "https://raw.githubusercontent.com/codenvy/factories/factory-2.0/guided-tour/getting-started/images/3.8.0/Builder-Runners.png",
          "element": "gwt-debug-tabButton-Builder",
          "xOffset": "0",
          "yOffset": "-1"
        },
        {
          "url": "https://raw.githubusercontent.com/codenvy/factories/factory-2.0/guided-tour/getting-started/images/3.9.0/ram.png",
          "element": "memory-widget-panel",
          "xOffset": "-264",
          "yOffset": "-2"
        },
        {
          "url": "https://raw.githubusercontent.com/codenvy/factories/factory-2.0/guided-tour/getting-started/images/3.9.0/visibility-permission.png",
          "element": "gwt-debug-permissions-panel-rights",
          "xOffset": "-344",
          "yOffset": "-4"
        }
      ]
    },
    {
      "title": "Build the project",
      "content": "Builders install dependencies, execute the build pipeline, and package artifacts. Builders for npm, maven, grunt and others are built-in.",
      "element": "gwt-debug-MainToolbar/runApp-true",
      "placement": "LEFT",
      "xOffset": "-187",
      "yOffset": "-10",
      "width": "300",
      "actions": [
        {
          "action": "trigger buildApp"
        }
      ]
    },
    {
      "title": "Run the app",
      "content": "Your project executes within a Runner, which binds a Docker machine with the stack for your app. You can have many machines and customize them using Dockerfiles.",
      "element": "gwt-debug-MainToolbar/runApp-true",
      "placement": "LEFT",
      "xOffset": "21",
      "yOffset": "-10",
      "width": "300",
      "actions": [
        {
          "action": "trigger runApp"
        }
      ]
    },
    {
      "title": "Preview the app",
      "content": "Each run creates an isolated Runner instance with its own RAM. Your project’s files and artifacts are copied into the Runner. Your application's URL appears after the machine is booted.",
      "element": "gwt-debug-Terminal-tab",
      "width": "450",
      "placement": "TOP",
      "xOffset": "100",
      "yOffset": "240",
      "actions": [
        {
          "action": "openfile readme.md"
        }
      ]
    },
    {
      "title": "Edit files",
      "content": "We embed CodeMirror and Orion editors with key bindings for emacs, vi, and sublime along with syntax highlighting, auto-complete, quick-fix, and code folding.",
      "element": "gwt-debug-projectExplorerTree-panel",
      "placement": "LEFT",
      "width" : "250",
      "xOffset": "270",
      "yOffset": "70"
    },
    {
      "title": "Connect version control",
      "content": "Your project may have a local git or subversion repo synchronized with a remote.",
      "element": "gwt-debug-MainMenu/git-true",
      "placement": "BOTTOM",
      "width" : "350",
      "xOffset": "-5",
      "yOffset": "-7"
    },
    {
      "title": "Temporary workspace",
      "content": "This project is in a temporary workspace. Your work will be lost if you are idle.",
      "element": "gwt-debug-temporary-workspace-used-toolbar-button",
      "placement": "TOP",
      "xOffset": "-20"
    },
    {
      "title": "Save your work",
      "content": "Persist will copy your project into a permanent workspace. Create a free account to get unlimited IDE time, private projects, and storage.",
      "element": "gwt-debug-MainMenu/git-true",
      "placement": "BOTTOM",
      "xOffset": "200",
      "yOffset": "100",
      "width" : "600",
      "hideArrow" : true,
      "hideBubbleNumber" : true,
      "skipButtonLabel": "End tour",
      "nextButtonLabel": "Signup",
      "actions": [
        {
          "action": "openurl https://codenvy.com/site/create-account"
        }
      ]
    }
  ]
}