[web] styled components

miguelmota · Mar 23, 2019 · 35a476c · 35a476c
1 parent 0f60f0f
commit 35a476c
Show file tree

Hide file tree

Showing 28 changed files with 521 additions and 411 deletions.
diff --git a/Makefile b/Makefile
@@ -12,13 +12,22 @@ cli:
 	@node packages/client/cli.js --help
 
 server:
-	@(cd packages/server && npm start)
+	@(cd packages/server && HOST_URL='http://localhost:3000' PORT=3001 NET_PORT=1337 npm start)
 
 web:
 	@(cd packages/web && npm start)
 
+build/web:
+	@(cd packages/web && npm run build)
+
 build/docker:
 	@docker build -t miguelmota/streamhut .
 
+push/docker:
+	@docker push miguelmota/streamhut:latest
+
 start/docker:
-	@docker run -e PORT=3000 -p 3000:3000 miguelmota/streamhut:latest
+	@docker run NET_PORT=1337 -e PORT=8080 -p 8080:8080 -p 1337:1337 miguelmota/streamhut:latest
+
+start/docker/prod:
+	@docker run -e HOST_URL='https://streamhut.io' -e NET_PORT=1337 -e PORT=8080 -p 8080:8080 -p 1337:1337 --restart unless-stopped miguelmota/streamhut:latest
diff --git a/README.md b/README.md
@@ -167,8 +167,8 @@ $ (echo -n; sleep 5; htop) | tee >(nc streamhut.io 1337)
 
 ```bash
 $ streamhut server -p 1336
-HTTP/WebSocket server on port: 1336
-                  Netcat port: 1337
+HTTP/WebSocket port: 1336
+           TCP port: 1337
 ```
 
 Then specify local hostname and port to connect:
@@ -189,35 +189,19 @@ hello
 
 ## Development
 
-Watch and build client scripts
-
-```bash
-$ npm run watch
-```
-
-Build client scripts
-
-```bash
-$ npm run build
-```
-
 Start server
 
 ```bash
-$ npm start
+$ make server
 
-HTTP/WebSocket server on port: 8956
-                  Netcat port: 8967
+HTTP/WebSocket port: 3001
+           TCP port: 1337
 ```
 
-Start server on specific port
+Start web
 
 ```bash
-$ PORT=8080 npm start
-
-Listening on port 8080
-HTTP/WebSocket server on port: 8080
-                  Netcat port: 8081
+$ make web
 ```
 
 ## Test

diff --git a/packages/server/server.js b/packages/server/server.js
@@ -119,7 +119,7 @@ function start(props = {}) {
   const server = http.createServer(callback)
 
   server.listen(port, () => {
-    console.log(`HTTP/WebSocket server on port: ${port}`)
+    console.log(`HTTP/WebSocket port: ${port}`)
   })
 
   const sock = new WebSocket.Server({
@@ -173,8 +173,11 @@ function start(props = {}) {
     })
   })
 
-  netServer.listen(netPort, () => {
-    console.log(`                  Netcat port: ${netPort}`)
+  netServer.listen({
+    hostname: '0.0.0.0',
+    port: netPort
+  }, () => {
+    console.log(`           TCP port: ${netPort}`)
   })
 }
 

diff --git a/packages/web/build/asset-manifest.json b/packages/web/build/asset-manifest.json
@@ -1,13 +1,13 @@
 {
-  "main.css": "/static/css/main.93090b0e.chunk.css",
-  "main.js": "/static/js/main.86743c50.chunk.js",
-  "main.js.map": "/static/js/main.86743c50.chunk.js.map",
+  "main.css": "/static/css/main.bbaa334c.chunk.css",
+  "main.js": "/static/js/main.64c62747.chunk.js",
+  "main.js.map": "/static/js/main.64c62747.chunk.js.map",
   "runtime~main.js": "/static/js/runtime~main.a8a9905a.js",
   "runtime~main.js.map": "/static/js/runtime~main.a8a9905a.js.map",
-  "static/js/2.4cf74178.chunk.js": "/static/js/2.4cf74178.chunk.js",
-  "static/js/2.4cf74178.chunk.js.map": "/static/js/2.4cf74178.chunk.js.map",
+  "static/js/2.c01d5fa3.chunk.js": "/static/js/2.c01d5fa3.chunk.js",
+  "static/js/2.c01d5fa3.chunk.js.map": "/static/js/2.c01d5fa3.chunk.js.map",
   "index.html": "/index.html",
-  "precache-manifest.ac5be71389e2b64fb8890d092212f923.js": "/precache-manifest.ac5be71389e2b64fb8890d092212f923.js",
+  "precache-manifest.398db0968e3596ce10c085a0835b5191.js": "/precache-manifest.398db0968e3596ce10c085a0835b5191.js",
   "service-worker.js": "/service-worker.js",
-  "static/css/main.93090b0e.chunk.css.map": "/static/css/main.93090b0e.chunk.css.map"
+  "static/css/main.bbaa334c.chunk.css.map": "/static/css/main.bbaa334c.chunk.css.map"
 }
diff --git a/packages/web/build/index.html b/packages/web/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="description" content="Stream and send data; web to web, terminal to web, or web to terminal."/><meta name="viewport" content="initial-scale=1,user-scalable=yes,width=device-width"/><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/assets/ms-icon-144x144.png"><link rel="manifest" href="/manifest.json"/><title>Streamhut</title><link rel="apple-touch-icon" sizes="57x57" href="/assets/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/assets/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/assets/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/assets/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/assets/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/assets/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/assets/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/assets/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-icon-180x180.png"><link rel="manifest" href="/assets/manifest.json"><link rel="canonical" href="https://streamhut.io/"/><link rel="shortcut icon" id="favicon" href="/favicon.ico"/><link rel="stylesheet" href="/css/xterm.css"/><script async src="https://www.googletagmanager.com/gtag/js?id=UA-39494276-6"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-39494276-6")</script><link href="/static/css/main.93090b0e.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="./vendor/xterm.js"></script><script src="./vendor/fit.js"></script><script src="./vendor/encoding-indexes.js"></script><script src="./vendor/encoding.js"></script><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.4cf74178.chunk.js"></script><script src="/static/js/main.86743c50.chunk.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="description" content="Stream and send data; web to web, terminal to web, or web to terminal."/><meta name="viewport" content="initial-scale=1,user-scalable=yes,width=device-width"/><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/assets/ms-icon-144x144.png"><link rel="manifest" href="/manifest.json"/><title>Streamhut</title><link rel="apple-touch-icon" sizes="57x57" href="/assets/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/assets/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/assets/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/assets/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/assets/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/assets/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/assets/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/assets/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-icon-180x180.png"><link rel="manifest" href="/assets/manifest.json"><link rel="canonical" href="https://streamhut.io/"/><link rel="shortcut icon" id="favicon" href="/favicon.ico"/><link rel="stylesheet" href="/css/xterm.css"/><script async src="https://www.googletagmanager.com/gtag/js?id=UA-39494276-6"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-39494276-6")</script><link href="/static/css/main.bbaa334c.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="./vendor/xterm.js"></script><script src="./vendor/fit.js"></script><script src="./vendor/encoding-indexes.js"></script><script src="./vendor/encoding.js"></script><script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script><script src="/static/js/2.c01d5fa3.chunk.js"></script><script src="/static/js/main.64c62747.chunk.js"></script></body></html>
diff --git a/packages/web/build/precache-manifest.398db0968e3596ce10c085a0835b5191.js b/packages/web/build/precache-manifest.398db0968e3596ce10c085a0835b5191.js
@@ -0,0 +1,22 @@
+self.__precacheManifest = [
+  {
+    "revision": "42ac5946195a7306e2a5",
+    "url": "/static/js/runtime~main.a8a9905a.js"
+  },
+  {
+    "revision": "bac58057b20b92592ee3",
+    "url": "/static/js/main.64c62747.chunk.js"
+  },
+  {
+    "revision": "7b5b736262012556d30a",
+    "url": "/static/js/2.c01d5fa3.chunk.js"
+  },
+  {
+    "revision": "bac58057b20b92592ee3",
+    "url": "/static/css/main.bbaa334c.chunk.css"
+  },
+  {
+    "revision": "896519d5fa607f195dc74b00919dadd3",
+    "url": "/index.html"
+  }
+];
diff --git a/packages/web/build/precache-manifest.ac5be71389e2b64fb8890d092212f923.js b/packages/web/build/precache-manifest.ac5be71389e2b64fb8890d092212f923.js
diff --git a/packages/web/build/service-worker.js b/packages/web/build/service-worker.js
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.ac5be71389e2b64fb8890d092212f923.js"
+  "/precache-manifest.398db0968e3596ce10c085a0835b5191.js"
 );
 
 workbox.clientsClaim();

diff --git a/packages/web/build/static/css/main.93090b0e.chunk.css b/packages/web/build/static/css/main.93090b0e.chunk.css
diff --git a/packages/web/build/static/css/main.93090b0e.chunk.css.map b/packages/web/build/static/css/main.93090b0e.chunk.css.map