Incorrect minification of javascript in Web Workbench v3.3.1608 (RESOLVED)

So, I have

1. Web Workbench v3.3.1608
2. Page with AngularJS v1.2.21, JQuery v2.1.1
3. CoffeeScript file "signin.coffee"

   window.FormController = ($scope) ->
   $scope.submit = ->
       $('[name="login"]').prop('disabled', true)
       $('[name="password"]').prop('disabled', true)
       $('[name="submit"]').button("loading")
   
       $.ajax
           type:        "POST"
           url:         "/signin/authenticate"
           dataType:    "json"
           contentType: "application/json; charset=utf-8"
           data:         angular.toJson($scope.data)
           success: (data) ->
               $('[name="errormessage"]').hide()
               if data.ErrorMessage
                   $('[name="errormessage"]').html(data.ErrorMessage)
                   $('[name="errormessage"]').show()
               else
                   window.location = "/"
               $('[name="login"]').prop('disabled', false)
               $('[name="password"]').prop('disabled', false)
               $('[name="submit"]').button("reset")
           error: (data) ->
               alert "error"
   

4. Web Workbench successfuly (and correct) compile "signin.coffee" in javascript "signin.js"

   (function() {
   window.FormController = function($scope) {
   return $scope.submit = function() {
     $('[name="login"]').prop('disabled', true);
     $('[name="password"]').prop('disabled', true);
     $('[name="submit"]').button("loading");
     return $.ajax({
       type: "POST",
       url: "/signin/authenticate",
       dataType: "json",
       contentType: "application/json; charset=utf-8",
       data: angular.toJson($scope.data),
       success: function(data) {
         $('[name="errormessage"]').hide();
         if (data.ErrorMessage) {
           $('[name="errormessage"]').html(data.ErrorMessage);
           $('[name="errormessage"]').show();
         } else {
           window.location = "/";
         }
         $('[name="login"]').prop('disabled', false);
         $('[name="password"]').prop('disabled', false);
         return $('[name="submit"]').button("reset");
       },
       error: function(data) {
         return alert("error");
       }
     });
   };
   };
   }).call(this);
   

   And this code works fine
5. But "signin.min.js" compiled incorrect

   (function(){window.FormController=function(a){return a.submit=function(){$('[name="login"]').prop("disabled",true);$('[name="password"]').prop("disabled",true);$('[name="submit"]').button("loading");return $.ajax({type:"POST",url:"/signin/authenticate",dataType:"json",contentType:"application/json; charset=utf-8",data:angular.toJson(a.data),success:function(b){$('[name="errormessage"]').hide();if(b.ErrorMessage){$('[name="errormessage"]').html(b.ErrorMessage);$('[name="errormessage"]').show()}else{window.location="/"}$('[name="login"]').prop("disabled",false);$('[name="password"]').prop("disabled",false);return $('[name="submit"]').button("reset")},error:function(b){return alert("error")}})}}}).call(this);

6. Diff: "signin.js"

   window.FormController = function($scope)

   and "signin.min.js"

   window.FormController=function(a)

   so AngularJS not working

Question: How can I fix it?

Minification is performing as intended here but Angular relies on the named arguments for injection. You will want to annotate your function with the names of the dependencies to avoid them being minified. There is an example of the two approaches available in https://docs.angularjs.org/tutorial/step05 under the "A Note on Minification" section.

Jeremy

Hello! On the advice of Jeremy, I read the manual to AngularJS and found that the problem does not in Web Workbench. I changed signin.coffee like this

window.FormController = ['$scope', ($scope) ->
    $scope.submit = ->
        $('[name="login"]').prop('disabled', true)
        $('[name="password"]').prop('disabled', true)
        $('[name="submit"]').button("loading")

        $.ajax
            type:        "POST"
            url:         "/signin/authenticate"
            dataType:    "json"
            contentType: "application/json; charset=utf-8"
            data:         angular.toJson($scope.data)
            success: (data) ->
                $('[name="errormessage"]').hide()
                if data.ErrorMessage
                    $('[name="errormessage"]').html(data.ErrorMessage)
                    $('[name="errormessage"]').show()
                else
                    window.location = "/"
                $('[name="login"]').prop('disabled', false)
                $('[name="password"]').prop('disabled', false)
                $('[name="submit"]').button("reset")
            error: (data) ->
    ]

Thank you, Jeremy.