The main purpose is to keep code safe in URL. Even if the service is shutdown, the code stays alive in URL. You don't lose time and efforts to write a code. You can save a code as a bookmark easily.
- Application is hosted only on URL!
- ⚡ Real-time response
- All computation is done on client!
☁️No-server side execution
- Nipp site is static hosted.
- Your code are not sent to the web server
- PWA - Progressive Web Apps
Try on https://nwtgck.github.io/nipp/#Simple_Word_Count//K9YrLsjJLNFQV1DX1CvOrEoFAA==, which counts the number of words!
Then, you can create your own apps!
- Text Length: https://nwtgck.github.io/nipp/#Text_Length//K9YrzqxKBQA=
- Word Count: https://nwtgck.github.io/nipp/#Simple_Word_Count//K9YrLsjJLNFQV1DX1CvOrEoFAA==
- Tetris: https://nwtgck.github.io/nipp/#Tetris/es2017/bU/bSuNQF...
- Summer Wars World Clock: https://nwtgck.github.io/nipp/#/es2017/1Y9va1vJFcZfR59...
- 2048 Game: https://nwtgck.github.io/nipp/#/func_es2017,lzma/XQAAA...
(NOTE: The original source of World Clock is located at https://shimz.me/blog/d3-js/4360. Thank you very much, SHIMIZU-san!)
(NOTE: The original source of 2048 Game is located at gabrielecirulli/2048. Thank you very much, the creators!)
Try on https://nwtgck.github.io/nipp/#Tetris/es2017/bU/bSuNQF... The Tetris program is from an Japanese article - Commentary of Only 565 Bytes Tetris Programming.
Here is a structure of Nipp URL.
<Page Title>is title of your app
<Compressed Code>is code compressed by deflate (no header, no checksum) or LZAM for now and encode it by Base64
<Options> and <
Compressed Code> are under URL fragment
#. This means your code is not send to Nipp web server!
es2017: Use ES2017 (default: Ruby(Opal))
func_es2017: Use ES2017 but evaluated by
eval(), so output is always empty but faster
lzma: Compress code by using LZMA (default: deflate)
click_run: Click to run not real-time evaluation
promise_wait: Wait for Promise evaluation in output
PWA - Progressive Web Apps
Nipp runs even offline! Note that Nipp is available in flight mode
- Promise Example: https://nwtgck.github.io/nipp/#Promise_Example/es2017,...
- Get body by jQuery: https://nwtgck.github.io/nipp/#Get_body_by_jQuery/es20...