Ok I found a solution.

I added this code:

    stompClient.debug = null

In this way, the debug function is disabled.

I tried JR&#39;s answer but started receiving errors (was using redux sagas) - changing debug to an empty function worked ...

    stompClient.debug = () =&gt; {};

Could someone tell me what&#39;s the purpose of declaring static functions outside classes? What&#39;s the difference between this 2? Are there any benefits for using static in this situation? 

    static void someRandomFunction();
    
    int main()
    {
        someRandomFunction();
        return 0;
    }

and

    void someRandomFunction();
    
    int main()
    {
        someRandomFunction();
        return 0;
    }

Static functions outside classes

[Chai](http://chaijs.com/) is an assertion library.

[Mocha](http://mochajs.org/) and [Jasmine](http://jasmine.github.io/) are testing frameworks.

and **[Karma](http://karma-runner.github.io/)** is a testing environment.

I&#39;ve already read [Difference between available testing frameworks: mocha, chai, karma, jasmine, should.js etc](https://stackoverflow.com/questions/24391462/difference-between-available-testing-frameworks-mocha-chai-karma-jasmine-sh).

What&#39;s the difference between assertion library, testing framework and testing environment in javascript?

I have the follow situation:

     var options = {
    	    protocols_whitelist : [ &quot;websocket&quot;, &quot;xhr-streaming&quot;, &quot;xdr-streaming&quot;, &quot;xhr-polling&quot;, &quot;xdr-polling&quot;, &quot;iframe-htmlfile&quot;, &quot;iframe-eventsource&quot;, &quot;iframe-xhr-polling&quot; ],
    	    debug : false
    	};
    
    	var socket = new SockJS(&quot;/mmyurl/&quot;,undefined,options);
    	var stompClient = Stomp.over(socket);
    	stompClient.connect({
    	    company : &quot;XXXXX&quot;
    	}, function(frame) {
    	    stompClient.subscribe(&#39;/topic/mytopic&#39;, function(message){ 
    	    	var myitem = JSON.parse(message.body);
    	    	
    	    });

all works fine, the problem is that on the javascript console is full of debug messages like this:

    &lt;&lt;&lt; MESSAGE
    content-type:application/json;charset=UTF-8
    subscription:sub-1
    message-id:o6g660dt-113
    destination:/topic/mytopic
    content-length:411

And I want to disable the messages.

I tried to change some option and also tried to register simply:

    var socket = new SockJS(&quot;/mmyurl/&quot;);

but it doesn&#39;t work.

Is there a way to disable the debug messages?

Any help is appreciated


How to disable debug messages on sockjs- STOMP

I have the follow situation:
<pre><code class="hljs language-javascript"> var options = {
	 protocols_whitelist : [ "websocket", "xhr-streaming", "xdr-streaming", "xhr-polling", "xdr-polling", "iframe-htmlfile", "iframe-eventsource", "iframe-xhr-polling" ],
	 debug : false
	};

	var socket = new SockJS("/mmyurl/",undefined,options);
	var stompClient = Stomp.over(socket);
	stompClient.connect({
	 company : "XXXXX"
	}, function(frame) {
	 stompClient.subscribe('/topic/mytopic', function(message){ 
	 	var myitem = JSON.parse(message.body);
	 	
	 });
</code></pre>
all works fine, the problem is that on the javascript console is full of debug messages like this:
<pre><code class="hljs language-makefile">&#x3C;&#x3C;&#x3C; MESSAGE
content-type:application/json;charset=UTF-8
subscription:sub-1
message-id:o6g660dt-113
destination:/topic/mytopic
content-length:411
</code></pre>
And I want to disable the messages.
I tried to change some option and also tried to register simply:
<pre><code class="hljs language-ini">var socket = new SockJS("/mmyurl/");
</code></pre>
but it doesn't work.
Is there a way to disable the debug messages?
Any help is appreciated

I am using Thymeleaf as template engine. How I pass a variable from Spring model to JavaScript variable?


Spring-side:

    @RequestMapping(value = &quot;message&quot;, method = RequestMethod.GET)
    public String messages(Model model) {
        model.addAttribute(&quot;message&quot;, &quot;hello&quot;);
        return &quot;index&quot;;
    }

Client-side:

    &lt;script&gt;
        ....
        var m = ${message}; // not working
        alert(m);
        ...
    &lt;/script&gt;


Setting up a JavaScript variable from Spring model by using Thymeleaf

I&#39;m rewriting my app to use Flux and I have an issue with retrieving data from Stores. I have a lot of components, and they nest a lot. Some of them are large (`Article`), some are small and simple (`UserAvatar`, `UserLink`).

I&#39;ve been struggling with where in component hierarchy I should read data from Stores.  
I tried two extreme approaches, neither of which I quite liked:

## All entity components read their own data

Each component that needs some data from Store receives just entity ID and retrieves entity on its own.  
For example, `Article` is passed `articleId`, `UserAvatar` and `UserLink` are passed `userId`.

This approach has several significant downsides (discussed under code sample).


    var Article = React.createClass({
      mixins: [createStoreMixin(ArticleStore)],

      propTypes: {
        articleId: PropTypes.number.isRequired
      },

      getStateFromStores() {
        return {
          article: ArticleStore.get(this.props.articleId);
        }
      },

      render() {
        var article = this.state.article,
            userId = article.userId;

        return (
          &lt;div&gt;
            &lt;UserLink userId={userId}&gt;
              &lt;UserAvatar userId={userId} /&gt;
            &lt;/UserLink&gt;

            &lt;h1&gt;{article.title}&lt;/h1&gt;
            &lt;p&gt;{article.text}&lt;/p&gt;

            &lt;p&gt;Read more by &lt;UserLink userId={userId} /&gt;.&lt;/p&gt;
          &lt;/div&gt;
        )
      }
    });

    var UserAvatar = React.createClass({
      mixins: [createStoreMixin(UserStore)],

      propTypes: {
        userId: PropTypes.number.isRequired
      },

      getStateFromStores() {
        return {
          user: UserStore.get(this.props.userId);
        }
      },

      render() {
        var user = this.state.user;

        return (
          &lt;img src={user.thumbnailUrl} /&gt;
        )
      }
    });

    var UserLink = React.createClass({
      mixins: [createStoreMixin(UserStore)],

      propTypes: {
        userId: PropTypes.number.isRequired
      },

      getStateFromStores() {
        return {
          user: UserStore.get(this.props.userId);
        }
      },

      render() {
        var user = this.state.user;

        return (
          &lt;Link to=&#39;user&#39; params={{ userId: this.props.userId }}&gt;
            {this.props.children || user.name}
          &lt;/Link&gt;
        )
      }
    });


Downsides of this approach:

* It&#39;s frustrating to have 100s components potentially subscribing to Stores;
* It&#39;s **hard to keep track of how data is updated and in what order** because each component retrieves its data independently;
* Even though you might *already* have an entity in state, you are forced to pass its ID to children, who will retrieve it again (or else break the consistency).

## All data is read once at the top level and passed down to components

When I was tired of tracking down bugs, I tried to put all data retrieving at the top level. This, however, proved impossible because for some entities I have several levels of nesting.

For example:

* A `Category` contains `UserAvatar`s of people who contribute to that category;
* An `Article` may have several `Category`s.

Therefore if I wanted to retrieve all data from Stores at the level of an `Article`, I would need to:

* Retrieve article from `ArticleStore`;
* Retrieve all article&#39;s categories from `CategoryStore`;
* Separately retrieve each category&#39;s contributors from `UserStore`;
* Somehow pass all that data down to components.

Even more frustratingly, whenever I need a deeply nested entity, I would need to add code to each level of nesting to additionally pass it down.

## Summing Up

Both approaches seem flawed. How do I solve this problem most elegantly?

My objectives:

* Stores shouldn&#39;t have an insane number of subscribers. It&#39;s stupid for each `UserLink` to listen to `UserStore` if parent components already do that.

* If parent component has retrieved some object from store (e.g. `user`), I don&#39;t want any nested components to have to fetch it again. I should be able to pass it via props.

* I shouldn&#39;t have to fetch all entities (including relationships) at the top level because it would complicate adding or removing relationships. I don&#39;t want to introduce new props at all nesting levels each time a nested entity gets a new relationship (e.g. category gets a `curator`).

At what nesting level should components read entities from Stores in Flux?

One of the things I appreciate the most about Backbone.js is how simple and elegant inheritance works. I&#39;m starting to get to grips with React, and can&#39;t really find anything in react that resembles this Backbone code

    var Vehicle = Backbone.View.extend({
    	methodA: function() { // ... }
    	methodB: function() { // ... }
    	methodC: function() { // ... }
    });
    
    var Airplane = Vehicle.extend({
    	methodC: function() {
    		// Overwrite methodC from super
    	}
    });

In react we [have mixins](http://facebook.github.io/react/docs/reusable-components.html#mixins), and using those we could get somewhat close to the above example if we went like this

    var vehicleMethods = {
        methodA: function() { // ... }
        methodB: function() { // ... }
    }
    
    var Vehicle = React.createClass({
        mixins: [vehicleMethods]
        methodC: function() { 
            // Define method C for vehicle
        }
    });
    
    var Airplane = React.createClass({
        mixins: [vehicleMethods]
        methodC: function() {
            // Define method C again for airplane
        }
    });

This is less repetitive than defining the same stuff over and over again, but it doesn&#39;t seem to be nearly as flexible as the Backbone way. For instance, I get an error if I try to redefine/overwrite a method that exists in one of my mixins. On top of that, the React.js way is more code for me to write.

There is some incredibly clever stuff in react, and it feels like this is more the case of me not getting how to properly do this, than it feels like a feature missing from React.

Any pointers are greatly appreciated.


Extending React.js components

I&#39;m using Bootstrap 3.0.2 and the [Bootstrap-select][1] plugin.


**Here&#39;s my select list**:

&lt;!-- language: lang-html --&gt;

    &lt;select class=&quot;selectpicker&quot; data-live-search=&quot;true&quot; data-size=&quot;7&quot;&gt;
	  &lt;option&gt;Petr Karel&lt;/option&gt;
      &lt;option&gt;Honza Nov&#225;k&lt;/option&gt;
      &lt;option&gt;David Egydy&lt;/option&gt;
      &lt;option&gt;Sl&#225;va Kov&#225;ř&lt;/option&gt;
      &lt;option&gt;Hana Skalick&#225;&lt;/option&gt;
      &lt;option&gt;Simona Kol&#225;řov&#225;&lt;/option&gt;
      &lt;option&gt;Kateřina Sychov&#225;&lt;/option&gt;
      &lt;option&gt;Am&#225;lka Sychov&#225;&lt;/option&gt;
      &lt;option&gt;Jana Sychov&#225;&lt;/option&gt;
      &lt;option&gt;Magdal&#233;na Sychov&#225;&lt;/option&gt;
      &lt;option&gt;Tereza Sychov&#225;&lt;/option&gt;
      &lt;option&gt;Bohdana Sychov&#225;&lt;/option&gt;
    &lt;/select&gt;

**Here&#39;s my JavaScript**:

&lt;!-- language: lang-js --&gt;         

    //inicialization of select picker
    $(&#39;.selectpicker&#39;).selectpicker();
     
    //on change function i need to control selected value
    $(&#39;select.selectpicker&#39;).on(&#39;change&#39;, function(){
       var selected = $(&#39;.selectpicker option:selected&#39;).val();
       alert(selected);
    });


### Issue

My problem is that change function won&#39;t work. It doesn&#39;t do anything, and I can&#39;t find solution by myself.

If i put it into document ready instead change function it seems to be working. So i guess i have mistake somewhere in: 

    $(&#39;select.selectpicker&#39;).on(&#39;change&#39;, function(){

I also tried to use only: 

    $(&#39;.selectpicker&#39;).on(&#39;change&#39;, function(){

without this select prefix but nothing changes.

### UPDATE

Solution is putting jquery code into `document.ready()`. Thanks to [Kartikeya][2]

[1]: http://silviomoreto.github.io/bootstrap-select/
[2]: https://stackoverflow.com/users/3852595/kartikeya

Bootstrap-select - how to fire event on change

I have the following code:

      for (i in awards) {
             if (awards[i] instanceof Array === false) {
                   console.log(awards[i]);
                    httpFactory.patch(awards[i], {&quot;read&quot;: true}, false);
                 }
           }

My IDE shows this error relating to the code above:



&gt; Possible iteration over unexpected (custom / inherited) members,
&gt; probably missing hasOwnProperty check
&gt; 
&gt; Checks for any instances of unfiltered for-in loops in JavaScript. The
&gt; use of this construct results in processing inherited or unexpected
&gt; properties. You need to filter own properties with hasOwnProperty()
&gt; method. The validation works in JavaScript, html or jsp files.


Could you explain in more detail what is meant by this statement?

JavaScript Possible Iteration Over Unexpected

Let&#39;s say I have a node server started with port `nn`, and there is not any WebSocket service on it.

And the problem is that my client trys to connect a WebSocket service to this server.

Obviously, it should fail to connect to the server.

But I couldn&#39;t catch this error, my client code is the following:

    try {
        this.ws = new WebSocket(&#39;ws://xxx:nn&#39;);
    } catch ( e ) {
        fallback();
        console.warn(e);
    }

My expectation is that the `fallback` method gets called while connecting fails, but actually the error is not caught by the above `try...catch`

Does anyone know how to catch the error in my usecase?

How to catch `WebSocket connection to &#39;ws://xxx:nn&#39; failed: Connection closed before receiving a handshake response` error?

Can someone please provide me very simple example of websocket client using `javax.websocket`?

I want to connect to websocket (ws://socket.example.com:1234), send message (add channel) and listen to messages. All messages (sent &amp; listened) are in JSON format.

And btw is this library the best for simple websocket communication?

javax.websocket client simple example

I&#39;m about to develop a website that has near real time chat. I know that it can be implemented using xmpp or websocket protocols. I know also that the xmpp protocol has been developed in 1999 , and I guess it should be mature nowadays .On the other hand , the websocket protocol has been developed in 2011. 

 1. What was the need for websocket if xmpp was good in handling real time conversations?
 2.  What are the major differences between the 2 protocols? 
 3. And when should I choose one of them over the other?


Xmpp Vs Websocket

I&#39;ve read that WS only works on HTTP, and that WSS works on both HTTP and HTTPS. Are WSS (Secure Web Socket) connections just as secure on an HTTP server as they are on an HTTPS server? Is a Web Socket Secure (WSS) connection still encrypted through TLS/SSL if the website/server is not?

WS on HTTP vs WSS on HTTPS

I&#39;ve recently set-up a local WebSocket server which works fine, however I&#39;m having a few troubles understanding how I should handle a sudden loss of connection which neither the client or server intentionally initiated, i.e: Server loses power, ethernet cables pulled out etc... I need the client&#39;s to know whether connection has been lost within ~10seconds.

Client side, connection is simply:

    var websocket_conn = new WebSocket(&#39;ws://192.168.0.5:3000&#39;);

	websocket_conn.onopen = function(e) {
		console.log(&#39;Connected!&#39;);
	};

	websocket_conn.onclose = function(e) {
		console.log(&#39;Disconnected!&#39;);
	};

I can manually trigger the connection disconnect which works fine,

    websocket_conn.close();

But if I simply pulled the ethernet cable out the back of the computer, or disabled the connection, `onclose` doesn&#39;t get called. I&#39;ve read in another post that it would eventually get called when [TCP detects loss of connectivity][1], but it&#39;s not in the timely manner that I need as the default for Firefox I believe is 10 minutes, and I don&#39;t really want to go around hundreds of computers `about:config` changing this value. The only other suggestion I&#39;ve read is to use a &#39;ping/pong&#39; keep-alive polling style method which seems counterintuitive to the idea of websockets.

Is there an easier way to detect this kind of disconnect behaviour? Are the old posts i&#39;m reading still up to date from a technical point, and the best method is still &#39;ping/pong&#39; style?

  [1]: https://stackoverflow.com/questions/11809267/how-do-i-know-if-connection-is-alive-with-websockets

Handling connection loss with websockets

I&#39;m trying to interact with an API from my Python 2.7 shell using a package that relies on Python&#39;s requests. Thing is the remote address is blocked by my network (university library). 

So to speak to the API I do the following:

    ~$ ssh -D 8080 name@myserver.com

And then, in new terminal, in local computer:

    ~$ export http_proxy=socks5://127.0.0.1:8080 https_proxy=socks5://127.0.0.1:8080

Then I run the program in Python console but fails:

    ~$ python
    &gt;&gt;&gt; import myscript
    &gt;&gt;&gt; id = &#39;1213&#39;
    &gt;&gt;&gt; token = &#39;jd87jd9&#39;
    &gt;&gt;&gt; connect(id,token)

    File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/sessions.py&quot;, line 518, in post
        return self.request(&#39;POST&#39;, url, data=data, json=json, **kwargs)
      File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/sessions.py&quot;, line 475, in request
        resp = self.send(prep, **send_kwargs)
      File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/sessions.py&quot;, line 585, in send
        r = adapter.send(request, **kwargs)
      File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/adapters.py&quot;, line 370, in send
        conn = self.get_connection(request.url, proxies)
      File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/adapters.py&quot;, line 273, in get_connection
        proxy_manager = self.proxy_manager_for(proxy)
      File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/adapters.py&quot;, line 169, in proxy_manager_for
        **proxy_kwargs
      File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/adapters.py&quot;, line 43, in SOCKSProxyManager
        raise InvalidSchema(&quot;Missing dependencies for SOCKS support.&quot;)
    requests.exceptions.InvalidSchema: Missing dependencies for SOCKS support.


This excerpt is from the [adapters.py requests module][1]:

    &gt; try:
    &gt;     from .packages.urllib3.contrib.socks import SOCKSProxyManager except ImportError:
    &gt;     def SOCKSProxyManager(*args, **kwargs):
    &gt;         raise InvalidSchema(&quot;Missing dependencies for SOCKS support.&quot;)

Now problem seems to be originated in urllib3&#39;s SOCKSProxyManager.

So I read you can use SOCKSProxyManager with SOCKS5 if you have install [PySocks][2] or you do a *pip install urllib3[socks]*

Alas, I tried both PySocks and urllib3 with Socks without any success.

Any idea of another workaround?


  [1]: http://docs.python-requests.org/en/master/_modules/requests/adapters/
  [2]: https://pypi.python.org/pypi/PySocks


**EDIT:**

I also tried *pip install requests[socks]* (that&#39;s requests 2.10.0 with Socks support) and I am getting this:

      File &quot;/home/username/.virtualenvs/venv/local/lib/python2.7/site-packages/requests/adapters.py&quot;, line 467, in send
        raise ConnectionError(e, request=request)
    requests.exceptions.ConnectionError: SOCKSHTTPSConnectionPool(host=&#39;api-server.com&#39;, port=443): Max retries exceeded with url: /auth (Caused by NewConnectionError(&#39;&lt;requests.packages.urllib3.contrib.socks.SOCKSHTTPSConnection object at 0x95c7ccc&gt;: Failed to establish a new connection: SOCKS5 proxy server sent invalid data&#39;,))



Python&#39;s requests &quot;Missing dependencies for SOCKS support&quot; when using SOCKS5 from Terminal

I have, what I think to be, a very simple Spring WebSocket application.  However, I&#39;m trying to use path variables for the subscription as well as the message mapping.

I&#39;ve posted a paraphrased example  below. I would expect the `@SendTo` annotation to return back to the subscribers based on their `fleetId`.  ie, a `POST` to `/fleet/MyFleet/driver/MyDriver` should notify subscribers of `/fleet/MyFleet`, but I&#39;m not seeing this behavior.

It&#39;s worth noting that subscribing to literal `/fleet/{fleetId}` works.  Is this intended?  Am I missing some piece of configuration?  Or is this just not how it works?

I&#39;m not very familiar with WebSockets or this Spring project yet, so thanks in advance.

**Controller.java**

    ...
    @MessageMapping(&quot;/fleet/{fleetId}/driver/{driverId}&quot;)
	@SendTo(&quot;/topic/fleet/{fleetId}&quot;)
	public Simple simple(@DestinationVariable String fleetId, @DestinationVariable String driverId) {
		return new Simple(fleetId, driverId);
	}
    ...


**WebSocketConfig.java**

    @Configuration
    @EnableWebSocketMessageBroker
    public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {
    	@Override
    	public void configureMessageBroker(MessageBrokerRegistry config) {
    		config.enableSimpleBroker(&quot;/topic&quot;);
    		config.setApplicationDestinationPrefixes(&quot;/live&quot;);
    	}
    
    	@Override
    	public void registerStompEndpoints(StompEndpointRegistry registry) {
    		registry.addEndpoint(&quot;/fleet&quot;).withSockJS();
    	}
    }

**index.html**

	var socket = new SockJS(&#39;/fleet&#39;);
	var stompClient = Stomp.over(socket);
	stompClient.connect({}, function(frame) {
        // Doesn&#39;t Work
        stompClient.subscribe(&#39;/topic/fleet/MyFleet&#39;, function(greeting) {
        // Works
		stompClient.subscribe(&#39;/topic/fleet/{fleetId}&#39;, function(greeting) {
			// Do some stuff
		});
	});

**Send Sample**

		stompClient.send(&quot;/live/fleet/MyFleet/driver/MyDriver&quot;, {}, JSON.stringify({
			// Some simple content
		}));

Path variables in Spring WebSockets @SendTo mapping

What are the major differences between WebSocket and STOMP protocols?

Content Type	Original Author	Original Content on Stackoverflow
Question	J.R.	View Question on Stackoverflow
Solution 1 - Javascript	J.R.	View Answer on Stackoverflow
Solution 2 - Javascript	PaulB	View Answer on Stackoverflow

How to disable debug messages on sockjs- STOMP

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

What's the difference between assertion library, testing framework and testing environment in javascript?

Static functions outside classes

Attributions