npm - sockethub - Versions diffs - 5.0.0-alpha.2 → 5.0.0-alpha.4 - Mend

sockethub 5.0.0-alpha.2 → 5.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/bin/sockethub +2 -29
package/build.js +21 -0
package/package.json +15 -65
package/{dist/defaults.json → sockethub.config.json} +8 -7
package/tsconfig.json +6 -68
package/README.md +0 -98
package/config.json.example +0 -32
package/dist/bootstrap/init.js +0 -74
package/dist/bootstrap/init.js.map +0 -1
package/dist/bootstrap/platforms.js +0 -103
package/dist/common.js +0 -20
package/dist/common.js.map +0 -1
package/dist/config.js +0 -60
package/dist/config.js.map +0 -1
package/dist/crypto.js +0 -38
package/dist/crypto.js.map +0 -1
package/dist/janitor.js +0 -98
package/dist/janitor.js.map +0 -1
package/dist/middleware/create-activity-object.js +0 -19
package/dist/middleware/create-activity-object.js.map +0 -1
package/dist/middleware/expand-activity-stream.js +0 -33
package/dist/middleware/expand-activity-stream.js.map +0 -1
package/dist/middleware/expand-activity-stream.test.data.js +0 -360
package/dist/middleware/expand-activity-stream.test.data.js.map +0 -1
package/dist/middleware/store-credentials.js +0 -19
package/dist/middleware/store-credentials.js.map +0 -1
package/dist/middleware/validate.js +0 -77
package/dist/middleware/validate.js.map +0 -1
package/dist/middleware/validate.test.data.js +0 -321
package/dist/middleware/validate.test.data.js.map +0 -1
package/dist/middleware.js +0 -54
package/dist/middleware.js.map +0 -1
package/dist/platform-instance.js +0 -226
package/dist/platform-instance.js.map +0 -1
package/dist/platform.js +0 -186
package/dist/platform.js.map +0 -1
package/dist/process-manager.js +0 -78
package/dist/process-manager.js.map +0 -1
package/dist/routes.js +0 -84
package/dist/routes.js.map +0 -1
package/dist/serve.js +0 -102
package/dist/serve.js.map +0 -1
package/dist/sockethub-client.js +0 -2604
package/dist/sockethub-client.js.map +0 -1
package/dist/sockethub-client.min.js +0 -2
package/dist/sockethub-client.min.js.LICENSE.txt +0 -24
package/dist/sockethub.js +0 -130
package/dist/sockethub.js.map +0 -1
package/dist/store.js +0 -17
package/dist/store.js.map +0 -1
package/src/bootstrap/init.d.ts +0 -8
package/src/bootstrap/init.ts +0 -91
package/src/bootstrap/platforms.js +0 -103
package/src/common.test.ts +0 -54
package/src/common.ts +0 -14
package/src/config.d.ts +0 -2
package/src/config.test.ts +0 -28
package/src/config.ts +0 -72
package/src/crypto.d.ts +0 -5
package/src/crypto.test.ts +0 -41
package/src/crypto.ts +0 -41
package/src/defaults.json +0 -32
package/src/janitor.d.ts +0 -8
package/src/janitor.ts +0 -89
package/src/middleware/create-activity-object.test.ts +0 -10
package/src/middleware/create-activity-object.ts +0 -13
package/src/middleware/expand-activity-stream.test.data.ts +0 -365
package/src/middleware/expand-activity-stream.test.ts +0 -78
package/src/middleware/expand-activity-stream.ts +0 -27
package/src/middleware/store-credentials.test.ts +0 -72
package/src/middleware/store-credentials.ts +0 -16
package/src/middleware/validate.d.ts +0 -1
package/src/middleware/validate.test.data.ts +0 -320
package/src/middleware/validate.test.ts +0 -47
package/src/middleware/validate.ts +0 -49
package/src/middleware.d.ts +0 -21
package/src/middleware.test.ts +0 -148
package/src/middleware.ts +0 -52
package/src/platform-instance.test.ts +0 -237
package/src/platform-instance.ts +0 -236
package/src/platform.ts +0 -189
package/src/process-manager.ts +0 -64
package/src/routes.test.ts +0 -100
package/src/routes.ts +0 -93
package/src/serve.ts +0 -79
package/src/sockethub-client.test.ts +0 -235
package/src/sockethub-client.ts +0 -164
package/src/sockethub.d.ts +0 -1
package/src/sockethub.ts +0 -184
package/src/store.test.ts +0 -26
package/src/store.ts +0 -17
package/test/init-suite.js +0 -41
package/test/sockethub-suite.js +0 -25
package/views/examples/dummy.ejs +0 -93
package/views/examples/feeds.ejs +0 -90
package/views/examples/irc.ejs +0 -239
package/views/examples/shared.js +0 -72
package/views/examples/xmpp.ejs +0 -191
package/views/index.ejs +0 -17
package/webpack.minified.config.js +0 -14
package/webpack.normal.config.js +0 -14

package/views/examples/dummy.ejs DELETED Viewed

@@ -1,93 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <title>Sockethub Example Dummy</title>
-    <style>
-      * { margin: 0; padding: 0; box-sizing: border-box; }
-      body { font: 13px Helvetica, Arial; }
-      form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
-      form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
-      form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
-      #messages { list-style-type: none; margin: 0; padding: 0; }
-      #messages li { padding: 5px 10px; }
-      #messages li:nth-child(odd) { background: #eee; }
-    </style>
-  </head>
-  <body>
-    <ul id="messages"></ul>
-    <form action="">
-      <input id="m" autocomplete="off" /><button>Send</button>
-    </form>
-    <script src="<%= address %>jquery.js"></script>
-    <script src="<%= address %>socket.io.js"></script>
-    <script src="<%= address %>activity-streams.min.js"></script>
-    <script src="<%= address %>sockethub-client.js"></script>
-    <script>
-      bdebug = function (msg, obj) { console.log(msg, obj); };
-      localStorage.debug = '<%= debug_scope %>';
-      var sc = new SockethubClient(io('<%= address %>', { path: '/sockethub' }));
-      // our user info
-      sc.ActivityStreams.Object.create({
-        'id': 'https://sockethub.org/examples/dummyUser',
-        'type': "person",
-        name: "Sockethub Examples - Dummy User"
-      });
-      // errors
-      sc.socket.on('failure', function (msg) {
-        bdebug('received failure: ', msg);
-      });
-      function displayMessage(msg) {
-        msg.actor = sc.ActivityStreams.Object.get(msg.actor);
-        bdebug('displaying message: ', msg);
-        $('#messages').append($('<li>').text(msg.actor.name + ': ' + msg.object.title));
-      }
-      sc.socket.on('completed', function (msg) {
-        bdebug('received completed event for: ', msg);
-      });
-      // handle incoming messages from the sockethub server
-      sc.socket.on('message', function (msg) {
-        bdebug('received message: ', msg);
-        if (Array.isArray(msg)) {
-          bdebug('is array len:' + msg.length);
-          for (var i = 0, len = msg.length; i < len; i++) {
-            bdebug('looping '+i+' ', msg[i]);
-            displayMessage(msg[i]);
-          }
-        } else {
-          displayMessage(msg);
-        }
-      });
-      // handler for user input, emit messages to sockethub server
-      $('form').submit(function () {
-        let text = $('#m').val();
-        const parts = text.split('fail:');
-        let type = 'echo';
-        text = parts[parts.length-1];
-        if (parts.length > 1) {
-          type = 'fail';
-        }
-        const msg = {
-          context: 'dummy',
-          'type': type,
-          actor: 'https://sockethub.org/examples/dummyUser',
-          object: {
-            'type': 'message',
-            content: text
-          }
-        };
-        bdebug('sending message: ', msg);
-        sc.socket.emit('message', msg);
-        $('#m').val('');
-        return false;
-      });
-    </script>
-  </body>
-</html>

package/views/examples/feeds.ejs DELETED Viewed

@@ -1,90 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <title>Sockethub Example Feed Reader</title>
-    <style>
-      * { margin: 0; padding: 0; box-sizing: border-box; }
-      body { font: 13px Helvetica, Arial; }
-      form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
-      form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
-      form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
-      #messages { list-style-type: none; margin: 0; padding: 0; }
-      #messages li { padding: 5px 10px; }
-      #messages li:nth-child(odd) { background: #eee; }
-    </style>
-  </head>
-  <body>
-    <ul id="messages"></ul>
-    <form action="">
-      <input id="m" autocomplete="off" /><button>Send</button>
-    </form>
-    <script src="<%= address %>jquery.js"></script>
-    <script src="<%= address %>socket.io.js"></script>
-    <script src="<%= address %>activity-streams.min.js"></script>
-    <script src="<%= address %>sockethub-client.js"></script>
-    <script>
-      localStorage.debug = '<%= debug_scope %>';
-      const sc = new SockethubClient(io('<%= address %>', { path: '/sockethub' }));
-      // errors
-      sc.socket.on('failure', function (msg) {
-        console.log('received failure: ', msg);
-      });
-      sc.socket.on('completed', function (msg) {
-        console.log('received completed event for: ', msg);
-        displayMessages(msg.object.content || []);
-      });
-      // handle incoming messages from the sockethub server
-      sc.socket.on('message', function (msg) {
-        console.log('received message: ', msg);
-        displayMessages(msg);
-      });
-      function displayMessages(msgs) {
-        if (Array.isArray(msgs)) {
-          for (let i = 0, len = msgs.length; i < len; i++) {
-            displayMessage(msgs[i]);
-          }
-        } else {
-          displayMessage(msgs);
-        }
-      }
-      function displayMessage(msg) {
-        console.log('displaying message: ', msg);
-        $('#messages').append($('<li>').html(`<b>${msg.object.name}</b>: ${msg.object.html}`));
-      }
-      // handler for user input, emit messages to sockethub server
-      $('form').submit(function () {
-        const msg = {
-          context: 'feeds',
-          'type': 'fetch',
-          actor: 'https://sockethub.org/examples/feeds',
-          object: {
-            'type': 'parameters'
-          },
-          target: {
-            'type': 'feed',
-            'id': $('#m').val()
-          }
-        };
-        console.log('sending message: ', msg);
-        sc.socket.emit('message', msg, (data) => { console.log('CALLBACK', data); });
-        $('#m').val('');
-        return false;
-      });
-      // our feed actor info
-      sc.ActivityStreams.Object.create({
-        'id': 'https://sockethub.org/examples/feeds',
-        'type': "website",
-        name: "Sockethub Examples - Feeds"
-      });
-    </script>
-  </body>
-</html>

package/views/examples/irc.ejs DELETED Viewed

@@ -1,239 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <title>Sockethub Example IRC Chat</title>
-    <style>
-      * { margin: 0; padding: 0; box-sizing: border-box; }
-      body { font: 0.8em Helvetica, Arial; }
-      h3 { color: #6B6767; font-size: 0.8em; margin-bottom: 1em; }
-      form#chat { background: #000; padding: 0.3em; position: fixed; bottom: 0; width: 100%; }
-      input { border: 0; padding: 5%; }
-      button { width: 20%; background: rgb(130, 224, 255); border: none; padding: 5%; }
-      button.invis { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0);}
-      button:hover { cursor: pointer; }
-      .messageInput { width: 80%; }
-      #messages { list-style-type: none; margin: 0; padding: 0; }
-      #messages li { padding: 0.1em 1%; }
-      #messages li:nth-child(odd) { background: #eee; }
-      .modal { position: fixed; top: 15%; left: 5%; width: 90%;
-               line-height: 1em; padding: 3% 0 3%;
-               background-color: #f1c40f; text-align: center;
-               z-index: 10; outline: 9999px solid rgba(0,0,0,0.5); }
-      @media only screen and (max-width: 1050px) {
-        body { font: 1em Helvetica, Arial; }
-        h3 { color: #6B6767; font-size: 1em; margin-bottom: 1.5em; }
-        input { border: 0; padding: 3%; width: 70%; font-size: 1em; }
-        button { width: 20%; border: none; padding: 3%; font-size: 1em; }
-      }
-      @media only screen and (max-width: 5000px) {
-        body { font: 0.9em Helvetica, Arial; }
-        h3 { color: #6B6767; font-size: 1.2em; margin-bottom: 1.5em; }
-        .modal input { border: 0; padding: 2%; width: 80%; font-size: 0.8em; }
-        .modal button { width: 10%; border: none; padding: 2%; font-size: 0.8em; }
-        input { padding: 1%; }
-        button { padding: 1%; width: 10%; }
-        .messageInput { width: 90%; }
-      }
-    </style>
-  </head>
-  <body>
-    <div class="modal">
-      <h3>Click `Join` to connect and join the IRC channel.</h3>
-      <form id="intro" action="">
-<!--        <input id="n" autocomplete="off" value="sh-"><button class="invis" disabled>nick</button>-->
-        <input id="j" autocomplete="off" value=""><button id="join">Join</button>
-      </form>
-    </div>
-    <ul id="messages"></ul>
-    <form id="chat" action="">
-      <input id="m" autocomplete="off" class="messageInput" disabled><button id="send" disabled>Send</button>
-    </form>
-    <script src="<%= address %>jquery.js"></script>
-    <script src="<%= address %>socket.io.js"></script>
-    <script src="<%= address %>sockethub-client.js"></script>
-    <script src="<%= address %>examples/shared.js"></script>
-    <script>
-      debug = function (msg, obj) { console.log(msg, obj); };
-      const examplesShared = new ExamplesShared();
-      const ircServer = 'irc.libera.chat';
-      localStorage.debug = 'sockethub:*';
-      const sc = new SockethubClient(io('<%= address %>', { path: '/sockethub' }));
-      let channel = 'sockethub-test';
-      let nick = `sh-${Math.random().toString(36).substr(2)}`;
-      console.log('nick: ' + nick);
-      $('#j').val('#' + channel);
-      function __normalizeMessage(msg) {
-        function __normalizeTargetFromContent(string) {
-          const postCMD = msg.object.content.substr(string.length + 1) + ' ';
-          const target = postCMD.substr(0, postCMD.indexOf(' '));
-          if (target.indexOf('#') === 0) {
-            msg.target = ircServer + '/' + target;
-            sc.ActivityStreams.Object.create({
-              'id': ircServer + '/' + target,
-              'type': "room",
-              name: target
-            });
-          } else {
-            msg.target = target + '@' + ircServer;
-            sc.ActivityStreams.Object.create({
-              'id': target + '@' + ircServer,
-              'type': "person",
-              name: target
-            });
-          }
-        }
-        if ((typeof msg.object === 'object') &&
-            (typeof msg.object.content === 'string')) {
-          if (msg.object.content.indexOf('/me') === 0) {
-            // show completed emotes from us
-            // rewrite as object to what the incoming objects should look like
-            msg.object['type'] = 'me';
-            msg.object.content = msg.object.content.substr(4);
-          } else if (msg.object.content.indexOf('/nick') === 0) {
-            msg.object['type'] = 'address';
-            msg['type'] = 'update';
-            __normalizeTargetFromContent('/nick');
-            delete msg.object.content;
-          } else if (msg.object.content.indexOf('/notice') === 0) {
-            // show completed emotes from us
-            // rewrite as object to what the incoming objects should look like
-            msg.object['type'] = 'notice';
-            __normalizeTargetFromContent('/notice');
-            msg.object.content = msg.object.content.substr(8 + object.target.name.length + 1);
-          }
-        }
-        return msg;
-      }
-      // creates an ActivityStreams object for our actor (us)
-      function __updateActor(_nick) {
-        debug(`update nick ${nick} to ${_nick}`);
-        // our irc user info
-        nick = _nick; // set global nick
-        sc.ActivityStreams.Object.create({
-          id: nick,
-          type: "person",
-          name: nick,
-          url: "http://sockethub.org",
-          image: {
-            url: "http://example.org/image.jpg",
-            mediaType: "image/jpeg",
-            width: 250,
-            height: 250
-          }
-        });
-        __updateCredentials();
-      }
-      function __updateCredentials() {
-        // sending irc credentials to sockethub server
-        const credentials = {
-          actor: nick,
-          context: 'irc',
-          type: 'credentials',
-          object: {
-            type: 'credentials',
-            nick: nick,
-            server: ircServer,
-            secure: true
-          }
-        };
-        debug('sending credentials: ', credentials);
-        sc.socket.emit('credentials', credentials, (err) => {
-          if (err) { console.log('failed to set credentials ', err); }
-          else { console.log('credentials set'); }
-        });
-      }
-      function handleMessage(msg) {
-        msg = sc.ActivityStreams.Stream(msg);
-        msg = __normalizeMessage(msg);
-        if (msg.error) {
-          debug('error', msg);
-          $('#messages').append($('<li>').text(msg.error));
-        // } else if (msg.type === 'connect') {
-        //   __updateActor(nick);
-        } else if ((typeof msg.object === 'object') &&
-          (typeof msg.object.content === 'string')) {
-          examplesShared.processIncomingMessage(msg);
-        } else if ((msg.type === 'update') &&
-          (msg.object.type === 'address') &&
-          (msg.actor.name === nick)) {
-          // our nick has been updated
-          __updateActor(msg.target.name);
-          examplesShared.processIncomingMessage(msg);
-        } else if (msg.type === 'join') {
-          $('.modal').css('display', 'none');
-          $('input#m').prop('disabled', false);
-          $('button#send').prop('disabled', false);
-        } else {
-          debug('nothing to do for message ', msg);
-          examplesShared.processIncomingMessage(msg);
-        }
-      }
-      // handle incoming messages from the sockethub server
-      sc.socket.on('message', handleMessage);
-      // handler for user input, emit messages to sockethub server
-      $('#chat').submit(function () {
-        let msg = {
-          type: 'send',
-          context: 'irc',
-          actor: nick,
-          object: {
-            type: 'message',
-            content: $('#m').val()
-          },
-          target: channel
-        };
-        msg = __normalizeMessage(msg);
-        debug('sending message: ', msg);
-        sc.socket.emit('message', msg, handleMessage);
-        $('#m').val('');
-        return false;
-      });
-      // handler for user input, emit messages to sockethub server
-      $('#join').click(function () {
-        channel = $('#j').val();
-        __updateActor(nick);
-        // the irc chatroom we're connecting to
-        sc.ActivityStreams.Object.create({
-          id: channel,
-          type: "room",
-          name: channel
-        });
-        debug('socket id: ', sc.socket.id);
-        const connect = {
-          type: 'connect',
-          context: 'irc',
-          actor: nick,
-        }
-        const join = {
-          type: 'join',
-          context: 'irc',
-          actor: nick,
-          target: channel
-        };
-        debug('sending connect: ', connect);
-        sc.socket.emit('message', connect, (msg) => {
-          handleMessage(msg);
-          debug('sending join: ', join);
-          sc.socket.emit('message', join, handleMessage);
-        });
-        return false;
-      });
-    </script>
-  </body>
-</html>

package/views/examples/shared.js DELETED Viewed

@@ -1,72 +0,0 @@
-function ExamplesShared() {}
-ExamplesShared.prototype.__displayPresenceUpdate = function (msg) {
-  const status = (msg.object.status) ? ': ' + msg.object.status : '';
-  let actor = msg.actor.id;
-  if (msg.object.presence !== 'offline') {
-    actor = document.createElement('a');
-    actor.appendChild(document.createTextNode(msg.actor.id));
-    actor.title = msg.actor.id;
-    actor.href = msg.actor.id;
-    $('#messages').append(actor);
-    // actor = '<a class="actor" href="' + msg.actor.id + '>' + msg.actor.id + '</a>';
-  }
-  $('#messages')
-    .append($('<li>').text(
-      '[ ' + msg.actor.id + ' is ' + msg.object.presence + ']' + status));
-};
-ExamplesShared.prototype.__displayMessageContent = function (msg) {
-  const name = (typeof msg.actor === 'object') ?
-    msg.actor.name || msg.actor.id : msg.type;
-  $('#messages').append($('<li>').text(name + ': ' + msg.object.content));
-};
-ExamplesShared.prototype.__displayUnknownContent = function (msg) {
-  debug('unknown message, applying default display rule ', msg);
-  $('#messages').append($('<li>').text(': ' + JSON.stringify(msg)));
-};
-ExamplesShared.prototype.processIncomingMessage = function (msg) {
-  console.log('incoming message: ', msg);
-  if (msg.type === 'query') {
-    if (msg.object.members) {
-      $('#messages').append($('<li>').text(` users in ${msg.actor.name}`))
-        .append($('<li>').text(`  [ ${msg.object.members.join(', ')} ]`));
-    }
-  } else if ((msg.type === 'pong') || (msg.type === 'ping')) {
-    $('#messages').append($('<li>').text(
-      `${msg.type} received from ${msg.actor.id} at ${msg.published}`));
-  } else if ((msg.type === 'update') && (msg.object.type === 'address')) {
-    $('#messages').append($('<li>').text(
-      `${msg.actor.name} is now known as ${msg.target.name}`));
-  } else if ((msg.type === 'update') && (msg.object.type === 'presence')) {
-    this.__displayPresenceUpdate(msg);
-  } else if ((msg.type === 'add' || msg.type === 'remove') &&
-             (msg.object.type === 'relationship')) {
-    const action = msg.type === 'add' ? 'set' : 'removed';
-    $('#messages').append($('<li>').text(
-      `${msg.actor.name} ${action} ${msg.object.relationship} of
-      ${msg.object.subject.role}`));
-  } else if (msg.type === 'join') {
-    $('#messages').append($('<li>').text(
-      `${msg.actor.name} has joined ${msg.target.name}`));
-  } else if ((msg.type === 'announce') && (msg.actor.type === 'service')) {
-    $('#messages').append($('<li>').text(`connected to ${msg.actor.id}`));
-  } else if (msg.type === 'error') {
-    console.log('error received: ', msg);
-  } else if (msg.type === 'close') {
-    console.log('close event received... offline.');
-  } else if (msg.object && msg.object.type === 'me') {
-    $('#messages').append($('<li>').text(
-      `* ${msg.actor.name} ${msg.object.content}`));
-  } else if (msg.object && msg.object.type === 'notice') {
-    $('#messages').append($(
-      '<li>').text(`NOTICE from ${msg.actor.name}: ${msg.object.content}`));
-  } else if (msg.object && msg.object.content) {
-    this.__displayMessageContent(msg);
-  } else {
-    this.__displayUnknownContent(msg);
-  }
-};

package/views/examples/xmpp.ejs DELETED Viewed

@@ -1,191 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <title>Sockethub Example XMPP Chat</title>
-    <style>
-      * { margin: 0; padding: 0; box-sizing: border-box; }
-      body { font: 0.8em Helvetica, Arial; }
-      h3 { color: #6B6767; font-size: 0.8em; margin-bottom: 1em; }
-      form#chat { background: #000; padding: 0.3em; position: fixed; bottom: 0; width: 100%; }
-      input { border: 0; padding: 5%; }
-      button { width: 20%; background: rgb(130, 224, 255); border: none; padding: 5%; }
-      button.invis { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0);}
-      button:hover { cursor: pointer; }
-      .messageInput { width: 80%; }
-      #messages { list-style-type: none; margin: 0; padding: 0; }
-      #messages li { padding: 0.1em 1%; }
-      #messages li:nth-child(odd) { background: #eee; }
-      .modal { position: fixed; top: 15%; left: 5%; width: 90%;
-               line-height: 1em; padding: 3% 0 3%;
-               background-color: #f1c40f; text-align: center;
-               z-index: 10; outline: 9999px solid rgba(0,0,0,0.5); }
-      @media only screen and (max-width: 1050px) {
-        body { font: 1em Helvetica, Arial; }
-        h3 { color: #6B6767; font-size: 1em; margin-bottom: 1.5em; }
-        input { border: 0; padding: 3%; width: 70%; font-size: 1em; }
-        button { width: 20%; border: none; padding: 3%; font-size: 1em; }
-      }
-      @media only screen and (max-width: 5000px) {
-        body { font: 0.9em Helvetica, Arial; }
-        h3 { color: #6B6767; font-size: 1.2em; margin-bottom: 1.5em; }
-        .modal input { border: 0; padding: 2%; width: 80%; font-size: 0.8em; }
-        .modal button { width: 10%; border: none; padding: 2%; font-size: 0.8em; }
-        input { padding: 1%; }
-        button { padding: 1%; width: 10%; }
-        .messageInput { width: 90%; }
-      }
-    </style>
-  </head>
-  <body>
-    <div class="modal">
-      <h3>Click `Join` to connect to the XMPP server.</h3>
-      <form id="intro" action="">
-        <input id="userAddress" autocomplete="off" value="username@jabber.org"><button class="invis" disabled>&nbsp;</button>
-        <input id="password" type="password" autocomplete="off" value="password"><button class="invis" disabled>&nbsp;</button>
-        <input id="resource" autocomplete="off" value="SockethubExample" disabled><button id="join">Join</button>
-      </form>
-    </div>
-    <ul id="messages"></ul>
-    <form id="chat" action="">
-      <input id="m" autocomplete="off" class="messageInput" disabled><button id="send" disabled>Send</button>
-    </form>
-    <script src="<%= address %>jquery.js"></script>
-    <script src="<%= address %>socket.io.js"></script>
-    <script src="<%= address %>sockethub-client.js"></script>
-    <script src="<%= address %>examples/shared.js"></script>
-    <script>
-      debug = function (msg, obj) { console.log(msg, obj); };
-      const examplesShared = new ExamplesShared();
-      localStorage.debug = 'sockethub:*';
-      let config = {
-        type: 'credentials',
-        userAddress: 'username@jabber.org',
-        password: '123456',
-        resource: 'Home'
-      };
-      let actorString = '';
-      const sc = new SockethubClient(io('<%= address %>', { path: '/sockethub' }));
-      // creates an ActivityStreams object for our actor (us)
-      function __updateActor(username) {
-        console.log('updating actor object for: ' + username);
-        // our xmpp user info
-        config.userAddress = username; // set global userAddress
-        actorString = config.userAddress + '/' + config.resource;
-        const asObject = {
-          id: actorString,
-          type: "person",
-          name: new URL('http://' + username).username,
-          url: "http://sockethub.org",
-          image: {
-            url: "http://example.org/image.jpg",
-            mediaType: "image/jpeg",
-            width: 250,
-            height: 250
-          }
-        };
-        console.log('creating activity stream object ', asObject);
-        sc.ActivityStreams.Object.create(asObject);
-      }
-      function handleMessage(msg) {
-        if (msg.error) {
-          debug('received error: ', msg);
-          console.error(msg.error);
-        } else if (msg['type'] === 'connect') {
-          $('.modal').css('display', 'none');
-        } else if (msg['type'] === 'join') {
-          $('input#m').prop('disabled', false);
-          $('button#send').prop('disabled', false);
-        } else {
-          examplesShared.processIncomingMessage(msg);
-        }
-      }
-      // handle incoming messages from the sockethub server
-      sc.socket.on('message', handleMessage);
-      $('.actor').click(function (e) {
-        e.preventDefault();
-        console.log('e: ', e);
-      });
-      // handler for user input, emit messages to sockethub server
-      $('#chat').submit(function (e) {
-        e.preventDefault();
-        const input = $('#m').val();
-        const [target, text_message] = input.split(':');
-        if ((!target || !text_message)) {
-          console.log(
-                  'unable to send message without target specified ' +
-                  '[room@server.org: hello world]: ',
-                  target, text_message, input);
-          return false;
-        }
-        const msg = {
-          type: 'send',
-          context: 'xmpp',
-          actor: actorString,
-          object: {
-            type: 'message',
-            content: text_message
-          },
-          target: target
-        };
-        console.log('[normalize?] sending ', msg);
-        debug('sending message: ', msg);
-        sc.socket.emit('message', msg, handleMessage);
-        $('#m').val('');
-        return false;
-      });
-      // handler for user input, emit messages to sockethub server
-      $('#join').click(function (e) {
-        e.preventDefault();
-        config.userAddress = $('#userAddress').val();
-        config.password = $('#password').val();
-        config.resource = $('#resource').val();
-        __updateActor(config.userAddress);
-        setTimeout(function () {
-          // sending irc credentials to sockethub server
-          const credentials = {
-            actor: actorString,
-            type: 'credentials',
-            context: 'xmpp',
-            object: config
-          };
-          debug('sending credentials: ', credentials);
-          sc.socket.emit('credentials', credentials, (err) => {
-            if (err) {
-              console.error('failed to create credentials: ', err);
-            }
-          });
-          const msg = {
-            type: 'connect',
-            context: 'xmpp',
-            actor: actorString
-          };
-          debug('sending message: ', msg);
-          sc.socket.emit('message', msg, handleMessage);
-          msg.type = 'join';
-          msg.target = {
-            type: 'room',
-            id: 'kosmos-random@kosmos.chat'
-          };
-          debug('sending message: ', msg);
-          sc.socket.emit('message', msg, handleMessage);
-        }, 100);
-        return false;
-      });
-    </script>
-  </body>
-</html>