           CSSEditor.on "RunRequested", @lazyBound 'previewCss', yes
           CSSEditor.on "AutoRunRequested", @bound 'toggleLiveReload'
 
+        @on 'createMenuItemClicked',  @bound 'createNewApp'
+        @on 'publishMenuItemClicked', @bound 'publishCurrentApp'
 
   previewApp:(force = no)->
 

      panels                    : [
        title                   : "Koding DevTools"
        buttons                 : [
          {
            title               : "Publish"
            cssClass            : "solid green"
            callback            : =>
              {JSEditor} = @workspace.activePanel.panesByName
              KodingAppsController.createJApp JSEditor.getData()?.path, ->
                new KDNotificationView
                  title: "Published successfully!"
          }
          {
            title               : "Compile"
            cssClass            : "solid green"


      JSEditor.loadFile  "[#{vmName}]#{appPath}/index.coffee"
      CSSEditor.loadFile "[#{vmName}]#{appPath}/resources/style.css"

  publishCurrentApp:->

    {JSEditor} = @workspace.activePanel.panesByName
    KodingAppsController.createJApp JSEditor.getData()?.path, ->
      new KDNotificationView
        title: "Published successfully!"

  toggleLiveReload:(state)->

