Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all \u003cpre\u003e\u003ccode\u003e blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks"); } } catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); } })(); (function(){ try { var __m = "github.com"; var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length \u003e 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Repository files navigation

socket.io

Sockets for the rest of us

The socket.io client is basically a simple HTTP Socket interface implementation. It allows you to establish a realtime connection with a server (see socket.io server here), hiding the complexity of the different transports (WebSocket, Flash, forever iframe, XHR long polling, XHR multipart encoded, etc), while retaining a WebSocket-like API:

socket = new io.Socket('localhost');
socket.connect();
socket.on('connect', function(){
// connected
});
socket.on('message', function(data){
// data here
});
socket.send('some data');

Features

  • Supports

    • WebSocket
    • Adobe Flash Socket
    • ActiveX HTMLFile (IE)
    • XHR with multipart encoding
    • XHR with long-polling
    • JSONP polling (for cross-domain)
  • Tested on

    • Safari 4
    • Google Chrome 5
    • Internet Explorer 6
    • Internet Explorer 7
    • Internet Explorer 8
    • iPhone Safari
    • iPad Safari
    • Firefox 3
    • Firefox 4 (Minefield)
    • Opera 10.61
  • ActionScript Socket is known not to work behind proxies, as it doesn't have access to the user agent proxy settings to implement the CONNECT HTTP method. If it fails, socket.io will try something else.

  • On a successful connection, it remembers the transport for next time (stores it in a cookie).

  • Small. Closure Compiled with all deps: 5.82kb (gzipped).

  • Easy to use! See socket.io-node for the server to connect to.

How to use

socket = new io.Socket('localhost');
socket.connect();
socket.send('some data');
socket.on('message', function(data){
alert('got some data' + data);
});

For an example, check out the chat source.

Notes

If you are serving you .swf from a other domain than socket.io.js you will need to change the WEB_SOCKET_SWF_LOCATION to the insecure version.

<script>WEB_SOCKET_SWF_LOCATION = '/path/to/WebSocketMainInsecure.swf';</script>

The insecure version can be found here.

Documentation

io.Socket

new io.Socket(host, [options]);
Options:
  • secure

     false
    

    Use secure connections

  • port

     Current port or 80
    

    The port socket.io server is attached to (defaults to the document.location port).

  • resource

     socket.io
    

    The resource is what allows the socket.io server to identify incoming connections by socket.io clients. In other words, any HTTP server can implement socket.io and still serve other normal, non-realtime HTTP requests.

  • transports

     ['websocket', 'flashsocket', 'htmlfile', 'xhr-multipart', 'xhr-polling', 'jsonp-polling']
    

    A list of the transports to attempt to utilize (in order of preference).

  • transportOptions

     {
    someTransport: {
    someOption: true
    },
    ...
    }
    

    An object containing (optional) options to pass to each transport.

  • rememberTransport

     true
    

    A boolean indicating if the utilized transport should be remembered in a cookie.

  • connectTimeout

     5000
    

    The amount of miliseconds a transport has to create a connection before we consider it timed out.

  • tryTransportsOnConnectTimeout

     true
    

    A boolean indicating if we should try other transports when the connectTimeout occurs.

  • reconnect

     true
    

    A boolean indicating if we should automatically reconnect if a connection is disconnected.

  • reconnectionDelay

     500
    

    The amount of milliseconds before we try to connect to the server again. We are using a exponential back off algorithm for the following reconnections, on each reconnect attempt this value will get multiplied (500 > 1000 > 2000 > 4000 > 8000).

  • maxReconnectionAttempts

     10
    

    The amount of attempts should we make using the current transport to connect to the server? After this we will do one final attempt, and re-try with all enabled transport methods before we give up.

Properties:
  • options

    The passed in options combined with the defaults.

  • connected

    Whether the socket is connected or not.

  • connecting

    Whether the socket is connecting or not.

  • reconnecting

    Whether we are reconnecting or not.

  • transport

    The transport instance.

Methods:
  • connect

    Establishes a connection.

  • send(message)

    A string of data to send.

  • disconnect

    Closes the connection.

  • on(event, λ)

    Adds a listener for the event event.

  • removeEvent(event, λ)

    Removes the listener λ for the event event.

Events:
  • connect

    Fired when the connection is established and the handshake successful.

  • connecting(transport_type)

    Fired when a connection is attempted, passing the transport name.

  • connect_failed

    Fired when the connection timeout occurs after the last connection attempt. This only fires if the connectTimeout option is set. If the tryTransportsOnConnectTimeout option is set, this only fires once all possible transports have been tried.

  • message(message)

    Fired when a message arrives from the server

  • close

    Fired when the connection is closed. Be careful with using this event, as some transports will fire it even under temporary, expected disconnections (such as XHR-Polling).

  • disconnect

    Fired when the connection is considered disconnected.

  • reconnect(transport_type,reconnectionAttempts)

    Fired when the connection has been re-established. This only fires if the reconnect option is set.

  • reconnecting(reconnectionDelay,reconnectionAttempts)

    Fired when a reconnection is attempted, passing the next delay for the next reconnection.

  • reconnect_failed

    Fired when all reconnection attempts have failed and we where unsucessfull in reconnecting to the server.

Contributors

Guillermo Rauch <guillermo@learnboost.com>

Arnout Kazemier <info@3rd-eden.com>

License

(The MIT License)

Copyright (c) 2010 LearnBoost <dev@learnboost.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Sockets for the rest of us

Resources

Stars

1 star

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages