├── .eslintrc
├── .gitignore
├── LICENCE.md
├── README.md
├── docs
    ├── .nojekyll
    ├── 0e021f12d426d36ff02a3e9001e29ec7.jpg
    ├── 12290a44ad51b2ff2c5edc8ef538e2dd.jpg
    ├── 1ea04a16928be0b78fd8f78d49107fb6.jpg
    ├── avatar.png
    ├── build.html
    ├── d69ae1e0d46bcf466774294e59378a37.jpg
    ├── err.html
    ├── index.html
    └── static
    │   ├── css
    │       ├── app.8f0b8c01.css
    │       └── app.8f0b8c01.css.map
    │   └── js
    │       ├── 0.9f0bc0a3.chunk.js
    │       ├── 0.9f0bc0a3.chunk.js.map
    │       ├── app.0e732cc4.js
    │       ├── app.0e732cc4.js.map
    │       ├── manifest.063c8024.js
    │       ├── manifest.063c8024.js.map
    │       ├── vendor.b4b3e991.js
    │       └── vendor.b4b3e991.js.map
├── example
    ├── .babelrc
    ├── .dockerignore
    ├── .eslintrc
    ├── Dockerfile
    ├── assets
    │   ├── avatar-favicon.sketch
    │   ├── avatar.sketch
    │   ├── images
    │   │   ├── 0.jpg
    │   │   ├── 1.jpg
    │   │   ├── 2.jpg
    │   │   ├── 3.jpg
    │   │   └── avatar.svg
    │   └── replays
    │   │   ├── build.txt
    │   │   └── err.txt
    ├── config
    │   ├── .webpack-records.json
    │   ├── babel.dev.js
    │   ├── babel.prod.js
    │   ├── paths.js
    │   ├── template
    │   │   ├── avatar.png
    │   │   └── index.html
    │   ├── webpack.config.dev.babel.js
    │   └── webpack.config.production.babel.js
    ├── package.json
    ├── server
    │   ├── index.js
    │   ├── package.json
    │   └── yarn.lock
    ├── src
    │   ├── App.js
    │   ├── Carusel.js
    │   ├── Container.js
    │   ├── Content.js
    │   ├── Layout.js
    │   ├── Replay.js
    │   ├── Term.js
    │   ├── __tests__
    │   │   └── dev.js
    │   ├── carusel.sass
    │   ├── container.sass
    │   ├── content.sass
    │   ├── enhancers
    │   │   ├── AsyncMatch.js
    │   │   └── MatchWithProps.js
    │   ├── layout.sass
    │   ├── main.js
    │   ├── main.sass
    │   ├── reducer.js
    │   ├── replay.sass
    │   └── utils
    │   │   ├── colors.js
    │   │   ├── defaultConfig.js
    │   │   ├── hterm.js
    │   │   └── runes.js
    └── yarn.lock
├── ideas.md
├── lerna.json
├── package.json
└── packages
    ├── pbl
        ├── README.md
        ├── index.js
        ├── lib
        │   └── cfg.js
        ├── package.json
        └── scripts
        │   └── run.sh
    ├── pbls
        ├── README.md
        ├── index.js
        ├── lib
        │   └── cfg.js
        ├── package.json
        └── scripts
        │   ├── clean.sh
        │   ├── install.sh
        │   └── run.sh
    ├── pty64
        ├── README.md
        ├── index.js
        └── package.json
    └── stdind
        ├── .babelrc
        ├── .dockerignore
        ├── .eslintrc
        ├── Dockerfile
        ├── LICENSE-3RD-PARTY.md
        ├── README.md
        ├── config
            ├── babel.dev.js
            ├── babel.prod.js
            ├── paths.js
            ├── template
            │   ├── avatar.png
            │   └── index.html
            ├── webpack.config.dev.babel.js
            └── webpack.config.production.babel.js
        ├── example.gif
        ├── examples
            └── longRunning.js
        ├── images
            └── avatar.svg
        ├── package.json
        ├── server
            ├── index.js
            ├── package.json
            └── yarn.lock
        ├── src
            ├── App.js
            ├── Container.js
            ├── Layout.js
            ├── Term.js
            ├── __tests__
            │   └── dev.js
            ├── container.sass
            ├── enhancers
            │   └── MatchWithProps.js
            ├── layout.sass
            ├── main.js
            ├── main.sass
            ├── reducer.js
            └── utils
            │   ├── colors.js
            │   ├── defaultConfig.js
            │   ├── hterm.js
            │   └── runes.js
        └── yarn.lock


/.eslintrc:
--------------------------------------------------------------------------------
 1 | 
 2 | {
 3 |   "extends": "airbnb",
 4 |   "parser": "babel-eslint",
 5 |   "env": {
 6 |     "browser": true,
 7 |     "mocha": true,
 8 |     "node": true
 9 |   },
10 |   "rules": {
11 |     "no-nested-ternary": 0,
12 |     "react/prop-types": 0,
13 |     "react/jsx-filename-extension": 0,
14 |     "no-sequences": 1,
15 |     "comma-dangle": 0,
16 |   },
17 |   "globals": {
18 |     "ReactElement": false
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | build
2 | node_modules
3 | npm-debug.log
4 | lerna-debug.log
5 | 


--------------------------------------------------------------------------------
/LICENCE.md:
--------------------------------------------------------------------------------
1 | MIT License
2 | 
3 | 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:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | 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.
8 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # pbl
 2 | 
 3 | `pbl` gives users the ability to make fast and easy deployment of their Docker powered applications and services onto their server.
 4 | Any directory that contains a Dockerfile can be deployed with just one command: `pbl`.
 5 | 
 6 | Every time a user deploys a project, `pbl` (by default), will immediately
 7 | provide a new unique URL.
 8 | While the build process runs, a full-featured, view-only terminal with all the build
 9 | process output will be available at the provided URL.
10 | 
11 | If the build process is successful, the app itself will become available at the same URL, otherwise the terminal with the build process output and error(s) will remain available.
12 | 
13 | ## Client install
14 | 
15 | ### Prerequisites
16 | 
17 | To make pbl work, nodejs needs to be installed on the client machine.
18 | 
19 | ### Install
20 | 
21 | ```bash
22 | npm install -g pbl
23 | pbl init --identity {SSH-IDENTITY-FILE-PATH} --server {USER@YOUR-SERVER-HOST-OR-IP}
24 | # example: pbl init --identity ~/.ssh/mykey.pem --server ubuntu@ui.revue.io
25 | ```
26 | 
27 | PS: For node projects, there is no need to setup `pbl` globally,
28 | and it can be installed into devDependencies of a project.
29 | 
30 | ## Server install
31 | 
32 | ### Prerequisites
33 | 
34 | Docker + Node LTS + build-essential (make) + python,
35 | you need to own domain name (or just use `/etc/hosts`),
36 | and have a DNS record for third (in some cases fourth) level pointing to your server.
37 | 
38 | I highly recommend you to use overlay2 for docker storage driver, because of this issue
39 | https://github.com/docker/docker/issues/10613
40 | 
41 | ### Install
42 | 
43 | ```bash
44 | npm install -g pbls
45 | pbls init --domain {YOUR DOMAIN}
46 | # example: pbls init --domain ui.revue.io
47 | # as I want to publish all content under fourth level domain
48 | ```
49 | 
50 | ## Usage Example
51 | 
52 | Clone current project.
53 | 
54 | Open `example` dir and run `pbl`, project will be published at `{rnd}.{YOUR DOMAIN}` host.
55 | 
56 | Run `pbl --name hello` then the project will be published at `hello.{YOUR DOMAIN}` host.
57 | 
58 | To use dockerfile with other name than `Dockerfile` just run as `pbl --dockerFile ./DockerfileOther`
59 | 
60 | By default `pbl` runs deploys in detached mode, and exits almost immediately after running,
61 | but sometimes if you need more control you can run `pbl` in `attached` mode,
62 | just add `--attached true`
63 | 
64 | To pass ARGs to Docker build, just append `--build-arg` like
65 | `pbl --name hello --build-arg PARAM=LALA`
66 | 
67 | ## Server cleanup
68 | 
69 | As most of the time all these containers are no longer needed after a few days, just add the following command into `cron`:
70 | 
71 | ```bash
72 | pbls clean --days {X}
73 | ```
74 | 
75 | This command will stop all containers that were started before `current date` - `{X}` days, and will also clean all exited containers.
76 | 
77 | For full cleanup run:
78 | 
79 | ```bash
80 | pbls clean --days 0
81 | ```
82 | 
83 | ## Contribute
84 | 
85 | To use locally:
86 | 
87 | * `npm install`
88 | 
89 | * add `127.0.0.1  *.localhost` to `/etc/hosts`,
90 | 
91 | * initialize `pbls` by running it directly as `./packages/pbls/index.js init --domain localhost`
92 | 
93 | * then `cd` `example` or any Dockerfile folder and run local pbl in dev mode like `../packages/pbl/index.js --mode dev`
94 | 
95 | ## TODO
96 | 
97 | Add running server output log to some path like `http://{NAME}.{YOUR DOMAIN}/logs`
98 | 


--------------------------------------------------------------------------------
/docs/.nojekyll:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/docs/0e021f12d426d36ff02a3e9001e29ec7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/docs/0e021f12d426d36ff02a3e9001e29ec7.jpg


--------------------------------------------------------------------------------
/docs/12290a44ad51b2ff2c5edc8ef538e2dd.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/docs/12290a44ad51b2ff2c5edc8ef538e2dd.jpg


--------------------------------------------------------------------------------
/docs/1ea04a16928be0b78fd8f78d49107fb6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/docs/1ea04a16928be0b78fd8f78d49107fb6.jpg


--------------------------------------------------------------------------------
/docs/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/docs/avatar.png


--------------------------------------------------------------------------------
/docs/build.html:
--------------------------------------------------------------------------------
1 | index.html


--------------------------------------------------------------------------------
/docs/d69ae1e0d46bcf466774294e59378a37.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/docs/d69ae1e0d46bcf466774294e59378a37.jpg


--------------------------------------------------------------------------------
/docs/err.html:
--------------------------------------------------------------------------------
1 | index.html


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><title>PBL</title><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"/><link rel="shortcut icon" href="/pbl/avatar.png"><link href="/pbl/static/css/app.8f0b8c01.css" rel="stylesheet"></head><body><div style="display:none"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="edit" viewBox="0 0 64 64"><path d="M34.983376,51.9565217 L29.8043478,65 L24.6253197,51.9565217 L34.983376,51.9565217 Z M36.0191816,49.3478261 L38.6086957,42.826087 L21,42.826087 L23.5895141,49.3478261 L36.0191816,49.3478261 Z M21,10.8695652 L25.5652174,10.8695652 L25.5652174,40.8695652 L21,40.8695652 L21,10.8695652 Z M34.0434783,10.8695652 L38.6086957,10.8695652 L38.6086957,40.8695652 L34.0434783,40.8695652 L34.0434783,10.8695652 Z M21,5 L38.6086957,5 L38.6086957,8.91304348 L21,8.91304348 L21,5 Z" transform="translate(29.804348, 35.000000) rotate(-315.000000) translate(-29.804348, -35.000000) "></path></symbol><symbol id="octocat" viewBox="0 0 33 33"><path d="M0.32,16.745 C0.32,23.942 4.987,30.047 11.46,32.201 C12.275,32.351 12.572,31.848 12.572,31.416 C12.572,31.03 12.558,30.005 12.55,28.646 C8.019,29.63 7.063,26.462 7.063,26.462 C6.322,24.58 5.254,24.079 5.254,24.079 C3.775,23.069 5.366,23.089 5.366,23.089 C7.001,23.204 7.861,24.768 7.861,24.768 C9.314,27.257 11.674,26.538 12.602,26.121 C12.75,25.069 13.171,24.351 13.636,23.944 C10.019,23.533 6.216,22.135 6.216,15.893 C6.216,14.115 6.851,12.66 7.893,11.522 C7.725,11.11 7.166,9.453 8.053,7.211 C8.053,7.211 9.42,6.773 12.532,8.881 C13.831,8.519 15.225,8.339 16.61,8.332 C17.994,8.339 19.387,8.519 20.688,8.881 C23.798,6.773 25.163,7.211 25.163,7.211 C26.052,9.453 25.493,11.11 25.326,11.522 C26.37,12.66 27,14.115 27,15.893 C27,22.151 23.191,23.528 19.563,23.931 C20.147,24.434 20.668,25.428 20.668,26.948 C20.668,29.125 20.648,30.882 20.648,31.416 C20.648,31.852 20.942,32.359 21.768,32.2 C28.236,30.041 32.899,23.94 32.899,16.745 C32.899,7.748 25.605,0.455 16.608,0.455 C7.614,0.455 0.32,7.748 0.32,16.745 Z"></path></symbol></svg></div><div id="app"></div><script type="text/javascript" src="/pbl/static/js/manifest.063c8024.js"></script><script type="text/javascript" src="/pbl/static/js/vendor.b4b3e991.js"></script><script type="text/javascript" src="/pbl/static/js/app.0e732cc4.js"></script></body></html>


--------------------------------------------------------------------------------
/docs/static/css/app.8f0b8c01.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}#app{min-height:100vh;display:-ms-flexbox;display:flex}body,html{font-size:16px;background-color:#272822;color:#f8f8f2;color:#ddd;font-family:Roboto;-webkit-font-smoothing:antialiased}body{visibility:hidden}.wf-active body,.wf-inactive body{visibility:visible}@media only screen and (max-width:700px){body,html{font-size:14px}}@media only screen and (max-width:550px){body,html{font-size:12px}}.container__component{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.container__content{-ms-flex:6;flex:6;position:relative;display:-ms-flexbox;display:flex}.container__contentAside{-ms-flex:1;flex:1;min-width:80px}@media only screen and (max-width:700px){.container__content{-ms-flex:10;flex:10}.container__contentAside{min-width:20px}}.carusel__main{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.carusel__holder{-ms-flex:1;flex:1}.carusel__card{position:relative}.carusel__card:before{display:block;width:100%;padding-top:75%;content:""}.carusel__card>.carusel__aspectRatioContent{position:absolute;top:0;left:0;width:100%;height:100%}.carusel__card.slick-center{z-index:100}.carusel__card.slick-center .carusel__innerCard{border:1px solid #fff}.carusel__aspectRatioContent,.carusel__innerCard{display:-ms-flexbox;display:flex}.carusel__innerCard{background-size:cover;margin:3px;border:1px solid transparent;-ms-flex:1;flex:1;background-color:#272822}.carusel__description{-ms-flex:1;flex:1;min-height:32px;text-shadow:1px 1px 1px rgba(0,0,0,.8);font-size:14px;margin:auto 5px 5px;padding:5px;background-color:rgba(0,0,0,.7)}.content__main{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:500px}.content__main A,.content__main H1,.content__main STRONG{color:#20beff;text-decoration:none}.content__main P:last-child{text-align:right}.content__data{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.content__link{text-decoration:none}*{min-width:0;min-height:0}.layout__component{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.layout__header{border-bottom:1px solid #666;background-color:rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#999}.layout__header A,.layout__header H1{color:#20beff;text-decoration:none}.layout__header SPAN{font-size:10px;margin-left:4px}@media only screen and (max-width:550px){.layout__header SPAN{display:none}}.layout__header .layout__headerMenu A{font-size:14px;margin-left:6px}.layout__header .layout__headerMenu A+A{margin-left:6px}.layout__header .layout__headerContent{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:baseline;align-items:baseline}.layout__header .layout__headerLeft{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline}.layout__header .layout__headerLeft .layout__headerText{margin:10px 0}.layout__loading{margin:auto}.layout__footer{font-size:.8rem;height:2rem;border-top:1px solid hsla(0,0%,100%,.1);background-color:rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.layout__footer .layout__footerContent{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:baseline;align-items:baseline}.layout__team{color:#999;font-size:10px}.layout__avatarLine{height:0;position:relative;pointer-events:none}.layout__avatarHolder{position:absolute;left:0;right:0;display:-ms-flexbox;display:flex;top:-41px;z-index:1}.layout__avatar{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUycHgiIGhlaWdodD0iNjZweCIgdmlld0JveD0iMCAwIDE1MiA2NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDEuMiAoMzUzOTcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmF2YXRhcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik01OS40NjQ4NTg1LDIyLjkxOTE0ODYgQzU5LjQ2NDg1ODUsMjIuOTE5MTQ4NiA3Mi45NjQ4NTg1LDUxLjEyOTM1MTUgNTkuNDY0ODU4NSw2MC41MzI3NTI1IEM0NS45NjQ4NTg1LDY5LjkzNjE1MzUgNi4zODA5MTM3LDYwLjc2MTAyNDcgNi4zODA5MTM3LDYwLjc2MTAyNDcgQzYuMzgwOTEzNyw2MC43NjEwMjQ3IDMyLjM5MjgxOTMsNTQuODAxODAwOCA0Mi4zMzAwOTI4LDQ3Ljg4MDAxMDYgQzUyLjI2NzM2NjQsNDAuOTU4MjIwNCA1OS40NjQ4NTg1LDIyLjkxOTE0ODYgNTkuNDY0ODU4NSwyMi45MTkxNDg2IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjU5LjA4Mzk0NDgiIGhlaWdodD0iNDEuODUyOTA3MSIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8cGF0aCBkPSJNMTM5LjY2NDI3MiwyMi4yOTUxMDkzIEMxMzkuNjY0MjcyLDIyLjI5NTEwOTMgMTUzLjE2NDI3Miw1MC41MDUzMTIyIDEzOS42NjQyNzIsNTkuOTA4NzEzMiBDMTI2LjE2NDI3Miw2OS4zMTIxMTQyIDg1LjQ5MjcwMDIsNTkuNTQwNzc2MiA4NS40OTI3MDAyLDU5LjU0MDc3NjIgQzg1LjQ5MjcwMDIsNTkuNTQwNzc2MiAxMTIuNTkyMjMzLDU0LjE3Nzc2MTQgMTIyLjUyOTUwNiw0Ny4yNTU5NzEzIEMxMzIuNDY2NzgsNDAuMzM0MTgxMSAxMzkuNjY0MjcyLDIyLjI5NTEwOTMgMTM5LjY2NDI3MiwyMi4yOTUxMDkzIFoiIGlkPSJwYXRoLTMiPjwvcGF0aD4KICAgICAgICA8bWFzayBpZD0ibWFzay00IiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjYwLjE3MTU3MTgiIGhlaWdodD0iNDEuNjk5NTg5NiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8cG9seWdvbiBpZD0icGF0aC01IiBwb2ludHM9IjguNjU0NDAyNzUgMjMuNTc1ODgyNiAxOS44NzY2MzYxIDE5LjkwNjk2MzcgMjMuOTI0NDc2OSAzMy4yNDUxNjE0IDE4LjI3NDE4MjcgMzguODk1NDU1NiA0LjY2MzAzODE3IDM0LjEzMDA1MTIiPjwvcG9seWdvbj4KICAgICAgICA8bWFzayBpZD0ibWFzay02IiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE5LjI2MTQzODciIGhlaWdodD0iMTguOTg4NDkxOSIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTUiPjwvdXNlPgogICAgICAgIDwvbWFzaz4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0wLDM3Ljc2NTE4NTkgQzAsMzcuNzY1MTg1OSA0OS4wODg3NjMyLDM3IDc0LDM3IEM5OC45MTEyMzY4LDM3IDE1MSwzNy42OTQ2MjQ0IDE1MSwzNy42OTQ2MjQ0IEwxNTEsNDIuMTM5OTk5OSBMMCw0Mi4xMzk5OTk5IEwwLDM3Ljc2NTE4NTkgWiIgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzI3MjgyMiI+PC9wYXRoPgogICAgICAgIDx1c2UgaWQ9IlJlY3RhbmdsZS00IiBzdHJva2U9IiM5OTkiIG1hc2s9InVybCgjbWFzay0yKSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSIjMjcyODIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS45MjI4ODYsIDQzLjg0NTYwMikgc2NhbGUoMSwgLTEpIHJvdGF0ZSgyNS4wMDAwMDApIHRyYW5zbGF0ZSgtMzUuOTIyODg2LCAtNDMuODQ1NjAyKSAiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDx1c2UgaWQ9IlJlY3RhbmdsZS00IiBzdHJva2U9IiM5OTkiIG1hc2s9InVybCgjbWFzay00KSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSIjMjcyODIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTUuNTc4NDg2LCA0My4xNDQ5MDQpIHNjYWxlKC0xLCAtMSkgcm90YXRlKDI1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMTUuNTc4NDg2LCAtNDMuMTQ0OTA0KSAiIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMyIgZmlsbD0iIzk5OSIgeD0iNTkiIHk9IjYxIiB3aWR0aD0iMTMiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMyIgZmlsbD0iIzk5OSIgeD0iNzkiIHk9IjYxIiB3aWR0aD0iMTMiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgIDxwYXRoIGQ9Ik02NS41LDUxLjUgTDY1LjUsNjEuNSIgaWQ9IkxpbmUiIHN0cm9rZT0iIzk5OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik04NS41LDUwLjUgTDg1LjUsNjAuNSIgaWQ9IkxpbmUiIHN0cm9rZT0iIzk5OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PC9wYXRoPgogICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MS4wMDAwMDAsIDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBzdHJva2U9IiM5OTkiIGZpbGw9IiMyNzI4MjIiIGN4PSIxNSIgY3k9IjE1IiByeD0iMTUiIHJ5PSIxNSI+PC9lbGxpcHNlPgogICAgICAgICAgICA8dXNlIGlkPSJSZWN0YW5nbGUtMiIgc3Ryb2tlPSIjOTk5IiBtYXNrPSJ1cmwoI21hc2stNikiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0iIzI3MjgyMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuMjkzNzU4LCAyOS40MDEyMTApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTQuMjkzNzU4LCAtMjkuNDAxMjEwKSAiIHhsaW5rOmhyZWY9IiNwYXRoLTUiPjwvdXNlPgogICAgICAgICAgICA8ZWxsaXBzZSBpZD0iT3ZhbC0yIiBzdHJva2U9IiM5OTkiIGN4PSI3LjUiIGN5PSIxMy43NSIgcng9IjMuNzUiIHJ5PSIzLjc1Ij48L2VsbGlwc2U+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMiIgc3Ryb2tlPSIjOTk5IiBjeD0iMjEuMjUiIGN5PSIxMy43NSIgcj0iMy43NSI+PC9jaXJjbGU+CiAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsLTMiIGZpbGw9IiM5OTkiIGN4PSI3LjUiIGN5PSIxMy43NSIgcng9IjEuMjUiIHJ5PSIxLjI1Ij48L2VsbGlwc2U+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMyIgZmlsbD0iIzk5OSIgY3g9IjIxLjI1IiBjeT0iMTMuNzUiIHI9IjEuMjUiPjwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);background-size:contain;background-repeat:no-repeat;height:66px;width:150px;margin:0 auto}
2 | /*# sourceMappingURL=app.8f0b8c01.css.map*/


--------------------------------------------------------------------------------
/docs/static/css/app.8f0b8c01.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"static/css/app.8f0b8c01.css","sourceRoot":""}


--------------------------------------------------------------------------------
/docs/static/js/manifest.063c8024.js:
--------------------------------------------------------------------------------
1 | !function(e){function t(n){if(c[n])return c[n].exports;var a=c[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(r,o){for(var i,p,s=0,l=[];s<r.length;s++)p=r[s],a[p]&&l.push.apply(l,a[p]),a[p]=0;for(i in o){var u=o[i];switch(typeof u){case"object":e[i]=function(t){var n=t.slice(1),c=t[0];return function(t,a,r){e[c].apply(this,[t,a,r].concat(n))}}(u);break;case"function":e[i]=u;break;default:e[i]=e[u]}}for(n&&n(r,o);l.length;)l.shift().call(null,t);if(o[0])return c[0]=0,t(0)};var c={},a={1:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var c=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.src=t.p+"static/js/"+({2:"app",3:"vendor"}[e]||e)+"."+{0:"9f0bc0a3",2:"0e732cc4",3:"b4b3e991"}[e]+".chunk.js",c.appendChild(r)}},t.m=e,t.c=c,t.p="/pbl/"}(function(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))switch(typeof e[t]){case"function":break;case"object":e[t]=function(t){var n=t.slice(1),c=e[t[0]];return function(e,t,a){c.apply(this,[e,t,a].concat(n))}}(e[t]);break;default:e[t]=e[e[t]]}return e}([]));
2 | //# sourceMappingURL=manifest.063c8024.js.map


--------------------------------------------------------------------------------
/docs/static/js/manifest.063c8024.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///static/js/manifest.063c8024.js","webpack:///webpack/bootstrap 2edc11d136540735cec5"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","id","loaded","call","parentJsonpFunction","window","chunkIds","moreModules","chunkId","i","callbacks","length","installedChunks","push","apply","_m","args","slice","templateId","a","b","c","this","concat","shift","1","e","callback","undefined","head","document","getElementsByTagName","script","createElement","type","charset","async","src","p","2","3","0","appendChild","m","Object","prototype","hasOwnProperty","fn"],"mappings":"CAAS,SAAUA,GCwDnB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAE,WACAE,GAAAJ,EACAK,QAAA,EAUA,OANAP,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,QAAA,EAGAF,EAAAD,QA3EA,GAAAK,GAAAC,OAAA,YACAA,QAAA,sBAAAC,EAAAC,GAIA,IADA,GAAAV,GAAAW,EAAAC,EAAA,EAAAC,KACQD,EAAAH,EAAAK,OAAoBF,IAC5BD,EAAAF,EAAAG,GACAG,EAAAJ,IACAE,EAAAG,KAAAC,MAAAJ,EAAAE,EAAAJ,IACAI,EAAAJ,GAAA,CAEA,KAAAX,IAAAU,GAAA,CACA,GAAAQ,GAAAR,EAAAV,EAGA,cAAAkB,IACA,aAEApB,EAAAE,GAAA,SAAAkB,GACA,GAAAC,GAAAD,EAAAE,MAAA,GAAAC,EAAAH,EAAA,EACA,iBAAAI,EAAAC,EAAAC,GACA1B,EAAAuB,GAAAJ,MAAAQ,MAAAH,EAAAC,EAAAC,GAAAE,OAAAP,MAEMD,EACN,MACA,gBAEApB,EAAAE,GAAAkB,CACA,MACA,SAEApB,EAAAE,GAAAF,EAAAoB,IAKA,IADAX,KAAAE,EAAAC,GACAG,EAAAC,QACAD,EAAAc,QAAArB,KAAA,KAAAP,EACA,IAAAW,EAAA,GAEA,MADAT,GAAA,KACAF,EAAA,GAKA,IAAAE,MAKAc,GACAa,EAAA,EA6BA7B,GAAA8B,EAAA,SAAAlB,EAAAmB,GAEA,OAAAf,EAAAJ,GACA,MAAAmB,GAAAxB,KAAA,KAAAP,EAGA,IAAAgC,SAAAhB,EAAAJ,GACAI,EAAAJ,GAAAK,KAAAc,OACI,CAEJf,EAAAJ,IAAAmB,EACA,IAAAE,GAAAC,SAAAC,qBAAA,WACAC,EAAAF,SAAAG,cAAA,SACAD,GAAAE,KAAA,kBACAF,EAAAG,QAAA,QACAH,EAAAI,OAAA,EAEAJ,EAAAK,IAAAzC,EAAA0C,EAAA,eAA0DC,EAAA,MAAAC,EAAA,UAAuBhC,OAAA,KAA6BiC,EAAA,WAAAF,EAAA,WAAAC,EAAA,YAA6ChC,GAAA,YAC3JqB,EAAAa,YAAAV,KAKApC,EAAA+C,EAAAhD,EAGAC,EAAAyB,EAAAvB,EAGAF,EAAA0C,EAAA,SDIW,SAAS3C,GAEnB,IAAI,GAAIc,KAAKd,GACZ,GAAGiD,OAAOC,UAAUC,eAAe3C,KAAKR,EAASc,GAChD,aAAcd,GAAQc,IACtB,IAAK,WAAY,KACjB,KAAK,SAEJd,EAAQc,GAAM,SAASM,GACtB,GAAIC,GAAOD,EAAGE,MAAM,GAAI8B,EAAKpD,EAAQoB,EAAG,GACxC,OAAO,UAAUI,EAAEC,EAAEC,GACpB0B,EAAGjC,MAAMQ,MAAOH,EAAEC,EAAEC,GAAGE,OAAOP,MAE9BrB,EAAQc,GACV,MACD,SAECd,EAAQc,GAAKd,EAAQA,EAAQc,IAKhC,MAAOd","file":"static/js/manifest.063c8024.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// install a JSONP callback for chunk loading\n/******/ \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n/******/ \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules) {\n/******/ \t\t// add \"moreModules\" to the modules object,\n/******/ \t\t// then flag all \"chunkIds\" as loaded and fire callback\n/******/ \t\tvar moduleId, chunkId, i = 0, callbacks = [];\n/******/ \t\tfor(;i < chunkIds.length; i++) {\n/******/ \t\t\tchunkId = chunkIds[i];\n/******/ \t\t\tif(installedChunks[chunkId])\n/******/ \t\t\t\tcallbacks.push.apply(callbacks, installedChunks[chunkId]);\n/******/ \t\t\tinstalledChunks[chunkId] = 0;\n/******/ \t\t}\n/******/ \t\tfor(moduleId in moreModules) {\n/******/ \t\t\tvar _m = moreModules[moduleId];\n/******/\n/******/ \t\t\t// Check if module is deduplicated\n/******/ \t\t\tswitch(typeof _m) {\n/******/ \t\t\tcase \"object\":\n/******/ \t\t\t\t// Module can be created from a template\n/******/ \t\t\t\tmodules[moduleId] = (function(_m) {\n/******/ \t\t\t\t\tvar args = _m.slice(1), templateId = _m[0];\n/******/ \t\t\t\t\treturn function (a,b,c) {\n/******/ \t\t\t\t\t\tmodules[templateId].apply(this, [a,b,c].concat(args));\n/******/ \t\t\t\t\t};\n/******/ \t\t\t\t}(_m));\n/******/ \t\t\t\tbreak;\n/******/ \t\t\tcase \"function\":\n/******/ \t\t\t\t// Normal module\n/******/ \t\t\t\tmodules[moduleId] = _m;\n/******/ \t\t\t\tbreak;\n/******/ \t\t\tdefault:\n/******/ \t\t\t\t// Module is a copy of another module\n/******/ \t\t\t\tmodules[moduleId] = modules[_m];\n/******/ \t\t\t\tbreak;\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);\n/******/ \t\twhile(callbacks.length)\n/******/ \t\t\tcallbacks.shift().call(null, __webpack_require__);\n/******/ \t\tif(moreModules[0]) {\n/******/ \t\t\tinstalledModules[0] = 0;\n/******/ \t\t\treturn __webpack_require__(0);\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// object to store loaded and loading chunks\n/******/ \t// \"0\" means \"already loaded\"\n/******/ \t// Array means \"loading\", array contains callbacks\n/******/ \tvar installedChunks = {\n/******/ \t\t1:0\n/******/ \t};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/ \t// This file contains only the entry chunk.\n/******/ \t// The chunk loading function for additional chunks\n/******/ \t__webpack_require__.e = function requireEnsure(chunkId, callback) {\n/******/ \t\t// \"0\" is the signal for \"already loaded\"\n/******/ \t\tif(installedChunks[chunkId] === 0)\n/******/ \t\t\treturn callback.call(null, __webpack_require__);\n/******/\n/******/ \t\t// an array means \"currently loading\".\n/******/ \t\tif(installedChunks[chunkId] !== undefined) {\n/******/ \t\t\tinstalledChunks[chunkId].push(callback);\n/******/ \t\t} else {\n/******/ \t\t\t// start chunk loading\n/******/ \t\t\tinstalledChunks[chunkId] = [callback];\n/******/ \t\t\tvar head = document.getElementsByTagName('head')[0];\n/******/ \t\t\tvar script = document.createElement('script');\n/******/ \t\t\tscript.type = 'text/javascript';\n/******/ \t\t\tscript.charset = 'utf-8';\n/******/ \t\t\tscript.async = true;\n/******/\n/******/ \t\t\tscript.src = __webpack_require__.p + \"static/js/\" + ({\"2\":\"app\",\"3\":\"vendor\"}[chunkId]||chunkId) + \".\" + {\"0\":\"9f0bc0a3\",\"2\":\"0e732cc4\",\"3\":\"b4b3e991\"}[chunkId] + \".chunk.js\";\n/******/ \t\t\thead.appendChild(script);\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/pbl/\";\n/******/ })\n/************************************************************************/\n/******/ ((function(modules) {\n\t// Check all modules for deduplicated modules\n\tfor(var i in modules) {\n\t\tif(Object.prototype.hasOwnProperty.call(modules, i)) {\n\t\t\tswitch(typeof modules[i]) {\n\t\t\tcase \"function\": break;\n\t\t\tcase \"object\":\n\t\t\t\t// Module can be created from a template\n\t\t\t\tmodules[i] = (function(_m) {\n\t\t\t\t\tvar args = _m.slice(1), fn = modules[_m[0]];\n\t\t\t\t\treturn function (a,b,c) {\n\t\t\t\t\t\tfn.apply(this, [a,b,c].concat(args));\n\t\t\t\t\t};\n\t\t\t\t}(modules[i]));\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t// Module is a copy of another module\n\t\t\t\tmodules[i] = modules[modules[i]];\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\treturn modules;\n}([])));\n\n\n// WEBPACK FOOTER //\n// static/js/manifest.063c8024.js"," \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, callbacks = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId])\n \t\t\t\tcallbacks.push.apply(callbacks, installedChunks[chunkId]);\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tvar _m = moreModules[moduleId];\n\n \t\t\t// Check if module is deduplicated\n \t\t\tswitch(typeof _m) {\n \t\t\tcase \"object\":\n \t\t\t\t// Module can be created from a template\n \t\t\t\tmodules[moduleId] = (function(_m) {\n \t\t\t\t\tvar args = _m.slice(1), templateId = _m[0];\n \t\t\t\t\treturn function (a,b,c) {\n \t\t\t\t\t\tmodules[templateId].apply(this, [a,b,c].concat(args));\n \t\t\t\t\t};\n \t\t\t\t}(_m));\n \t\t\t\tbreak;\n \t\t\tcase \"function\":\n \t\t\t\t// Normal module\n \t\t\t\tmodules[moduleId] = _m;\n \t\t\t\tbreak;\n \t\t\tdefault:\n \t\t\t\t// Module is a copy of another module\n \t\t\t\tmodules[moduleId] = modules[_m];\n \t\t\t\tbreak;\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);\n \t\twhile(callbacks.length)\n \t\t\tcallbacks.shift().call(null, __webpack_require__);\n \t\tif(moreModules[0]) {\n \t\t\tinstalledModules[0] = 0;\n \t\t\treturn __webpack_require__(0);\n \t\t}\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// \"0\" means \"already loaded\"\n \t// Array means \"loading\", array contains callbacks\n \tvar installedChunks = {\n \t\t1:0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId, callback) {\n \t\t// \"0\" is the signal for \"already loaded\"\n \t\tif(installedChunks[chunkId] === 0)\n \t\t\treturn callback.call(null, __webpack_require__);\n\n \t\t// an array means \"currently loading\".\n \t\tif(installedChunks[chunkId] !== undefined) {\n \t\t\tinstalledChunks[chunkId].push(callback);\n \t\t} else {\n \t\t\t// start chunk loading\n \t\t\tinstalledChunks[chunkId] = [callback];\n \t\t\tvar head = document.getElementsByTagName('head')[0];\n \t\t\tvar script = document.createElement('script');\n \t\t\tscript.type = 'text/javascript';\n \t\t\tscript.charset = 'utf-8';\n \t\t\tscript.async = true;\n\n \t\t\tscript.src = __webpack_require__.p + \"static/js/\" + ({\"2\":\"app\",\"3\":\"vendor\"}[chunkId]||chunkId) + \".\" + {\"0\":\"9f0bc0a3\",\"2\":\"0e732cc4\",\"3\":\"b4b3e991\"}[chunkId] + \".chunk.js\";\n \t\t\thead.appendChild(script);\n \t\t}\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/pbl/\";\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 2edc11d136540735cec5"],"sourceRoot":""}


--------------------------------------------------------------------------------
/example/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["latest", "react", "stage-0"],
3 |   "plugins": [
4 |     "transform-runtime"
5 |   ]
6 | }
7 | 


--------------------------------------------------------------------------------
/example/.dockerignore:
--------------------------------------------------------------------------------
1 | ./node_modules
2 | ./server/node_modules
3 | ./build
4 | ./README.md
5 | ./Dockerfile
6 | 


--------------------------------------------------------------------------------
/example/.eslintrc:
--------------------------------------------------------------------------------
 1 | 
 2 | {
 3 |   "extends": "airbnb",
 4 |   "parser": "babel-eslint",
 5 |   "env": {
 6 |     "browser": true,
 7 |     "mocha": true,
 8 |     "node": true
 9 |   },
10 |   "rules": {
11 |     "no-nested-ternary": 0,
12 |     "react/prop-types": 0,
13 |     "react/jsx-filename-extension": 0,
14 |     "no-sequences": 1,
15 |     "comma-dangle": 0,
16 |   },
17 |   "globals": {
18 |     "ReactElement": false
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/example/Dockerfile:
--------------------------------------------------------------------------------
 1 | # build
 2 | # docker build -t node-test .
 3 | # run interactive
 4 | # docker run -it --rm -p 4000:4000 --name test-node 'node-test'
 5 | 
 6 | FROM node:6.9.2-alpine
 7 | 
 8 | RUN apk add --no-cache openssl python build-base && \
 9 | wget -O /usr/local/bin/dumb-init https://github.com/Yelp/dumb-init/releases/download/v1.1.2/dumb-init_1.1.2_amd64 && \
10 | chmod +x /usr/local/bin/dumb-init && \
11 | apk del openssl
12 | 
13 | EXPOSE 4000
14 | 
15 | WORKDIR /app
16 | 
17 | RUN npm install --loglevel error --global yarn pty64
18 | 
19 | ADD ./package.json ./
20 | ADD ./yarn.lock ./
21 | ADD ./server/package.json ./server/package.json
22 | ADD ./server/yarn.lock ./server/yarn.lock
23 | 
24 | RUN \
25 | cd server && yarn && cd .. && pty64 -- yarn && \
26 | tar -czf /tmp/app.tar.gz . && \
27 | yarn cache clean && \
28 | rm -rf ./* /root/.npm /root/.node-gyp /root/.gnupg
29 | 
30 | ADD . ./
31 | 
32 | RUN \
33 | tar -zxvf /tmp/app.tar.gz 1>/dev/null && \
34 | pty64 -- yarn run lint && \
35 | pty64 -- yarn run build && \
36 | rm -rf ./node_modules
37 | 
38 | CMD /usr/local/bin/dumb-init -- node ./server/index.js
39 | 


--------------------------------------------------------------------------------
/example/assets/avatar-favicon.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/example/assets/avatar-favicon.sketch


--------------------------------------------------------------------------------
/example/assets/avatar.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/example/assets/avatar.sketch


--------------------------------------------------------------------------------
/example/assets/images/0.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/example/assets/images/0.jpg


--------------------------------------------------------------------------------
/example/assets/images/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/example/assets/images/1.jpg


--------------------------------------------------------------------------------
/example/assets/images/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/example/assets/images/2.jpg


--------------------------------------------------------------------------------
/example/assets/images/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/example/assets/images/3.jpg


--------------------------------------------------------------------------------
/example/assets/images/avatar.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg width="152px" height="66px" viewBox="0 0 152 66" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
 4 |     <title>avatar</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <defs>
 7 |         <path d="M59.4648585,22.9191486 C59.4648585,22.9191486 72.9648585,51.1293515 59.4648585,60.5327525 C45.9648585,69.9361535 6.3809137,60.7610247 6.3809137,60.7610247 C6.3809137,60.7610247 32.3928193,54.8018008 42.3300928,47.8800106 C52.2673664,40.9582204 59.4648585,22.9191486 59.4648585,22.9191486 Z" id="path-1"></path>
 8 |         <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="59.0839448" height="41.8529071" fill="white">
 9 |             <use xlink:href="#path-1"></use>
10 |         </mask>
11 |         <path d="M139.664272,22.2951093 C139.664272,22.2951093 153.164272,50.5053122 139.664272,59.9087132 C126.164272,69.3121142 85.4927002,59.5407762 85.4927002,59.5407762 C85.4927002,59.5407762 112.592233,54.1777614 122.529506,47.2559713 C132.46678,40.3341811 139.664272,22.2951093 139.664272,22.2951093 Z" id="path-3"></path>
12 |         <mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="60.1715718" height="41.6995896" fill="white">
13 |             <use xlink:href="#path-3"></use>
14 |         </mask>
15 |         <polygon id="path-5" points="8.65440275 23.5758826 19.8766361 19.9069637 23.9244769 33.2451614 18.2741827 38.8954556 4.66303817 34.1300512"></polygon>
16 |         <mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="19.2614387" height="18.9884919" fill="white">
17 |             <use xlink:href="#path-5"></use>
18 |         </mask>
19 |     </defs>
20 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
21 |         <path d="M0,37.7651859 C0,37.7651859 49.0887632,37 74,37 C98.9112368,37 151,37.6946244 151,37.6946244 L151,42.1399999 L0,42.1399999 L0,37.7651859 Z" id="Rectangle" fill="#272822"></path>
22 |         <use id="Rectangle-4" stroke="#999" mask="url(#mask-2)" stroke-width="2" fill="#272822" transform="translate(35.922886, 43.845602) scale(1, -1) rotate(25.000000) translate(-35.922886, -43.845602) " xlink:href="#path-1"></use>
23 |         <use id="Rectangle-4" stroke="#999" mask="url(#mask-4)" stroke-width="2" fill="#272822" transform="translate(115.578486, 43.144904) scale(-1, -1) rotate(25.000000) translate(-115.578486, -43.144904) " xlink:href="#path-3"></use>
24 |         <rect id="Rectangle-3" fill="#999" x="59" y="61" width="13" height="1"></rect>
25 |         <rect id="Rectangle-3" fill="#999" x="79" y="61" width="13" height="1"></rect>
26 |         <path d="M65.5,51.5 L65.5,61.5" id="Line" stroke="#999" stroke-linecap="square"></path>
27 |         <path d="M85.5,50.5 L85.5,60.5" id="Line" stroke="#999" stroke-linecap="square"></path>
28 |         <g id="Group-2" transform="translate(61.000000, 3.000000)">
29 |             <ellipse id="Oval" stroke="#999" fill="#272822" cx="15" cy="15" rx="15" ry="15"></ellipse>
30 |             <use id="Rectangle-2" stroke="#999" mask="url(#mask-6)" stroke-width="2" fill="#272822" transform="translate(14.293758, 29.401210) rotate(45.000000) translate(-14.293758, -29.401210) " xlink:href="#path-5"></use>
31 |             <ellipse id="Oval-2" stroke="#999" cx="7.5" cy="13.75" rx="3.75" ry="3.75"></ellipse>
32 |             <circle id="Oval-2" stroke="#999" cx="21.25" cy="13.75" r="3.75"></circle>
33 |             <ellipse id="Oval-3" fill="#999" cx="7.5" cy="13.75" rx="1.25" ry="1.25"></ellipse>
34 |             <circle id="Oval-3" fill="#999" cx="21.25" cy="13.75" r="1.25"></circle>
35 |         </g>
36 |     </g>
37 | </svg>
38 | 


--------------------------------------------------------------------------------
/example/assets/replays/err.txt:
--------------------------------------------------------------------------------
 1 | U2VuZGluZyBidWlsZCBjb250ZXh0IHRvIERvY2tlciBkYWVtb24gNTU3LjEga0IN
 2 | U2VuZGluZyBidWlsZCBjb250ZXh0IHRvIERvY2tlciBkYWVtb24gICA3NDUga0INDQ0K
 3 | U3RlcCAxLzE0IDogRlJPTSBub2RlOjYuOS4yLWFscGluZQ0K
 4 | IC0tLT4gZGU1Mjk4NDVjMTExDQpTdGVwIDIvMTQgOiBSVU4gYXBrIGFkZCAtLW5vLWNhY2hlIG9wZW5zc2wgcHl0aG9uIGJ1aWxkLWJhc2UgJiYgd2dldCAtTyAvdXNyL2xvY2FsL2Jpbi9kdW1iLWluaXQgaHR0cHM6Ly9naXRodWIuY29tL1llbHAvZHVtYi1pbml0L3JlbGVhc2VzL2Rvd25sb2FkL3YxLjEuMi9kdW1iLWluaXRfMS4xLjJfYW1kNjQgJiYgY2htb2QgK3ggL3Vzci9sb2NhbC9iaW4vZHVtYi1pbml0ICYmIGFwayBkZWwgb3BlbnNzbA0K
 5 | IC0tLT4gVXNpbmcgY2FjaGUNCg==
 6 | IC0tLT4gODI2MzQ2NmYwODM2DQo=
 7 | U3RlcCAzLzE0IDogRVhQT1NFIDQwMDANCg==
 8 | IC0tLT4gVXNpbmcgY2FjaGUNCiAtLS0+IDg0YmU2Mjk3NmZmMg0K
 9 | U3RlcCA0LzE0IDogV09SS0RJUiAvYXBwDQo=
10 | IC0tLT4gVXNpbmcgY2FjaGUNCg==
11 | IC0tLT4gNzA3ZmQ4MzBhOTkxDQpTdGVwIDUvMTQgOiBSVU4gbnBtIGluc3RhbGwgLS1sb2dsZXZlbCBlcnJvciAtLWdsb2JhbCB5YXJuIHB0eTY0DQo=
12 | IC0tLT4gVXNpbmcgY2FjaGUNCiAtLS0+IDcwNzU2NjJmNjhkMA0K
13 | U3RlcCA2LzE0IDogQUREIC4vcGFja2FnZS5qc29uIC4vDQo=
14 | IC0tLT4gVXNpbmcgY2FjaGUNCg==
15 | IC0tLT4gODE5NjMwNDM4YTZiDQpTdGVwIDcvMTQgOiBBREQgLi95YXJuLmxvY2sgLi8NCg==
16 | IC0tLT4gVXNpbmcgY2FjaGUNCg==
17 | IC0tLT4gYTk5ZjQ0NWRlZWQ4DQpTdGVwIDgvMTQgOiBBREQgLi9zZXJ2ZXIvcGFja2FnZS5qc29uIC4vc2VydmVyL3BhY2thZ2UuanNvbg0K
18 | IC0tLT4gVXNpbmcgY2FjaGUNCg==
19 | IC0tLT4gN2Y0NWQ5ZmQ0MWJiDQo=
20 | U3RlcCA5LzE0IDogQUREIC4vc2VydmVyL3lhcm4ubG9jayAuL3NlcnZlci95YXJuLmxvY2sNCg==
21 | IC0tLT4gVXNpbmcgY2FjaGUNCg==
22 | IC0tLT4gZTE2NzlhMDE3NzFkDQpTdGVwIDEwLzE0IDogUlVOIGNkIHNlcnZlciAmJiB5YXJuICYmIGNkIC4uICYmIHB0eTY0IC0tIHlhcm4gJiYgdGFyIC1jemYgL3RtcC9hcHAudGFyLmd6IC4gJiYgeWFybiBjYWNoZSBjbGVhbiAmJiBybSAtcmYgLi8qIC9yb290Ly5ucG0gL3Jvb3QvLm5vZGUtZ3lwIC9yb290Ly5nbnVwZw0K
23 | IC0tLT4gVXNpbmcgY2FjaGUNCg==
24 | IC0tLT4gNWZjNWZhMWMyNzg2DQpTdGVwIDExLzE0IDogQUREIC4gLi8NCg==
25 | IC0tLT4gZTY0OWIyZTQzOTgzDQo=
26 | UmVtb3ZpbmcgaW50ZXJtZWRpYXRlIGNvbnRhaW5lciAwZjgzMWQ3NGY3NGENCg==
27 | U3RlcCAxMi8xNCA6IFJVTiB0YXIgLXp4dmYgL3RtcC9hcHAudGFyLmd6IDE+L2Rldi9udWxsICYmIHB0eTY0IC0tIHlhcm4gcnVuIGxpbnQgJiYgcHR5NjQgLS0geWFybiBydW4gYnVpbGQgJiYgcm0gLXJmIC4vbm9kZV9tb2R1bGVzDQo=
28 | IC0tLT4gUnVubmluZyBpbiBhMmY5N2ZmN2RjNjYNCg==
29 | G1sySw==
30 | G1sxRxtbMW15YXJuIHJ1biB2MC4xOC4xG1syMm0NDQo=
31 | G1sySxtbMUcbWzJtJCBlc2xpbnQgc3JjIBtbMjJtDQ0K
32 | DQ0KG1s0bS9hcHAvc3JjL0FwcC5qcxtbMjRtDQ0KICAbWzJtMzoyMBtbMjJtICAbWzMxbWVycm9yG1szOW0gIFBhcnNlIGVycm9ycyBpbiBpbXBvcnRlZCBtb2R1bGUgJy4vTGF5b3V0JzogTGluZSA3MDogVW5leHBlY3RlZCB0b2tlbiwgZXhwZWN0ZWQgLA0NCg0NChtbMG0gG1s5MG0gNjggfCAbWzM5bQ0NCiAbWzkwbSA2OSB8IBtbMzltG1szNm1leHBvcnQbWzM5bSAbWzM2bWNvbnN0G1szOW0gbGF5b3V0SE9DIBtbMzNtPRtbMzltIGNvbXBvc2UoDQ0KG1szMW0bWzFtPhtbMjJtG1szOW0bWzkwbSA3MCB8IBtbMzltICB0aGUgbXIoG1szMm0nbGF5b3V0JxtbMzltG1szM20sG1szOW0gbGF5b3V0U3R5bGVzKRtbMzNtLBtbMzltDQ0KIBtbOTBtICAgIHwgG1szOW0gICAgICAbWzMxbRtbMW1eG1syMm0bWzM5bQ0NCiAbWzkwbSA3MSB8IBtbMzltKRtbMzNtOxtbMzltDQ0KIBtbOTBtIDcyIHwgG1szOW0NDQogG1s5MG0gNzMgfCAbWzM5bRtbMzZtZXhwb3J0G1szOW0gG1szNm1kZWZhdWx0G1szOW0gbGF5b3V0SE9DKGxheW91dENvbXBvbmVudCkbWzMzbTsbWzM5bRtbMG0gKDcwOjcpICAbWzJtaW1wb3J0L25vLW5hbWVkLWFzLWRlZmF1bHQbWzIybQ0NCiAgG1sybTM6MjAbWzIybSAgG1szMW1lcnJvchtbMzltICBQYXJzZSBlcnJvcnMgaW4gaW1wb3J0ZWQgbW9kdWxlICcuL0xheW91dCc6IExpbmUgNzA6IFVuZXhwZWN0ZWQgdG9rZW4sIGV4cGVjdGVkICwNDQoNDQobWzBtIBtbOTBtIDY4IHwgG1szOW0NDQogG1s5MG0gNjkgfCAbWzM5bRtbMzZtZXhwb3J0G1szOW0gG1szNm1jb25zdBtbMzltIGxheW91dEhPQyAbWzMzbT0bWzM5bSBjb21wb3NlKA0NChtbMzFtG1sxbT4bWzIybRtbMzltG1s5MG0gNzAgfCAbWzM5bSAgdGhlIG1yKBtbMzJtJ2xheW91dCcbWzM5bRtbMzNtLBtbMzltIGxheW91dFN0eWxlcykbWzMzbSwbWzM5bQ0NCiAbWzkwbSAgICB8IBtbMzltICAgICAgG1szMW0bWzFtXhtbMjJtG1szOW0NDQogG1s5MG0gNzEgfCAbWzM5bSkbWzMzbTsbWzM5bQ0NCiAbWzkwbSA3MiB8IBtbMzltDQ==
33 | DQogG1s5MG0gNzMgfCAbWzM5bRtbMzZtZXhwb3J0G1szOW0gG1szNm1kZWZhdWx0G1szOW0gbGF5b3V0SE9DKGxheW91dENvbXBvbmVudCkbWzMzbTsbWzM5bRtbMG0gKDcwOjcpICAbWzJtaW1wb3J0L25vLW5hbWVkLWFzLWRlZmF1bHQtbWVtYmVyG1syMm0NDQoNDQobWzRtL2FwcC9zcmMvTGF5b3V0LmpzG1syNG0NDQogIBtbMm03MDo3G1syMm0gIBtbMzFtZXJyb3IbWzM5bSAgUGFyc2luZyBlcnJvcjogVW5leHBlY3RlZCB0b2tlbiwgZXhwZWN0ZWQgLA0NCg0NChtbMG0gG1s5MG0gNjggfCAbWzM5bQ0NCiAbWzkwbSA2OSB8IBtbMzltG1szNm1leHBvcnQbWzM5bSAbWzM2bWNvbnN0G1szOW0gbGF5b3V0SE9DIBtbMzNtPRtbMzltIGNvbXBvc2UoDQ0KG1szMW0bWzFtPhtbMjJtG1szOW0bWzkwbSA3MCB8IBtbMzltICB0aGUgbXIoG1szMm0nbGF5b3V0JxtbMzltG1szM20sG1szOW0gbGF5b3V0U3R5bGVzKRtbMzNtLBtbMzltDQ0KIBtbOTBtICAgIHwgG1szOW0gICAgICAbWzMxbRtbMW1eG1syMm0bWzM5bQ0NCiAbWzkwbSA3MSB8IBtbMzltKRtbMzNtOxtbMzltDQ0KIBtbOTBtIDcyIHwgG1szOW0NDQogG1s5MG0gNzMgfCAbWzM5bRtbMzZtZXhwb3J0G1szOW0gG1szNm1kZWZhdWx0G1szOW0gbGF5b3V0SE9DKGxheW91dENvbXBvbmVudCkbWzMzbTsbWzM5bRtbMG0NDQoNDQobWzMxbRtbMW3inJYgMyBwcm9ibGVtcyAoMyBlcnJvcnMsIDAgd2FybmluZ3MpDQ0KG1syMm0bWzM5bQ0NCg==
34 | G1sySxtbMUcbWzMxbWVycm9yG1szOW0gQ29tbWFuZCBmYWlsZWQgd2l0aCBleGl0IGNvZGUgMS4NDQo=
35 | G1sySxtbMUcbWzM0bWluZm8bWzM5bSBWaXNpdCAbWzFtaHR0cHM6Ly95YXJucGtnLmNvbS9lbi9kb2NzL2NsaS9ydW4bWzIybSBmb3IgZG9jdW1lbnRhdGlvbiBhYm91dCB0aGlzIGNvbW1hbmQuDQ0K
36 | VGhlIGNvbW1hbmQgJy9iaW4vc2ggLWMgdGFyIC16eHZmIC90bXAvYXBwLnRhci5neiAxPi9kZXYvbnVsbCAmJiBwdHk2NCAtLSB5YXJuIHJ1biBsaW50ICYmIHB0eTY0IC0tIHlhcm4gcnVuIGJ1aWxkICYmIHJtIC1yZiAuL25vZGVfbW9kdWxlcycgcmV0dXJuZWQgYSBub24temVybyBjb2RlOiAxDQo=
37 | 


--------------------------------------------------------------------------------
/example/config/babel.dev.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   babelrc: false,
 3 |   cacheDirectory: true,
 4 |   presets: [
 5 |     'babel-preset-latest',
 6 |     'babel-preset-react',
 7 |     'babel-preset-stage-0',
 8 |   ].map(require.resolve),
 9 | 
10 |   plugins: [
11 |     'markdown-in-js/babel',
12 |     'react-hot-loader/babel',
13 |     // 'babel-plugin-transform-decorators-legacy',
14 |   ].map(require.resolve)
15 |   .concat([
16 |     [
17 |       require.resolve('babel-plugin-transform-runtime'),
18 |       {
19 |         helpers: false,
20 |         polyfill: false,
21 |         regenerator: true,
22 |       },
23 |     ],
24 |   ]),
25 | };
26 | 


--------------------------------------------------------------------------------
/example/config/babel.prod.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   babelrc: false,
 3 |   presets: [
 4 |     'babel-preset-es2015',
 5 |     'babel-preset-es2016',
 6 |     'babel-preset-react',
 7 |     'babel-preset-stage-0',
 8 |   ].map(require.resolve),
 9 | 
10 |   plugins: [
11 |     'markdown-in-js/babel',
12 |   ].map(require.resolve)
13 |   .concat([[
14 |     require.resolve('babel-plugin-transform-runtime'),
15 |     {
16 |       helpers: false,
17 |       polyfill: false,
18 |       regenerator: true,
19 |     },
20 |   ]]),
21 | };
22 | 


--------------------------------------------------------------------------------
/example/config/paths.js:
--------------------------------------------------------------------------------
 1 | import path from 'path';
 2 | 
 3 | const BACKEND_URL = 'ws://localhost:4000'; // 'https://localhost';
 4 | 
 5 | export default {
 6 |   appBuild: path.join(__dirname, '../build'),
 7 |   appHtml: path.join(__dirname, './template/index.html'),
 8 |   appFavicon: path.join(__dirname, './template/avatar.png'),
 9 |   appSrc: path.join(__dirname, '../src'),
10 |   appProxy: BACKEND_URL,
11 |   appNodeModules: path.join(__dirname, '../node_modules'),
12 | };
13 | 


--------------------------------------------------------------------------------
/example/config/template/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/example/config/template/avatar.png


--------------------------------------------------------------------------------
/example/config/template/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <title>PBL</title>
 5 |     <meta charset="utf-8" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" />
 7 |     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
 8 |     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />
 9 |   </head>
10 |   <body>
11 |     <div style="display: none">
12 |       <svg xmlns="http://www.w3.org/2000/svg">
13 |         <symbol id="edit" viewBox="0 0 64 64">
14 |           <path d="M34.983376,51.9565217 L29.8043478,65 L24.6253197,51.9565217 L34.983376,51.9565217 Z M36.0191816,49.3478261 L38.6086957,42.826087 L21,42.826087 L23.5895141,49.3478261 L36.0191816,49.3478261 Z M21,10.8695652 L25.5652174,10.8695652 L25.5652174,40.8695652 L21,40.8695652 L21,10.8695652 Z M34.0434783,10.8695652 L38.6086957,10.8695652 L38.6086957,40.8695652 L34.0434783,40.8695652 L34.0434783,10.8695652 Z M21,5 L38.6086957,5 L38.6086957,8.91304348 L21,8.91304348 L21,5 Z" transform="translate(29.804348, 35.000000) rotate(-315.000000) translate(-29.804348, -35.000000) "></path>
15 |         </symbol>
16 |         <symbol id="octocat" viewBox="0 0 33 33">
17 |           <path d="M0.32,16.745 C0.32,23.942 4.987,30.047 11.46,32.201 C12.275,32.351 12.572,31.848 12.572,31.416 C12.572,31.03 12.558,30.005 12.55,28.646 C8.019,29.63 7.063,26.462 7.063,26.462 C6.322,24.58 5.254,24.079 5.254,24.079 C3.775,23.069 5.366,23.089 5.366,23.089 C7.001,23.204 7.861,24.768 7.861,24.768 C9.314,27.257 11.674,26.538 12.602,26.121 C12.75,25.069 13.171,24.351 13.636,23.944 C10.019,23.533 6.216,22.135 6.216,15.893 C6.216,14.115 6.851,12.66 7.893,11.522 C7.725,11.11 7.166,9.453 8.053,7.211 C8.053,7.211 9.42,6.773 12.532,8.881 C13.831,8.519 15.225,8.339 16.61,8.332 C17.994,8.339 19.387,8.519 20.688,8.881 C23.798,6.773 25.163,7.211 25.163,7.211 C26.052,9.453 25.493,11.11 25.326,11.522 C26.37,12.66 27,14.115 27,15.893 C27,22.151 23.191,23.528 19.563,23.931 C20.147,24.434 20.668,25.428 20.668,26.948 C20.668,29.125 20.648,30.882 20.648,31.416 C20.648,31.852 20.942,32.359 21.768,32.2 C28.236,30.041 32.899,23.94 32.899,16.745 C32.899,7.748 25.605,0.455 16.608,0.455 C7.614,0.455 0.32,7.748 0.32,16.745 Z"></path>
18 |         </symbol>
19 |       </svg>
20 |     </div>
21 |     <div id="app"></div>
22 |   </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/example/config/webpack.config.dev.babel.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable import/no-extraneous-dependencies */
  2 | // New webpack config for cnr-frontend
  3 | // TODO production config https://github.com/facebookincubator/create-react-app/blob/master/config/webpack.config.prod.js
  4 | import path from 'path';
  5 | import autoprefixer from 'autoprefixer';
  6 | import webpack from 'webpack';
  7 | import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
  8 | import HtmlWebpackPlugin from 'html-webpack-plugin';
  9 | import babelConfig from './babel.dev';
 10 | import paths from './paths';
 11 | 
 12 | // remove all of this when we move project onto babel 6
 13 | export default {
 14 |   devtool: 'cheap-source-map',
 15 |   entry: [
 16 |     `${require.resolve('webpack-dev-server/client')}?/`,
 17 |     require.resolve('webpack/hot/dev-server'),
 18 |     require.resolve('react-hot-loader/patch'),
 19 |     // path.join(paths.appSrc, 'polyfills'),
 20 |     path.join(paths.appSrc, 'main'),
 21 |   ],
 22 |   output: {
 23 |     // Next line is not used in dev but WebpackDevServer crashes without it:
 24 |     path: paths.appBuild,
 25 |     pathinfo: true,
 26 |     filename: 'static/js/bundle.js',
 27 |     publicPath: '/',
 28 |   },
 29 |   devServer: {
 30 |     progress: true,
 31 |     colors: true,
 32 |     host: '0.0.0.0',
 33 |     port: (process.env.PORT || 3000),
 34 |     inline: true,
 35 |     hot: true,
 36 |     historyApiFallback: true,
 37 |     proxy: {
 38 |       // ws proxy
 39 |       ...(
 40 |         ['/ws/*'].reduce(
 41 |           (r, v) => ({
 42 |             ...r,
 43 |             [v]: {
 44 |               target: paths.appProxy,
 45 |               ws: true,
 46 |             },
 47 |           }),
 48 |           {},
 49 |         )
 50 |       ),
 51 |     },
 52 |   },
 53 |   resolve: {
 54 |     alias: {
 55 |       // 'react-components-markdown': path.join(__dirname, '../src'),
 56 |     },
 57 |     modulesDirectories: [
 58 |       paths.appSrc,
 59 |       'node_modules',
 60 |     ],
 61 |     extensions: ['', '.web.js', '.js', '.jsx'], // eslint-disable-line
 62 |   },
 63 |   resolveLoader: {
 64 |     root: paths.appNodeModules,
 65 |   },
 66 |   postcss: [
 67 |     autoprefixer({ browsers: ['last 2 versions'] }),
 68 |   ],
 69 |   plugins: [
 70 |     new webpack.HotModuleReplacementPlugin(),
 71 |     new webpack.NoErrorsPlugin(),
 72 |     new HtmlWebpackPlugin({
 73 |       inject: true,
 74 |       template: paths.appHtml,
 75 |       favicon: paths.appFavicon,
 76 |     }),
 77 |     // new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.bundle.js'),
 78 |     new webpack.DefinePlugin({
 79 |       'process.env': {
 80 |         NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
 81 |       },
 82 |     }),
 83 |     new CaseSensitivePathsPlugin(),
 84 |   ],
 85 |   module: {
 86 |     loaders: [
 87 |       {
 88 |         test: /\.jsx?$/,
 89 |         loader: require.resolve('babel-loader'),
 90 |         query: babelConfig,
 91 |         include: [
 92 |           paths.appSrc,
 93 |         ],
 94 |       },
 95 |       {
 96 |         test: /\.sass$/,
 97 |         loaders: [
 98 |           'style-loader',
 99 |           'css-loader?modules&importLoaders=2&localIdentName=[name]__[local]', // [hash:5]
100 |           'postcss-loader',
101 |           'sass-loader?precision=10&indentedSyntax=sass',
102 |         ],
103 |         include: [
104 |           paths.appSrc,
105 |         ],
106 |       },
107 |       {
108 |         test: /\.css$/,
109 |         loaders: [
110 |           'style-loader',
111 |           'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]', // [hash:5]
112 |           'postcss-loader',
113 |         ],
114 |         include: [
115 |           paths.appSrc,
116 |           paths.appNodeModules,
117 |         ],
118 |         exclude: [
119 |           path.join(paths.appNodeModules, 'react-virtualized'),
120 |           path.join(paths.appNodeModules, 'slick-carousel'),
121 |         ],
122 |       },
123 |       {
124 |         test: /\.css$/,
125 |         loaders: [
126 |           'style-loader',
127 |           'css-loader', // [hash:5]
128 |           'postcss-loader',
129 |         ],
130 |         include: [
131 |           path.join(paths.appNodeModules, 'react-virtualized'),
132 |           path.join(paths.appNodeModules, 'slick-carousel'),
133 |         ],
134 |       },
135 |       {
136 |         test: /\.(?:svg|png|jpg)$/,
137 |         loaders: ['url-loader?limit=7000'],
138 |       },
139 |       {
140 |         test: /\.(?:txt)$/,
141 |         loaders: ['raw-loader'],
142 |       }
143 |     ],
144 |   },
145 | };
146 | 


--------------------------------------------------------------------------------
/example/config/webpack.config.production.babel.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable max-len, import/no-extraneous-dependencies */
  2 | import path from 'path';
  3 | import autoprefixer from 'autoprefixer';
  4 | import webpack from 'webpack';
  5 | import HtmlWebpackPlugin from 'html-webpack-plugin';
  6 | import ExtractTextPlugin from 'extract-text-webpack-plugin';
  7 | import babelConfig from './babel.prod';
  8 | import paths from './paths';
  9 | 
 10 | // Development builds of React are slow and not intended for production.
 11 | if (process.env.NODE_ENV !== 'production') {
 12 |   throw new Error('Production builds must have NODE_ENV=production.');
 13 | }
 14 | 
 15 | const publicPath = process.env.BUILD ? '/pbl/' : '/';
 16 | 
 17 | const envObj = Object.keys(process.env)
 18 |   .reduce((r, k) => ({
 19 |     ...r,
 20 |     [k]: JSON.stringify(process.env[k]),
 21 |   }), {
 22 |     NODE_ENV: '"development"',
 23 |   });
 24 | 
 25 | // remove all of this when we move project onto babel 6
 26 | export default {
 27 |   // Don't attempt to continue if there are any errors.
 28 |   bail: true,
 29 |   // We generate sourcemaps in production. This is slow but gives good results.
 30 |   // You can exclude the *.map files from the build during deployment.
 31 |   devtool: 'source-map',
 32 |   entry: {
 33 |     // In production, we only want to load the polyfills and the app code.
 34 |     app: [
 35 |       // path.join(paths.appSrc, 'polyfills'),
 36 |       path.join(paths.appSrc, 'main'),
 37 |     ],
 38 |     vendor: [
 39 |       'react',
 40 |       'react-dom',
 41 |       'recompose',
 42 |       'react-router',
 43 |     ],
 44 |   },
 45 |   output: {
 46 |     // The build folder.
 47 |     path: process.env.BUILD || paths.appBuild,
 48 |     // Generated JS file names (with nested folders).
 49 |     filename: 'static/js/[name].[chunkhash:8].js',
 50 |     chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
 51 |     // We inferred the "public path" (such as / or /my-project) from homepage.
 52 |     publicPath,
 53 |   },
 54 |   resolve: {
 55 |     alias: {
 56 |       // 'react-components-markdown': path.join(__dirname, '../src'),
 57 |     },
 58 |     modulesDirectories: [
 59 |       paths.appSrc,
 60 |       'node_modules',
 61 |     ],
 62 |     extensions: ['', '.web.js', '.js', '.jsx'], // eslint-disable-line
 63 |   },
 64 |   resolveLoader: {
 65 |     root: paths.appNodeModules,
 66 |   },
 67 |   postcss: [
 68 |     autoprefixer({ browsers: ['last 2 versions'] }),
 69 |   ],
 70 |   recordsPath: path.resolve(__dirname, '.webpack-records.json'),
 71 |   plugins: [
 72 |     // Generates an `index.html` file with the <script> injected.
 73 |     new HtmlWebpackPlugin({
 74 |       inject: true,
 75 |       template: paths.appHtml,
 76 |       favicon: paths.appFavicon,
 77 |       minify: {
 78 |         removeComments: true,
 79 |         collapseWhitespace: true,
 80 |         removeRedundantAttributes: true,
 81 |         useShortDoctype: true,
 82 |         removeEmptyAttributes: true,
 83 |         removeStyleLinkTypeAttributes: true,
 84 |         keepClosingSlash: true,
 85 |         minifyJS: true,
 86 |         minifyCSS: true,
 87 |         minifyURLs: true,
 88 |       },
 89 |     }),
 90 |     // new webpack.optimize.CommonsChunkPlugin('vendor', 'static/js/vendor.[chunkhash:8].js'),
 91 |     new webpack.optimize.CommonsChunkPlugin({
 92 |       names: ['vendor', 'manifest'],
 93 |     }),
 94 |     new webpack.DefinePlugin({
 95 |       'process.env': envObj,
 96 |     }),
 97 |     // This helps ensure the builds are consistent if source hasn't changed:
 98 |     new webpack.optimize.OccurrenceOrderPlugin(),
 99 |     // Try to dedupe duplicated modules, if any:
100 |     new webpack.optimize.DedupePlugin(),
101 |     // Minify the code.
102 |     new webpack.optimize.UglifyJsPlugin({
103 |       compress: {
104 |         screw_ie8: true, // React doesn't support IE8
105 |         warnings: false,
106 |       },
107 |       mangle: {
108 |         screw_ie8: true,
109 |       },
110 |       output: {
111 |         comments: false,
112 |         screw_ie8: true,
113 |       },
114 |     }),
115 |     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
116 |     new ExtractTextPlugin('static/css/[name].[contenthash:8].css'),
117 |   ],
118 |   module: {
119 |     loaders: [
120 |       {
121 |         test: /\.jsx?$/,
122 |         loader: require.resolve('babel-loader'),
123 |         query: babelConfig,
124 |         include: [
125 |           paths.appSrc,
126 |         ],
127 |       },
128 | 
129 |       {
130 |         test: /\.sass$/,
131 |         loader: ExtractTextPlugin.extract(
132 |           'style-loader',
133 |           [
134 |             'css-loader?modules&importLoaders=2&localIdentName=[name]__[local]', // [hash:5]
135 |             'postcss-loader',
136 |             'sass-loader?precision=10&indentedSyntax=sass',
137 |           ],
138 |         ),
139 |         include: [
140 |           paths.appSrc,
141 |         ],
142 |       },
143 |       {
144 |         test: /\.css$/,
145 |         loader: ExtractTextPlugin.extract(
146 |           'style-loader',
147 |           [
148 |             'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]', // [hash:5]
149 |             'postcss-loader',
150 |           ],
151 |         ),
152 |         include: [
153 |           paths.appSrc,
154 |           paths.appNodeModules,
155 |         ],
156 |       },
157 |       {
158 |         test: /\.(?:svg|png|jpg)$/,
159 |         loaders: ['url-loader?limit=7000'],
160 |       },
161 |       {
162 |         test: /\.(?:txt)$/,
163 |         loaders: ['raw-loader'],
164 |       }
165 |     ],
166 |   },
167 | };
168 | 


--------------------------------------------------------------------------------
/example/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "example",
 3 |   "private": true,
 4 |   "version": "1.0.2",
 5 |   "description": "example",
 6 |   "main": "index.js",
 7 |   "scripts": {
 8 |     "start": "webpack-dev-server --inline --config './config/webpack.config.dev.babel.js'",
 9 |     "clean": "rimraf build",
10 |     "build": "yarn run clean;NODE_ENV=production webpack --config './config/webpack.config.production.babel.js' --progress",
11 |     "size": "NODE_ENV=production webpack --config './config/webpack.config.production.babel.js' --json | webpack-bundle-size-analyzer",
12 |     "makelinks": "echo '' > ../docs/.nojekyll;cd ../docs;ln -s index.html build.html;ln -s index.html err.html",
13 |     "pages": "rimraf ../docs;BUILD=../docs NODE_ENV=production webpack --config './config/webpack.config.production.babel.js' --progress;yarn run makelinks",
14 |     "lint": "eslint src"
15 |   },
16 |   "author": "istarkov",
17 |   "license": "MIT",
18 |   "devDependencies": {
19 |     "autoprefixer": "^6.6.0",
20 |     "babel-cli": "^6.4.5",
21 |     "babel-eslint": "^7.1.1",
22 |     "babel-jest": "^17.0.2",
23 |     "babel-loader": "^6.2.10",
24 |     "babel-plugin-transform-runtime": "^6.9.0",
25 |     "babel-preset-latest": "^6.3.13",
26 |     "babel-preset-react": "^6.3.13",
27 |     "babel-preset-stage-0": "^6.16.0",
28 |     "case-sensitive-paths-webpack-plugin": "^1.1.3",
29 |     "compression": "^1.6.2",
30 |     "concurrently": "^3.1.0",
31 |     "css-loader": "^0.26.1",
32 |     "eslint": "^3.11.1",
33 |     "eslint-config-airbnb": "^13.0.0",
34 |     "eslint-plugin-import": "^2.2.0",
35 |     "eslint-plugin-jsx-a11y": "^2.2.3",
36 |     "eslint-plugin-react": "^6.8.0",
37 |     "extract-text-webpack-plugin": "^1.0.1",
38 |     "file-loader": "^0.9.0",
39 |     "html-webpack-plugin": "^2.22.0",
40 |     "http-proxy-middleware": "^0.17.3",
41 |     "in-publish": "^2.0.0",
42 |     "jest": "^17.0.3",
43 |     "node-sass": "^3.4.2",
44 |     "postcss-loader": "^1.2.0",
45 |     "postcss-modules-values": "^1.1.3",
46 |     "rimraf": "^2.5.4",
47 |     "sass-loader": "^4.1.1",
48 |     "style-loader": "^0.13.0",
49 |     "url-loader": "^0.5.7",
50 |     "webpack": "^1.14.0",
51 |     "webpack-dev-server": "^1.16.2"
52 |   },
53 |   "dependencies": {
54 |     "chalk": "^1.1.3",
55 |     "cli-spinners": "^1.0.0",
56 |     "compression": "^1.6.2",
57 |     "express": "^4.14.0",
58 |     "fbjs": "^0.8.8",
59 |     "history": "^4.3.0",
60 |     "hterm-umdjs": "^1.1.4",
61 |     "js-base64": "^2.1.9",
62 |     "lodash": "^4.16.3",
63 |     "markdown-in-js": "^1.1.3",
64 |     "node-uuid": "^1.4.7",
65 |     "normalize.css": "^5.0.0",
66 |     "ora": "^0.3.0",
67 |     "raf": "^3.3.0",
68 |     "raw-loader": "^0.5.1",
69 |     "react": "^15.4.1",
70 |     "react-addons-shallow-compare": "^15.4.1",
71 |     "react-css-themr": "^1.7.0",
72 |     "react-dom": "^15.4.1",
73 |     "react-hot-loader": "3.0.0-beta.6",
74 |     "react-router": "4.0.0-alpha.6",
75 |     "react-slick": "^0.14.5",
76 |     "recompose": "^0.20.2",
77 |     "rxjs": "^5.0.2",
78 |     "slick-carousel": "^1.6.0",
79 |     "webfontloader": "^1.6.26",
80 |     "webpack-bundle-size-analyzer": "^2.2.0",
81 |     "ws": "^1.1.1"
82 |   }
83 | }
84 | 


--------------------------------------------------------------------------------
/example/server/index.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const compression = require('compression');
 3 | const path = require('path');
 4 | const { Server } = require('http');
 5 | const os = require('os');
 6 | 
 7 | 
 8 | const WS_PORT = 4000;
 9 | 
10 | const app = express();
11 | const server = Server(app);
12 | 
13 | app.use(compression());
14 | app.use(express.static(path.join(__dirname, '../build')));
15 | 
16 | app.get('/hostname', (req, res) => {
17 |   res.send('hostname' + os.hostname()); // eslint-disable-line
18 | });
19 | 
20 | app.get('/*', (req, res) => {
21 |   res.sendFile(path.join(__dirname, '../build', 'index.html'));
22 | });
23 | 
24 | server.listen(process.env.WS_PORT || WS_PORT);
25 | 


--------------------------------------------------------------------------------
/example/server/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "example-server",
 3 |   "version": "1.0.0",
 4 |   "description": "to make it independent of node_modules at upper level, to reduce docker image size ",
 5 |   "main": "index.js",
 6 |   "author": "istarkov",
 7 |   "license": "MIT",
 8 |   "dependencies": {
 9 |     "compression": "^1.6.2",
10 |     "express": "^4.14.0"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/example/server/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | accepts@~1.3.3:
  6 |   version "1.3.3"
  7 |   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.3.tgz#c3ca7434938648c3e0d9c1e328dd68b622c284ca"
  8 |   dependencies:
  9 |     mime-types "~2.1.11"
 10 |     negotiator "0.6.1"
 11 | 
 12 | array-flatten@1.1.1:
 13 |   version "1.1.1"
 14 |   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
 15 | 
 16 | bytes@2.3.0:
 17 |   version "2.3.0"
 18 |   resolved "https://registry.yarnpkg.com/bytes/-/bytes-2.3.0.tgz#d5b680a165b6201739acb611542aabc2d8ceb070"
 19 | 
 20 | compressible@~2.0.8:
 21 |   version "2.0.9"
 22 |   resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.9.tgz#6daab4e2b599c2770dd9e21e7a891b1c5a755425"
 23 |   dependencies:
 24 |     mime-db ">= 1.24.0 < 2"
 25 | 
 26 | compression@^1.6.2:
 27 |   version "1.6.2"
 28 |   resolved "https://registry.yarnpkg.com/compression/-/compression-1.6.2.tgz#cceb121ecc9d09c52d7ad0c3350ea93ddd402bc3"
 29 |   dependencies:
 30 |     accepts "~1.3.3"
 31 |     bytes "2.3.0"
 32 |     compressible "~2.0.8"
 33 |     debug "~2.2.0"
 34 |     on-headers "~1.0.1"
 35 |     vary "~1.1.0"
 36 | 
 37 | content-disposition@0.5.1:
 38 |   version "0.5.1"
 39 |   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.1.tgz#87476c6a67c8daa87e32e87616df883ba7fb071b"
 40 | 
 41 | content-type@~1.0.2:
 42 |   version "1.0.2"
 43 |   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.2.tgz#b7d113aee7a8dd27bd21133c4dc2529df1721eed"
 44 | 
 45 | cookie-signature@1.0.6:
 46 |   version "1.0.6"
 47 |   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
 48 | 
 49 | cookie@0.3.1:
 50 |   version "0.3.1"
 51 |   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
 52 | 
 53 | debug@~2.2.0:
 54 |   version "2.2.0"
 55 |   resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
 56 |   dependencies:
 57 |     ms "0.7.1"
 58 | 
 59 | depd@~1.1.0:
 60 |   version "1.1.0"
 61 |   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.0.tgz#e1bd82c6aab6ced965b97b88b17ed3e528ca18c3"
 62 | 
 63 | destroy@~1.0.4:
 64 |   version "1.0.4"
 65 |   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
 66 | 
 67 | ee-first@1.1.1:
 68 |   version "1.1.1"
 69 |   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 70 | 
 71 | encodeurl@~1.0.1:
 72 |   version "1.0.1"
 73 |   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.1.tgz#79e3d58655346909fe6f0f45a5de68103b294d20"
 74 | 
 75 | escape-html@~1.0.3:
 76 |   version "1.0.3"
 77 |   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
 78 | 
 79 | etag@~1.7.0:
 80 |   version "1.7.0"
 81 |   resolved "https://registry.yarnpkg.com/etag/-/etag-1.7.0.tgz#03d30b5f67dd6e632d2945d30d6652731a34d5d8"
 82 | 
 83 | express@^4.14.0:
 84 |   version "4.14.0"
 85 |   resolved "https://registry.yarnpkg.com/express/-/express-4.14.0.tgz#c1ee3f42cdc891fb3dc650a8922d51ec847d0d66"
 86 |   dependencies:
 87 |     accepts "~1.3.3"
 88 |     array-flatten "1.1.1"
 89 |     content-disposition "0.5.1"
 90 |     content-type "~1.0.2"
 91 |     cookie "0.3.1"
 92 |     cookie-signature "1.0.6"
 93 |     debug "~2.2.0"
 94 |     depd "~1.1.0"
 95 |     encodeurl "~1.0.1"
 96 |     escape-html "~1.0.3"
 97 |     etag "~1.7.0"
 98 |     finalhandler "0.5.0"
 99 |     fresh "0.3.0"
100 |     merge-descriptors "1.0.1"
101 |     methods "~1.1.2"
102 |     on-finished "~2.3.0"
103 |     parseurl "~1.3.1"
104 |     path-to-regexp "0.1.7"
105 |     proxy-addr "~1.1.2"
106 |     qs "6.2.0"
107 |     range-parser "~1.2.0"
108 |     send "0.14.1"
109 |     serve-static "~1.11.1"
110 |     type-is "~1.6.13"
111 |     utils-merge "1.0.0"
112 |     vary "~1.1.0"
113 | 
114 | finalhandler@0.5.0:
115 |   version "0.5.0"
116 |   resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-0.5.0.tgz#e9508abece9b6dba871a6942a1d7911b91911ac7"
117 |   dependencies:
118 |     debug "~2.2.0"
119 |     escape-html "~1.0.3"
120 |     on-finished "~2.3.0"
121 |     statuses "~1.3.0"
122 |     unpipe "~1.0.0"
123 | 
124 | forwarded@~0.1.0:
125 |   version "0.1.0"
126 |   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.0.tgz#19ef9874c4ae1c297bcf078fde63a09b66a84363"
127 | 
128 | fresh@0.3.0:
129 |   version "0.3.0"
130 |   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.3.0.tgz#651f838e22424e7566de161d8358caa199f83d4f"
131 | 
132 | http-errors@~1.5.0:
133 |   version "1.5.1"
134 |   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.5.1.tgz#788c0d2c1de2c81b9e6e8c01843b6b97eb920750"
135 |   dependencies:
136 |     inherits "2.0.3"
137 |     setprototypeof "1.0.2"
138 |     statuses ">= 1.3.1 < 2"
139 | 
140 | inherits@2.0.3:
141 |   version "2.0.3"
142 |   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
143 | 
144 | ipaddr.js@1.1.1:
145 |   version "1.1.1"
146 |   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.1.1.tgz#c791d95f52b29c1247d5df80ada39b8a73647230"
147 | 
148 | media-typer@0.3.0:
149 |   version "0.3.0"
150 |   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
151 | 
152 | merge-descriptors@1.0.1:
153 |   version "1.0.1"
154 |   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
155 | 
156 | methods@~1.1.2:
157 |   version "1.1.2"
158 |   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
159 | 
160 | "mime-db@>= 1.24.0 < 2", mime-db@~1.25.0:
161 |   version "1.25.0"
162 |   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.25.0.tgz#c18dbd7c73a5dbf6f44a024dc0d165a1e7b1c392"
163 | 
164 | mime-types@~2.1.11, mime-types@~2.1.13:
165 |   version "2.1.13"
166 |   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.13.tgz#e07aaa9c6c6b9a7ca3012c69003ad25a39e92a88"
167 |   dependencies:
168 |     mime-db "~1.25.0"
169 | 
170 | mime@1.3.4:
171 |   version "1.3.4"
172 |   resolved "https://registry.yarnpkg.com/mime/-/mime-1.3.4.tgz#115f9e3b6b3daf2959983cb38f149a2d40eb5d53"
173 | 
174 | ms@0.7.1:
175 |   version "0.7.1"
176 |   resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
177 | 
178 | negotiator@0.6.1:
179 |   version "0.6.1"
180 |   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
181 | 
182 | on-finished@~2.3.0:
183 |   version "2.3.0"
184 |   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
185 |   dependencies:
186 |     ee-first "1.1.1"
187 | 
188 | on-headers@~1.0.1:
189 |   version "1.0.1"
190 |   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.1.tgz#928f5d0f470d49342651ea6794b0857c100693f7"
191 | 
192 | parseurl@~1.3.1:
193 |   version "1.3.1"
194 |   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.1.tgz#c8ab8c9223ba34888aa64a297b28853bec18da56"
195 | 
196 | path-to-regexp@0.1.7:
197 |   version "0.1.7"
198 |   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
199 | 
200 | proxy-addr@~1.1.2:
201 |   version "1.1.2"
202 |   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.2.tgz#b4cc5f22610d9535824c123aef9d3cf73c40ba37"
203 |   dependencies:
204 |     forwarded "~0.1.0"
205 |     ipaddr.js "1.1.1"
206 | 
207 | qs@6.2.0:
208 |   version "6.2.0"
209 |   resolved "https://registry.yarnpkg.com/qs/-/qs-6.2.0.tgz#3b7848c03c2dece69a9522b0fae8c4126d745f3b"
210 | 
211 | range-parser@~1.2.0:
212 |   version "1.2.0"
213 |   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
214 | 
215 | send@0.14.1:
216 |   version "0.14.1"
217 |   resolved "https://registry.yarnpkg.com/send/-/send-0.14.1.tgz#a954984325392f51532a7760760e459598c89f7a"
218 |   dependencies:
219 |     debug "~2.2.0"
220 |     depd "~1.1.0"
221 |     destroy "~1.0.4"
222 |     encodeurl "~1.0.1"
223 |     escape-html "~1.0.3"
224 |     etag "~1.7.0"
225 |     fresh "0.3.0"
226 |     http-errors "~1.5.0"
227 |     mime "1.3.4"
228 |     ms "0.7.1"
229 |     on-finished "~2.3.0"
230 |     range-parser "~1.2.0"
231 |     statuses "~1.3.0"
232 | 
233 | serve-static@~1.11.1:
234 |   version "1.11.1"
235 |   resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.11.1.tgz#d6cce7693505f733c759de57befc1af76c0f0805"
236 |   dependencies:
237 |     encodeurl "~1.0.1"
238 |     escape-html "~1.0.3"
239 |     parseurl "~1.3.1"
240 |     send "0.14.1"
241 | 
242 | setprototypeof@1.0.2:
243 |   version "1.0.2"
244 |   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.0.2.tgz#81a552141ec104b88e89ce383103ad5c66564d08"
245 | 
246 | "statuses@>= 1.3.1 < 2", statuses@~1.3.0:
247 |   version "1.3.1"
248 |   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.3.1.tgz#faf51b9eb74aaef3b3acf4ad5f61abf24cb7b93e"
249 | 
250 | type-is@~1.6.13:
251 |   version "1.6.14"
252 |   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.14.tgz#e219639c17ded1ca0789092dd54a03826b817cb2"
253 |   dependencies:
254 |     media-typer "0.3.0"
255 |     mime-types "~2.1.13"
256 | 
257 | unpipe@~1.0.0:
258 |   version "1.0.0"
259 |   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
260 | 
261 | utils-merge@1.0.0:
262 |   version "1.0.0"
263 |   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.0.tgz#0294fb922bb9375153541c4f7096231f287c8af8"
264 | 
265 | vary@~1.1.0:
266 |   version "1.1.0"
267 |   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.0.tgz#e1e5affbbd16ae768dd2674394b9ad3022653140"
268 | 


--------------------------------------------------------------------------------
/example/src/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router';
 3 | import Layout from './Layout';
 4 | 
 5 | export default () => (
 6 |   <BrowserRouter basename={process.env.BUILD ? '/pbl' : undefined}>
 7 |     <Layout />
 8 |   </BrowserRouter>
 9 | );
10 | 


--------------------------------------------------------------------------------
/example/src/Carusel.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import compose from 'recompose/compose';
 3 | import withProps from 'recompose/withProps';
 4 | import { themr } from 'react-css-themr';
 5 | import Slider from 'react-slick';
 6 | import caruselStyles from './carusel.sass';
 7 | import img0 from '../assets/images/0.jpg';
 8 | import img1 from '../assets/images/1.jpg';
 9 | import img2 from '../assets/images/2.jpg';
10 | import img3 from '../assets/images/3.jpg';
11 | 
12 | const images = [img0, img1, img2, img3];
13 | const description = [
14 |   'Enter your project and run pbl',
15 |   'Get unique url',
16 |   'View the build process in the browser',
17 |   'Your app is ready',
18 | ];
19 | 
20 | export const carusel = ({ theme, settings }) => (
21 |   <div className={theme.main}>
22 |     <Slider {...settings}>
23 |       {[0, 1, 2, 3].map(i => (
24 |         <div key={i} className={theme.card}>
25 |           <div className={theme.aspectRatioContent}>
26 |             <div
27 |               className={theme.innerCard}
28 |               style={{ backgroundImage: `url(${images[i]})` }}
29 |             >
30 |               <div className={theme.description}>
31 |                 {i + 1} - {description[i]}
32 |               </div>
33 |             </div>
34 |           </div>
35 |         </div>
36 |       ))}
37 |     </Slider>
38 |   </div>
39 | );
40 | 
41 | export const caruselHOC = compose(
42 |   themr('carusel', caruselStyles),
43 |   withProps(({ theme }) => ({
44 |     settings: {
45 |       className: theme.holder,
46 |       centerMode: true,
47 |       infinite: true,
48 |       slidesToShow: 3,
49 |       speed: 500
50 |     },
51 |   }))
52 | );
53 | 
54 | export default caruselHOC(carusel);
55 | 


--------------------------------------------------------------------------------
/example/src/Container.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import compose from 'recompose/compose';
 3 | import { themr } from 'react-css-themr';
 4 | import containerStyles from './container.sass';
 5 | 
 6 | export const container = ({ theme, children }) => (
 7 |   <div className={theme.component}>
 8 |     <div className={theme.contentAside} />
 9 |     <div className={theme.content}>
10 |       {children}
11 |     </div>
12 |     <div className={theme.contentAside} />
13 |   </div>
14 | );
15 | 
16 | export const containerHOC = compose(
17 |   themr('container', containerStyles)
18 | );
19 | 
20 | export default containerHOC(container);
21 | 


--------------------------------------------------------------------------------
/example/src/Content.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import compose from 'recompose/compose';
 3 | import { themr } from 'react-css-themr';
 4 | import markdown from 'markdown-in-js';
 5 | import { Link } from 'react-router';
 6 | import Carusel from './Carusel';
 7 | import contentStyles from './content.sass';
 8 | 
 9 | const Data = ({ theme }) => markdown({
10 |   a: ({ href, children }) => (
11 |     <a href={href} target={'_blank'}>{children}</a>
12 |   ),
13 | })`
14 | [**Pbl**](https://github.com/istarkov/pbl) gives users the ability to make fast and easy deployment of their
15 | Docker powered applications and services onto their server.
16 | Any directory that contains a Dockerfile can be deployed with just one command: \`pbl\`
17 | 
18 | Every time a user deploys a project, [**pbl**](https://github.com/istarkov/pbl) (by default),
19 | will immediately
20 | provide a new unique URL. While the build process runs,
21 | a full-featured, view-only terminal with all
22 | the ${<Link className={theme.link} to={'/build'}>build process output</Link>} will
23 | be available at the provided URL.
24 | 
25 | If the build process is successful, the app
26 | itself will become available at the same URL,
27 | otherwise the terminal with
28 | the ${<Link className={theme.link} to={'/err'}>build process output and error(s)</Link>} will
29 | remain available.
30 | 
31 | *More information available [here](https://github.com/istarkov/pbl)*
32 | `;
33 | 
34 | export const content = ({ theme }) => (
35 |   <div className={theme.main}>
36 |     <div className={theme.data}>
37 |       <Data theme={theme} />
38 |     </div>
39 |     <Carusel />
40 |   </div>
41 | );
42 | 
43 | export const contentHOC = compose(
44 |   themr('content', contentStyles)
45 | );
46 | 
47 | export default contentHOC(content);
48 | 


--------------------------------------------------------------------------------
/example/src/Layout.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { themr } from 'react-css-themr';
 3 | import compose from 'recompose/compose';
 4 | import { Link } from 'react-router';
 5 | import MatchWithProps from './enhancers/MatchWithProps';
 6 | import AsyncMatch from './enhancers/AsyncMatch';
 7 | import Container from './Container';
 8 | import Content from './Content';
 9 | // import Replay from './Replay';
10 | import layoutStyles from './layout.sass';
11 | 
12 | async function loadReplayPage() {
13 |   return new Promise((r) => {
14 |     require.ensure([], () => {
15 |       const Replay = require('./Replay').default; // eslint-disable-line
16 |       r(Replay);
17 |     });
18 |   });
19 | }
20 | 
21 | 
22 | const layoutComponent = ({
23 |   theme, state, dispatch,
24 | }) => (
25 |   <div className={theme.component}>
26 |     <div className={theme.header}>
27 |       <Container theme={theme} themeNamespace={'header'}>
28 |         <div className={theme.headerLeft}>
29 |           <Link to={'/'}><h1 className={theme.headerText}>PBL</h1></Link>
30 |           <span>easy deployment tool</span>
31 |         </div>
32 |         <div className={theme.headerMenu}>
33 |           <span>how it looks like:</span>
34 |           <Link to={'/build'}>build</Link>
35 |           <Link to={'/err'}>error</Link>
36 |         </div>
37 |       </Container>
38 |     </div>
39 |     <div className={theme.avatarLine}>
40 |       <div className={theme.avatarHolder}>
41 |         <div className={theme.avatar} />
42 |       </div>
43 |     </div>
44 |     <Container>
45 |       <MatchWithProps
46 |         exactly
47 |         pattern="/"
48 |         component={Content}
49 |         state={state}
50 |         dispatch={dispatch}
51 |       />
52 |       <AsyncMatch
53 |         pattern="/build"
54 |         component={loadReplayPage}
55 |         renderLoading={() => <div className={theme.loading}>Loading...</div>}
56 |         replay={'build'}
57 |       />
58 |       <AsyncMatch
59 |         pattern="/err"
60 |         component={loadReplayPage}
61 |         renderLoading={() => <div className={theme.loading}>Loading...</div>}
62 |         replay={'err'}
63 |       />
64 |     </Container>
65 |     <div className={theme.footer}>
66 |       <Container theme={theme} themeNamespace={'footer'}>
67 |         <span className={theme.team}>team</span> &nbsp;CecTPa yTky MHe
68 |       </Container>
69 |     </div>
70 |   </div>
71 | );
72 | 
73 | export const layoutHOC = compose(
74 |   themr('layout', layoutStyles),
75 | );
76 | 
77 | export default layoutHOC(layoutComponent);
78 | 


--------------------------------------------------------------------------------
/example/src/Replay.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Base64 } from 'js-base64';
 3 | import { Observable } from 'rxjs';
 4 | import mapPropsStream from 'recompose/mapPropsStream';
 5 | import createEventHandler from 'recompose/createEventHandler';
 6 | import compose from 'recompose/compose';
 7 | import { themr } from 'react-css-themr';
 8 | import replayStyles from './replay.sass';
 9 | import defaultConfig from './utils/defaultConfig';
10 | import buildReplayData from '../assets/replays/build.txt';
11 | import errReplayData from '../assets/replays/err.txt';
12 | import Term from './Term';
13 | 
14 | export const replay = ({ theme, setRef }) => (
15 |   <div className={theme.main}>
16 |     <div className={theme.term}>
17 |       <Term
18 |         {...defaultConfig}
19 |         ref_={setRef}
20 |         onResize={() => {}}
21 |         onActive={() => {}}
22 |       />
23 |     </div>
24 |   </div>
25 | );
26 | 
27 | const HAVE_NO_IDEA_WHY_TERM_BREAKS_WITHOUT_DELAY = 300;
28 | 
29 | export const replayHOC = compose(
30 |   themr('replay', replayStyles),
31 |   mapPropsStream((props$) => {
32 |     const { handler: setRef, stream: ref$ } = createEventHandler();
33 |     const replayData = {
34 |       build: buildReplayData,
35 |       err: errReplayData,
36 |     };
37 | 
38 |     const replayDelays = {
39 |       build: 5,
40 |       err: 50,
41 |     };
42 | 
43 |     const term$ = ref$
44 |       .filter(ref => ref !== null)
45 |       .withLatestFrom(props$, (ref, props) => ({
46 |         ref,
47 |         props,
48 |       }))
49 |       .delay(HAVE_NO_IDEA_WHY_TERM_BREAKS_WITHOUT_DELAY)
50 |       .switchMap(({ ref, props: { replay: replayKey = 'build' } }) => {
51 |         const arr = replayData[replayKey].split('\n');
52 |         return Observable.concat(
53 |             ...arr
54 |             .map(v => Observable.of(v).delay(replayDelays[replayKey]))
55 |         )
56 |         // .do(line => console.log(Base64.decode(line)))
57 |         .do(line => ref.write(Base64.decode(line)));
58 |       })
59 |       .filter(() => false);
60 | 
61 | 
62 |     return props$.combineLatest(term$.startWith(undefined), props => ({
63 |       ...props,
64 |       setRef,
65 |     }));
66 |   }),
67 | );
68 | 
69 | export default replayHOC(replay);
70 | 


--------------------------------------------------------------------------------
/example/src/Term.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable no-underscore-dangle, react/sort-comp */
  2 | /* global Blob,URL,requestAnimationFrame */
  3 | 
  4 | // ----------------------------------------------------------------
  5 | // MIT Licence, Copyright (c) 2016 Zeit, Inc.
  6 | // ----------------------------------------------------------------
  7 | 
  8 | import React, { Component } from 'react';
  9 | import hterm from './utils/hterm';
 10 | import getColorList from './utils/colors';
 11 | 
 12 | export default class Term extends Component {
 13 | 
 14 |   constructor(props) {
 15 |     super(props);
 16 |     this.handleWheel = this.handleWheel.bind(this);
 17 |     this.handleMouseDown = this.handleMouseDown.bind(this);
 18 |     this.handleMouseUp = this.handleMouseUp.bind(this);
 19 |     this.handleScrollEnter = this.handleScrollEnter.bind(this);
 20 |     this.handleScrollLeave = this.handleScrollLeave.bind(this);
 21 |     this.handleFocus = this.handleFocus.bind(this);
 22 |     this.onHyperCaret = this.onHyperCaret.bind(this);
 23 |     props.ref_(this);
 24 |   }
 25 | 
 26 |   componentDidMount() {
 27 |     const { props } = this;
 28 |     this.term = props.term || new hterm.Terminal('1234');
 29 |     // this.term.onHyperCaret(this.hyperCaret);
 30 | 
 31 |     // the first term that's created has unknown size
 32 |     // subsequent new tabs have size
 33 |     if (props.cols && props.rows) {
 34 |       this.term.realizeSize_(props.cols, props.rows);
 35 |     }
 36 | 
 37 |     const prefs = this.term.getPrefs();
 38 | 
 39 |     prefs.set('font-family', props.fontFamily);
 40 |     prefs.set('font-size', props.fontSize);
 41 |     prefs.set('font-smoothing', props.fontSmoothing);
 42 |     prefs.set('cursor-color', 'rgba(255,255,255,0.5)');
 43 |     prefs.set('enable-clipboard-notice', false);
 44 |     prefs.set('foreground-color', props.foregroundColor);
 45 | 
 46 |     // hterm.ScrollPort.prototype.setBackgroundColor is overriden
 47 |     // to make hterm's background transparent. we still need to set
 48 |     // background-color for proper text rendering
 49 |     prefs.set('background-color', props.backgroundColor);
 50 |     prefs.set('color-palette-overrides', getColorList(props.colors));
 51 |     prefs.set('user-css', this.getStylesheet(props.customCSS));
 52 |     prefs.set('scrollbar-visible', false);
 53 |     prefs.set('receive-encoding', 'raw');
 54 |     prefs.set('send-encoding', 'raw');
 55 |     prefs.set('alt-sends-what', 'browser-key');
 56 | 
 57 |     if (props.copyOnSelect) {
 58 |       prefs.set('copy-on-select', true);
 59 |     } else {
 60 |       prefs.set('copy-on-select', false);
 61 |     }
 62 | 
 63 |     this.term.onTerminalReady = () => {
 64 |       const io = this.term.io.push();
 65 |       io.onVTKeystroke = io.sendString = props.onData;
 66 |       io.onTerminalResize = (cols, rows) => {
 67 |         if (cols !== this.props.cols || rows !== this.props.rows) {
 68 |           props.onResize(cols, rows);
 69 |         }
 70 |       };
 71 | 
 72 |       this.term.modifierKeys = props.modifierKeys;
 73 |       // this.term.CursorNode_ is available at this point.
 74 |       this.term.setCursorShape(props.cursorShape);
 75 | 
 76 |       // emit onTitle event when hterm instance
 77 |       // wants to set the title of its tab
 78 |       this.term.setWindowTitle = props.onTitle;
 79 |     };
 80 |     this.term.decorate(this.termRef);
 81 |     this.term.installKeyboard();
 82 |     if (this.props.onTerminal) {
 83 |       this.props.onTerminal(this.term);
 84 |     }
 85 | 
 86 |     const iframeWindow = this.getTermDocument().defaultView;
 87 |     iframeWindow.addEventListener('wheel', this.handleWheel);
 88 | 
 89 |     this.getScreenNode().addEventListener('mouseup', this.handleMouseUp);
 90 |   }
 91 | 
 92 |   handleWheel(e) {
 93 |     if (this.props.onWheel) {
 94 |       this.props.onWheel(e);
 95 |     }
 96 |     const prefs = this.term.getPrefs();
 97 |     prefs.set('scrollbar-visible', true);
 98 |     clearTimeout(this.scrollbarsHideTimer);
 99 |     if (!this.scrollMouseEnter) {
100 |       this.scrollbarsHideTimer = setTimeout(() => {
101 |         prefs.set('scrollbar-visible', false);
102 |       }, 1000);
103 |     }
104 |   }
105 | 
106 |   handleScrollEnter() {
107 |     clearTimeout(this.scrollbarsHideTimer);
108 |     const prefs = this.term.getPrefs();
109 |     prefs.set('scrollbar-visible', true);
110 |     this.scrollMouseEnter = true;
111 |   }
112 | 
113 |   handleScrollLeave() {
114 |     const prefs = this.term.getPrefs();
115 |     prefs.set('scrollbar-visible', false);
116 |     this.scrollMouseEnter = false;
117 |   }
118 | 
119 |   handleFocus() {
120 |     // This will in turn result in `this.focus()` being
121 |     // called, which is unecessary.
122 |     // Should investigate if it matters.
123 |     this.props.onActive();
124 |   }
125 | 
126 |   handleMouseUp() {
127 |     this.props.onActive();
128 |   }
129 | 
130 |   onHyperCaret(caret) {
131 |     this.hyperCaret = caret;
132 |   }
133 | 
134 |   write(data) {
135 |     this.term.io.writeUTF8(data);
136 |   }
137 | 
138 |   focus() {
139 |     this.term.focusHyperCaret();
140 |   }
141 | 
142 |   clear() {
143 |     this.term.clearPreserveCursorRow();
144 | 
145 |     // If cursor is still not at the top, a command is probably
146 |     // running and we'd like to delete the whole screen.
147 |     // Move cursor to top
148 |     if (this.term.getCursorRow() !== 0) {
149 |       this.term.io.writeUTF8('\x1B[0;0H\x1B[2J');
150 |     }
151 |   }
152 | 
153 |   moveWordLeft() {
154 |     this.term.onVTKeystroke('\x1bb');
155 |   }
156 | 
157 |   moveWordRight() {
158 |     this.term.onVTKeystroke('\x1bf');
159 |   }
160 | 
161 |   deleteWordLeft() {
162 |     this.term.onVTKeystroke('\x1b\x7f');
163 |   }
164 | 
165 |   deleteWordRight() {
166 |     this.term.onVTKeystroke('\x1bd');
167 |   }
168 | 
169 |   deleteLine() {
170 |     this.term.onVTKeystroke('\x1bw');
171 |   }
172 | 
173 |   moveToStart() {
174 |     this.term.onVTKeystroke('\x01');
175 |   }
176 | 
177 |   moveToEnd() {
178 |     this.term.onVTKeystroke('\x05');
179 |   }
180 | 
181 |   selectAll() {
182 |     this.term.selectAll();
183 |   }
184 | 
185 |   getScreenNode() {
186 |     return this.term.scrollPort_.getScreenNode();
187 |   }
188 | 
189 |   getTermDocument() {
190 |     return this.term.document_;
191 |   }
192 | 
193 |   getStylesheet(css) {
194 |     const hyperCaret = `
195 |       .hyper-caret {
196 |         outline: none;
197 |         display: inline-block;
198 |         color: transparent;
199 |         text-shadow: 0 0 0 black;
200 |         font-family: ${this.props.fontFamily};
201 |         font-size: ${this.props.fontSize}px;
202 |       }
203 |     `;
204 |     const osSpecificCss = process.platform === 'win32' ?
205 |       `::-webkit-scrollbar {
206 |             width: 5px;
207 |           }
208 |           ::-webkit-scrollbar-thumb {
209 |             -webkit-border-radius: 10px;
210 |             border-radius: 10px;
211 |             background: ${this.props.borderColor};
212 |           }
213 |           ::-webkit-scrollbar-thumb:window-inactive {
214 |             background: ${this.props.borderColor};
215 |           }` : ''
216 |     ;
217 |     return URL.createObjectURL(new Blob([`
218 |       .cursor-node[focus="false"] {
219 |          border-width: 1px !important;
220 |       }
221 |       x-row {
222 |         line-height: 1.2em;
223 |       }
224 |       ${hyperCaret}
225 |       ${osSpecificCss}
226 |       ${css}
227 |     `], { type: 'text/css' }));
228 |   }
229 | 
230 | 
231 |   handleMouseDown(ev) {
232 |     // we prevent losing focus when clicking the boundary
233 |     // wrappers of the main terminal element
234 |     if (ev.target === this.termWrapperRef ||
235 |         ev.target === this.termRef) {
236 |       ev.preventDefault();
237 |     }
238 |   }
239 | 
240 |   componentWillReceiveProps(nextProps) {
241 |     if (this.props.url !== nextProps.url) {
242 |       // when the url prop changes, we make sure
243 |       // the terminal starts or stops ignoring
244 |       // key input so that it doesn't conflict
245 |       // with the <webview>
246 |       if (nextProps.url) {
247 |         const io = this.term.io.push();
248 |         io.onVTKeystroke = io.sendString = (str) => {
249 |           if (str.length === 1 && str.charCodeAt(0) === 3 /* Ctrl + C */) {
250 |             this.props.onURLAbort();
251 |           }
252 |         };
253 |       } else {
254 |         this.term.io.pop();
255 |       }
256 |     }
257 | 
258 |     if (!this.props.cleared && nextProps.cleared) {
259 |       this.clear();
260 |     }
261 | 
262 |     const prefs = this.term.getPrefs();
263 | 
264 |     if (this.props.fontSize !== nextProps.fontSize) {
265 |       prefs.set('font-size', nextProps.fontSize);
266 |       this.hyperCaret.style.fontSize = `${nextProps.fontSize}px`;
267 |     }
268 | 
269 |     if (this.props.foregroundColor !== nextProps.foregroundColor) {
270 |       prefs.set('foreground-color', nextProps.foregroundColor);
271 |     }
272 | 
273 |     if (this.props.fontFamily !== nextProps.fontFamily) {
274 |       prefs.set('font-family', nextProps.fontFamily);
275 |       this.hyperCaret.style.fontFamily = nextProps.fontFamily;
276 |     }
277 | 
278 |     if (this.props.fontSmoothing !== nextProps.fontSmoothing) {
279 |       prefs.set('font-smoothing', nextProps.fontSmoothing);
280 |     }
281 | 
282 |     if (this.props.cursorShape !== nextProps.cursorShape) {
283 |       this.term.setCursorShape(nextProps.cursorShape);
284 |     }
285 | 
286 |     if (this.props.colors !== nextProps.colors) {
287 |       prefs.set('color-palette-overrides', getColorList(nextProps.colors));
288 |     }
289 | 
290 |     if (this.props.customCSS !== nextProps.customCSS) {
291 |       prefs.set('user-css', this.getStylesheet(nextProps.customCSS));
292 |     }
293 | 
294 |     if (this.props.copyOnSelect) {
295 |       prefs.set('copy-on-select', true);
296 |     } else {
297 |       prefs.set('copy-on-select', false);
298 |     }
299 |   }
300 | 
301 |   componentWillUnmount() {
302 |     clearTimeout(this.scrollbarsHideTimer);
303 |     this.props.ref_(null);
304 |   }
305 | 
306 |   render() {
307 |     return (
308 |       <div
309 |         ref={(component) => {
310 |           this.termWrapperRef = component;
311 |         }}
312 |         onMouseDown={this.handleMouseDown}
313 |         style={{
314 |           padding: this.props.padding,
315 |           display: 'flex',
316 |           flex: '1',
317 |         }}
318 |       >
319 |         { this.props.customChildrenBefore }
320 |         <div
321 |           ref={(component) => {
322 |             this.termRef = component;
323 |           }}
324 |           style={{
325 |             display: 'flex',
326 |             flex: '1',
327 |             position: 'relative',
328 |           }}
329 |         />
330 |         { this.props.customChildren }
331 |       </div>
332 |     );
333 |   }
334 | }
335 | 


--------------------------------------------------------------------------------
/example/src/__tests__/dev.js:
--------------------------------------------------------------------------------
1 | // npm run test -- --watch
2 | // const { Observable } = require('rxjs');
3 | 
4 | it.only('For fast checking some ideas', () => {
5 | });
6 | 


--------------------------------------------------------------------------------
/example/src/carusel.sass:
--------------------------------------------------------------------------------
 1 | @mixin aspect-ratio($element, $width, $height)
 2 |   position: relative
 3 | 
 4 |   &:before
 5 |     display: block
 6 |     width: 100%
 7 |     padding-top: ($height / $width) * 100%
 8 |     content: ''
 9 | 
10 |   @if ($element)
11 |     > #{$element}
12 |       position: absolute
13 |       top: 0
14 |       left: 0
15 |       width: 100%
16 |       height: 100%
17 | 
18 | 
19 | .main
20 |   display: flex
21 |   flex: 1
22 |   justify-content: space-around
23 |   align-items: center
24 |   // min-width: 0
25 |   // *
26 |   //  min-width: 0
27 | 
28 | 
29 | .holder
30 |   flex: 1
31 |   // margin: 0 -50px
32 | 
33 | .card
34 |   @include aspect-ratio('.aspectRatioContent', 4, 3)
35 | 
36 |   &:global(.slick-center)
37 |     z-index: 100
38 |     .innerCard
39 |       // transform: scale(1.05, 1.05)
40 |       border: 1px solid #fff
41 | 
42 | .aspectRatioContent
43 |   display: flex
44 |   // border: 1px solid rgba(0,0,0,0)
45 | 
46 | .innerCard
47 |   background-size: cover
48 |   margin: 3px
49 |   border: 1px solid rgba(0,0,0,0)
50 |   display: flex
51 |   flex: 1
52 |   background-color: #272822
53 | 
54 | .description
55 |   flex: 1
56 |   min-height: 32px
57 |   text-shadow: 1px 1px 1px rgba(0,0,0,0.8)
58 |   font-size: 14px
59 |   margin-top: auto
60 |   margin-bottom: 5px
61 |   margin-left: 5px
62 |   margin-right: 5px
63 |   padding: 5px
64 |   background-color: rgba(0,0,0,0.7)
65 | 


--------------------------------------------------------------------------------
/example/src/container.sass:
--------------------------------------------------------------------------------
 1 | .component
 2 |   display: flex
 3 |   flex: 1
 4 | 
 5 | .content
 6 |   flex: 6
 7 |   position: relative
 8 |   display: flex
 9 | 
10 | .contentAside
11 |   flex: 1
12 |   min-width: 80px
13 | 
14 | @media only screen and (max-width: 700px)
15 |   .content
16 |     flex: 10
17 |   .contentAside
18 |     min-width: 20px
19 | 


--------------------------------------------------------------------------------
/example/src/content.sass:
--------------------------------------------------------------------------------
 1 | .main
 2 |   display: flex
 3 |   flex-direction: column
 4 |   min-height: 500px
 5 |   H1, A, STRONG
 6 |     color: #20BEFF
 7 |     text-decoration: none
 8 |   P:last-child
 9 |     text-align: right
10 | 
11 | .data
12 |   flex: 1
13 |   display: flex
14 |   align-items: center
15 | 
16 | .link
17 |   text-decoration: none
18 | 


--------------------------------------------------------------------------------
/example/src/enhancers/AsyncMatch.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Observable } from 'rxjs';
 3 | import componentFromStream from 'recompose/componentFromStream';
 4 | import { Match } from 'react-router';
 5 | 
 6 | const AsyncComponent = componentFromStream((props$) => {
 7 |   const sream$ = props$
 8 |     .map(({ component }) => component)
 9 |     .distinctUntilChanged()
10 |     .switchMap(component => Observable.fromPromise(component()))
11 |     .startWith(undefined);
12 | 
13 |   return props$.combineLatest(
14 |     sream$,
15 |     ({ component, renderLoading, ...props }, Component) => (
16 |       Component === undefined
17 |         ? renderLoading ? renderLoading() : null
18 |         : <Component {...props} />
19 |     )
20 |   );
21 | });
22 | 
23 | export default ({
24 |   exactly,
25 |   pattern,
26 |   location,
27 |   ...rest
28 | }) => (
29 |   <Match
30 |     exactly={exactly}
31 |     pattern={pattern}
32 |     location={location}
33 |     render={
34 |       props => (
35 |         <AsyncComponent {...props} {...rest} />
36 |       )
37 |     }
38 |   />
39 | );
40 | 


--------------------------------------------------------------------------------
/example/src/enhancers/MatchWithProps.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Match } from 'react-router';
 3 | 
 4 | export const matchWithProps = ({
 5 |   component: Component,
 6 |   exactly,
 7 |   pattern,
 8 |   location,
 9 |   ...rest
10 | }) => (
11 |   <Match
12 |     exactly={exactly}
13 |     pattern={pattern}
14 |     location={location}
15 |     render={
16 |       props => <Component {...props} {...rest} />
17 |     }
18 |   />
19 | );
20 | 
21 | export default matchWithProps;
22 | 


--------------------------------------------------------------------------------
/example/src/layout.sass:
--------------------------------------------------------------------------------
 1 | *
 2 |   min-width: 0
 3 |   min-height: 0
 4 | 
 5 | .component
 6 |   flex: 1
 7 |   display: flex
 8 |   flex-direction: column
 9 | 
10 | .header
11 |   border-bottom: 1px solid #666
12 |   background-color: rgba(0, 0, 0, 0.05)
13 |   display: flex
14 |   align-items: center
15 |   color: #999
16 | 
17 |   H1, A
18 |     color: #20BEFF
19 |     text-decoration: none
20 |   SPAN
21 |     font-size: 10px
22 |     margin-left: 4px
23 |   @media only screen and (max-width: 550px)
24 |     SPAN
25 |       display: none
26 | 
27 |   .headerMenu
28 |     A
29 |       font-size: 14px
30 |       margin-left: 6px
31 |       &+A
32 |         margin-left: 6px
33 | 
34 |   .headerContent
35 |     justify-content: space-between
36 |     align-items: baseline
37 | 
38 |   .headerLeft
39 |     display: flex
40 |     align-items: baseline
41 | 
42 |     .headerText
43 |       margin: 10px 0
44 | 
45 | .loading
46 |   margin: auto
47 | 
48 | .footer
49 |   font-size: 0.8rem
50 |   height: 2rem
51 |   border-top: 1px solid rgba(255, 255, 255, 0.10)
52 |   background-color: rgba(0, 0, 0, 0.05)
53 |   display: flex
54 |   align-items: center
55 | 
56 |   .footerContent
57 |     justify-content: flex-end
58 |     align-items: baseline
59 | 
60 | .team
61 |   color: #999
62 |   font-size: 10px
63 | 
64 | .avatarLine
65 |   height: 0
66 |   position: relative
67 |   pointer-events: none
68 | 
69 | .avatarHolder
70 |   position: absolute
71 |   left: 0
72 |   right: 0
73 |   display: flex
74 |   top: -41px
75 |   z-index: 1
76 | 
77 | .avatar
78 |   background-image: url('../assets/images/avatar.svg')
79 |   background-size: contain
80 |   background-repeat: no-repeat
81 |   height: 66px
82 |   width: 150px
83 |   margin: 0 auto
84 | 


--------------------------------------------------------------------------------
/example/src/main.js:
--------------------------------------------------------------------------------
 1 | import { AppContainer } from 'react-hot-loader';
 2 | import { Observable } from 'rxjs';
 3 | import React from 'react';
 4 | import { render } from 'react-dom';
 5 | import webfontloader from 'webfontloader';
 6 | import setObservableConfig from 'recompose/setObservableConfig';
 7 | import 'normalize.css/normalize.css';
 8 | import './main.sass';
 9 | import App from './App';
10 | 
11 | const mountNode = document.getElementById('app');
12 | 
13 | setObservableConfig({
14 |   fromESObservable: Observable.from,
15 | });
16 | 
17 | webfontloader.load({
18 |   google: {
19 |     families: ['Roboto', 'Roboto Mono'],
20 |   },
21 | });
22 | 
23 | render(
24 |   <AppContainer>
25 |     <App />
26 |   </AppContainer>,
27 |   mountNode,
28 | );
29 | 
30 | if (module.hot) {
31 |   module.hot.accept('./App', () => {
32 |     const NextApp = require('./App').default; // eslint-disable-line
33 |     render(
34 |       <AppContainer>
35 |         <NextApp />
36 |       </AppContainer>,
37 |       mountNode,
38 |     );
39 |   });
40 | }
41 | 


--------------------------------------------------------------------------------
/example/src/main.sass:
--------------------------------------------------------------------------------
 1 | :global(#app)
 2 |   min-height: 100vh
 3 |   display: flex
 4 | 
 5 | html, body
 6 |   font-size: 16px
 7 |   background-color: #272822
 8 |   color: #f8f8f2
 9 |   color: #ddd
10 |   font-family: 'Roboto'
11 |   -webkit-font-smoothing: antialiased
12 | 
13 | body
14 |   visibility: hidden
15 | 
16 | :global(.wf-active)
17 |   body
18 |     visibility: visible
19 | 
20 | // Use fallback font if not loaded
21 | :global(.wf-inactive)
22 |   body
23 |     visibility: visible
24 | 
25 | @media only screen and (max-width: 700px)
26 |   html, body
27 |     font-size: 14px
28 | 
29 | @media only screen and (max-width: 550px)
30 |   html, body
31 |     font-size: 12px
32 | 


--------------------------------------------------------------------------------
/example/src/reducer.js:
--------------------------------------------------------------------------------
 1 | const INITIAL_STATE = {
 2 |   competitions: [],
 3 |   leaderboards: {},
 4 | };
 5 | export default (state = INITIAL_STATE, action) => {
 6 |   switch (action.type) {
 7 |     case 'LOAD_SOMETHING': {
 8 |       return {
 9 |         ...state,
10 |       };
11 |     }
12 |     default:
13 |       return state;
14 |   }
15 | };
16 | 


--------------------------------------------------------------------------------
/example/src/replay.sass:
--------------------------------------------------------------------------------
 1 | .main
 2 |   flex: 1
 3 |   display: flex
 4 |   overflow-x: scroll
 5 | 
 6 | .term
 7 |   flex: 1
 8 |   display: flex
 9 |   min-width: 600px
10 | 


--------------------------------------------------------------------------------
/example/src/utils/colors.js:
--------------------------------------------------------------------------------
 1 | // ----------------------------------------------------------------
 2 | // MIT Licence, Copyright (c) 2016 Zeit, Inc.
 3 | // ----------------------------------------------------------------
 4 | 
 5 | const colorList = [
 6 |   'black',
 7 |   'red',
 8 |   'green',
 9 |   'yellow',
10 |   'blue',
11 |   'magenta',
12 |   'cyan',
13 |   'white',
14 |   'lightBlack',
15 |   'lightRed',
16 |   'lightGreen',
17 |   'lightYellow',
18 |   'lightBlue',
19 |   'lightMagenta',
20 |   'lightCyan',
21 |   'lightWhite',
22 |   'colorCubes',
23 |   'grayscale',
24 | ];
25 | 
26 | export default function getColorList(colors) {
27 |   // For backwards compatibility, return early if it's already an array
28 |   if (Array.isArray(colors)) {
29 |     return colors;
30 |   }
31 | 
32 |   return colorList.map(colorName => colors[colorName]);
33 | }
34 | 


--------------------------------------------------------------------------------
/example/src/utils/defaultConfig.js:
--------------------------------------------------------------------------------
 1 | // ----------------------------------------------------------------
 2 | // MIT Licence, Copyright (c) 2016 Zeit, Inc.
 3 | // ----------------------------------------------------------------
 4 | 
 5 | export default {
 6 |   // default font size in pixels for all tabs
 7 |   fontSize: 12,
 8 | 
 9 |   // font family with optional fallbacks
10 |   fontFamily: '"Roboto Mono", Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
11 | 
12 |   // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
13 |   cursorColor: 'rgba(248,28,229,0.8)',
14 | 
15 |   // `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
16 |   cursorShape: 'UNDERLINE',
17 | 
18 |   // color of the text
19 |   foregroundColor: '#fff',
20 | 
21 |   // terminal background color
22 |   backgroundColor: '#000',
23 | 
24 |   // border color (window, tabs)
25 |   borderColor: '#333',
26 | 
27 |   // custom css to embed in the main window
28 |   css: '',
29 | 
30 |   // custom css to embed in the terminal window
31 |   termCSS: '',
32 | 
33 |   // set to `true` if you're using a Linux set up
34 |   // that doesn't shows native menus
35 |   // default: `false` on Linux, `true` on Windows (ignored on macOS)
36 |   showHamburgerMenu: '',
37 | 
38 |   // set to `false` if you want to hide the minimize, maximize and close buttons
39 |   // additionally, set to `'left'` if you want them on the left, like in Ubuntu
40 |   // default: `true` on windows and Linux (ignored on macOS)
41 |   showWindowControls: '',
42 | 
43 |   // custom padding (css format, i.e.: `top right bottom left`)
44 |   padding: '12px 14px',
45 | 
46 |   // the full list. if you're going to provide the full color palette,
47 |   // including the 6 x 6 color cubes and the grayscale map, just provide
48 |   // an array here instead of a color map object
49 |   colors: {
50 |     black: '#000000',
51 |     red: '#ff0000',
52 |     green: '#33ff00',
53 |     yellow: '#ffff00',
54 |     blue: '#0066ff',
55 |     magenta: '#cc00ff',
56 |     cyan: '#00ffff',
57 |     white: '#d0d0d0',
58 |     lightBlack: '#808080',
59 |     lightRed: '#ff0000',
60 |     lightGreen: '#33ff00',
61 |     lightYellow: '#ffff00',
62 |     lightBlue: '#0066ff',
63 |     lightMagenta: '#cc00ff',
64 |     lightCyan: '#00ffff',
65 |     lightWhite: '#ffffff',
66 |   },
67 | 
68 |   // the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
69 |   // if left empty, your system's login shell will be used by default
70 |   shell: '',
71 | 
72 |   // for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
73 |   // by default ['--login'] will be used
74 |   shellArgs: ['--login'],
75 | 
76 |   // for environment variables
77 |   env: {},
78 | 
79 |   // set to false for no bell
80 |   bell: 'SOUND',
81 | 
82 |   // if true, selected text will automatically be copied to the clipboard
83 |   copyOnSelect: false,
84 | };
85 | 


--------------------------------------------------------------------------------
/example/src/utils/runes.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable */
  2 | 
  3 | // ---------------------------------------------------
  4 | // The MIT License (MIT), Copyright (c) 2016 Justin Sippel, Vitaly Domniko
  5 | // ---------------------------------------------------
  6 | 
  7 | const HIGH_SURROGATE_START = 0xd800
  8 | const HIGH_SURROGATE_END = 0xdbff
  9 | 
 10 | const LOW_SURROGATE_START = 0xdc00
 11 | 
 12 | const REGIONAL_INDICATOR_START = 0x1f1e6
 13 | const REGIONAL_INDICATOR_END = 0x1f1ff
 14 | 
 15 | const FITZPATRICK_MODIFIER_START = 0x1f3fb
 16 | const FITZPATRICK_MODIFIER_END = 0x1f3ff
 17 | 
 18 | const VARIATION_MODIFIER_START = 0xfe00
 19 | const VARIATION_MODIFIER_END = 0xfe0f
 20 | 
 21 | const ZWJ = 0x200d
 22 | 
 23 | function runes (string) {
 24 |   if (typeof string !== 'string') {
 25 |     throw new Error('string cannot be undefined or null')
 26 |   }
 27 |   const result = []
 28 |   let i = 0
 29 |   let increment = 0
 30 |   while (i < string.length) {
 31 |     increment += nextUnits(i + increment, string)
 32 |     if (isZeroWidthJoiner(string[i + increment])) {
 33 |       increment++
 34 |       continue
 35 |     }
 36 |     result.push(string.substring(i, i + increment))
 37 |     i += increment
 38 |     increment = 0
 39 |   }
 40 |   return result
 41 | }
 42 | 
 43 | // Decide how many code units make up the current character.
 44 | // BMP characters: 1 code unit
 45 | // Non-BMP characters (represented by surrogate pairs): 2 code units
 46 | // Emoji with skin-tone modifiers: 4 code units (2 code points)
 47 | // Country flags: 4 code units (2 code points)
 48 | // Variations: 2 code units
 49 | function nextUnits (i, string) {
 50 |   const current = string[i]
 51 |   // If we have variation selector at next position, we can handle it as pair
 52 |   if (isVariationSelector(string[i + 1])) {
 53 |     return 2
 54 |   }
 55 | 
 56 |   // If we don't have a value that is part of a surrogate pair, or we're at
 57 |   // the end, only take the value at i
 58 |   if (!isFirstOfSurrogatePair(current) || i === string.length - 1) {
 59 |     return 1
 60 |   }
 61 | 
 62 |   const currentPair = current + string[i + 1]
 63 |   let nextPair = string.substring(i + 2, i + 5)
 64 | 
 65 |   // Country flags are comprised of two regional indicator symbols,
 66 |   // each represented by a surrogate pair.
 67 |   // See http://emojipedia.org/flags/
 68 |   // If both pairs are regional indicator symbols, take 4
 69 |   if (isRegionalIndicator(currentPair) && isRegionalIndicator(nextPair)) {
 70 |     return 4
 71 |   }
 72 | 
 73 |   // If the next pair make a Fitzpatrick skin tone
 74 |   // modifier, take 4
 75 |   // See http://emojipedia.org/modifiers/
 76 |   // Technically, only some code points are meant to be
 77 |   // combined with the skin tone modifiers. This function
 78 |   // does not check the current pair to see if it is
 79 |   // one of them.
 80 |   if (isFitzpatrickModifier(nextPair)) {
 81 |     return 4
 82 |   }
 83 | 
 84 |   return 2
 85 | }
 86 | 
 87 | function isFirstOfSurrogatePair (string) {
 88 |   return string && betweenInclusive(string[0].charCodeAt(0), HIGH_SURROGATE_START, HIGH_SURROGATE_END)
 89 | }
 90 | 
 91 | function isRegionalIndicator (string) {
 92 |   return betweenInclusive(codePointFromSurrogatePair(string), REGIONAL_INDICATOR_START, REGIONAL_INDICATOR_END)
 93 | }
 94 | 
 95 | function isFitzpatrickModifier (string) {
 96 |   return betweenInclusive(codePointFromSurrogatePair(string), FITZPATRICK_MODIFIER_START, FITZPATRICK_MODIFIER_END)
 97 | }
 98 | 
 99 | function isVariationSelector (string) {
100 |   return typeof string === 'string' && betweenInclusive(string.charCodeAt(0), VARIATION_MODIFIER_START, VARIATION_MODIFIER_END)
101 | }
102 | 
103 | function isZeroWidthJoiner (string) {
104 |   return typeof string === 'string' && string.charCodeAt(0) === ZWJ
105 | }
106 | 
107 | function codePointFromSurrogatePair (pair) {
108 |   const highOffset = pair.charCodeAt(0) - HIGH_SURROGATE_START
109 |   const lowOffset = pair.charCodeAt(1) - LOW_SURROGATE_START
110 |   return (highOffset << 10) + lowOffset + 0x10000
111 | }
112 | 
113 | function betweenInclusive (value, lower, upper) {
114 |   return value >= lower && value <= upper
115 | }
116 | 
117 | function substring (string, start, width) {
118 |   const chars = runes(string)
119 |   if (start === undefined) {
120 |     return string
121 |   }
122 |   if (start >= chars.length) {
123 |     return ''
124 |   }
125 |   const rest = chars.length - start
126 |   const stringWidth = width === undefined ? rest : width
127 |   let endIndex = start + stringWidth
128 |   if (endIndex > (start + rest)) {
129 |     endIndex = undefined
130 |   }
131 |   return chars.slice(start, endIndex).join('')
132 | }
133 | 
134 | module.exports = runes
135 | module.exports.substr = substring
136 | 


--------------------------------------------------------------------------------
/ideas.md:
--------------------------------------------------------------------------------
 1 | Zero time deplyment.
 2 | 
 3 | 
 4 | docker exec -it nginx-proxy cat /etc/nginx/conf.d/default.conf
 5 | 
 6 | Add a section to template which will create servers by alias var
 7 | something like this, but without creating upstreams
 8 | 
 9 | {{ range $host, $containers := groupByMulti $ "Env.ALIASES" "," }}
10 | 


--------------------------------------------------------------------------------
/lerna.json:
--------------------------------------------------------------------------------
1 | {
2 |   "lerna": "2.0.0-beta.30",
3 |   "version": "independent"
4 | }
5 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "devDependencies": {
 3 |     "babel-eslint": "^7.1.1",
 4 |     "eslint": "^3.11.1",
 5 |     "eslint-config-airbnb": "^13.0.0",
 6 |     "eslint-plugin-import": "^2.2.0",
 7 |     "eslint-plugin-jsx-a11y": "^2.2.3",
 8 |     "eslint-plugin-react": "^6.8.0",
 9 |     "lerna": "2.0.0-beta.30"
10 |   },
11 |   "scripts": {
12 |     "postinstall": "lerna bootstrap",
13 |     "publish": "lerna publish --independent",
14 |     "check": "lerna publish --independent --skip-git --skip-npm",
15 |     "lint": "lerna run lint"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/packages/pbl/README.md:
--------------------------------------------------------------------------------
1 | # pbl
2 | 
3 | The pbl client
4 | 
5 | Please see the main package README.md
6 | 


--------------------------------------------------------------------------------
/packages/pbl/index.js:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env node
  2 | /* eslint-disable no-console */
  3 | // pbl init --identity {SSH-IDENTITY-FILE-PATH} --server {YOUR-SERVER-HOST-OR-IP}
  4 | 
  5 | const chalk = require('chalk');
  6 | const minimist = require('minimist');
  7 | const fs = require('fs');
  8 | const { execSync } = require('child_process');
  9 | const uuidV4 = require('uuid/v4');
 10 | const cfg = require('./lib/cfg');
 11 | 
 12 | const args = minimist(process.argv.slice(2));
 13 | 
 14 | const showHelp = (txt) => {
 15 |   if (txt) {
 16 |     console.log(txt);
 17 |   }
 18 | 
 19 |   console.log(`
 20 |     pbl usage:
 21 |       initialization:
 22 |         pbl init --identity {SSH-IDENTITY-FILE-PATH} --server {YOUR-SERVER-HOST-OR-IP}
 23 |       run:
 24 |         pbl
 25 |         pbl --name hello
 26 |         pbl --name hello --attached true ${chalk.grey('# see docs about attached mode')}
 27 |         pbl --name hello --dockerFile someName ${chalk.grey('# if you want to use other name than Dockerfile ')}
 28 |         pbl --mode dev ${chalk.grey('# run in dev mode (locally) ')}
 29 |   `);
 30 | };
 31 | 
 32 | if (args._[0] === 'help' || 'help' in args) {
 33 |   showHelp();
 34 | }
 35 | 
 36 | if (args._[0] === 'init') {
 37 |   const { server: prevServer, identity: prevIdentity } = cfg.read();
 38 |   const { server = prevServer, identity = prevIdentity } = args;
 39 | 
 40 |   if (!server) {
 41 |     console.log(`
 42 |       ${chalk.red('pbl init syntax error')}
 43 |       you must specify ${chalk.bold('server')} argument with domain or ip
 44 |       like:
 45 |       ${chalk.bold('pbl init --server ubuntu@mydomain.com')}
 46 |     `);
 47 | 
 48 |     process.exit(1);
 49 |   }
 50 | 
 51 |   cfg.update({ server, identity });
 52 | 
 53 |   if (prevServer !== server) {
 54 |     console.log(`
 55 |       Server has changed:
 56 |         new: ${chalk.bold(server)}
 57 |         old: ${chalk.red(prevServer)}
 58 |     `);
 59 |   }
 60 | 
 61 |   if (prevIdentity !== identity) {
 62 |     console.log(`
 63 |       Identity has changed:
 64 |         new: ${chalk.bold(identity)}
 65 |         old: ${chalk.red(prevIdentity)}
 66 |     `);
 67 |   }
 68 | 
 69 |   process.exit(0);
 70 | }
 71 | 
 72 | const {
 73 |   name = uuidV4().slice(0, 8),
 74 |   dockerFile = 'Dockerfile',
 75 |   mode, // mode if eq to dev will run pbls locally
 76 | } = args;
 77 | 
 78 | const { server, identity } = cfg.read();
 79 | 
 80 | if (!server) {
 81 |   showHelp(`
 82 |     ${chalk.red('server is not specified')}
 83 |     please run ${chalk.red('pbl init --server {USER@SERVER OR IP}')}
 84 |   `);
 85 |   process.exit(1);
 86 | }
 87 | 
 88 | if (!fs.existsSync(dockerFile)) {
 89 |   showHelp(`
 90 |     ${chalk.red('Dockerfile is not exists at')} ${chalk.bold(process.cwd())}
 91 |     ${chalk.red('pbl can only deploy Dockerfile projects')}
 92 |   `);
 93 |   process.exit(1);
 94 | }
 95 | 
 96 | const argsA = ['--name', '--dockerFile', '--mode']
 97 |   .reduce(
 98 |     (r, v) => {
 99 |       const idx = r.indexOf(v);
100 | 
101 |       if (idx > -1) {
102 |         return [...r.slice(0, idx), ...r.slice(idx + 2)];
103 |       }
104 | 
105 |       return r;
106 |     },
107 |     process.argv.slice(2)
108 |   );
109 | 
110 | const execParams = `${__dirname}/scripts/run.sh ` +
111 |   `-n ${name} -f ${dockerFile} ` +
112 |  `${identity ? `-i ${identity}` : ''} ` +
113 |  `${mode ? `-m ${mode}` : ''} ` +
114 |  `-s ${server} -- ${argsA.join(' ')}`;
115 | 
116 | const execOptions = {
117 |   encoding: 'utf8',
118 |   cwd: process.cwd(),
119 |   stdio: [
120 |     'inherit', // stdin (default)
121 |     'inherit', // stdout (default)
122 |     'inherit'  // stderr
123 |   ]
124 | };
125 | 
126 | execSync(execParams, execOptions);
127 | 


--------------------------------------------------------------------------------
/packages/pbl/lib/cfg.js:
--------------------------------------------------------------------------------
 1 | const { homedir } = require('os');
 2 | const path = require('path');
 3 | const fs = require('fs');
 4 | 
 5 | const FILE_PATH = path.resolve(homedir(), '.pbls.json');
 6 | 
 7 | const read = () => {
 8 |   try {
 9 |     const fileData = fs.readFileSync(FILE_PATH, 'utf8');
10 |     return JSON.parse(fileData);
11 |   } catch (err) {
12 |     return {};
13 |   }
14 | };
15 | 
16 | const update = (data) => {
17 |   const cfg = Object.assign({}, read(), data);
18 |   fs.writeFileSync(FILE_PATH, JSON.stringify(cfg, null, 2));
19 | };
20 | 
21 | module.exports = {
22 |   read,
23 |   update,
24 | };
25 | 


--------------------------------------------------------------------------------
/packages/pbl/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "pbl",
 3 |   "version": "1.0.8",
 4 |   "description": "client version of pbl tool",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/istarkov/pbl.git"
12 |   },
13 |   "keywords": [
14 |     "pbl",
15 |     "deploy",
16 |     "client"
17 |   ],
18 |   "author": "istarkov",
19 |   "license": "MIT",
20 |   "files": [
21 |     "lib",
22 |     "scripts",
23 |     "index.js"
24 |   ],
25 |   "bin": {
26 |     "pbl": "./index.js"
27 |   },
28 |   "bugs": {
29 |     "url": "https://github.com/istarkov/pbl/issues"
30 |   },
31 |   "homepage": "https://github.com/istarkov/pbl#readme",
32 |   "dependencies": {
33 |     "chalk": "^1.1.3",
34 |     "minimist": "^1.2.0",
35 |     "uuid": "^3.0.1"
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/packages/pbl/scripts/run.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | function show_help {
 3 |   echo 'HELP'
 4 | }
 5 | 
 6 | function cleanup {
 7 |   echo 'Cleaning up.'
 8 | }
 9 | 
10 | # Error messages are redirected to stderr
11 | function handle_error {
12 |   echo "$(basename $0): ERROR! An error was encountered executing line $1." 1>&2;
13 |   cleanup
14 |   echo 'Exiting with error.' 1>&2;
15 |   exit 1
16 | }
17 | 
18 | function handle_exit {
19 |   cleanup
20 |   echo 'Exiting without error.' 1>&2;
21 |   exit
22 | }
23 | 
24 | # Exit the script with a helpful error message when any error is encountered
25 | trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
26 | 
27 | # Cleanup before exit on any termination signal
28 | trap 'set +x; handle_exit' SIGQUIT SIGTERM SIGINT SIGHUP
29 | 
30 | # Echo every command being executed
31 | # set -x
32 | 
33 | 
34 | # A POSIX variable
35 | OPTIND=1         # Reset in case getopts has been used previously in the shell.
36 | 
37 | # Initialize our own variables:
38 | NAME=
39 | DOCKERFILE="Dockerfile"
40 | IDENTITY=
41 | SERVER=
42 | MODE=
43 | 
44 | while getopts "h?i:n:f:s:m:?" opt; do
45 |     case "$opt" in
46 |     h|\?)
47 |         show_help
48 |         exit 0
49 |         ;;
50 |     n)  NAME=$OPTARG
51 |         ;;
52 |     f)  DOCKERFILE=$OPTARG
53 |         ;;
54 |     i)  IDENTITY=$OPTARG
55 |         ;;
56 |     s)  SERVER=$OPTARG
57 |         ;;
58 |     m)  MODE=$OPTARG
59 |         ;;
60 |     esac
61 | done
62 | 
63 | shift $((OPTIND-1))
64 | 
65 | [ "$1" = "--" ] && shift
66 | 
67 | if [ "$MODE" == 'dev' ]; then
68 |   echo 'Development mode, pbls will be run locally and from packages folder'
69 |   "$(dirname "$0")/../../pbls/index.js" run --name "$NAME" --dockerFile "$DOCKERFILE" --dir "$PWD" --attached true "$@"
70 | else
71 |   [[ -z $IDENTITY ]] && SSH_RSYNC="ssh" || SSH_RSYNC="ssh -i $IDENTITY"
72 | 
73 |   SERVER_DIR=/tmp/"$NAME"
74 | 
75 |   # TODO add filtering using .dockerignore
76 |   rsync -e "$SSH_RSYNC" -avz --delete --exclude='.git' --exclude='/node_modules' ./ "$SERVER":"$SERVER_DIR" | {
77 |     # beautify rsync output
78 |     echo -n '['
79 |     while IFS= read -r line
80 |     do
81 |       echo -n "="
82 |       lastline="$line"
83 |     done
84 |     echo -n ']'
85 |     # This won't work without the braces.
86 |     echo -e "\n$lastline"
87 |   }
88 | 
89 |   $SSH_RSYNC -t $SERVER "source ~/.profile;pbls run --name $NAME --dockerFile $DOCKERFILE --dir $SERVER_DIR $*"
90 | fi
91 | 


--------------------------------------------------------------------------------
/packages/pbls/README.md:
--------------------------------------------------------------------------------
 1 | # pbls
 2 | 
 3 | Server part of pbl deployment tool. You need to install it on the server.
 4 | 
 5 | # Install
 6 | 
 7 | ```bash
 8 | npm install --global pbls
 9 | ```
10 | 
11 | To work with you need to init pbls with domain name.
12 | 
13 | ```bash
14 | pbls init --domain {your domain}
15 | # example: pbls init --domain localhost
16 | ```
17 | 
18 | to clean outdated containers run (as a recommendation in cron)
19 | 
20 | ```bash
21 | pbls clean --days {X}
22 | ```
23 | 
24 | # Work
25 | 
26 | `pbls` is considered to work with `pbl` tool, for now it run command `run` but not intended do that
27 | `pbls` supports args `name`, `dockerFile` and `dir` for now
28 | * `dir` is required and is a path of build folder
29 | * `dockerFile` name of Dockerfile, default `Dockerfile`
30 | * `name` name of running container, will be available at `${name}.${domain}`, if not set equal to
31 | random, and will be provided to user
32 | * any additional arguments will be provided as is to `docker build` command, so you can pass
33 | `--build-arg` and other params
34 | 
35 | examples:
36 | 
37 | ```bash
38 | pbls run --name hello --dir ../../example --build-arg HELLO=WORLD
39 | # or without name
40 | pbls run --dir ../../example --build-arg HELLO=WORLD
41 | # or in attached mode
42 | pbls run --attached true --dir ../../example --build-arg HELLO=WORLD
43 | ```
44 | 
45 | # Additional
46 | 
47 | You can execute any process as a web-socket server with terminal,
48 | as an example `docker stats` command. (to make it work you need to run once `pbls init`)
49 | 
50 | ```bash
51 | npm install --global pty64
52 | pty64 --base64 -- docker stats | docker run -a STDIN -a STDOUT -i --rm -e VIRTUAL_HOST="stats.${YOUR_DOMAIN}" --name stats 'stdind' ./index.js --realtime
53 | # or in detached mode
54 | screen -S stats -dm /bin/bash -c 'pty64 --base64 -- docker stats | docker run -a STDIN -a STDOUT -i --rm -e VIRTUAL_HOST="stats.ui.revue.io" --name stats "stdind" ./index.js --realtime > /dev/null'
55 | ```
56 | 
57 | # Clear:
58 | 
59 | ```bash
60 | docker rmi -f $(docker images --filter "label=pbl" -q)
61 | ```
62 | 


--------------------------------------------------------------------------------
/packages/pbls/index.js:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env node
  2 | /* eslint-disable no-console */
  3 | const chalk = require('chalk');
  4 | const minimist = require('minimist');
  5 | const fs = require('fs');
  6 | const { execSync } = require('child_process');
  7 | const cfg = require('./lib/cfg');
  8 | const uuidV4 = require('uuid/v4');
  9 | 
 10 | const args = minimist(process.argv.slice(2));
 11 | 
 12 | if (args._[0] === 'init') {
 13 |   const { domain: prevDomain } = cfg.read();
 14 | 
 15 |   const { domain = prevDomain } = args;
 16 | 
 17 |   const execOptions = {
 18 |     encoding: 'utf8',
 19 |     cwd: `${__dirname}`,
 20 |     stdio: [
 21 |       'inherit', // stdin (default)
 22 |       'inherit', // stdout (default)
 23 |       'inherit'  // stderr
 24 |     ]
 25 |   };
 26 | 
 27 |   execSync(`${__dirname}/scripts/install.sh`, execOptions);
 28 | 
 29 |   if (!domain) {
 30 |     console.log(`
 31 |       ${chalk.red('pbls init syntax error')}
 32 |       you must specify domain name
 33 |       like:
 34 |       ${chalk.bold('pbls init --domain mydomain.com')}
 35 |     `);
 36 | 
 37 |     process.exit(1);
 38 |   }
 39 | 
 40 |   cfg.update({ domain });
 41 | 
 42 |   if (domain !== prevDomain) {
 43 |     console.log(`
 44 |       Domain changed:
 45 |         new: ${chalk.bold(domain)}
 46 |         old: ${chalk.red(prevDomain)}
 47 |     `);
 48 |   }
 49 | 
 50 |   process.exit(0);
 51 | }
 52 | 
 53 | if (args._[0] === 'clean') {
 54 |   const execOptions = {
 55 |     encoding: 'utf8',
 56 |     stdio: [
 57 |       'inherit', // stdin (default)
 58 |       'inherit', // stdout (default)
 59 |       'inherit'  // stderr
 60 |     ]
 61 |   };
 62 | 
 63 |   const DEFAULT_DAYS = 10;
 64 | 
 65 |   if (!args.days) {
 66 |     console.log(`
 67 |       Days argument is not set, to set it use
 68 |         ${chalk.bold('pbls clean --days 10')}
 69 |         for now will be used default: ${chalk.bold(DEFAULT_DAYS)}
 70 |     `);
 71 |   }
 72 |   const { days = DEFAULT_DAYS } = args;
 73 | 
 74 |   execSync(
 75 |     `${__dirname}/scripts/clean.sh -d ${days}`,
 76 |     execOptions
 77 |   );
 78 | }
 79 | 
 80 | if (args._[0] === 'run') {
 81 |   const {
 82 |     name = uuidV4().slice(0, 8),
 83 |     dockerFile = 'Dockerfile',
 84 |     dir,
 85 |     attached,
 86 |   } = args;
 87 | 
 88 |   if (!dir) {
 89 |     console.log(`
 90 |       ${chalk.bold('pbls run')} command ${chalk.red('syntax error')}
 91 |       you must specify project directory path
 92 |       like:
 93 |       ${chalk.bold('pbls run --dir /tmp/somename')}
 94 |     `);
 95 | 
 96 |     process.exit(1);
 97 |   }
 98 | 
 99 |   if (!fs.existsSync(dir)) {
100 |     console.log(`
101 |       ${chalk.red(`Directory ${chalk.bold(dir)} not exists`)}
102 |     `);
103 | 
104 |     process.exit(1);
105 |   }
106 | 
107 |   const { domain } = cfg.read();
108 | 
109 |   if (!domain) {
110 |     console.log(`
111 |       ${chalk.red('Domain is not specified')}
112 |       Please run at server ${chalk.bold('pbls init --domain mydomain.com')}
113 |     `);
114 | 
115 |     process.exit(1);
116 |   }
117 | 
118 |   const execOptions = {
119 |     encoding: 'utf8',
120 |     cwd: dir,
121 |     stdio: [
122 |       'inherit', // stdin (default)
123 |       'inherit', // stdout (default)
124 |       'inherit'  // stderr
125 |     ]
126 |   };
127 | 
128 |   console.log(`
129 | Starting container
130 | -----------------------------------------------
131 | ${chalk.bold(`http://${name}.${domain}`)}
132 | -----------------------------------------------
133 |   `);
134 | 
135 |   const argsA = ['--name', '--dockerFile', '--dir', '--attached']
136 |     .reduce(
137 |       (r, v) => {
138 |         const idx = r.indexOf(v);
139 | 
140 |         if (idx > -1) {
141 |           return [...r.slice(0, idx), ...r.slice(idx + 2)];
142 |         }
143 | 
144 |         return r;
145 |       },
146 |       process.argv.slice(3)
147 |     );
148 | 
149 |   if (attached) {
150 |     execSync(
151 |       `${__dirname}/scripts/run.sh -n ${name} -d ${domain} -f ${dockerFile} -- ${argsA.join(' ')}`,
152 |       execOptions
153 |     );
154 |   } else {
155 |     try {
156 |       execSync(
157 |         `screen -S ${name} -L -dm /bin/bash -c '${__dirname}/scripts/run.sh -n ${name} -d ${domain} -f ${dockerFile} -- ${argsA.join(' ')}'`,
158 |         execOptions
159 |       );
160 |     } catch (e) {
161 |       console.error(chalk.red('EXEC SYNC ERROR OCCURED'), e);
162 |     }
163 |   }
164 | 
165 |   // looks like in very rare case screen has not started
166 |   setTimeout(
167 |     () => process.exit(0),
168 |     1000
169 |   );
170 | }
171 | 


--------------------------------------------------------------------------------
/packages/pbls/lib/cfg.js:
--------------------------------------------------------------------------------
 1 | const { homedir } = require('os');
 2 | const path = require('path');
 3 | const fs = require('fs');
 4 | 
 5 | const FILE_PATH = path.resolve(homedir(), '.pbls.json');
 6 | 
 7 | const read = () => {
 8 |   try {
 9 |     const fileData = fs.readFileSync(FILE_PATH, 'utf8');
10 |     return JSON.parse(fileData);
11 |   } catch (err) {
12 |     return {};
13 |   }
14 | };
15 | 
16 | const update = (data) => {
17 |   const cfg = Object.assign({}, read(), data);
18 |   fs.writeFileSync(FILE_PATH, JSON.stringify(cfg, null, 2));
19 | };
20 | 
21 | module.exports = {
22 |   read,
23 |   update,
24 | };
25 | 


--------------------------------------------------------------------------------
/packages/pbls/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "pbls",
 3 |   "version": "0.1.37",
 4 |   "description": "server version of pbl",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "lint": "../../node_modules/.bin/eslint ."
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/istarkov/pbl.git"
12 |   },
13 |   "keywords": [
14 |     "pbl",
15 |     "server",
16 |     "deploy"
17 |   ],
18 |   "author": "istarkov",
19 |   "license": "MIT",
20 |   "bugs": {
21 |     "url": "https://github.com/istarkov/pbl/issues"
22 |   },
23 |   "files": [
24 |     "lib",
25 |     "scripts",
26 |     "index.js"
27 |   ],
28 |   "bin": {
29 |     "pbls": "./index.js"
30 |   },
31 |   "homepage": "https://github.com/istarkov/pbl#readme",
32 |   "dependencies": {
33 |     "chalk": "^1.1.3",
34 |     "minimist": "^1.2.0",
35 |     "pty64": "^0.1.0",
36 |     "stdind": "^0.1.16",
37 |     "uuid": "^3.0.1"
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/packages/pbls/scripts/clean.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | function show_help {
 4 |   echo 'HELP'
 5 | }
 6 | 
 7 | function cleanup {
 8 |   echo 'Cleaning up.'
 9 | }
10 | 
11 | # Error messages are redirected to stderr
12 | function handle_error {
13 |   echo "$(basename $0): ERROR! An error was encountered executing line $1." 1>&2;
14 |   cleanup
15 |   echo 'Exiting with error.' 1>&2;
16 |   exit 1
17 | }
18 | 
19 | function handle_exit {
20 |   cleanup
21 |   echo 'Exiting without error.' 1>&2;
22 |   exit
23 | }
24 | 
25 | # Exit the script with a helpful error message when any error is encountered
26 | trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
27 | 
28 | # Cleanup before exit on any termination signal
29 | trap 'set +x; handle_exit' SIGQUIT SIGTERM SIGINT SIGHUP
30 | 
31 | # Echo every command being executed
32 | # set -x
33 | 
34 | 
35 | # A POSIX variable
36 | OPTIND=1         # Reset in case getopts has been used previously in the shell.
37 | 
38 | # Initialize our own variables:
39 | DAYS=
40 | 
41 | while getopts "h?d:" opt; do
42 |     case "$opt" in
43 |     h|\?)
44 |         show_help
45 |         exit 0
46 |         ;;
47 |     d)  DAYS=$OPTARG
48 |         ;;
49 |     esac
50 | done
51 | 
52 | CLEANUP_DATE=$(date -u --date="$DAYS days ago" +"%Y-%m-%d %T %z UTC")
53 | 
54 | echo "Clear intermediate images"
55 | 
56 | docker rmi $(docker images --filter "dangling=true" -q --no-trunc) 2>/dev/null || echo -e "\n No images to clear"
57 | 
58 | echo 'Clearing exited containers'
59 | 
60 | docker rm $(docker ps -qa --no-trunc --filter "status=exited") 2>/dev/null || echo -e "\nNo conatiners to clear"
61 | 
62 | echo 'Following containers will be deleted.'
63 | 
64 | docker ps -a --filter "label=pbl" --format "{{.ID}}#{{.CreatedAt}}#{{.Names}}" | awk -v cd="$CLEANUP_DATE" -F  "#" '{if ($2 <= cd ) print $3,$1,$2}'
65 | 
66 | echo 'Start deleting...'
67 | 
68 | docker rm -f $(docker ps -a --no-trunc --filter "label=pbl" --format "{{.ID}}#{{.CreatedAt}}#{{.Names}}" | awk -v cd="$CLEANUP_DATE" -F  "#" '{if ($2 <= cd ) print $1}') || echo -e "\nNothing to delete"
69 | 
70 | echo 'Following images will be deleted'
71 | 
72 | docker images --filter "label=pbl" --format "{{.ID}}#{{.CreatedAt}}#{{.Repository}}" | awk -v cd="$CLEANUP_DATE" -F  "#" '{if ($2 <= cd ) print $3,$1,$2}'
73 | 
74 | echo 'Start images deleting...'
75 | 
76 | docker rmi $(docker images --filter "label=pbl" --format "{{.ID}}#{{.CreatedAt}}#{{.Repository}}" | awk -v cd="$CLEANUP_DATE" -F  "#" '{if ($2 <= cd ) print $1}') || echo -e 'Nothing to delete'
77 | 


--------------------------------------------------------------------------------
/packages/pbls/scripts/install.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | # Start in tasks/ even if run from root directory
 4 | cd "$(dirname "$0")" || echo 'cant cd'
 5 | 
 6 | function cleanup {
 7 |   echo 'Cleaning up.'
 8 | }
 9 | 
10 | # Error messages are redirected to stderr
11 | function handle_error {
12 |   echo "$(basename $0): ERROR! An error was encountered executing line $1." 1>&2;
13 |   cleanup
14 |   echo 'Exiting with error.' 1>&2;
15 |   exit 1
16 | }
17 | 
18 | function handle_exit {
19 |   cleanup
20 |   echo 'Exiting without error.' 1>&2;
21 |   exit
22 | }
23 | 
24 | # Exit the script with a helpful error message when any error is encountered
25 | trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
26 | 
27 | # Cleanup before exit on any termination signal
28 | trap 'set +x; handle_exit' SIGQUIT SIGTERM SIGINT SIGHUP
29 | 
30 | # Echo every command being executed
31 | # set -x
32 | 
33 | echo '--------------------------------------'
34 | echo 'build stdind container'
35 | echo '--------------------------------------'
36 | 
37 | "`npm bin`/stdind" --build
38 | 
39 | echo ''
40 | 
41 | echo '--------------------------------------'
42 | echo 'pull jwilder/nginx-proxy'
43 | echo '--------------------------------------'
44 | 
45 | docker pull jwilder/nginx-proxy
46 | 


--------------------------------------------------------------------------------
/packages/pbls/scripts/run.sh:
--------------------------------------------------------------------------------
  1 | #!/bin/bash
  2 | 
  3 | function show_help {
  4 |   echo 'HELP'
  5 | }
  6 | 
  7 | function cleanup {
  8 |   echo 'Cleaning up.'
  9 | }
 10 | 
 11 | # Error messages are redirected to stderr
 12 | function handle_error {
 13 |   echo "$(basename $0): ERROR! An error was encountered executing line $1." 1>&2;
 14 |   cleanup
 15 |   echo 'Exiting with error.' 1>&2;
 16 |   exit 1
 17 | }
 18 | 
 19 | function handle_exit {
 20 |   cleanup
 21 |   echo 'Exiting without error.' 1>&2;
 22 |   exit
 23 | }
 24 | 
 25 | # Exit the script with a helpful error message when any error is encountered
 26 | trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
 27 | 
 28 | # Cleanup before exit on any termination signal
 29 | trap 'set +x; handle_exit' SIGQUIT SIGTERM SIGINT SIGHUP
 30 | 
 31 | # Echo every command being executed
 32 | # set -x
 33 | 
 34 | 
 35 | # A POSIX variable
 36 | OPTIND=1         # Reset in case getopts has been used previously in the shell.
 37 | 
 38 | # Initialize our own variables:
 39 | NAME=
 40 | DOCKERFILE="Dockerfile"
 41 | DOMAIN=
 42 | 
 43 | while getopts "h?n:f:d:" opt; do
 44 |     case "$opt" in
 45 |     h|\?)
 46 |         show_help
 47 |         exit 0
 48 |         ;;
 49 |     n)  NAME=$OPTARG
 50 |         ;;
 51 |     d)  DOMAIN=$OPTARG
 52 |         ;;
 53 |     f)  DOCKERFILE=$OPTARG
 54 |         ;;
 55 |     esac
 56 | done
 57 | 
 58 | shift $((OPTIND-1))
 59 | 
 60 | [ "$1" = "--" ] && shift
 61 | 
 62 | if [ ! "$NAME" ]
 63 | then
 64 |     show_help
 65 |     exit 1
 66 | fi
 67 | 
 68 | CWD=$PWD
 69 | 
 70 | cd "$(dirname "$0")" || exit 1
 71 | BIN_FOLDER=$(npm bin)
 72 | cd "$CWD" || exit 1
 73 | 
 74 | # echo $PWD
 75 | # echo "BUILD_ARGS=${BUILD_ARGS[*]}, name='$NAME', DOCKERFILE='$DOCKERFILE' Leftovers: $@"
 76 | 
 77 | # create log folder if not exists
 78 | mkdir -p /tmp/pbls/logs
 79 | 
 80 | # clear log if exists, no $NAME checks so possible to delete anything
 81 | LOG=/tmp/pbls/logs/"$NAME"
 82 | rm "$LOG" || echo ''
 83 | 
 84 | # stop container if already runned
 85 | IS_NGINX_PROXY_STARTED=$(docker inspect --format="{{ .State.Running }}" nginx-proxy  || printf "err" 2> /dev/null)
 86 | IS_NGINX_PROXY_STARTED=$(echo "$IS_NGINX_PROXY_STARTED" | tr -d '\n')
 87 | 
 88 | if [ "$IS_NGINX_PROXY_STARTED" = "err" ]; then
 89 |   echo "nginx-proxy does not exist. starting..."
 90 |   docker run -d -p 80:80 -v /var/run/docker.sock:/tmp/docker.sock:ro --name nginx-proxy jwilder/nginx-proxy
 91 | else
 92 |   if [ "$IS_NGINX_PROXY_STARTED" = "false" ]; then
 93 |     echo "nginx-proxy is not running. restarting..."
 94 |     docker rm -f nginx-proxy || echo 'nginx-proxy already deleted'
 95 |     sleep 1
 96 |     docker run -d -p 80:80 -v /var/run/docker.sock:/tmp/docker.sock:ro --name nginx-proxy jwilder/nginx-proxy
 97 |   else
 98 |     echo 'nginx-proxy already started'
 99 |   fi
100 | fi
101 | 
102 | docker rm -f "$NAME" || echo "$NAME not started"
103 | 
104 | "$BIN_FOLDER"/pty64 --base64 -- docker build -t "$NAME:pbl" -f "$DOCKERFILE" --label pbl "$@" . \
105 |   | tee "$LOG" \
106 |   | docker run -a STDIN -a STDOUT -i --rm -e VIRTUAL_HOST="${NAME}.${DOMAIN}" --name "$NAME" 'stdind'
107 | 
108 | RES="${PIPESTATUS[0]}"
109 | 
110 | if [ "$RES" = "0" ];
111 | then
112 |   echo ""
113 |   echo "Starting container"
114 |   echo "---------------------------------------"
115 |   echo -e "\033[1mhttp://${NAME}.${DOMAIN}\033[0m"
116 |   echo "---------------------------------------"
117 |   echo ""
118 |   docker run -d -e VIRTUAL_HOST="${NAME}.${DOMAIN}" --label pbl --name "$NAME" "$NAME:pbl"
119 | 
120 |   sleep 1
121 | 
122 |   for i in {0..10}; do
123 |     if [ "`docker inspect -f "{{.State.Running}}" $NAME`" != "true" ]; then
124 |       sleep 1
125 |     else
126 |       echo "Container $NAME started..."
127 |       break
128 |     fi
129 |   done
130 | else
131 |   echo 'ERROR AT BUILD'
132 |   echo "---------------------------------------"
133 |   echo -e "\033[1mhttp://${NAME}.${DOMAIN}\033[0m"
134 |   echo "---------------------------------------"
135 |   cat "$LOG" | docker run -a STDIN -a STDOUT -i --rm -e VIRTUAL_HOST="${NAME}.${DOMAIN}" --label pbl --name "$NAME" 'stdind' ./server/index.js --always > /dev/null &
136 |   sleep 3
137 | 
138 |   for i in {0..10}; do
139 |     if [ "`docker inspect -f "{{.State.Running}}" $NAME`" != "true" ]; then
140 |       sleep 1
141 |     else
142 |       echo "Container $NAME for error output started..."
143 |       break
144 |     fi
145 |   done
146 | 
147 |   # sleep to be sure that LOG is in a docker,
148 |   # otherwise if we immediately close screen session, with some probability
149 |   # error will not be shown
150 |   sleep 3
151 |   exit 0
152 | fi
153 | 


--------------------------------------------------------------------------------
/packages/pty64/README.md:
--------------------------------------------------------------------------------
 1 | # pty64
 2 | 
 3 | A simple command line utility based on [pty.js](https://github.com/chjj/pty.js/).
 4 | 
 5 | It allows you to fork processes with pseudo terminal file descriptors, for example to run commands
 6 | in non interactive envs.
 7 | So certain program will think that it works inside terminal.
 8 | 
 9 | It also allows you to transform output of terminal control sequences into base64 format.
10 | 
11 | ## Install
12 | 
13 | ```bash
14 | npm install --global pty64
15 | ```
16 | 
17 | ## Usage example
18 | 
19 | ```bash
20 | # run any command with pty
21 | pty64 -- {any command}
22 | # transform output into base64
23 | pty64 --base64 -- {any command}
24 | ```
25 | 


--------------------------------------------------------------------------------
/packages/pty64/index.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | /*
 3 |   Examples:
 4 |   node ./ --base64 -- {any command}
 5 |   node utils/run.js --base64 -- {any command}
 6 | */
 7 | 
 8 | const chalk = require('chalk');
 9 | const pty = require('pty.js');
10 | const { Base64 } = require('js-base64');
11 | 
12 | const cmdIdx = process.argv.indexOf('--') + 1;
13 | const useBase64 = process.argv.indexOf('--base64') > -1;
14 | 
15 | if (process.argv.indexOf('--') === -1 || cmdIdx >= process.argv.length) {
16 |   console.error(chalk.red('Error, no command after --')); // eslint-disable-line
17 |   process.exit(1);
18 | }
19 | 
20 | const term = pty.spawn(process.argv[cmdIdx], process.argv.slice(cmdIdx + 1), {
21 |   name: 'xterm-color',
22 |   cols: 80,
23 |   rows: 30,
24 |   cwd: process.cwd(),
25 |   env: process.env,
26 | });
27 | 
28 | term.on('data', (data) => {
29 |   if (useBase64) {
30 |     process.stdout.write(`${Base64.encode(data)}\n`); // add space to chunk so we can split it
31 |   } else {
32 |     process.stdout.write(data);
33 |   }
34 | });
35 | 
36 | term.on('exit', (code) => {
37 |   process.exit(code);
38 | });
39 | 


--------------------------------------------------------------------------------
/packages/pty64/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "pty64",
 3 |   "version": "0.1.0",
 4 |   "description": "Fork processes with pseudo terminal, allow to output in base64",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/istarkov/pbl.git"
12 |   },
13 |   "keywords": [
14 |     "pty",
15 |     "base64"
16 |   ],
17 |   "author": "istarkov",
18 |   "license": "MIT",
19 |   "bugs": {
20 |     "url": "https://github.com/istarkov/pbl/issues"
21 |   },
22 |   "files": [
23 |     "index.js"
24 |   ],
25 |   "bin": {
26 |     "pty64": "./index.js"
27 |   },
28 |   "homepage": "https://github.com/istarkov/pbl#readme",
29 |   "dependencies": {
30 |     "chalk": "^1.1.3",
31 |     "js-base64": "^2.1.9",
32 |     "pty.js": "^0.3.1"
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/packages/stdind/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["latest", "react", "stage-0"],
3 |   "plugins": [
4 |     "transform-runtime"
5 |   ]
6 | }
7 | 


--------------------------------------------------------------------------------
/packages/stdind/.dockerignore:
--------------------------------------------------------------------------------
1 | ./node_modules
2 | ./server/node_modules
3 | ./build
4 | ./README.md
5 | 


--------------------------------------------------------------------------------
/packages/stdind/.eslintrc:
--------------------------------------------------------------------------------
 1 | 
 2 | {
 3 |   "extends": "airbnb",
 4 |   "parser": "babel-eslint",
 5 |   "env": {
 6 |     "browser": true,
 7 |     "mocha": true,
 8 |     "node": true
 9 |   },
10 |   "rules": {
11 |     "no-nested-ternary": 0,
12 |     "react/prop-types": 0,
13 |     "react/jsx-filename-extension": 0,
14 |     "no-sequences": 1,
15 |     "comma-dangle": 0,
16 |   },
17 |   "globals": {
18 |     "ReactElement": false
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/packages/stdind/Dockerfile:
--------------------------------------------------------------------------------
 1 | # Dockerfile optmized for small size
 2 | # docker build -t stdind .
 3 | # pty64 --base64 -- ./examples/longRunning.js | docker run -a STDIN -a STDOUT -i --rm -p 4000:4000 --name stdind 'stdind'
 4 | 
 5 | FROM node:6.9.2-alpine
 6 | 
 7 | EXPOSE 4000
 8 | 
 9 | WORKDIR /app
10 | 
11 | ADD . ./
12 | 
13 | RUN \
14 | apk add --no-cache --virtual mydeps openssl python build-base && \
15 | wget -O /usr/local/bin/dumb-init https://github.com/Yelp/dumb-init/releases/download/v1.1.2/dumb-init_1.1.2_amd64 && \
16 | chmod +x /usr/local/bin/dumb-init && \
17 | npm install --loglevel error --global yarn pty64 && \
18 | cd server && yarn && cd .. && yarn && \
19 | pty64 -- yarn run lint && \
20 | pty64 -- yarn run build && \
21 | rm -rf ./node_modules && \
22 | yarn cache clean && \
23 | npm remove --global yarn pty64 && \
24 | apk del mydeps && \
25 | rm -rf /var/cache/apk/* /tmp/* /root/.npm /root/.node-gyp /root/.gnupg
26 | 
27 | CMD /usr/local/bin/dumb-init -- node ./server/index.js
28 | 


--------------------------------------------------------------------------------
/packages/stdind/LICENSE-3RD-PARTY.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | 
 4 | MIT License
 5 | 
 6 | applies to:
 7 |   - In browser terminal src, Copyright (c) 2016 Zeit, Inc.
 8 |   - runes src, Copyright (c) 2016 Justin Sippel, Vitaly Domniko
 9 | 
10 | ---  
11 | 
12 | 
13 | 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:
14 | 
15 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16 | 
17 | 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.
18 | 


--------------------------------------------------------------------------------
/packages/stdind/README.md:
--------------------------------------------------------------------------------
 1 | # stdind
 2 | 
 3 | Wraps base64 encoded output of any command and allow it to be accessed via a WebSocket.
 4 | 
 5 | Also starts a web app on 4000 (default) port with full featured terminal window,
 6 | and shows all output in browser as in ordinary terminal app.
 7 | 
 8 | ## Install
 9 | 
10 | ```bash
11 | npm install --global stdind
12 | ```
13 | 
14 | ## Usage example
15 | 
16 | 
17 | ```bash
18 | npm install --global pty64
19 | pty64 --base64 -- {long running process with output 2 stdout} | stdind
20 | ```
21 | 
22 | Open localhost:4000 and see terminal output.
23 | Be sure server will be closed at "long running process" end
24 | 
25 | To not close server at the process end just add `--always` argument
26 | 
27 | ```bash
28 | pty64 --base64 -- {long running process with output 2 stdout} | stdind --always
29 | ```
30 | 
31 | To send only realtime data
32 | 
33 | ```bash
34 | pty64 --base64 -- docker stats | stdind --realtime
35 | ```
36 | 
37 | PS:
38 | As a long running example you can use provided `stdind-long-running-example`.
39 | 
40 | ```bash
41 | pty64 --base64 -- stdind-long-running-example | stdind --always
42 | ```
43 | 
44 | <img src="example.gif" width="400">
45 | 
46 | ## Contribute
47 | 
48 | Clone project, to see example run
49 | 
50 | ```
51 | npm install
52 | npm run build
53 | npm run start:server
54 | ```
55 | 
56 | open localhost:4000 to see it in action,
57 | 
58 | To develop client part, run `npm run start`,
59 | open localhost:3000 to see it in action
60 | 


--------------------------------------------------------------------------------
/packages/stdind/config/babel.dev.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   babelrc: false,
 3 |   cacheDirectory: true,
 4 |   presets: [
 5 |     'babel-preset-latest',
 6 |     'babel-preset-react',
 7 |     'babel-preset-stage-0',
 8 |   ].map(require.resolve),
 9 | 
10 |   plugins: [
11 |     'react-hot-loader/babel',
12 |     // 'babel-plugin-transform-decorators-legacy',
13 |   ].map(require.resolve)
14 |   .concat([
15 |     [
16 |       require.resolve('babel-plugin-transform-runtime'),
17 |       {
18 |         helpers: false,
19 |         polyfill: false,
20 |         regenerator: true,
21 |       },
22 |     ],
23 |   ]),
24 | };
25 | 


--------------------------------------------------------------------------------
/packages/stdind/config/babel.prod.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   babelrc: false,
 3 |   presets: [
 4 |     'babel-preset-es2015',
 5 |     'babel-preset-es2016',
 6 |     'babel-preset-react',
 7 |     'babel-preset-stage-0',
 8 |   ].map(require.resolve),
 9 | 
10 |   plugins: [
11 |   ].map(require.resolve)
12 |   .concat([[
13 |     require.resolve('babel-plugin-transform-runtime'),
14 |     {
15 |       helpers: false,
16 |       polyfill: false,
17 |       regenerator: true,
18 |     },
19 |   ]]),
20 | };
21 | 


--------------------------------------------------------------------------------
/packages/stdind/config/paths.js:
--------------------------------------------------------------------------------
 1 | import path from 'path';
 2 | 
 3 | const BACKEND_URL = 'ws://localhost:4000'; // 'https://localhost';
 4 | 
 5 | export default {
 6 |   appBuild: path.join(__dirname, '../build'),
 7 |   appHtml: path.join(__dirname, './template/index.html'),
 8 |   appFavicon: path.join(__dirname, './template/avatar.png'),
 9 |   appSrc: path.join(__dirname, '../src'),
10 |   appProxy: BACKEND_URL,
11 |   appNodeModules: path.join(__dirname, '../node_modules'),
12 | };
13 | 


--------------------------------------------------------------------------------
/packages/stdind/config/template/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/packages/stdind/config/template/avatar.png


--------------------------------------------------------------------------------
/packages/stdind/config/template/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <title>Build</title>
 5 |     <meta charset="utf-8" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" />
 7 |   </head>
 8 |   <body>
 9 |     <div style="display: none">
10 |       <svg xmlns="http://www.w3.org/2000/svg">
11 |         <symbol id="edit" viewBox="0 0 64 64">
12 |           <path d="M34.983376,51.9565217 L29.8043478,65 L24.6253197,51.9565217 L34.983376,51.9565217 Z M36.0191816,49.3478261 L38.6086957,42.826087 L21,42.826087 L23.5895141,49.3478261 L36.0191816,49.3478261 Z M21,10.8695652 L25.5652174,10.8695652 L25.5652174,40.8695652 L21,40.8695652 L21,10.8695652 Z M34.0434783,10.8695652 L38.6086957,10.8695652 L38.6086957,40.8695652 L34.0434783,40.8695652 L34.0434783,10.8695652 Z M21,5 L38.6086957,5 L38.6086957,8.91304348 L21,8.91304348 L21,5 Z" transform="translate(29.804348, 35.000000) rotate(-315.000000) translate(-29.804348, -35.000000) "></path>
13 |         </symbol>
14 |         <symbol id="octocat" viewBox="0 0 33 33">
15 |           <path d="M0.32,16.745 C0.32,23.942 4.987,30.047 11.46,32.201 C12.275,32.351 12.572,31.848 12.572,31.416 C12.572,31.03 12.558,30.005 12.55,28.646 C8.019,29.63 7.063,26.462 7.063,26.462 C6.322,24.58 5.254,24.079 5.254,24.079 C3.775,23.069 5.366,23.089 5.366,23.089 C7.001,23.204 7.861,24.768 7.861,24.768 C9.314,27.257 11.674,26.538 12.602,26.121 C12.75,25.069 13.171,24.351 13.636,23.944 C10.019,23.533 6.216,22.135 6.216,15.893 C6.216,14.115 6.851,12.66 7.893,11.522 C7.725,11.11 7.166,9.453 8.053,7.211 C8.053,7.211 9.42,6.773 12.532,8.881 C13.831,8.519 15.225,8.339 16.61,8.332 C17.994,8.339 19.387,8.519 20.688,8.881 C23.798,6.773 25.163,7.211 25.163,7.211 C26.052,9.453 25.493,11.11 25.326,11.522 C26.37,12.66 27,14.115 27,15.893 C27,22.151 23.191,23.528 19.563,23.931 C20.147,24.434 20.668,25.428 20.668,26.948 C20.668,29.125 20.648,30.882 20.648,31.416 C20.648,31.852 20.942,32.359 21.768,32.2 C28.236,30.041 32.899,23.94 32.899,16.745 C32.899,7.748 25.605,0.455 16.608,0.455 C7.614,0.455 0.32,7.748 0.32,16.745 Z"></path>
16 |         </symbol>
17 |       </svg>
18 |     </div>
19 |     <div id="app"></div>
20 |   </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/packages/stdind/config/webpack.config.dev.babel.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable import/no-extraneous-dependencies */
  2 | // New webpack config for cnr-frontend
  3 | // TODO production config https://github.com/facebookincubator/create-react-app/blob/master/config/webpack.config.prod.js
  4 | import path from 'path';
  5 | import autoprefixer from 'autoprefixer';
  6 | import webpack from 'webpack';
  7 | import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
  8 | import HtmlWebpackPlugin from 'html-webpack-plugin';
  9 | import babelConfig from './babel.dev';
 10 | import paths from './paths';
 11 | 
 12 | // remove all of this when we move project onto babel 6
 13 | export default {
 14 |   devtool: 'cheap-source-map',
 15 |   entry: [
 16 |     `${require.resolve('webpack-dev-server/client')}?/`,
 17 |     require.resolve('webpack/hot/dev-server'),
 18 |     require.resolve('react-hot-loader/patch'),
 19 |     // path.join(paths.appSrc, 'polyfills'),
 20 |     path.join(paths.appSrc, 'main'),
 21 |   ],
 22 |   output: {
 23 |     // Next line is not used in dev but WebpackDevServer crashes without it:
 24 |     path: paths.appBuild,
 25 |     pathinfo: true,
 26 |     filename: 'static/js/bundle.js',
 27 |     publicPath: '/',
 28 |   },
 29 |   devServer: {
 30 |     progress: true,
 31 |     colors: true,
 32 |     host: '0.0.0.0',
 33 |     port: (process.env.PORT || 3000),
 34 |     inline: true,
 35 |     hot: true,
 36 |     historyApiFallback: true,
 37 |     proxy: {
 38 |       // ws proxy
 39 |       ...(
 40 |         ['/ws/*'].reduce(
 41 |           (r, v) => ({
 42 |             ...r,
 43 |             [v]: {
 44 |               target: paths.appProxy,
 45 |               ws: true,
 46 |             },
 47 |           }),
 48 |           {},
 49 |         )
 50 |       ),
 51 |     },
 52 |   },
 53 |   resolve: {
 54 |     alias: {
 55 |       // 'react-components-markdown': path.join(__dirname, '../src'),
 56 |     },
 57 |     modulesDirectories: [
 58 |       paths.appSrc,
 59 |       'node_modules',
 60 |     ],
 61 |     extensions: ['', '.web.js', '.js', '.jsx'], // eslint-disable-line
 62 |   },
 63 |   resolveLoader: {
 64 |     root: paths.appNodeModules,
 65 |   },
 66 |   postcss: [
 67 |     autoprefixer({ browsers: ['last 2 versions'] }),
 68 |   ],
 69 |   plugins: [
 70 |     new webpack.HotModuleReplacementPlugin(),
 71 |     new webpack.NoErrorsPlugin(),
 72 |     new HtmlWebpackPlugin({
 73 |       inject: true,
 74 |       template: paths.appHtml,
 75 |       favicon: paths.appFavicon,
 76 |     }),
 77 |     // new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.bundle.js'),
 78 |     new webpack.DefinePlugin({
 79 |       'process.env': {
 80 |         NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
 81 |       },
 82 |     }),
 83 |     new CaseSensitivePathsPlugin(),
 84 |   ],
 85 |   module: {
 86 |     loaders: [
 87 |       {
 88 |         test: /\.jsx?$/,
 89 |         loader: require.resolve('babel-loader'),
 90 |         query: babelConfig,
 91 |         include: [
 92 |           paths.appSrc,
 93 |         ],
 94 |       },
 95 |       {
 96 |         test: /\.sass$/,
 97 |         loaders: [
 98 |           'style-loader',
 99 |           'css-loader?modules&importLoaders=2&localIdentName=[name]__[local]', // [hash:5]
100 |           'postcss-loader',
101 |           'sass-loader?precision=10&indentedSyntax=sass',
102 |         ],
103 |         include: [
104 |           paths.appSrc,
105 |         ],
106 |       },
107 |       {
108 |         test: /\.css$/,
109 |         loaders: [
110 |           'style-loader',
111 |           'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]', // [hash:5]
112 |           'postcss-loader',
113 |         ],
114 |         include: [
115 |           paths.appSrc,
116 |           paths.appNodeModules,
117 |         ],
118 |         exclude: [
119 |           path.join(paths.appNodeModules, 'react-virtualized'),
120 |         ],
121 |       },
122 |       {
123 |         test: /\.css$/,
124 |         loaders: [
125 |           'style-loader',
126 |           'css-loader', // [hash:5]
127 |           'postcss-loader',
128 |         ],
129 |         include: [
130 |           path.join(paths.appNodeModules, 'react-virtualized'),
131 |         ],
132 |       },
133 |       {
134 |         test: /\.svg$/,
135 |         loaders: ['url-loader?limit=7000'],
136 |       },
137 |     ],
138 |   },
139 | };
140 | 


--------------------------------------------------------------------------------
/packages/stdind/config/webpack.config.production.babel.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable max-len*/
  2 | import path from 'path';
  3 | import autoprefixer from 'autoprefixer';
  4 | import webpack from 'webpack';
  5 | import babelConfig from './babel.prod';
  6 | import paths from './paths';
  7 | import HtmlWebpackPlugin from 'html-webpack-plugin';
  8 | import ExtractTextPlugin from 'extract-text-webpack-plugin';
  9 | 
 10 | // Development builds of React are slow and not intended for production.
 11 | if (process.env.NODE_ENV !== 'production') {
 12 |   throw new Error('Production builds must have NODE_ENV=production.');
 13 | }
 14 | 
 15 | const publicPath = '/';
 16 | 
 17 | const envObj = Object.keys(process.env)
 18 |   .reduce((r, k) => ({
 19 |     ...r,
 20 |     [k]: JSON.stringify(process.env[k]),
 21 |   }), {
 22 |     NODE_ENV: '"development"',
 23 |   });
 24 | 
 25 | // remove all of this when we move project onto babel 6
 26 | export default {
 27 |   // Don't attempt to continue if there are any errors.
 28 |   bail: true,
 29 |   // We generate sourcemaps in production. This is slow but gives good results.
 30 |   // You can exclude the *.map files from the build during deployment.
 31 |   devtool: 'source-map',
 32 |   entry: {
 33 |     // In production, we only want to load the polyfills and the app code.
 34 |     app: [
 35 |       // path.join(paths.appSrc, 'polyfills'),
 36 |       path.join(paths.appSrc, 'main'),
 37 |     ],
 38 |     vendor: [
 39 |       'react',
 40 |       'react-dom',
 41 |       'recompose',
 42 |       'react-router',
 43 |     ],
 44 |   },
 45 |   output: {
 46 |     // The build folder.
 47 |     path: paths.appBuild,
 48 |     // Generated JS file names (with nested folders).
 49 |     filename: 'static/js/[name].[chunkhash:8].js',
 50 |     chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
 51 |     // We inferred the "public path" (such as / or /my-project) from homepage.
 52 |     publicPath,
 53 |   },
 54 |   resolve: {
 55 |     alias: {
 56 |       // 'react-components-markdown': path.join(__dirname, '../src'),
 57 |     },
 58 |     modulesDirectories: [
 59 |       paths.appSrc,
 60 |       'node_modules',
 61 |     ],
 62 |     extensions: ['', '.web.js', '.js', '.jsx'], // eslint-disable-line
 63 |   },
 64 |   resolveLoader: {
 65 |     root: paths.appNodeModules,
 66 |   },
 67 |   postcss: [
 68 |     autoprefixer({ browsers: ['last 2 versions'] }),
 69 |   ],
 70 |   plugins: [
 71 |     // Generates an `index.html` file with the <script> injected.
 72 |     new HtmlWebpackPlugin({
 73 |       inject: true,
 74 |       template: paths.appHtml,
 75 |       favicon: paths.appFavicon,
 76 |       minify: {
 77 |         removeComments: true,
 78 |         collapseWhitespace: true,
 79 |         removeRedundantAttributes: true,
 80 |         useShortDoctype: true,
 81 |         removeEmptyAttributes: true,
 82 |         removeStyleLinkTypeAttributes: true,
 83 |         keepClosingSlash: true,
 84 |         minifyJS: true,
 85 |         minifyCSS: true,
 86 |         minifyURLs: true,
 87 |       },
 88 |     }),
 89 |     new webpack.optimize.CommonsChunkPlugin('vendor', 'static/js/vendor.[chunkhash:8].js'),
 90 |     new webpack.DefinePlugin({
 91 |       'process.env': envObj,
 92 |     }),
 93 |     // This helps ensure the builds are consistent if source hasn't changed:
 94 |     new webpack.optimize.OccurrenceOrderPlugin(),
 95 |     // Try to dedupe duplicated modules, if any:
 96 |     new webpack.optimize.DedupePlugin(),
 97 |     // Minify the code.
 98 |     new webpack.optimize.UglifyJsPlugin({
 99 |       compress: {
100 |         screw_ie8: true, // React doesn't support IE8
101 |         warnings: false,
102 |       },
103 |       mangle: {
104 |         screw_ie8: true,
105 |       },
106 |       output: {
107 |         comments: false,
108 |         screw_ie8: true,
109 |       },
110 |     }),
111 |     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
112 |     new ExtractTextPlugin('static/css/[name].[contenthash:8].css'),
113 |   ],
114 |   module: {
115 |     loaders: [
116 |       {
117 |         test: /\.jsx?$/,
118 |         loader: require.resolve('babel-loader'),
119 |         query: babelConfig,
120 |         include: [
121 |           paths.appSrc,
122 |         ],
123 |       },
124 | 
125 |       {
126 |         test: /\.sass$/,
127 |         loader: ExtractTextPlugin.extract(
128 |           'style-loader',
129 |           [
130 |             'css-loader?modules&importLoaders=2&localIdentName=[name]__[local]', // [hash:5]
131 |             'postcss-loader',
132 |             'sass-loader?precision=10&indentedSyntax=sass',
133 |           ],
134 |         ),
135 |         include: [
136 |           paths.appSrc,
137 |         ],
138 |       },
139 |       {
140 |         test: /\.css$/,
141 |         loader: ExtractTextPlugin.extract(
142 |           'style-loader',
143 |           [
144 |             'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]', // [hash:5]
145 |             'postcss-loader',
146 |           ],
147 |         ),
148 |         include: [
149 |           paths.appSrc,
150 |           paths.appNodeModules,
151 |         ],
152 |       },
153 |       {
154 |         test: /\.svg$/,
155 |         loaders: ['url-loader?limit=7000'],
156 |       },
157 |     ],
158 |   },
159 | };
160 | 


--------------------------------------------------------------------------------
/packages/stdind/example.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/istarkov/pbl/525c604d53a64a00e969b2efb0b96f6ee96df6de/packages/stdind/example.gif


--------------------------------------------------------------------------------
/packages/stdind/examples/longRunning.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | const ora = require('ora');
 4 | const spinners = require('cli-spinners');
 5 | const chalk = require('chalk');
 6 | 
 7 | const spinnerNames = Object.keys(spinners).reverse();
 8 | 
 9 | function run(idx) {
10 |   if (idx >= spinnerNames.length) return;
11 |   const spinner = ora({
12 |     text: `Loading ${chalk.green(spinnerNames[idx])}`,
13 |     spinner: spinnerNames[idx]
14 |   }).start();
15 | 
16 |   setTimeout(
17 |     () => {
18 |       spinner.text = `Loading ${chalk.green(spinnerNames[idx])} ${chalk.grey('done')}`;
19 |       spinner.stopAndPersist(chalk.green('✓'));
20 |       run(idx + 1);
21 |     },
22 |     2000
23 |   );
24 | }
25 | 
26 | run(0);
27 | 


--------------------------------------------------------------------------------
/packages/stdind/images/avatar.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg width="152px" height="66px" viewBox="0 0 152 66" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
 4 |     <title>avatar</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <defs>
 7 |         <path d="M59.4648585,22.9191486 C59.4648585,22.9191486 72.9648585,51.1293515 59.4648585,60.5327525 C45.9648585,69.9361535 6.3809137,60.7610247 6.3809137,60.7610247 C6.3809137,60.7610247 32.3928193,54.8018008 42.3300928,47.8800106 C52.2673664,40.9582204 59.4648585,22.9191486 59.4648585,22.9191486 Z" id="path-1"></path>
 8 |         <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="59.0839448" height="41.8529071" fill="white">
 9 |             <use xlink:href="#path-1"></use>
10 |         </mask>
11 |         <path d="M139.664272,22.2951093 C139.664272,22.2951093 153.164272,50.5053122 139.664272,59.9087132 C126.164272,69.3121142 85.4927002,59.5407762 85.4927002,59.5407762 C85.4927002,59.5407762 112.592233,54.1777614 122.529506,47.2559713 C132.46678,40.3341811 139.664272,22.2951093 139.664272,22.2951093 Z" id="path-3"></path>
12 |         <mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="60.1715718" height="41.6995896" fill="white">
13 |             <use xlink:href="#path-3"></use>
14 |         </mask>
15 |         <polygon id="path-5" points="8.65440275 23.5758826 19.8766361 19.9069637 23.9244769 33.2451614 18.2741827 38.8954556 4.66303817 34.1300512"></polygon>
16 |         <mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="19.2614387" height="18.9884919" fill="white">
17 |             <use xlink:href="#path-5"></use>
18 |         </mask>
19 |     </defs>
20 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
21 |         <path d="M0,37.7651859 C0,37.7651859 49.0887632,37 74,37 C98.9112368,37 151,37.6946244 151,37.6946244 L151,42.1399999 L0,42.1399999 L0,37.7651859 Z" id="Rectangle" fill="#272822"></path>
22 |         <use id="Rectangle-4" stroke="#999" mask="url(#mask-2)" stroke-width="2" fill="#272822" transform="translate(35.922886, 43.845602) scale(1, -1) rotate(25.000000) translate(-35.922886, -43.845602) " xlink:href="#path-1"></use>
23 |         <use id="Rectangle-4" stroke="#999" mask="url(#mask-4)" stroke-width="2" fill="#272822" transform="translate(115.578486, 43.144904) scale(-1, -1) rotate(25.000000) translate(-115.578486, -43.144904) " xlink:href="#path-3"></use>
24 |         <rect id="Rectangle-3" fill="#999" x="59" y="61" width="13" height="1"></rect>
25 |         <rect id="Rectangle-3" fill="#999" x="79" y="61" width="13" height="1"></rect>
26 |         <path d="M65.5,51.5 L65.5,61.5" id="Line" stroke="#999" stroke-linecap="square"></path>
27 |         <path d="M85.5,50.5 L85.5,60.5" id="Line" stroke="#999" stroke-linecap="square"></path>
28 |         <g id="Group-2" transform="translate(61.000000, 3.000000)">
29 |             <ellipse id="Oval" stroke="#999" fill="#272822" cx="15" cy="15" rx="15" ry="15"></ellipse>
30 |             <use id="Rectangle-2" stroke="#999" mask="url(#mask-6)" stroke-width="2" fill="#272822" transform="translate(14.293758, 29.401210) rotate(45.000000) translate(-14.293758, -29.401210) " xlink:href="#path-5"></use>
31 |             <ellipse id="Oval-2" stroke="#999" cx="7.5" cy="13.75" rx="3.75" ry="3.75"></ellipse>
32 |             <circle id="Oval-2" stroke="#999" cx="21.25" cy="13.75" r="3.75"></circle>
33 |             <ellipse id="Oval-3" fill="#999" cx="7.5" cy="13.75" rx="1.25" ry="1.25"></ellipse>
34 |             <circle id="Oval-3" fill="#999" cx="21.25" cy="13.75" r="1.25"></circle>
35 |         </g>
36 |     </g>
37 | </svg>
38 | 


--------------------------------------------------------------------------------
/packages/stdind/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "stdind",
  3 |   "version": "0.1.16",
  4 |   "description": "A web-socket server, receives and sends base64 encoded terminal control sequences into socket",
  5 |   "main": "server/index.js",
  6 |   "scripts": {
  7 |     "start": "webpack-dev-server --inline --config './config/webpack.config.dev.babel.js'",
  8 |     "start:server": "`npm bin`/pty64 --base64 -- ./examples/longRunning.js | ./index.js --always",
  9 |     "clean": "rimraf build",
 10 |     "build": "NODE_ENV=production webpack --config './config/webpack.config.production.babel.js' --progress",
 11 |     "lint": "eslint src",
 12 |     "test": "jest",
 13 |     "prepublish": "if `npm bin`/in-publish; then npm run clean && npm run lint && npm run build; else echo ''; fi"
 14 |   },
 15 |   "repository": {
 16 |     "type": "git",
 17 |     "url": "git+https://github.com/istarkov/pbl.git"
 18 |   },
 19 |   "keywords": [
 20 |     "base64",
 21 |     "websocket"
 22 |   ],
 23 |   "author": "istarkov",
 24 |   "license": "MIT",
 25 |   "bugs": {
 26 |     "url": "https://github.com/istarkov/pbl/issues"
 27 |   },
 28 |   "files": [
 29 |     "build",
 30 |     "config",
 31 |     "examples",
 32 |     "images",
 33 |     "server",
 34 |     "src",
 35 |     ".babelrc",
 36 |     ".dockerignore",
 37 |     ".eslintrc",
 38 |     "Dockerfile",
 39 |     "yarn.lock"
 40 |   ],
 41 |   "bin": {
 42 |     "stdind": "./server/index.js",
 43 |     "stdind-long-running-example": "./examples/longRunning.js"
 44 |   },
 45 |   "homepage": "https://github.com/istarkov/pbl#readme",
 46 |   "devDependencies": {
 47 |     "autoprefixer": "^6.3.1",
 48 |     "babel-cli": "^6.4.5",
 49 |     "babel-eslint": "^7.1.1",
 50 |     "babel-jest": "^17.0.2",
 51 |     "babel-loader": "^6.2.4",
 52 |     "babel-plugin-transform-runtime": "^6.9.0",
 53 |     "babel-preset-latest": "^6.3.13",
 54 |     "babel-preset-react": "^6.3.13",
 55 |     "babel-preset-stage-0": "^6.16.0",
 56 |     "case-sensitive-paths-webpack-plugin": "^1.1.3",
 57 |     "compression": "^1.6.2",
 58 |     "concurrently": "^3.1.0",
 59 |     "css-loader": "^0.26.1",
 60 |     "eslint": "^3.11.1",
 61 |     "eslint-config-airbnb": "^13.0.0",
 62 |     "eslint-plugin-import": "^2.2.0",
 63 |     "eslint-plugin-jsx-a11y": "^2.2.3",
 64 |     "eslint-plugin-react": "^6.8.0",
 65 |     "extract-text-webpack-plugin": "^1.0.1",
 66 |     "file-loader": "^0.9.0",
 67 |     "html-webpack-plugin": "^2.22.0",
 68 |     "http-proxy-middleware": "^0.17.3",
 69 |     "in-publish": "^2.0.0",
 70 |     "jest": "^17.0.3",
 71 |     "node-sass": "^3.4.2",
 72 |     "postcss-loader": "^1.2.0",
 73 |     "postcss-modules-values": "^1.1.3",
 74 |     "pty64": "^0.1.0",
 75 |     "rimraf": "^2.5.4",
 76 |     "sass-loader": "^4.0.0",
 77 |     "style-loader": "^0.13.0",
 78 |     "url-loader": "^0.5.7",
 79 |     "webpack": "^1.14.0",
 80 |     "webpack-dev-server": "^1.16.2"
 81 |   },
 82 |   "dependencies": {
 83 |     "chalk": "^1.1.3",
 84 |     "cli-spinners": "^1.0.0",
 85 |     "compression": "^1.6.2",
 86 |     "express": "^4.14.0",
 87 |     "fbjs": "^0.8.3",
 88 |     "history": "^4.3.0",
 89 |     "hterm-umdjs": "^1.1.4",
 90 |     "js-base64": "^2.1.9",
 91 |     "lodash": "^4.16.3",
 92 |     "node-uuid": "^1.4.7",
 93 |     "normalize.css": "^5.0.0",
 94 |     "ora": "^0.3.0",
 95 |     "pty.js": "^0.3.1",
 96 |     "raf": "^3.3.0",
 97 |     "react": "^15.4.1",
 98 |     "react-addons-shallow-compare": "^15.4.1",
 99 |     "react-css-themr": "^1.3.0",
100 |     "react-dom": "^15.4.1",
101 |     "react-hot-loader": "3.0.0-beta.6",
102 |     "react-router": "4.0.0-alpha.6",
103 |     "recompose": "^0.20.2",
104 |     "rxjs": "^5.0.0-beta.11",
105 |     "webfontloader": "^1.6.26",
106 |     "ws": "^1.1.1"
107 |   }
108 | }
109 | 


--------------------------------------------------------------------------------
/packages/stdind/server/index.js:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env node
  2 | 
  3 | /* eslint-disable comma-dangle, no-console */
  4 | 
  5 | /**
  6 | Build Dockerfile
  7 | node ./index.js --build
  8 | 
  9 | `npm bin`/pty64 --base64 -- echo hello | node ./index.js
 10 | 
 11 | Run server reading stdin or file content in base 64 format
 12 | providing websocket access on a WS_PORT at WS_PATH path
 13 | 
 14 | ```
 15 | `npm bin`/pty64 --base64 -- echo hello | tee ./build/out.txt | node ./index.js
 16 | ```
 17 | 
 18 | or with docker
 19 | 
 20 |  ```
 21 |  `npm bin`/pty64 --base64 -- echo hello | tee out.txt \
 22 |  | docker run -a STDIN -a STDOUT -i --rm -p 4000:4000 --name stdind 'stdind'
 23 |  ```
 24 | 
 25 | or with file
 26 | 
 27 | ```
 28 | node ./index.js --file out.txt
 29 | ```
 30 | 
 31 | or with stdin preventing close
 32 | 
 33 | ```
 34 | cat out.txt | node ./index.js --always
 35 | ```
 36 | **/
 37 | const readline = require('readline');
 38 | const express = require('express');
 39 | const compression = require('compression');
 40 | const path = require('path');
 41 | const { Server } = require('http');
 42 | const { Base64 } = require('js-base64');
 43 | const WebSocketServer = require('ws').Server;
 44 | const { Observable } = require('rxjs');
 45 | const fs = require('fs');
 46 | const execSync = require('child_process').execSync;
 47 | 
 48 | const WS_PORT = 4000;
 49 | const WS_PATH = '/ws';
 50 | const IMAGE_NAME = 'stdind';
 51 | 
 52 | const buildIndex = process.argv.indexOf('--build');
 53 | 
 54 | if (buildIndex > -1) {
 55 |   const execOptions = {
 56 |     encoding: 'utf8',
 57 |     cwd: `${__dirname}/..`,
 58 |     stdio: [
 59 |       'inherit', // stdin (default)
 60 |       'inherit', // stdout (default)
 61 |       'inherit'  // stderr
 62 |     ]
 63 |   };
 64 | 
 65 |   const code = execSync(`docker build -t ${IMAGE_NAME} .`, execOptions);
 66 |   process.exit(code);
 67 | }
 68 | 
 69 | const app = express();
 70 | const server = Server(app);
 71 | const wss = new WebSocketServer({ server, path: process.env.WS_PATH || WS_PATH });
 72 | app.use(compression());
 73 | 
 74 | const dataFileIndex = process.argv.indexOf('--file') + 1;
 75 | const preventExit = process.argv.indexOf('--always') > -1;
 76 | const isRealtime = process.argv.indexOf('--realtime') > -1;
 77 | 
 78 | const rl = readline.createInterface({
 79 |   input: dataFileIndex > 0
 80 |     ? fs.createReadStream(process.argv[dataFileIndex])
 81 |     : process.stdin,
 82 | });
 83 | 
 84 | const stdin$ = Observable.create((o) => {
 85 |   let index = 0;
 86 | 
 87 |   rl.on('line', (chunk) => {
 88 |     index += 1;
 89 |     o.next({ index, chunk });
 90 |   });
 91 | 
 92 |   rl.on('close', () => {
 93 |     if (dataFileIndex === 0 && !preventExit) {
 94 |       process.exit(0);
 95 |     }
 96 |     o.complete();
 97 |   });
 98 | })
 99 | .share();
100 | 
101 | const sockets$ = Observable.create((o) => {
102 |   wss.on('connection', (socket) => {
103 |     socket.on('close', () => {
104 |       o.next({ socket, type: 'REMOVE_SOCKET' });
105 |     });
106 | 
107 |     // to avoid gateway timeout
108 |     socket.on('message', () => {
109 |       socket.send(
110 |         JSON.stringify({ index: -2, chunk: 'pong' }),
111 |         { fin: false },
112 |         () => {}
113 |       );
114 |     });
115 | 
116 |     o.next({ socket, type: 'ADD_SOCKET' });
117 |   });
118 | })
119 | .share();
120 | 
121 | // combine all stdion input
122 | const chunks$ = stdin$
123 |   .scan(
124 |     (r, v) => [...r, v],
125 |     []
126 |   );
127 | 
128 | // Combine new socket with all previous chunks
129 | const $initialResponse = sockets$
130 |   .filter(({ type }) => type === 'ADD_SOCKET')
131 |   .withLatestFrom(
132 |     chunks$,
133 |     ({ socket }, chunks) => ({
134 |       sockets: [socket],
135 |       chunks,
136 |     })
137 |   );
138 | 
139 | // Combine all sockets
140 | const combinedSockets$ = sockets$
141 |   .scan(
142 |     (r, { type, socket }) => (
143 |       type === 'ADD_SOCKET'
144 |         ? [...r, socket]
145 |         : r.filter(s => s !== socket)
146 |     ),
147 |     []
148 |   );
149 | 
150 | // combine last chunk with all sockets
151 | const $realtimeResponses = stdin$
152 |   .do((data) => {
153 |     if (data !== null) {
154 |       process.stdout.write(`${Base64.decode(data.chunk)}`);
155 |     }
156 |   })
157 |   .withLatestFrom(
158 |     combinedSockets$,
159 |     (chunk, sockets) => ({
160 |       sockets,
161 |       chunks: [chunk],
162 |     })
163 |   );
164 | 
165 | // combine all streams and send results
166 | const sendStream$ = isRealtime
167 |   ? $realtimeResponses
168 |   : Observable.merge($initialResponse, $realtimeResponses);
169 | 
170 | sendStream$
171 |   .subscribe(
172 |     ({ sockets, chunks }) => {
173 |       sockets.forEach((socket) => {
174 |         chunks.forEach((chunk) => {
175 |           if (chunk === null) {
176 |             socket.send(chunk, { fin: true });
177 |           } else {
178 |             socket.send(
179 |               JSON.stringify(chunk),
180 |               { fin: false },
181 |               (err) => {
182 |                 if (err) {
183 |                   console.error('---error---');
184 |                   console.error(err);
185 |                   console.error('-----------');
186 |                 }
187 |               }
188 |             );
189 |           }
190 |         });
191 |       });
192 |     }
193 |   );
194 | 
195 | app.use(express.static(path.join(__dirname, '../build')));
196 | 
197 | app.get('/*', (req, res) => {
198 |   res.sendFile(path.join(__dirname, '../build', 'index.html'));
199 | });
200 | 
201 | server.listen(process.env.WS_PORT || WS_PORT);
202 | 


--------------------------------------------------------------------------------
/packages/stdind/server/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "stdind-server",
 3 |   "version": "1.0.0",
 4 |   "description": "to minimize docker container size",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "author": "istarkov",
10 |   "license": "MIT",
11 |   "dependencies": {
12 |     "compression": "^1.6.2",
13 |     "express": "^4.14.0",
14 |     "js-base64": "^2.1.9",
15 |     "rxjs": "^5.0.1",
16 |     "ws": "^1.1.1"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/stdind/server/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | accepts@~1.3.3:
  6 |   version "1.3.3"
  7 |   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.3.tgz#c3ca7434938648c3e0d9c1e328dd68b622c284ca"
  8 |   dependencies:
  9 |     mime-types "~2.1.11"
 10 |     negotiator "0.6.1"
 11 | 
 12 | array-flatten@1.1.1:
 13 |   version "1.1.1"
 14 |   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
 15 | 
 16 | bytes@2.3.0:
 17 |   version "2.3.0"
 18 |   resolved "https://registry.yarnpkg.com/bytes/-/bytes-2.3.0.tgz#d5b680a165b6201739acb611542aabc2d8ceb070"
 19 | 
 20 | compressible@~2.0.8:
 21 |   version "2.0.9"
 22 |   resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.9.tgz#6daab4e2b599c2770dd9e21e7a891b1c5a755425"
 23 |   dependencies:
 24 |     mime-db ">= 1.24.0 < 2"
 25 | 
 26 | compression@^1.6.2:
 27 |   version "1.6.2"
 28 |   resolved "https://registry.yarnpkg.com/compression/-/compression-1.6.2.tgz#cceb121ecc9d09c52d7ad0c3350ea93ddd402bc3"
 29 |   dependencies:
 30 |     accepts "~1.3.3"
 31 |     bytes "2.3.0"
 32 |     compressible "~2.0.8"
 33 |     debug "~2.2.0"
 34 |     on-headers "~1.0.1"
 35 |     vary "~1.1.0"
 36 | 
 37 | content-disposition@0.5.1:
 38 |   version "0.5.1"
 39 |   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.1.tgz#87476c6a67c8daa87e32e87616df883ba7fb071b"
 40 | 
 41 | content-type@~1.0.2:
 42 |   version "1.0.2"
 43 |   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.2.tgz#b7d113aee7a8dd27bd21133c4dc2529df1721eed"
 44 | 
 45 | cookie-signature@1.0.6:
 46 |   version "1.0.6"
 47 |   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
 48 | 
 49 | cookie@0.3.1:
 50 |   version "0.3.1"
 51 |   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
 52 | 
 53 | debug@~2.2.0:
 54 |   version "2.2.0"
 55 |   resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
 56 |   dependencies:
 57 |     ms "0.7.1"
 58 | 
 59 | depd@~1.1.0:
 60 |   version "1.1.0"
 61 |   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.0.tgz#e1bd82c6aab6ced965b97b88b17ed3e528ca18c3"
 62 | 
 63 | destroy@~1.0.4:
 64 |   version "1.0.4"
 65 |   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
 66 | 
 67 | ee-first@1.1.1:
 68 |   version "1.1.1"
 69 |   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 70 | 
 71 | encodeurl@~1.0.1:
 72 |   version "1.0.1"
 73 |   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.1.tgz#79e3d58655346909fe6f0f45a5de68103b294d20"
 74 | 
 75 | escape-html@~1.0.3:
 76 |   version "1.0.3"
 77 |   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
 78 | 
 79 | etag@~1.7.0:
 80 |   version "1.7.0"
 81 |   resolved "https://registry.yarnpkg.com/etag/-/etag-1.7.0.tgz#03d30b5f67dd6e632d2945d30d6652731a34d5d8"
 82 | 
 83 | express@^4.14.0:
 84 |   version "4.14.0"
 85 |   resolved "https://registry.yarnpkg.com/express/-/express-4.14.0.tgz#c1ee3f42cdc891fb3dc650a8922d51ec847d0d66"
 86 |   dependencies:
 87 |     accepts "~1.3.3"
 88 |     array-flatten "1.1.1"
 89 |     content-disposition "0.5.1"
 90 |     content-type "~1.0.2"
 91 |     cookie "0.3.1"
 92 |     cookie-signature "1.0.6"
 93 |     debug "~2.2.0"
 94 |     depd "~1.1.0"
 95 |     encodeurl "~1.0.1"
 96 |     escape-html "~1.0.3"
 97 |     etag "~1.7.0"
 98 |     finalhandler "0.5.0"
 99 |     fresh "0.3.0"
100 |     merge-descriptors "1.0.1"
101 |     methods "~1.1.2"
102 |     on-finished "~2.3.0"
103 |     parseurl "~1.3.1"
104 |     path-to-regexp "0.1.7"
105 |     proxy-addr "~1.1.2"
106 |     qs "6.2.0"
107 |     range-parser "~1.2.0"
108 |     send "0.14.1"
109 |     serve-static "~1.11.1"
110 |     type-is "~1.6.13"
111 |     utils-merge "1.0.0"
112 |     vary "~1.1.0"
113 | 
114 | finalhandler@0.5.0:
115 |   version "0.5.0"
116 |   resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-0.5.0.tgz#e9508abece9b6dba871a6942a1d7911b91911ac7"
117 |   dependencies:
118 |     debug "~2.2.0"
119 |     escape-html "~1.0.3"
120 |     on-finished "~2.3.0"
121 |     statuses "~1.3.0"
122 |     unpipe "~1.0.0"
123 | 
124 | forwarded@~0.1.0:
125 |   version "0.1.0"
126 |   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.0.tgz#19ef9874c4ae1c297bcf078fde63a09b66a84363"
127 | 
128 | fresh@0.3.0:
129 |   version "0.3.0"
130 |   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.3.0.tgz#651f838e22424e7566de161d8358caa199f83d4f"
131 | 
132 | http-errors@~1.5.0:
133 |   version "1.5.1"
134 |   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.5.1.tgz#788c0d2c1de2c81b9e6e8c01843b6b97eb920750"
135 |   dependencies:
136 |     inherits "2.0.3"
137 |     setprototypeof "1.0.2"
138 |     statuses ">= 1.3.1 < 2"
139 | 
140 | inherits@2.0.3:
141 |   version "2.0.3"
142 |   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
143 | 
144 | ipaddr.js@1.1.1:
145 |   version "1.1.1"
146 |   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.1.1.tgz#c791d95f52b29c1247d5df80ada39b8a73647230"
147 | 
148 | js-base64@^2.1.9:
149 |   version "2.1.9"
150 |   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.1.9.tgz#f0e80ae039a4bd654b5f281fc93f04a914a7fcce"
151 | 
152 | media-typer@0.3.0:
153 |   version "0.3.0"
154 |   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
155 | 
156 | merge-descriptors@1.0.1:
157 |   version "1.0.1"
158 |   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
159 | 
160 | methods@~1.1.2:
161 |   version "1.1.2"
162 |   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
163 | 
164 | "mime-db@>= 1.24.0 < 2", mime-db@~1.25.0:
165 |   version "1.25.0"
166 |   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.25.0.tgz#c18dbd7c73a5dbf6f44a024dc0d165a1e7b1c392"
167 | 
168 | mime-types@~2.1.11, mime-types@~2.1.13:
169 |   version "2.1.13"
170 |   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.13.tgz#e07aaa9c6c6b9a7ca3012c69003ad25a39e92a88"
171 |   dependencies:
172 |     mime-db "~1.25.0"
173 | 
174 | mime@1.3.4:
175 |   version "1.3.4"
176 |   resolved "https://registry.yarnpkg.com/mime/-/mime-1.3.4.tgz#115f9e3b6b3daf2959983cb38f149a2d40eb5d53"
177 | 
178 | ms@0.7.1:
179 |   version "0.7.1"
180 |   resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
181 | 
182 | negotiator@0.6.1:
183 |   version "0.6.1"
184 |   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
185 | 
186 | on-finished@~2.3.0:
187 |   version "2.3.0"
188 |   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
189 |   dependencies:
190 |     ee-first "1.1.1"
191 | 
192 | on-headers@~1.0.1:
193 |   version "1.0.1"
194 |   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.1.tgz#928f5d0f470d49342651ea6794b0857c100693f7"
195 | 
196 | options@>=0.0.5:
197 |   version "0.0.6"
198 |   resolved "https://registry.yarnpkg.com/options/-/options-0.0.6.tgz#ec22d312806bb53e731773e7cdaefcf1c643128f"
199 | 
200 | parseurl@~1.3.1:
201 |   version "1.3.1"
202 |   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.1.tgz#c8ab8c9223ba34888aa64a297b28853bec18da56"
203 | 
204 | path-to-regexp@0.1.7:
205 |   version "0.1.7"
206 |   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
207 | 
208 | proxy-addr@~1.1.2:
209 |   version "1.1.2"
210 |   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.2.tgz#b4cc5f22610d9535824c123aef9d3cf73c40ba37"
211 |   dependencies:
212 |     forwarded "~0.1.0"
213 |     ipaddr.js "1.1.1"
214 | 
215 | qs@6.2.0:
216 |   version "6.2.0"
217 |   resolved "https://registry.yarnpkg.com/qs/-/qs-6.2.0.tgz#3b7848c03c2dece69a9522b0fae8c4126d745f3b"
218 | 
219 | range-parser@~1.2.0:
220 |   version "1.2.0"
221 |   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
222 | 
223 | rxjs@^5.0.1:
224 |   version "5.0.1"
225 |   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.0.1.tgz#3a69bdf9f0ca0a986303370d4708f72bdfac8356"
226 |   dependencies:
227 |     symbol-observable "^1.0.1"
228 | 
229 | send@0.14.1:
230 |   version "0.14.1"
231 |   resolved "https://registry.yarnpkg.com/send/-/send-0.14.1.tgz#a954984325392f51532a7760760e459598c89f7a"
232 |   dependencies:
233 |     debug "~2.2.0"
234 |     depd "~1.1.0"
235 |     destroy "~1.0.4"
236 |     encodeurl "~1.0.1"
237 |     escape-html "~1.0.3"
238 |     etag "~1.7.0"
239 |     fresh "0.3.0"
240 |     http-errors "~1.5.0"
241 |     mime "1.3.4"
242 |     ms "0.7.1"
243 |     on-finished "~2.3.0"
244 |     range-parser "~1.2.0"
245 |     statuses "~1.3.0"
246 | 
247 | serve-static@~1.11.1:
248 |   version "1.11.1"
249 |   resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.11.1.tgz#d6cce7693505f733c759de57befc1af76c0f0805"
250 |   dependencies:
251 |     encodeurl "~1.0.1"
252 |     escape-html "~1.0.3"
253 |     parseurl "~1.3.1"
254 |     send "0.14.1"
255 | 
256 | setprototypeof@1.0.2:
257 |   version "1.0.2"
258 |   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.0.2.tgz#81a552141ec104b88e89ce383103ad5c66564d08"
259 | 
260 | "statuses@>= 1.3.1 < 2", statuses@~1.3.0:
261 |   version "1.3.1"
262 |   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.3.1.tgz#faf51b9eb74aaef3b3acf4ad5f61abf24cb7b93e"
263 | 
264 | symbol-observable@^1.0.1:
265 |   version "1.0.4"
266 |   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.4.tgz#29bf615d4aa7121bdd898b22d4b3f9bc4e2aa03d"
267 | 
268 | type-is@~1.6.13:
269 |   version "1.6.14"
270 |   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.14.tgz#e219639c17ded1ca0789092dd54a03826b817cb2"
271 |   dependencies:
272 |     media-typer "0.3.0"
273 |     mime-types "~2.1.13"
274 | 
275 | ultron@1.0.x:
276 |   version "1.0.2"
277 |   resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.0.2.tgz#ace116ab557cd197386a4e88f4685378c8b2e4fa"
278 | 
279 | unpipe@~1.0.0:
280 |   version "1.0.0"
281 |   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
282 | 
283 | utils-merge@1.0.0:
284 |   version "1.0.0"
285 |   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.0.tgz#0294fb922bb9375153541c4f7096231f287c8af8"
286 | 
287 | vary@~1.1.0:
288 |   version "1.1.0"
289 |   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.0.tgz#e1e5affbbd16ae768dd2674394b9ad3022653140"
290 | 
291 | ws@^1.1.1:
292 |   version "1.1.1"
293 |   resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.1.tgz#082ddb6c641e85d4bb451f03d52f06eabdb1f018"
294 |   dependencies:
295 |     options ">=0.0.5"
296 |     ultron "1.0.x"
297 | 


--------------------------------------------------------------------------------
/packages/stdind/src/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { BrowserRouter } from 'react-router';
 3 | import Layout from './Layout';
 4 | 
 5 | export default () => (
 6 |   <BrowserRouter>
 7 |     <Layout />
 8 |   </BrowserRouter>
 9 | );
10 | 


--------------------------------------------------------------------------------
/packages/stdind/src/Container.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import compose from 'recompose/compose';
 3 | import { themr } from 'react-css-themr';
 4 | import containerStyles from './container.sass';
 5 | 
 6 | export const container = ({ theme, children }) => (
 7 |   <div className={theme.component}>
 8 |     <div className={theme.contentAside} />
 9 |     <div className={theme.content}>
10 |       {children}
11 |     </div>
12 |     <div className={theme.contentAside} />
13 |   </div>
14 | );
15 | 
16 | export const containerHOC = compose(
17 |   themr('container', containerStyles)
18 | );
19 | 
20 | export default containerHOC(container);
21 | 


--------------------------------------------------------------------------------
/packages/stdind/src/Layout.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import { themr } from 'react-css-themr';
  3 | import compose from 'recompose/compose';
  4 | import { Base64 } from 'js-base64';
  5 | import { Observable } from 'rxjs';
  6 | import mapPropsStream from 'recompose/mapPropsStream';
  7 | import layoutStyles from './layout.sass';
  8 | import Container from './Container';
  9 | import Term from './Term';
 10 | import defaultConfig from './utils/defaultConfig';
 11 | 
 12 | const layoutComponent = ({
 13 |   theme, setRef,
 14 | }) => (
 15 |   <div className={theme.component}>
 16 |     <div className={theme.header}>
 17 |       <Container theme={theme} themeNamespace={'header'}>
 18 |         <h1 className={theme.headerText}>PBL</h1>
 19 |         <span>easy deployment tool</span>
 20 |       </Container>
 21 |     </div>
 22 |     <div className={theme.avatarLine}>
 23 |       <div className={theme.avatarHolder}>
 24 |         <div className={theme.avatar} />
 25 |       </div>
 26 |     </div>
 27 |     <Container>
 28 |       <div className={theme.termMain}>
 29 |         <div className={theme.term}>
 30 |           <Term
 31 |             {...defaultConfig}
 32 |             ref_={setRef}
 33 |             onResize={() => {}}
 34 |             onActive={() => {}}
 35 |           />
 36 |         </div>
 37 |       </div>
 38 |     </Container>
 39 |     <div className={theme.footer}>
 40 |       <Container theme={theme} themeNamespace={'footer'}>
 41 |         <span className={theme.team}>team</span> &nbsp;CecTPa yTky MHe
 42 |       </Container>
 43 |     </div>
 44 |   </div>
 45 | );
 46 | 
 47 | export const layoutHOC = compose(
 48 |   themr('layout', layoutStyles),
 49 |   mapPropsStream((props$) => {
 50 |     const DEBOUNCE_TIME = 10;
 51 |     const RECONNECT_TIMEOUT = 3000;
 52 |     const RECONNECT_ATTEMPTS = 50;
 53 |     const PING_INTERVAL = 30000;
 54 | 
 55 |     let ref;
 56 | 
 57 |     const setRef = (v) => {
 58 |       ref = v;
 59 |     };
 60 | 
 61 |     const { hostname, port } = window.location;
 62 | 
 63 |     const socket$ = Observable.webSocket(`ws://${hostname}:${port}/ws`);
 64 | 
 65 |     const subject$ =
 66 |       Observable.concat(...[
 67 |         ...(
 68 |           // For Unknow reason sometimes websocket proxy does not work without
 69 |           // initial GET http request, as proxy is not used in production build,
 70 |           // we add GET request only for dev
 71 |           process.NODE_ENV !== 'production'
 72 |             ? [
 73 |               Observable
 74 |                 .ajax({ method: 'GET', url: `http://${hostname}:${port}/ws` })
 75 |                 .catch(() => Observable.empty())
 76 |                 .skip(1),
 77 |             ]
 78 |             : []
 79 |         ),
 80 |         socket$
 81 |         .retryWhen(error =>
 82 |           Observable
 83 |             .from(error)
 84 |             .delay(RECONNECT_TIMEOUT)
 85 |             .take(RECONNECT_ATTEMPTS)
 86 |             .concat(
 87 |               Observable.of({})
 88 |                 .map(() => {
 89 |                   throw new Error('socket Error');
 90 |                 }),
 91 |             ),
 92 |         ),
 93 |       ])
 94 |       .share();
 95 | 
 96 |     // to avoid socket gateway timeouts
 97 |     Observable
 98 |       .interval(PING_INTERVAL)
 99 |       .subscribe(() => {
100 |         socket$.next('ping');
101 |       });
102 | 
103 |     const buffered$ = subject$
104 |       .buffer(subject$.debounce(() => Observable.interval(DEBOUNCE_TIME)))
105 |       .delay(ref ? 0 : 100)
106 |       .scan(
107 |         ({ maxIndex }, values) => ({
108 |           values: values.filter(v => v.index > maxIndex),
109 |           maxIndex: Math.max(
110 |             values.length > 0 ? values[values.length - 1].index : -1,
111 |             maxIndex
112 |           ),
113 |         }),
114 |         { maxIndex: -1 }
115 |       )
116 |       .do(({ values }) => values.map(x => ref.write(Base64.decode(x.chunk))))
117 |       .startWith(undefined);
118 | 
119 |     return props$.combineLatest(buffered$, (props, buffered) => ({
120 |       ...props,
121 |       buffered,
122 |       setRef,
123 |     }));
124 |   }),
125 | );
126 | 
127 | export default layoutHOC(layoutComponent);
128 | 


--------------------------------------------------------------------------------
/packages/stdind/src/Term.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable no-underscore-dangle, react/sort-comp */
  2 | /* global Blob,URL,requestAnimationFrame */
  3 | 
  4 | // ----------------------------------------------------------------
  5 | // MIT Licence, Copyright (c) 2016 Zeit, Inc.
  6 | // ----------------------------------------------------------------
  7 | 
  8 | import React, { Component } from 'react';
  9 | import hterm from './utils/hterm';
 10 | import getColorList from './utils/colors';
 11 | 
 12 | export default class Term extends Component {
 13 | 
 14 |   constructor(props) {
 15 |     super(props);
 16 |     this.handleWheel = this.handleWheel.bind(this);
 17 |     this.handleMouseDown = this.handleMouseDown.bind(this);
 18 |     this.handleMouseUp = this.handleMouseUp.bind(this);
 19 |     this.handleScrollEnter = this.handleScrollEnter.bind(this);
 20 |     this.handleScrollLeave = this.handleScrollLeave.bind(this);
 21 |     this.handleFocus = this.handleFocus.bind(this);
 22 |     this.onHyperCaret = this.onHyperCaret.bind(this);
 23 |     props.ref_(this);
 24 |   }
 25 | 
 26 |   componentDidMount() {
 27 |     const { props } = this;
 28 |     this.term = props.term || new hterm.Terminal('1234');
 29 |     // this.term.onHyperCaret(this.hyperCaret);
 30 | 
 31 |     // the first term that's created has unknown size
 32 |     // subsequent new tabs have size
 33 |     if (props.cols && props.rows) {
 34 |       this.term.realizeSize_(props.cols, props.rows);
 35 |     }
 36 | 
 37 |     const prefs = this.term.getPrefs();
 38 | 
 39 |     prefs.set('font-family', props.fontFamily);
 40 |     prefs.set('font-size', props.fontSize);
 41 |     prefs.set('font-smoothing', props.fontSmoothing);
 42 |     prefs.set('cursor-color', 'rgba(255,255,255,0.5)');
 43 |     prefs.set('enable-clipboard-notice', false);
 44 |     prefs.set('foreground-color', props.foregroundColor);
 45 | 
 46 |     // hterm.ScrollPort.prototype.setBackgroundColor is overriden
 47 |     // to make hterm's background transparent. we still need to set
 48 |     // background-color for proper text rendering
 49 |     prefs.set('background-color', props.backgroundColor);
 50 |     prefs.set('color-palette-overrides', getColorList(props.colors));
 51 |     prefs.set('user-css', this.getStylesheet(props.customCSS));
 52 |     prefs.set('scrollbar-visible', false);
 53 |     prefs.set('receive-encoding', 'raw');
 54 |     prefs.set('send-encoding', 'raw');
 55 |     prefs.set('alt-sends-what', 'browser-key');
 56 | 
 57 |     if (props.copyOnSelect) {
 58 |       prefs.set('copy-on-select', true);
 59 |     } else {
 60 |       prefs.set('copy-on-select', false);
 61 |     }
 62 | 
 63 |     this.term.onTerminalReady = () => {
 64 |       const io = this.term.io.push();
 65 |       io.onVTKeystroke = io.sendString = props.onData;
 66 |       io.onTerminalResize = (cols, rows) => {
 67 |         if (cols !== this.props.cols || rows !== this.props.rows) {
 68 |           props.onResize(cols, rows);
 69 |         }
 70 |       };
 71 | 
 72 |       this.term.modifierKeys = props.modifierKeys;
 73 |       // this.term.CursorNode_ is available at this point.
 74 |       this.term.setCursorShape(props.cursorShape);
 75 | 
 76 |       // emit onTitle event when hterm instance
 77 |       // wants to set the title of its tab
 78 |       this.term.setWindowTitle = props.onTitle;
 79 |     };
 80 |     this.term.decorate(this.termRef);
 81 |     this.term.installKeyboard();
 82 |     if (this.props.onTerminal) {
 83 |       this.props.onTerminal(this.term);
 84 |     }
 85 | 
 86 |     const iframeWindow = this.getTermDocument().defaultView;
 87 |     iframeWindow.addEventListener('wheel', this.handleWheel);
 88 | 
 89 |     this.getScreenNode().addEventListener('mouseup', this.handleMouseUp);
 90 |   }
 91 | 
 92 |   handleWheel(e) {
 93 |     if (this.props.onWheel) {
 94 |       this.props.onWheel(e);
 95 |     }
 96 |     const prefs = this.term.getPrefs();
 97 |     prefs.set('scrollbar-visible', true);
 98 |     clearTimeout(this.scrollbarsHideTimer);
 99 |     if (!this.scrollMouseEnter) {
100 |       this.scrollbarsHideTimer = setTimeout(() => {
101 |         prefs.set('scrollbar-visible', false);
102 |       }, 1000);
103 |     }
104 |   }
105 | 
106 |   handleScrollEnter() {
107 |     clearTimeout(this.scrollbarsHideTimer);
108 |     const prefs = this.term.getPrefs();
109 |     prefs.set('scrollbar-visible', true);
110 |     this.scrollMouseEnter = true;
111 |   }
112 | 
113 |   handleScrollLeave() {
114 |     const prefs = this.term.getPrefs();
115 |     prefs.set('scrollbar-visible', false);
116 |     this.scrollMouseEnter = false;
117 |   }
118 | 
119 |   handleFocus() {
120 |     // This will in turn result in `this.focus()` being
121 |     // called, which is unecessary.
122 |     // Should investigate if it matters.
123 |     this.props.onActive();
124 |   }
125 | 
126 |   handleMouseUp() {
127 |     this.props.onActive();
128 |   }
129 | 
130 |   onHyperCaret(caret) {
131 |     this.hyperCaret = caret;
132 |   }
133 | 
134 |   write(data) {
135 |     this.term.io.writeUTF8(data);
136 |   }
137 | 
138 |   focus() {
139 |     this.term.focusHyperCaret();
140 |   }
141 | 
142 |   clear() {
143 |     this.term.clearPreserveCursorRow();
144 | 
145 |     // If cursor is still not at the top, a command is probably
146 |     // running and we'd like to delete the whole screen.
147 |     // Move cursor to top
148 |     if (this.term.getCursorRow() !== 0) {
149 |       this.term.io.writeUTF8('\x1B[0;0H\x1B[2J');
150 |     }
151 |   }
152 | 
153 |   moveWordLeft() {
154 |     this.term.onVTKeystroke('\x1bb');
155 |   }
156 | 
157 |   moveWordRight() {
158 |     this.term.onVTKeystroke('\x1bf');
159 |   }
160 | 
161 |   deleteWordLeft() {
162 |     this.term.onVTKeystroke('\x1b\x7f');
163 |   }
164 | 
165 |   deleteWordRight() {
166 |     this.term.onVTKeystroke('\x1bd');
167 |   }
168 | 
169 |   deleteLine() {
170 |     this.term.onVTKeystroke('\x1bw');
171 |   }
172 | 
173 |   moveToStart() {
174 |     this.term.onVTKeystroke('\x01');
175 |   }
176 | 
177 |   moveToEnd() {
178 |     this.term.onVTKeystroke('\x05');
179 |   }
180 | 
181 |   selectAll() {
182 |     this.term.selectAll();
183 |   }
184 | 
185 |   getScreenNode() {
186 |     return this.term.scrollPort_.getScreenNode();
187 |   }
188 | 
189 |   getTermDocument() {
190 |     return this.term.document_;
191 |   }
192 | 
193 |   getStylesheet(css) {
194 |     const hyperCaret = `
195 |       .hyper-caret {
196 |         outline: none;
197 |         display: inline-block;
198 |         color: transparent;
199 |         text-shadow: 0 0 0 black;
200 |         font-family: ${this.props.fontFamily};
201 |         font-size: ${this.props.fontSize}px;
202 |       }
203 |     `;
204 |     const osSpecificCss = process.platform === 'win32' ?
205 |       `::-webkit-scrollbar {
206 |             width: 5px;
207 |           }
208 |           ::-webkit-scrollbar-thumb {
209 |             -webkit-border-radius: 10px;
210 |             border-radius: 10px;
211 |             background: ${this.props.borderColor};
212 |           }
213 |           ::-webkit-scrollbar-thumb:window-inactive {
214 |             background: ${this.props.borderColor};
215 |           }` : ''
216 |     ;
217 |     return URL.createObjectURL(new Blob([`
218 |       .cursor-node[focus="false"] {
219 |          border-width: 1px !important;
220 |       }
221 |       x-row {
222 |         line-height: 1.2em;
223 |       }
224 |       ${hyperCaret}
225 |       ${osSpecificCss}
226 |       ${css}
227 |     `], { type: 'text/css' }));
228 |   }
229 | 
230 | 
231 |   handleMouseDown(ev) {
232 |     // we prevent losing focus when clicking the boundary
233 |     // wrappers of the main terminal element
234 |     if (ev.target === this.termWrapperRef ||
235 |         ev.target === this.termRef) {
236 |       ev.preventDefault();
237 |     }
238 |   }
239 | 
240 |   componentWillReceiveProps(nextProps) {
241 |     if (this.props.url !== nextProps.url) {
242 |       // when the url prop changes, we make sure
243 |       // the terminal starts or stops ignoring
244 |       // key input so that it doesn't conflict
245 |       // with the <webview>
246 |       if (nextProps.url) {
247 |         const io = this.term.io.push();
248 |         io.onVTKeystroke = io.sendString = (str) => {
249 |           if (str.length === 1 && str.charCodeAt(0) === 3 /* Ctrl + C */) {
250 |             this.props.onURLAbort();
251 |           }
252 |         };
253 |       } else {
254 |         this.term.io.pop();
255 |       }
256 |     }
257 | 
258 |     if (!this.props.cleared && nextProps.cleared) {
259 |       this.clear();
260 |     }
261 | 
262 |     const prefs = this.term.getPrefs();
263 | 
264 |     if (this.props.fontSize !== nextProps.fontSize) {
265 |       prefs.set('font-size', nextProps.fontSize);
266 |       this.hyperCaret.style.fontSize = `${nextProps.fontSize}px`;
267 |     }
268 | 
269 |     if (this.props.foregroundColor !== nextProps.foregroundColor) {
270 |       prefs.set('foreground-color', nextProps.foregroundColor);
271 |     }
272 | 
273 |     if (this.props.fontFamily !== nextProps.fontFamily) {
274 |       prefs.set('font-family', nextProps.fontFamily);
275 |       this.hyperCaret.style.fontFamily = nextProps.fontFamily;
276 |     }
277 | 
278 |     if (this.props.fontSmoothing !== nextProps.fontSmoothing) {
279 |       prefs.set('font-smoothing', nextProps.fontSmoothing);
280 |     }
281 | 
282 |     if (this.props.cursorShape !== nextProps.cursorShape) {
283 |       this.term.setCursorShape(nextProps.cursorShape);
284 |     }
285 | 
286 |     if (this.props.colors !== nextProps.colors) {
287 |       prefs.set('color-palette-overrides', getColorList(nextProps.colors));
288 |     }
289 | 
290 |     if (this.props.customCSS !== nextProps.customCSS) {
291 |       prefs.set('user-css', this.getStylesheet(nextProps.customCSS));
292 |     }
293 | 
294 |     if (this.props.copyOnSelect) {
295 |       prefs.set('copy-on-select', true);
296 |     } else {
297 |       prefs.set('copy-on-select', false);
298 |     }
299 |   }
300 | 
301 |   componentWillUnmount() {
302 |     clearTimeout(this.scrollbarsHideTimer);
303 |     this.props.ref_(null);
304 |   }
305 | 
306 |   render() {
307 |     return (
308 |       <div
309 |         ref={(component) => {
310 |           this.termWrapperRef = component;
311 |         }}
312 |         onMouseDown={this.handleMouseDown}
313 |         style={{
314 |           padding: this.props.padding,
315 |           display: 'flex',
316 |           flex: '1',
317 |         }}
318 |       >
319 |         { this.props.customChildrenBefore }
320 |         <div
321 |           ref={(component) => {
322 |             this.termRef = component;
323 |           }}
324 |           style={{
325 |             display: 'flex',
326 |             flex: '1',
327 |             position: 'relative',
328 |           }}
329 |         />
330 |         { this.props.customChildren }
331 |       </div>
332 |     );
333 |   }
334 | }
335 | 


--------------------------------------------------------------------------------
/packages/stdind/src/__tests__/dev.js:
--------------------------------------------------------------------------------
1 | // npm run test -- --watch
2 | // const { Observable } = require('rxjs');
3 | 
4 | it.only('For fast checking some ideas', () => {
5 | });
6 | 


--------------------------------------------------------------------------------
/packages/stdind/src/container.sass:
--------------------------------------------------------------------------------
 1 | .component
 2 |   display: flex
 3 |   flex: 1
 4 | 
 5 | .content
 6 |   flex: 6
 7 |   position: relative
 8 |   display: flex
 9 | 
10 | .contentAside
11 |   flex: 1
12 |   min-width: 80px
13 | 
14 | @media only screen and (max-width: 700px)
15 |   .content
16 |     flex: 10
17 |   .contentAside
18 |     min-width: 20px
19 | 


--------------------------------------------------------------------------------
/packages/stdind/src/enhancers/MatchWithProps.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Match } from 'react-router';
 3 | 
 4 | export const matchWithProps = ({
 5 |   component: Component,
 6 |   exactly,
 7 |   pattern,
 8 |   location,
 9 |   ...rest
10 | }) => (
11 |   <Match
12 |     exactly={exactly}
13 |     pattern={pattern}
14 |     location={location}
15 |     render={
16 |       props => <Component {...props} {...rest} />
17 |     }
18 |   />
19 | );
20 | 
21 | export default matchWithProps;
22 | 


--------------------------------------------------------------------------------
/packages/stdind/src/layout.sass:
--------------------------------------------------------------------------------
 1 | *
 2 |   min-width: 0
 3 |   min-height: 0
 4 | 
 5 | .component
 6 |   flex: 1
 7 |   display: flex
 8 |   flex-direction: column
 9 |   position: relative
10 | 
11 | .termMain
12 |   flex: 1
13 |   display: flex
14 |   overflow-x: scroll
15 | 
16 | .term
17 |   flex: 1
18 |   display: flex
19 |   min-width: 600px
20 | 
21 | .avatarLine
22 |   height: 0
23 |   position: relative
24 |   pointer-events: none
25 | 
26 | .avatarHolder
27 |   position: absolute
28 |   left: 0
29 |   right: 0
30 |   display: flex
31 |   top: -41px
32 |   z-index: 1
33 | 
34 | .avatar
35 |   background-image: url('../images/avatar.svg')
36 |   background-size: contain
37 |   background-repeat: no-repeat
38 |   height: 66px
39 |   width: 150px
40 |   margin: 0 auto
41 | 
42 | .header
43 |   border-bottom: 1px solid #666
44 |   background-color: rgba(0, 0, 0, 0.05)
45 |   display: flex
46 |   align-items: center
47 |   color: #999
48 | 
49 |   H1
50 |     color: #20BEFF
51 |   SPAN
52 |     font-size: 10px
53 |     margin-left: 4px
54 |   @media only screen and (max-width: 550px)
55 |     SPAN
56 |       display: none
57 | 
58 |   .headerContent
59 |     align-items: baseline
60 | 
61 | .headerText
62 |   margin: 10px 0
63 | 
64 | .footer
65 |   font-size: 0.8rem
66 |   height: 2rem
67 |   border-top: 1px solid rgba(255, 255, 255, 0.10)
68 |   background-color: rgba(0, 0, 0, 0.05)
69 |   display: flex
70 |   align-items: center
71 | 
72 |   .footerContent
73 |     justify-content: flex-end
74 |     align-items: baseline
75 | 
76 | .team
77 |   color: #999
78 |   font-size: 10px
79 | 


--------------------------------------------------------------------------------
/packages/stdind/src/main.js:
--------------------------------------------------------------------------------
 1 | import { AppContainer } from 'react-hot-loader';
 2 | import { Observable } from 'rxjs';
 3 | import React from 'react';
 4 | import { render } from 'react-dom';
 5 | import webfontloader from 'webfontloader';
 6 | import setObservableConfig from 'recompose/setObservableConfig';
 7 | import 'normalize.css/normalize.css';
 8 | import './main.sass';
 9 | import App from './App';
10 | 
11 | const mountNode = document.getElementById('app');
12 | 
13 | setObservableConfig({
14 |   fromESObservable: Observable.from,
15 | });
16 | 
17 | webfontloader.load({
18 |   google: {
19 |     families: ['Roboto Mono'],
20 |   },
21 | });
22 | 
23 | render(
24 |   <AppContainer>
25 |     <App />
26 |   </AppContainer>,
27 |   mountNode,
28 | );
29 | 
30 | if (module.hot) {
31 |   module.hot.accept('./App', () => {
32 |     const NextApp = require('./App').default; // eslint-disable-line
33 |     render(
34 |       <AppContainer>
35 |         <NextApp />
36 |       </AppContainer>,
37 |       mountNode,
38 |     );
39 |   });
40 | }
41 | 


--------------------------------------------------------------------------------
/packages/stdind/src/main.sass:
--------------------------------------------------------------------------------
 1 | :global(#app)
 2 |   min-height: 100vh
 3 |   display: flex
 4 | 
 5 | html, body
 6 |   // height: 100%
 7 |   font-size: 16px
 8 |   background-color: #272822
 9 |   color: #f8f8f2
10 |   font-family: 'Roboto Mono'
11 |   -webkit-font-smoothing: antialiased
12 | 
13 | body
14 |   visibility: hidden
15 | 
16 | :global(.wf-active)
17 |   body
18 |     visibility: visible
19 | 
20 | // Use fallback font if not loaded
21 | :global(.wf-inactive)
22 |   body
23 |     visibility: visible
24 | 
25 | @media only screen and (max-width: 700px)
26 |   html, body
27 |     font-size: 14px
28 | 
29 | @media only screen and (max-width: 550px)
30 |   html, body
31 |     font-size: 12px
32 | 


--------------------------------------------------------------------------------
/packages/stdind/src/reducer.js:
--------------------------------------------------------------------------------
 1 | const INITIAL_STATE = {
 2 |   competitions: [],
 3 |   leaderboards: {},
 4 | };
 5 | export default (state = INITIAL_STATE, action) => {
 6 |   switch (action.type) {
 7 |     case 'LOAD_SOMETHING': {
 8 |       return {
 9 |         ...state,
10 |       };
11 |     }
12 |     default:
13 |       return state;
14 |   }
15 | };
16 | 


--------------------------------------------------------------------------------
/packages/stdind/src/utils/colors.js:
--------------------------------------------------------------------------------
 1 | // ----------------------------------------------------------------
 2 | // MIT Licence, Copyright (c) 2016 Zeit, Inc.
 3 | // ----------------------------------------------------------------
 4 | 
 5 | const colorList = [
 6 |   'black',
 7 |   'red',
 8 |   'green',
 9 |   'yellow',
10 |   'blue',
11 |   'magenta',
12 |   'cyan',
13 |   'white',
14 |   'lightBlack',
15 |   'lightRed',
16 |   'lightGreen',
17 |   'lightYellow',
18 |   'lightBlue',
19 |   'lightMagenta',
20 |   'lightCyan',
21 |   'lightWhite',
22 |   'colorCubes',
23 |   'grayscale',
24 | ];
25 | 
26 | export default function getColorList(colors) {
27 |   // For backwards compatibility, return early if it's already an array
28 |   if (Array.isArray(colors)) {
29 |     return colors;
30 |   }
31 | 
32 |   return colorList.map(colorName => colors[colorName]);
33 | }
34 | 


--------------------------------------------------------------------------------
/packages/stdind/src/utils/defaultConfig.js:
--------------------------------------------------------------------------------
 1 | // ----------------------------------------------------------------
 2 | // MIT Licence, Copyright (c) 2016 Zeit, Inc.
 3 | // ----------------------------------------------------------------
 4 | 
 5 | export default {
 6 |   // default font size in pixels for all tabs
 7 |   fontSize: 12,
 8 | 
 9 |   // font family with optional fallbacks
10 |   fontFamily: '"Roboto Mono", Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
11 | 
12 |   // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
13 |   cursorColor: 'rgba(248,28,229,0.8)',
14 | 
15 |   // `BEAM` for |, `UNDERLINE` for _, `BLOCK` for █
16 |   cursorShape: 'UNDERLINE',
17 | 
18 |   // color of the text
19 |   foregroundColor: '#fff',
20 | 
21 |   // terminal background color
22 |   backgroundColor: '#000',
23 | 
24 |   // border color (window, tabs)
25 |   borderColor: '#333',
26 | 
27 |   // custom css to embed in the main window
28 |   css: '',
29 | 
30 |   // custom css to embed in the terminal window
31 |   termCSS: '',
32 | 
33 |   // set to `true` if you're using a Linux set up
34 |   // that doesn't shows native menus
35 |   // default: `false` on Linux, `true` on Windows (ignored on macOS)
36 |   showHamburgerMenu: '',
37 | 
38 |   // set to `false` if you want to hide the minimize, maximize and close buttons
39 |   // additionally, set to `'left'` if you want them on the left, like in Ubuntu
40 |   // default: `true` on windows and Linux (ignored on macOS)
41 |   showWindowControls: '',
42 | 
43 |   // custom padding (css format, i.e.: `top right bottom left`)
44 |   padding: '12px 14px',
45 | 
46 |   // the full list. if you're going to provide the full color palette,
47 |   // including the 6 x 6 color cubes and the grayscale map, just provide
48 |   // an array here instead of a color map object
49 |   colors: {
50 |     black: '#000000',
51 |     red: '#ff0000',
52 |     green: '#33ff00',
53 |     yellow: '#ffff00',
54 |     blue: '#0066ff',
55 |     magenta: '#cc00ff',
56 |     cyan: '#00ffff',
57 |     white: '#d0d0d0',
58 |     lightBlack: '#808080',
59 |     lightRed: '#ff0000',
60 |     lightGreen: '#33ff00',
61 |     lightYellow: '#ffff00',
62 |     lightBlue: '#0066ff',
63 |     lightMagenta: '#cc00ff',
64 |     lightCyan: '#00ffff',
65 |     lightWhite: '#ffffff',
66 |   },
67 | 
68 |   // the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
69 |   // if left empty, your system's login shell will be used by default
70 |   shell: '',
71 | 
72 |   // for setting shell arguments (i.e. for using interactive shellArgs: ['-i'])
73 |   // by default ['--login'] will be used
74 |   shellArgs: ['--login'],
75 | 
76 |   // for environment variables
77 |   env: {},
78 | 
79 |   // set to false for no bell
80 |   bell: 'SOUND',
81 | 
82 |   // if true, selected text will automatically be copied to the clipboard
83 |   copyOnSelect: false,
84 | };
85 | 


--------------------------------------------------------------------------------
/packages/stdind/src/utils/runes.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable */
  2 | 
  3 | // ---------------------------------------------------
  4 | // The MIT License (MIT), Copyright (c) 2016 Justin Sippel, Vitaly Domniko
  5 | // ---------------------------------------------------
  6 | 
  7 | const HIGH_SURROGATE_START = 0xd800
  8 | const HIGH_SURROGATE_END = 0xdbff
  9 | 
 10 | const LOW_SURROGATE_START = 0xdc00
 11 | 
 12 | const REGIONAL_INDICATOR_START = 0x1f1e6
 13 | const REGIONAL_INDICATOR_END = 0x1f1ff
 14 | 
 15 | const FITZPATRICK_MODIFIER_START = 0x1f3fb
 16 | const FITZPATRICK_MODIFIER_END = 0x1f3ff
 17 | 
 18 | const VARIATION_MODIFIER_START = 0xfe00
 19 | const VARIATION_MODIFIER_END = 0xfe0f
 20 | 
 21 | const ZWJ = 0x200d
 22 | 
 23 | function runes (string) {
 24 |   if (typeof string !== 'string') {
 25 |     throw new Error('string cannot be undefined or null')
 26 |   }
 27 |   const result = []
 28 |   let i = 0
 29 |   let increment = 0
 30 |   while (i < string.length) {
 31 |     increment += nextUnits(i + increment, string)
 32 |     if (isZeroWidthJoiner(string[i + increment])) {
 33 |       increment++
 34 |       continue
 35 |     }
 36 |     result.push(string.substring(i, i + increment))
 37 |     i += increment
 38 |     increment = 0
 39 |   }
 40 |   return result
 41 | }
 42 | 
 43 | // Decide how many code units make up the current character.
 44 | // BMP characters: 1 code unit
 45 | // Non-BMP characters (represented by surrogate pairs): 2 code units
 46 | // Emoji with skin-tone modifiers: 4 code units (2 code points)
 47 | // Country flags: 4 code units (2 code points)
 48 | // Variations: 2 code units
 49 | function nextUnits (i, string) {
 50 |   const current = string[i]
 51 |   // If we have variation selector at next position, we can handle it as pair
 52 |   if (isVariationSelector(string[i + 1])) {
 53 |     return 2
 54 |   }
 55 | 
 56 |   // If we don't have a value that is part of a surrogate pair, or we're at
 57 |   // the end, only take the value at i
 58 |   if (!isFirstOfSurrogatePair(current) || i === string.length - 1) {
 59 |     return 1
 60 |   }
 61 | 
 62 |   const currentPair = current + string[i + 1]
 63 |   let nextPair = string.substring(i + 2, i + 5)
 64 | 
 65 |   // Country flags are comprised of two regional indicator symbols,
 66 |   // each represented by a surrogate pair.
 67 |   // See http://emojipedia.org/flags/
 68 |   // If both pairs are regional indicator symbols, take 4
 69 |   if (isRegionalIndicator(currentPair) && isRegionalIndicator(nextPair)) {
 70 |     return 4
 71 |   }
 72 | 
 73 |   // If the next pair make a Fitzpatrick skin tone
 74 |   // modifier, take 4
 75 |   // See http://emojipedia.org/modifiers/
 76 |   // Technically, only some code points are meant to be
 77 |   // combined with the skin tone modifiers. This function
 78 |   // does not check the current pair to see if it is
 79 |   // one of them.
 80 |   if (isFitzpatrickModifier(nextPair)) {
 81 |     return 4
 82 |   }
 83 | 
 84 |   return 2
 85 | }
 86 | 
 87 | function isFirstOfSurrogatePair (string) {
 88 |   return string && betweenInclusive(string[0].charCodeAt(0), HIGH_SURROGATE_START, HIGH_SURROGATE_END)
 89 | }
 90 | 
 91 | function isRegionalIndicator (string) {
 92 |   return betweenInclusive(codePointFromSurrogatePair(string), REGIONAL_INDICATOR_START, REGIONAL_INDICATOR_END)
 93 | }
 94 | 
 95 | function isFitzpatrickModifier (string) {
 96 |   return betweenInclusive(codePointFromSurrogatePair(string), FITZPATRICK_MODIFIER_START, FITZPATRICK_MODIFIER_END)
 97 | }
 98 | 
 99 | function isVariationSelector (string) {
100 |   return typeof string === 'string' && betweenInclusive(string.charCodeAt(0), VARIATION_MODIFIER_START, VARIATION_MODIFIER_END)
101 | }
102 | 
103 | function isZeroWidthJoiner (string) {
104 |   return typeof string === 'string' && string.charCodeAt(0) === ZWJ
105 | }
106 | 
107 | function codePointFromSurrogatePair (pair) {
108 |   const highOffset = pair.charCodeAt(0) - HIGH_SURROGATE_START
109 |   const lowOffset = pair.charCodeAt(1) - LOW_SURROGATE_START
110 |   return (highOffset << 10) + lowOffset + 0x10000
111 | }
112 | 
113 | function betweenInclusive (value, lower, upper) {
114 |   return value >= lower && value <= upper
115 | }
116 | 
117 | function substring (string, start, width) {
118 |   const chars = runes(string)
119 |   if (start === undefined) {
120 |     return string
121 |   }
122 |   if (start >= chars.length) {
123 |     return ''
124 |   }
125 |   const rest = chars.length - start
126 |   const stringWidth = width === undefined ? rest : width
127 |   let endIndex = start + stringWidth
128 |   if (endIndex > (start + rest)) {
129 |     endIndex = undefined
130 |   }
131 |   return chars.slice(start, endIndex).join('')
132 | }
133 | 
134 | module.exports = runes
135 | module.exports.substr = substring
136 | 


--------------------------------------------------------------------------------