 
   onNext: (wizard) ->
     wizard.mergeOptions {
-      name: @editor.getText()
+      name: @editor.originalText
       bootstrap: @find('#withBootstrap').is(":checked")
       ratchet: @find('#withRatchet').is(":checked")
     }
     wizard.nextStep()
+
+  checkNameEditorView: (editorView)->
+    editorView.originalText = ''
+    editorView.hiddenInput.on 'focusout', (e) =>
+      @checkName editorView
+
+  checkName: (editorView)->
+    str = editorView.getText()
+    strcheck = checkProjectName str
+    editorView.originalText = strcheck
+    @warnPackageTextLabel.html("Will be created as #{strcheck}")
+
+    if strcheck is str
+      @warnPackageText.hide()
+    else
+      @warnPackageText.show()

      @div class: "form-group", =>
        @label 'Project Name:'
        @subview 'editor', new EditorView(mini: true)

      @div class: "checkbox", =>
        @label =>



  initialize: (wizardView) ->
    @checkNameEditorView @editor
    @warnPackageText.hide()

    @editor.getEditor().onDidChange =>
      unless @editor.getText() is ""
        wizardView.enableNext()
