brianyang + github-starred-to-pinboard   3949

ultimate-hot-boilerplate: 🚀node-react universal app boilerplate with everything on hot reload, SSR, GraphQL, Flow included
Github repo
Name: ultimate-hot-boilerplate
Tagline: 🚀node-react universal app boilerplate with everything on hot reload, SSR, GraphQL, Flow included
Languages:
JavaScript = 51452 bytes
HTML = 1695 bytes
Makefile = 1112 bytes
Dockerfile = 706 bytes

# ultimate-hot-boilerplate

ultimate-hot-boilerplate for a universal react/node app with server-side-render

[![Build Status](https://travis-ci.org/zhenyulin/ultimate-hot-boilerplate.svg?branch=master)](https://travis-ci.org/zhenyulin/ultimate-hot-boilerplate)
[![Coverage Status](https://coveralls.io/repos/github/zhenyulin/ultimate-hot-boilerplate/badge.svg?branch=master)](https://coveralls.io/github/zhenyulin/ultimate-hot-boilerplate?branch=master)
[![Known Vulnerabilities](https://snyk.io/test/github/zhenyulin/ultimate-hot-boilerplate/badge.svg)](https://snyk.io/test/github/zhenyulin/ultimate-hot-boilerplate)
[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/zhenyulin/ultimate-hot-boilerplate/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/zhenyulin/ultimate-hot-boilerplate/?branch=master)
[![Gitter Chat](https://badges.gitter.im/zhenyulin/ultimate-hot-boilerplate.svg)](https://gitter.im/zhenyulin/ultimate-hot-boilerplate?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

[![Greenkeeper badge](https://badges.greenkeeper.io/zhenyulin/ultimate-hot-boilerplate.svg)](https://greenkeeper.io/)
[![Dependencies](https://david-dm.org/zhenyulin/ultimate-hot-boilerplate.svg)](https://david-dm.org/zhenyulin/ultimate-hot-boilerplate)
[![devDependencies](https://david-dm.org/zhenyulin/ultimate-hot-boilerplate/dev-status.svg)](https://david-dm.org/zhenyulin/ultimate-hot-boilerplate?type=dev)

This boilerplate come with common things you can found in [create-react-app](https://github.com/facebook/create-react-app), while being more progressive in adopting some of the more edgy stacks, such as [styled-components](https://github.com/styled-components/styled-components), [redux-segment](https://github.com/rangle/redux-segment), [graphql](https://github.com/graphql/graphql-js), [flow](https://github.com/facebook/flow), [prettier](https://github.com/prettier/prettier), etc.

It can be used as the base of a monolithical app that packs UI and API all together for rapid iterations or products or being split up into micro-services as well.

### Hot Reload Everything 🔥
* Redux reducer hot reloading both client/server side
* React component hot reloading both client/server side
* Styled-components hot reloading both client/server side
* Server-side express routes hot reloading
* React-Router v5 hot reloading both client/server side

### Boost Development Experience 🏎
* Redux DevTools Extension both client/server side
* Redux-Segment Analytics Integration
* GraphQL with nested data example both client/server side
* Path resolve no `..` both client/server side

### Production Ready Quality 🚀
* linting and formatting with Eslint, Prettier, Stylelint
* flexible...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
benchtest: Integrated performance testing for Mocha based unit testing
Github repo
Name: benchtest
Tagline: Integrated performance testing for Mocha based unit testing
Languages:
JavaScript = 25075 bytes
HTML = 536 bytes

# benchtest v1.0.0

Integrated performance testing for Mocha based unit testing.

Benchtest provides performance testing wrapper around the [Mocha](https://mochajs.org/) unit test runner. It can be used as a light weight, but not as powerful, alternative to the stellar [benchmark.js](https://github.com/bestiejs/benchmark.js) library.

Benchtest set-up can be done in as little as three lines of code for [Node](https://nodejs.org/en/) projects.

```
const benchtest = require("benchtest");
afterEach(function () { benchtest.test(this.currentTest); });
after(() => benchtest.run({log:"md"}));

```

Afterwards a Markdown compatible table containing performance results for all successful tests similar to the one below will be printed to the console:

| Name | Ops/Sec | +/- Msec | Sample Size |
| ---------------------------------------- | -------- | -------- | ----------- |
| overhead (time for () => true to run) ## | 20000000 | 0.048 | 100 |
| random sleep done # | 19969098 | 1.7 | 31 |
| random sleep Promise # | 19970873 | 0.77 | 29 |
| no-op (should be at or close to zero) # | 0 | 0.021 | 100 |

In the browser `benchtest` requires just one line of code after loading the library! This `onload` call adds performance testing to all Mocha unit tests.

```
<body onload="benchtest(mocha.run(),{all:true})">
```

The browser results will be augmented like below:

&check; overhead (time for function that does nothing to execute) ## 20000000 sec +/- 0.10 msec 100 samples

&check; random sleep done # 19900000 sec +/- 2.2 msec 100 samples

&check; random sleep Promise # 19857143 sec +/- 2.2 msec 100 samples

&check; no-op (should be at or close to zero based on overhead) # 0 sec +/- 0.10 msec 100 samples

# Installation

npm install benchtest --save-dev

# Usage

## Node

Just add two global Mocha event hooks to include tests to be benchmarked and then run the benchmarks after Mocha has completed unit testing. Benchtest will automatically exclude tests that have failed.

```
const benchtest = require("benchtest");
afterEach(function () { benchtest.test(this.currentTest); });
after(() => benchtest.run());

```

Add a `#` to the end of each unit test name you wish to benchmark, or just pass `all:true` in the options to run.

If there is a point at which you wish to skip all tests except benchmark tests, add this line:

```
beforeEach(function() { if(!benchtest.testable(this.currentTest)) this.currentTest.skip(); })
```

See the API section for options that can be passed to `benchtest.run()`.

## Browser

Load the benchtest code, `benchtest.js` located in the module `browser` subdirectory using a `script` tag. Assuming your testing is occuring from subdirectory of your project root it should look something like this:

```
<script src="../node_modules/browser/benchtest.js"...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
computer-science-in-javascript: Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript.
Github repo
Name: computer-science-in-javascript
Tagline: Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript.
Homepage: http://www.nczonline.net/
Languages:
JavaScript = 57354 bytes
HTML = 40018 bytes

Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript. All of the code is available under an MIT License.

Each example has an associated blog post:

Base64 Encoding
http://www.nczonline.net/blog/2009/12/08/computer-science-in-javascript-base64-encoding/

Binary Search
http://www.nczonline.net/blog/2009/09/01/computer-science-in-javascript-binary-search/

Binary Search Tree
http://www.nczonline.net/blog/2009/06/09/computer-science-in-javascript-binary-search-tree-part-1/
http://www.nczonline.net/blog/2009/06/16/computer-science-in-javascript-binary-search-tree-part-2/

Bubble Sort
http://www.nczonline.net/blog/2009/05/26/computer-science-in-javascript-bubble-sort/

Credit Card Number Validation
http://www.nczonline.net/blog/2009/08/04/computer-science-in-javascript-credit-card-number-validation/

Doubly Linked List
http://www.nczonline.net/blog/2009/04/21/computer-science-in-javascript-doubly-linked-lists/

Linked List
http://www.nczonline.net/blog/2009/04/13/computer-science-in-javascript-linked-list/

Selection Sort
http://www.nczonline.net/blog/2009/09/08/computer-science-in-javascript-selection-sort/

Please note: Since this is the repository that goes along with my blog post series, only pull requests for bugs are accepted.
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
awesome-travis: Crowd-sourced list of Travis CI hooks/scripts etc to level up your .travis.yml file
Github repo
Name: awesome-travis
Tagline: Crowd-sourced list of Travis CI hooks/scripts etc to level up your .travis.yml file
Languages:
Shell = 17194 bytes

# awesome-travis

Crowd-sourced list of [Travis CI](https://travis-ci.org) hooks/scripts etc to level up your `.travis.yml` file

## Notifications

### Slack

``` bash
travis encrypt "$SLACK_SUBDOMAIN:$SLACK_TRAVIS_TOKEN#updates" --add notifications.slack
```

### Email

``` bash
travis encrypt "$TRAVIS_NOTIFICATION_EMAIL" --add notifications.email.recipients
```

## Node.js

### Complete Node.js Version Matrix

Complete configuration for the different [node.js versions](https://github.com/nodejs/LTS) one may need to support. With legacy versions allowed to fail.

``` yaml
# https://github.com/bevry/awesome-travis
# https://github.com/nodejs/LTS
sudo: false
language: node_js
node_js:
- "0.8" # end of life
- "0.10" # end of life
- "0.12" # end of life
- "4" # maintenance lts
- "6" # active lts
- "8" # active lts
- "9" # current
matrix:
fast_finish: true
allow_failures:
- node_js: "0.8"
- node_js: "0.10"
- node_js: "0.12"
cache:
directories:
- $HOME/.npm # npm's cache
- $HOME/.yarn-cache # yarn's cache
```

## Scripts

The [`scripts` directory](https://github.com/bevry/awesome-travis/tree/master/scripts) contains scripts you can use.

### Tips

The scripts in this repository are their own files, which the latest are fetched. E.g.

``` yaml
install:
- eval "$(curl -fsSL https://raw.githubusercontent.com/bevry/awesome-travis/master/scripts/node-install.bash)"
```

You probably want to change the `master` to the the current commit hash. For instance:

``` yaml
install:
- eval "$(curl -fsSL https://raw.githubusercontent.com/bevry/awesome-travis/some-commit-hash-instead/scripts/node-install.bash)"
```

Or you could even download it into a `.travis` folder for local use instead:

``` bash
mkdir -p ./.travis
wget https://raw.githubusercontent.com/bevry/awesome-travis/master/scripts/node-install.bash ./.travis/node-install.bash
chmod +x ./.travis/node-install.bash
```

``` yaml
install:
- ./.travis/node-install.bash
```

## Generators

- [`bevry/based`](https://github.com/bevry/based) generates your project, including your `.travis.yml` file, using this awesome list

## Contribution

Send pull requests for your scripts and config nifties! Will be awesome!

Although, avoid changing header titles and file names, as people may reference them when they use parts.

## License

Public Domain via The Unlicense
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
setup-prettier
Github repo
Name: setup-prettier
Tagline:
Languages:
JavaScript = 335 bytes

# setup-prettier

Just an example of how to setup prettier in your project
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
tippyjs: Highly customizable vanilla JS tooltip/popover library
Github repo
Name: tippyjs
Tagline: Highly customizable vanilla JS tooltip/popover library
Homepage: https://atomiks.github.io/tippyjs/
Languages:
JavaScript = 121645 bytes
CSS = 24011 bytes
HTML = 7808 bytes

# Tippy.js

[![Build Status](https://travis-ci.org/atomiks/tippyjs.svg?branch=master)](https://travis-ci.org/atomiks/tippyjs)
[![npm Downloads](https://img.shields.io/npm/dt/tippy.js.svg)](https://www.npmjs.com/package/tippy.js)
![gzip Size](http://img.badgesize.io/https://unpkg.com/tippy.js/dist/tippy.all.min.js?compression=gzip&label=gzip%20size)
[![CDNJS](https://img.shields.io/cdnjs/v/tippy.js.svg)](https://cdnjs.com/libraries/tippy.js)

Tippy.js is a highly customizable vanilla JS tooltip/popover library powered by Popper.js.

## Demo and documentation

https://atomiks.github.io/tippyjs/

## Installation

```
npm install tippy.js
```

CDN: https://unpkg.com/tippy.js/dist/

## Basic usage

#### 1. Give elements a `title` attribute containing the tooltip content.

```html
<button title="Tooltip">Text</button>
<button title="Another tooltip">Text</button>
```

#### 2. Include the `tippy.all.min.js` script in your document, which automatically injects Tippy's CSS into `head`.

Use the full version link! Visit the link in `src` below to get the latest version.

```html
<script src="https://unpkg.com/tippy.js/dist/tippy.all.min.js"></script>
```

#### 3. Now call `tippy()` with a CSS selector to give them a nice tooltip!

```html
<script>
tippy('button')
</script>
```

#### Basic example

```html
<!DOCTYPE html>
<html>
<head><title>Tippy Example</title></head>
<body>
<!-- Elements with `title` attributes -->
<button title="Tooltip">Text</button>
<button title="Another tooltip">Text</button>

<!-- Include Tippy -->
<script src="https://unpkg.com/tippy.js/dist/tippy.all.min.js"></script>
<!-- Initialize tooltips by calling the `tippy` function with a CSS selector -->
<script>
tippy('button')
</script>
</body>
</html>
```

View the [docs](https://atomiks.github.io/tippyjs/) for details on all of the options you can supply to customize tooltips to suit your needs.

## API

`tippy(reference [, options]) => collection object`

`tippy.one(reference [, options]) => Tippy instance` (v2.5+)

`reference` can be:

- CSS selector string
- DOM element (`HTMLElement`, `SVGElement`)
- Array of DOM elements
- `NodeList`
- `Object` (virtual reference)

### Options

```js
tippy(reference, {
// Available v2.3+ - If true, HTML can be injected in the title attribute
allowTitleHTML: true,

// If true, the tooltip's background fill will be animated (material effect)
animateFill: true,

// The type of animation to use
animation: 'shift-away', // 'shift-toward', 'fade', 'scale', 'perspective'

// Which element to append the tooltip to
appendTo: document.body, //...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
cssnano: A modular minifier, built on top of the PostCSS ecosystem.
Github repo
Name: cssnano
Tagline: A modular minifier, built on top of the PostCSS ecosystem.
Homepage: https://cssnano.co
Languages:
CSS = 4628414 bytes
JavaScript = 522995 bytes

<h1 align="center">
<br>
<img width="360" src="https://rawgit.com/cssnano/cssnano/master/media/logo.svg" alt="cssnano">
<br>
<br>
<br>
</h1>

> A modular minifier, built on top of the [PostCSS](https://github.com/postcss/postcss) ecosystem.

[![NPM version](https://img.shields.io/npm/v/cssnano.svg)](https://www.npmjs.org/package/cssnano)
[![Build Status](https://travis-ci.org/cssnano/cssnano.svg?branch=master)](https://travis-ci.org/cssnano/cssnano)
[![Build status](https://ci.appveyor.com/api/projects/status/t1chyvhobtju7jy8/branch/master?svg=true)](https://ci.appveyor.com/project/cssnano/cssnano/branch/master)
[![Coverage Status](https://coveralls.io/repos/github/cssnano/cssnano/badge.svg?branch=master)](https://coveralls.io/github/cssnano/cssnano?branch=master)
[![Gitter](https://img.shields.io/badge/Gitter-Join_the_PostCSS_chat-brightgreen.svg)](https://gitter.im/postcss/postcss)

cssnano is a modern, modular compression tool written on top of the PostCSS
ecosystem, which allows us to use a lot of powerful features in order to compact
CSS appropriately.

Our preset system allow you to load cssnano in a different configuration
depending on your needs; the default preset performs safe transforms, whereas
the advanced preset performs more aggressive transforms that are safe only when
your site meets the requirements; but regardless of the preset you choose, we
handle more than whitespace transforms!

Optimisations range from compressing colors & removing comments, to discarding
overridden at-rules, normalising `unicode-range` descriptors, even mangling
gradient parameters for a smaller output value! In addition, where it's made
sense for a transform, we've added [Browserslist](https://github.com/ai/browserslist)
to provide different output depending on the browsers that you support.

For further details check out the [website](http://cssnano.co/):

* [Installation guide for your build process](http://cssnano.co/guides/getting-started).
* [Full list of optimisations](http://cssnano.co/optimisations/).

You can now [try cssnano online](https://runkit.com/npm/cssnano) via Runkit!

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md).

## License

MIT © [Ben Briggs](http://beneb.info)
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
DabBot: The bot Discord wants and needs.
Github repo
Name: DabBot
Tagline: The bot Discord wants and needs.
Languages:
JavaScript = 6091 bytes

# DabBot
> The bot Discord wants and needs.

![DabBot congratulates a dabber](https://github.com/ethanent/DabBot/blob/master/media/img4.png?raw=true)

## Add DabBot to your server

[Click here to add DabBot to your server!](https://discordapp.com/api/oauth2/authorize?client_id=468617622867410944&permissions=8&redirect_uri=https%3A%2F%2Fethanent.me&scope=bot)

![DabBot leaderboards](https://github.com/ethanent/DabBot/blob/master/media/img1.png?raw=true)

## Command(s)

### `!leaderboards`

Shows the DabBot leaderboards! (The dabbing legends)

### `!dabs`

Tells how many times you've dabbed.

![DabBot congratulates a dabber](https://github.com/ethanent/DabBot/blob/master/media/img3.png?raw=true)

### `!about`

Gives information about DabBot.

![DabBot congratulates a dabber](https://github.com/ethanent/DabBot/blob/master/media/img2.png?raw=true)
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
twitter-login-client: Implements a Client-Side flow for login with twitter, similar to one provided by Facebook and Google. To read the Flow of implementing Login with Twitter.
Github repo
Name: twitter-login-client
Tagline: Implements a Client-Side flow for login with twitter, similar to one provided by Facebook and Google. To read the Flow of implementing Login with Twitter.
Homepage: https://dev.twitter.com/web/sign-in/implementing
Languages:
JavaScript = 5323 bytes
HTML = 1117 bytes

# Javascript Client for Login with Twitter

[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![Bower version](https://badge.fury.io/bo/twitter-login-client.svg)](https://badge.fury.io/bo/twitter-login-client)
[![GitHub issues](https://img.shields.io/github/issues/mdemblani/twitter-login-client.svg)](https://github.com/mdemblani/twitter-login-client/issues)
[![GitHub forks](https://img.shields.io/github/forks/mdemblani/twitter-login-client.svg)](https://github.com/mdemblani/twitter-login-client/network)
[![GitHub license](https://img.shields.io/github/license/mdemblani/twitter-login-client.svg)](https://github.com/mdemblani/twitter-login-client/blob/master/LICENSE)

**Implements a Client-Side flow for login with twitter, similar to one provided by Facebook and Google.**
**To read the Flow of implementing Login with Twitter, [Read here](https://dev.twitter.com/web/sign-in/implementing)**

Installation:
============

* Clone as a Git repository
```sh
git clone https://github.com/mdemblani/twitter-login-client.git
```
* Install as a node_module
```sh
npm i twitter-login-client --save

OR

npm install twitter-login-client --save
```
* Install as Bower Component
```sh
bower install <package> --save
```

Getting Started:
===============

1. To Include the Script, add the following:
```html
<script src="link to twitter-client code"></script>
```

2. The following snippet is used to initalize the twitter-client library
```js
window.twitterInit = = function () {
twttr.init({
api_key: 'TWITTER_CLIENT_ID',
request_url: 'REQUEST-TOKEN-ENDPOINT'
});
};
```

* `api_key`: Your twitter consumer id
* `request_url`: This is an endpoint in your application, that twitter-client.js would call, to receive a request_token that your application generated when communicating with twitter. The twitter-client depends on the response it receives from the application for request_token. This endpoint should implement STEP 1 in Login with Twitter.
The response should have the following:
- `success`: *[Boolean]* : True on Success, False on Failure
- `oauth_token`: *[String]* : REQUEST_TOKEN received from twitter
- `message`: *[String]* : If success is False, then contains a error message indicating the error, ignored when success is true.

Note: The following tokens are mutually exclusive
a. `message`
b. `oauth_token`

3. Create a file, that would be retrvied when Twitter would...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
eslint-import-resolver-react-native: eslint-plugin-import resolver for react-native that tries to resolve .ios.js and .android.js imports
Github repo
Name: eslint-import-resolver-react-native
Tagline: eslint-plugin-import resolver for react-native that tries to resolve .ios.js and .android.js imports
Languages:
JavaScript = 6765 bytes

# eslint-import-resolver-react-native
eslint-plugin-import resolver for react-native that tries to resolve .ios.js and .android.js if import is not resolved, and also checks for @image extensions

Ex:
- table.ios.js
- table.ios.gif
- table@3.5x.gif
- table@3.5x.ios.gif

##Install

```
npm i eslint-import-resolver-react-native --save-dev

```

## .eslintrc

```
{
...
settings: {
"import/resolver": "react-native"
}
...
}
```

## Options

platform: 'both' || 'ios' || 'android' || 'any'
default = 'both'

'both' - .ios and .android file needs to be present to resolve
'any' - .ios and/or .android file needs to be present to resolve
'ios' - only looks for .ios files
'android' - only looks for .android files
```
{
...
settings: {
"import/resolver": {
"react-native": {platform: 'ios'}
}
}
...
}
```
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
aws-mobile-appsync-sdk-js: JavaScript library files for Offline, Sync, Sigv4. includes support for React Native
Github repo
Name: aws-mobile-appsync-sdk-js
Tagline: JavaScript library files for Offline, Sync, Sigv4. includes support for React Native
Languages:
TypeScript = 60979 bytes

![AWS AppSync](https://s3.amazonaws.com/aws-mobile-hub-images/awsappsyncgithub.png)

## [AWS AppSync](https://aws.amazon.com/appsync/) JavaScript SDK

This SDK can be used with the Apollo JavaScript client found [here](https://github.com/apollographql/apollo-client).

[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)
![npm](https://img.shields.io/npm/dm/aws-appsync.svg)

package | version
--- | ---
aws-appsync | ![npm](https://img.shields.io/npm/v/aws-appsync.svg)
aws-appsync-react | ![npm](https://img.shields.io/npm/v/aws-appsync-react.svg)

## Installation
#### npm

```
npm install --save aws-appsync
```

#### yarn

```
yarn add aws-appsync
```

## Usage

### React / React Native

For more documentation on `graphql` operations performed by React Apollo click [here](https://www.apollographql.com/docs/react/api/react-apollo.html#graphql).

#### Creating a client

```js
import AWSAppSyncClient from 'aws-appsync'
import AppSyncConfig from './aws-exports'
import { ApolloProvider } from 'react-apollo'
import { Rehydrated } from 'aws-appsync-react' // this needs to also be installed when working with React

import App from './App'

const client = new AWSAppSyncClient({
url: AppSyncConfig.graphqlEndpoint,
region: AppSyncConfig.region,
auth: {
type: AppSyncConfig.authenticationType,
apiKey: AppSyncConfig.apiKey,
// jwtToken: async () => token, // Required when you use Cognito UserPools OR OpenID Connect. token object is obtained previously
}
})

const WithProvider = () => (
<ApolloProvider client={client}>
<Rehydrated>
<App />
</Rehydrated>
</ApolloProvider>
)

export default WithProvider
```

#### Queries

```js
import gql from 'graphql-tag'
import { graphql } from 'react-apollo'

const listPosts = gql`
query listPosts {
listPosts {
items {
id
name
}
}
}
`
class App extends Component {
// component you are connecting
// data will be available as this.props.posts
}

export default graphql(listPosts, {
props: props => ({
posts: props.data.listPosts && props.data.listPosts.items
})
})(App)

```

#### Mutations

```js
import gql from 'graphql-tag'
import { graphql } from 'react-apollo'

const createPost = gql`
mutation createPost($id: ID!, $name: String!) {
createPost(input: {
id: $id
name: $name
}) {
id
}
}
`

class App extends Component {
// component you are connecting
// onAdd function will be available as this.props.onAdd
// add new item -> this.props.onAdd({ id: 0, name: 'Get Groceries' })
}

export default graphql(createPost, {
props:...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
jasper: Jasper - A flexible and powerful issue reader for GitHub
Github repo
Name: jasper
Tagline: Jasper - A flexible and powerful issue reader for GitHub
Homepage: https://jasperapp.io
Languages:
JavaScript = 304798 bytes
CSS = 61032 bytes
HTML = 38294 bytes
Shell = 12108 bytes

# Jasper
A flexible and powerful issue reader for GitHub

- https://jasperapp.io/
- https://electron.atom.io/blog/2017/03/21/jasper

![](https://jasperapp.io/image/ss.png)

You will be able to read, track and discover many active issues very flexibly by using Jasper in GitHub. It is enabled by a powerful function called "stream" of Jasper.

example `org:electron is:issue label:bug`
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
fast-check: Property based testing framework for JavaScript (like QuickCheck) written in TypeScript
Github repo
Name: fast-check
Tagline: Property based testing framework for JavaScript (like QuickCheck) written in TypeScript
Languages:
TypeScript = 312465 bytes
JavaScript = 11820 bytes
Shell = 899 bytes

<h3 align="center">
<img align="center" src="https://raw.githubusercontent.com/dubzzz/fast-check/master/logo.png" alt="fast-check logo" />
</h3>

<p align="center">
Property based testing framework for JavaScript/TypeScript
</p>

<p align="center">
<a href="https://travis-ci.org/dubzzz/fast-check"><img src="https://travis-ci.org/dubzzz/fast-check.svg?branch=master" alt="Build Status" /></a>
<a href="https://badge.fury.io/js/fast-check"><img src="https://badge.fury.io/js/fast-check.svg" alt="npm version" /></a>
<a href="https://www.npmjs.com/package/fast-check"><img src="https://img.shields.io/npm/dt/fast-check.svg" alt="total downloads" /></a>
</p>
<p align="center">
<a href="https://coveralls.io/github/dubzzz/fast-check"><img src="https://coveralls.io/repos/github/dubzzz/fast-check/badge.svg" alt="Coverage Status" /></a>
<a href="https://codeclimate.com/github/dubzzz/fast-check/maintainability"><img src="https://api.codeclimate.com/v1/badges/7cb8cb395740446a3108/maintainability" alt="Maintainability" /></a>
<a href="https://david-dm.org/dubzzz/fast-check"><img src="https://david-dm.org/dubzzz/fast-check/status.svg" alt="dependencies Status" /></a>
<a href="https://david-dm.org/dubzzz/fast-check?type=dev"><img src="https://david-dm.org/dubzzz/fast-check/dev-status.svg" alt="devDependencies Status" /></a>
</p>

## Getting started

Hands-on tutorial and definition of Property Based Testing: [:checkered_flag: see tutorial](https://github.com/dubzzz/fast-check/blob/master/documentation/HandsOnPropertyBased.md).

Property based testing frameworks check the truthfulness of properties. A property is a statement like: *for all (x, y, ...) such as precondition(x, y, ...) holds property(x, y, ...) is true*.

Install the module with: `npm install fast-check --save-dev`

Example of integration in [mocha](http://mochajs.org/):

```js
const fc = require('fast-check');

// Code under test
const contains = (text, pattern) => text.indexOf(pattern) >= 0;

// Properties
describe('properties', () => {
// string text always contains itself
it('should always contain itself', () => {
fc.assert(fc.property(fc.string(), text => contains(text, text)));
});
// string a + b + c always contains b, whatever the values of a, b and c
it('should always contain its substrings', () => {
fc.assert(fc.property(fc.string(), fc.string(), fc.string(), (a,b,c) => contains(a+b+c, b)));
});
});
```

In case of failure, the test...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
tonic: A minimalist component library inspired by React.js
Github repo
Name: tonic
Tagline: A minimalist component library inspired by React.js
Homepage: https://hxoht.github.io/tonic/
Languages:
JavaScript = 7063 bytes

# SYNOPSIS
A minimalist [composable component][A] inspired by React.

# GOALS
- Quickly read and understand the whole codebase; `~100` lines.
- React-like component composition.
- One-way binding; pipe data though connected components.
- Single source event dispatch; no event rebinding needed.
- Routing agnostic (not all UIs are intended to run in a browser).
- Server and client side rendering.

# NON-GOALS
- When re-rendering performance is *truly* important, a virtual dom is
not the right tool. In these cases you should either A. update some
specific dom nodes directly or B. use a graphics/animation engine. The
one-way-everywhere approach might make some code easy to reason about,
but it ends up being a performance compromise with added complexity.
- JSX
- Magic

# USAGE
Install using npm, yarn, etc.

```bash
npm install hxoht/tonic
```

Import the component constructor.

```js
const Tonic = require('tonic')
```

An (incomplete) example.

```js
class Box extends Tonic {
//
// You can listen to any dom event by creating a method with
// the corresponding name. The method will receive the plain
// old Javascript event object.
//
mouseover (e) {
e.target.style.backgroundColor = '#aaa'
}

//
// You can test if the element that was clicked matches a
// selector by using the Tonic.match() method.
//
mouseout (e) {
if (!Tonic.match(e.target, '.box')) return

e.target.style.backgroundColor = '#fff'
}

//
// Render must return one root element (which can contain as
// many elements as you want). The root must have ${this.id}
// if you want to listen to dom or lifecycle events.
//
render (props) {
return `
<div ${this.id} class="box">
Box (${props.n})
</div>
`
}
}

const box = new Box()
```

A component that will contain the `box` component.

```js
class BoxContainer extends Tonic {
//
// A constructor is not required.
//
constructor (props) {
super(props)

//
// One way of adding styles (check the render function
// for how it's used). Since it's just a string it could
// be rendered into a style tag and could even be read-in
// from a separate file.
//
this.style = `
border: 1px solid blue;
height: 200px;
width: 200px;
`
}

//
// The mount event is fired once the root element is attached
// to the dom.
//
mount (el) {
console.log('mounted!')
}

click (e) {
//
// Set state on a component instance or on this instance,
// .setProps() will cause a downward cascade of re-rendering.
//
box.setProps({ n: someRandomNumber })
}

//
// Render will return a string. It can be an async function,
// if it is, it can be awaited (don't forget to await attach
// or insert).
//
render (props) {
return `
<div ${this.id} style="${this.style}">
Box Container...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
react-ugent: A headless React Component to conditionally render based on browser, device and OS.
Github repo
Name: react-ugent
Tagline: A headless React Component to conditionally render based on browser, device and OS.
Languages:
JavaScript = 2817 bytes

# React Ugent

> A headless React Component to conditionally render based on browser, device and OS. Built with [ua-parser-js](https://github.com/faisalman/ua-parser-js#methods).

## Table of Contents

- [React Ugent](#react-ugent)
- [Table of Contents](#table-of-contents)
- [Installation](#installation)
- [Usage](#usage)
- [`<Ugent>` Props](#ugent-props)
- [browser](#browser)
- [device](#device)
- [os](#os)
- [`children` Render Props](#children-render-props)
- [parsedUserAgent](#parseduseragent)
- [userAgent](#useragent)
- [Special Thanks](#special-thanks)
- [License](#license)

## Installation

```
npm install react-ugent --save
```

or install with [Yarn](https://yarnpkg.com) if you prefer:

```
yarn add react-ugent
```

## Usage

```js
import React from 'react';
import Ugent from 'react-ugent';

export default () => (
<div>
<Ugent browser="chrome">
<div>
This text only shows on Chrome
</div>
</Ugent>
<Ugent browser="chrome">
{({ userAgent }) =>
<div>
This text only shows on Chrome. User agent: {userAgent}
</div>
}
</Ugent>
<Ugent browser="chrome" device="mobile">
<div>
This text only shows on Chrome on mobile devices
</div>
</Ugent>
<Ugent browser="safari" os="ios">
<div>
This text only shows on Safari on iOS.
</div>
</Ugent>
<Ugent browser="ie" os="windows">
<div>
This text only shows on IE on Windows.
</div>
</Ugent>
</div>
);
```

## `<Ugent>` Props

### browser

> `string` | Optional

Render the child for a given browser.

Available browsers are:

```
chrome, chromium, edge, firefox, ie, lynx, safari, opera
```
View all the available browser values [here](https://github.com/faisalman/ua-parser-js#methods)

### device

> `string` | Optional

Render the child for a given device.

Available devices are:

```
console, computer, mobile, tablet, smarttv, wearable, embedded
```

### os

> `string` | Optional

Render the child for a given OS.

Available OS are:

```
android, blackberry, chromium os, debian, ios, linux, mac os, ubuntu, unix, windows
```
View all the available OS values [here](https://github.com/faisalman/ua-parser-js#methods)

### `children` Render Props

#### parsedUserAgent

> `Object({ browser: { name, version }, device: { model, type, vendor }, os: { name, version } })`

#### userAgent

> `string`

## Special Thanks

- [ua-parser-js](https://github.com/faisalman/ua-parser-js#methods)

## License

MIT © [Medipass Solutions Pty....
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component.
Github repo
Name: markdown-to-jsx
Tagline: 🏭 The most lightweight, customizable React markdown component.
Homepage: https://probablyup.github.io/markdown-to-jsx/
Languages:
JavaScript = 102993 bytes

# markdown-to-jsx

The most lightweight, customizable React markdown component.

[![npm version](https://badge.fury.io/js/markdown-to-jsx.svg)](https://badge.fury.io/js/markdown-to-jsx) [![build status](https://api.travis-ci.org/probablyup/markdown-to-jsx.svg)](https://travis-ci.org/probablyup/markdown-to-jsx) [![codecov](https://codecov.io/gh/probablyup/markdown-to-jsx/branch/master/graph/badge.svg)](https://codecov.io/gh/probablyup/markdown-to-jsx) [![downloads](https://img.shields.io/npm/dm/markdown-to-jsx.svg)](https://npm-stat.com/charts.html?package=markdown-to-jsx)

<!-- TOC -->

- [Installation](#installation)
- [Usage](#usage)
- [Parsing Options](#parsing-options)
- [options.forceBlock](#optionsforceblock)
- [options.forceInline](#optionsforceinline)
- [options.overrides - Override Any HTML Tag's Representation](#optionsoverrides---override-any-html-tags-representation)
- [options.overrides - Rendering Arbitrary React Components](#optionsoverrides---rendering-arbitrary-react-components)
- [options.createElement - Custom React.createElement behavior](#optionscreateelement---custom-reactcreateelement-behavior)
- [Getting the smallest possible bundle size](#getting-the-smallest-possible-bundle-size)
- [Usage with Preact](#usage-with-preact)
- [Gotchas](#gotchas)
- [Significant indentation inside arbitrary HTML](#significant-indentation-inside-arbitrary-html)
- [Code blocks](#code-blocks)
- [Nested lists](#nested-lists)
- [Using The Compiler Directly](#using-the-compiler-directly)
- [Changelog](#changelog)
- [Donate](#donate)

<!-- /TOC -->

---

`markdown-to-jsx` uses a heavily-modified fork of [simple-markdown](https://github.com/Khan/simple-markdown) as its parsing engine and extends it in a number of ways to make your life easier. Notably, this package offers the following additional benefits:

- Arbitrary HTML is supported and parsed into the appropriate JSX representation
without `dangerouslySetInnerHTML`

- Any HTML tags rendered by the compiler and/or `<Markdown>` component can be overridden to include additional
props or even a different HTML representation entirely.

- GFM task list support.

- Fenced code blocks with [highlight.js](https://highlightjs.org/) support.

All this clocks in at around 5 kB gzipped, which is a fraction of the size of most other React markdown components.

Requires React >= 0.14.

## Installation

Install `markdown-to-jsx` with your favorite package manager.

```shell
npm i markdown-to-jsx
```

## Usage

`markdown-to-jsx` exports a React component by default for easy JSX composition:

ES6-style usage\*:

```jsx
import Markdown from 'markdown-to-jsx';
import React from 'react';
import { render } from 'react-dom';

render(<Markdown># Hello world!</Markdown>,...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
cypress-capybara: Capybara finders re-implemented as custom Cypress commands
Github repo
Name: cypress-capybara
Tagline: Capybara finders re-implemented as custom Cypress commands
Languages:
JavaScript = 7576 bytes

# cypress-capybara

[![CircleCI](https://circleci.com/gh/testdouble/cypress-capybara/tree/master.svg?style=svg)](https://circleci.com/gh/testdouble/cypress-capybara/tree/master)

An abbreviated port of [Capybara](https://github.com/teamcapybara/capybara)'s
finder methods, reimplemented as custom [Cypress](https://cypress.io) commands.

## Installation

```
npm install -D cypress-capybara
```

Then, in your `cypress/support/commands.js` file, add:

```
import 'cypress-capybara/add-commands'
```

## Usage

Here are the commands cypress-capybara implements. As with Capybara proper, they
specify pretty liberal search functions, allowing locators to specify
interactive elements by label, display text, name, id, value, title, and so on
(depending on the element type).

* `cy.findLink(locator, options)` (see:
[`find_link`](https://www.rubydoc.info/github/teamcapybara/capybara/master/Capybara/Node/Finders#find_link-instance_method))
* `cy.findField(locator, options)` (see:
[`find_field`](https://www.rubydoc.info/github/teamcapybara/capybara/master/Capybara/Node/Finders#find_field-instance_method))
* `cy.findButton(locator, options)` (see:
[`find_button`](https://www.rubydoc.info/github/teamcapybara/capybara/master/Capybara/Node/Finders#find_button-instance_method))

To see these in action, check out the library's [test
file](cypress/integration/capybara.spec.js).

## Why haven't you implemented `x` method from Capybara::DSL?

The library will only port functions which can be reasonably deemed as
worthwhile apart from the features provided by Cypress's built-in API–which is
pretty robust, out of the box! Not only do many commands roughly mirror those in
Capybara (e.g. `cy.get()` is essentially the same as `find()` or `all()`,
whereas `visit` is even named the same thing in both libraries), but the
chaining style used for Cypress enables a lot of the sort of operations that
required separate methods, options, and blocks in Capybara.

Want to fill in a field? Just do `findField('Some Label').type('some text')`.
If this library were to implement `fillIn('Some Label', {with: 'some text'})`,
it would simply be redundant and, more importantly, it would prevent users from
using the chaining API to do something like an intermediary `filter()` operation
between finding matching fields and then invoking `type()`.
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
node-ecstatic: A static file server middleware that works with core http, express or on the CLI!
Github repo
Name: node-ecstatic
Tagline: A static file server middleware that works with core http, express or on the CLI!
Homepage: https://github.com/jfhbrook/node-ecstatic
Languages:
JavaScript = 71104 bytes
Shell = 165 bytes
HTML = 102 bytes

# Ecstatic [![build status](https://secure.travis-ci.org/jfhbrook/node-ecstatic.png)](http://travis-ci.org/jfhbrook/node-ecstatic) [![codecov.io](https://codecov.io/github/jfhbrook/node-ecstatic/coverage.svg?branch=master)](https://codecov.io/github/jfhbrook/node-ecstatic?branch=master)

![](http://imgur.com/vhub5.png)

A simple static file server middleware. Use it with a raw http server,
express/connect or on the CLI!

# Examples:

## express 4.x

``` js
'use strict';

const express = require('express');
const ecstatic = require('../lib/ecstatic');
const http = require('http');

const app = express();

app.use(ecstatic({
root: `${__dirname}/public`,
showdir: true,
}));

http.createServer(app).listen(8080);

console.log('Listening on :8080');
```

## stock http server

``` js
'use strict';

const http = require('http');

const ecstatic = require('../lib/ecstatic')({
root: `${__dirname}/public`,
showDir: true,
autoIndex: true,
});

http.createServer(ecstatic).listen(8080);

console.log('Listening on :8080');
```

### fall through
To allow fall through to your custom routes:

```js
ecstatic({ root: __dirname + '/public', handleError: false })
```

## CLI

```sh
ecstatic ./public --port 8080
```

# Install:

For using ecstatic as a library, just npm install it into your project:

```sh
npm install --save ecstatic
```

For using ecstatic as a cli tool, either npm install it globally:

```sh
npm install ecstatic -g
```

or install it locally and use npm runscripts to add it to your $PATH, or
reference it directly with `./node_modules/.bin/ecstatic`.

# API:

## ecstatic(opts);
## $ ecstatic [dir?] {options} --port PORT

In node, pass ecstatic an options hash, and it will return your middleware!

```js
const opts = {
root: path.join(__dirname, 'public'),
baseDir: '/',
autoIndex: true,
showDir: true,
showDotfiles: true,
humanReadable: true,
hidePermissions: false,
si: false,
cache: 'max-age=3600',
cors: false,
gzip: true,
defaultExt: 'html',
handleError: true,
serverHeader: true,
contentType: 'application/octet-stream',
weakEtags: true,
weakCompare: true,
handleOptionsMethod: false,
}
```

If `opts` is a string, the string is assigned to the root folder and all other
options are set to their defaults.

When running in CLI mode, all options work as above, passed in
[optimist](https://github.com/substack/node-optimist) style. `port` defaults to
`8000`. If a `dir` or `--root dir` argument is not passed, ecsatic will
serve the current dir. Ecstatic also respects the PORT environment...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
codelabs-nodejs
Github repo
Name: codelabs-nodejs
Tagline:
Homepage: https://codelabs.developers.google.com/?cat=Assistant
Languages:
JavaScript = 5643 bytes

# Actions on Google: Codelabs

These samples serve as the completed source code for
[Actions on Google codelabs](https://codelabs.developers.google.com/?cat=Assistant).
The `level1-complete` directory should be used as a reference for the
Level 1 codelab, and as a starting point for the Level 2 codelab. The
`level2-complete` directory can be used as a reference for the Level 2 codelab.

## Setup Instructions

For detailed instructions on using this code, refer to the
[Actions on Google codelabs](https://codelabs.developers.google.com/?cat=Assistant),
Level 1 and 2. Below are steps to deploy the code for either directory
(i.e. `level1-complete` or `level2-complete`).

### Steps

1. Use the [Actions on Google Console](https://console.actions.google.com) to add a new project with a name of your choosing and click *Create Project*.
1. Click *Skip*, located on the top right to skip over category selection menu.
1. On the left navigation menu under *BUILD*, click on *Actions*. Click on *Add Your First Action* and choose your app's language(s).
1. Select *Custom intent*, click *BUILD*. This will open a Dialogflow console. Click *CREATE*.
1. Click on the gear icon to see the project settings.
1. Select *Export and Import*.
1. Select *Restore from zip*. Follow the directions to restore from the `codelab-level-<one/two>.zip` file in this repo.
1. Deploy the fulfillment webhook provided in the `functions` folder using [Google Cloud Functions for Firebase](https://firebase.google.com/docs/functions/):
1. Follow the instructions to [set up and initialize Firebase SDK for Cloud Functions](https://firebase.google.com/docs/functions/get-started#set_up_and_initialize_functions_sdk). Make sure to select the project that you have previously generated in the Actions on Google Console and to reply `N` when asked to overwrite existing files by the Firebase CLI.
1. Run `firebase deploy --only functions` and take note of the endpoint where the fulfillment webhook has been published. It should look like `Function URL : https://${REGION}-${PROJECT}.cloudfunctions.net/dialogflowFirebaseFulfillment`. If the Function URL doesn't show, you can always check at the [Firebase console](https://console.firebase.google.com/).
1. Go back to the Dialogflow console and select *Fulfillment* from the left navigation menu. Enable *Webhook*, set the value of *URL* to the `Function URL` from the previous step, then click *Save*.
1. Select *Integrations* from the left navigation menu and open the *Integration Settings* menu for Actions on Google.
1. Enable *Auto-preview changes* and Click *Test*. This will open the Actions on Google simulator.
1. Type `Talk to my test app` in the simulator, or say `OK Google, talk to my test app` to any Actions on Google enabled device signed into your developer account.

For more detailed information on deployment, see the [documentation](https://developers.google.com/actions/dialogflow/deploy-fulfillment).

## References and How to report bugs
* Actions on Google documentation: [https://developers.google.com/actions/](https://developers.google.com/actions/).
* If you find any issues, please open a bug here on GitHub.
* Questions are answered on...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
react-woodworm: Spread your state like a woodworm - down the tree
Github repo
Name: react-woodworm
Tagline: Spread your state like a woodworm - down the tree
Languages:
JavaScript = 5032 bytes

# react-woodworm

Just like a woodworm, react-woodworm is super lightweight at **only 0.9kb gzipped**.<br>
It uses React's new context feature and therefore requires React 16.3 or higher.

<img alt="TravisCI" src="https://travis-ci.org/rofrischmann/react-woodworm.svg?branch=master"> <a href="https://codeclimate.com/github/rofrischmann/react-woodworm/coverage"><img alt="Test Coverage" src="https://codeclimate.com/github/rofrischmann/react-woodworm/badges/coverage.svg"></a> <img alt="npm downloads" src="https://img.shields.io/npm/dm/react-woodworm.svg"> <img alt="gzipped size" src="https://img.shields.io/badge/gzipped-0.9kb-brightgreen.svg"> <img alt="npm version" src="https://badge.fury.io/js/react-woodworm.svg">

## Support Me
If you're using [Robin Frischmann](https://rofrischmann.de)'s packages, please consider supporting his [Open Source Work](https://github.com/rofrischmann) on [**Patreon**](https://www.patreon.com/rofrischmann).

## Installation
```sh
# yarn
yarn add react-woodworm

# npm
npm i --save react-woodworm
```
> **Caution**: It requires `^react@16.3.0` to be present.

## Why
Within React applications, I frequently want to share and update some state without having to pass it down the whole component tree.<br>
Usually you would go with something like Redux, but I dislike the idea to use Redux for small things like showing/hiding a modal. In general, I prefer using Redux **only** for business logic.<br>
With React's new context API, we get an encapsulated way to share state throughout the whole component tree without having to pass it down and since React 16.3 it even ships a lightweight render-props based component API instead of `contextTypes`, `childContextTypes` and `getChildContext`.

## How
Every time we create a store using react-woodworm, it internally uses React's `createContext` API to create a Consumer and Provider component. The Provider is then wrapped with a custom Provider component to automatically bind every `action` to its own `setState`.

## Caveats
Right now, every Provider creates its own store. Therefore you cannot use it in multiple places to share the same state. In order to achieve that, you would have to wrap your root component to use it everywhere.

## API

### createStore

Creates a new Provider-Consumer pair given some actions and a state model.<br>
It takes a single options object as parameter that can be configured as described below.

#### Options
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| actions | *(Object?)* | `{}` | *(optional)* a map of actions to modify the state. They key reflects the action name while the value is a reducer with the following signatur `(prevState, payload) => newState` |
| model | *(any?)* | | *(optional)* The initial state shape |

#### Returns
An object containing both the `Provider` and the `Consumer` components.

### Provider

The Provider component that must wrap all inner Consumer in order to correctly pass and update the state.<br>
It doesn't take any props and only renders its...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
awestruct: Library for reading binary Buffer structures into objects in Node.js
Github repo
Name: awestruct
Tagline: Library for reading binary Buffer structures into objects in Node.js
Languages:
JavaScript = 25400 bytes

# awestruct

Library for reading complex binary Buffer structures into objects in Node.js

[![NPM](https://nodei.co/npm/awestruct.png?compact=true)](https://nodei.co/npm/awestruct)

## Usage Example

```js
const Struct = require('awestruct')
const t = Struct.types

// https://github.com/goto-bus-stop/genie-slp/
const slpHeader = Struct([
['version', t.string(4)],
['numFrames', t.int32],
['comment', t.string(24)],

['frames', t.array('numFrames', Struct([
['cmdTableOffset', t.uint32],
['outlineTableOffset', t.uint32],
['paletteOffset', t.uint32],
['properties', t.uint32],

['width', t.int32],
['height', t.int32],
['hotspot', Struct([
['x', t.int32],
['y', t.int32]
])]
]))]
])

const headerContents = slpHeader(slpBuffer) // → { version: '1.00', ... }
```

## API

### Struct(descriptor)

Creates a new `Struct` function that reads from `Buffer`s according to the described format.

`descriptor` is a Struct Descriptor. For example:

```js
var buffer = Buffer.from([ 0x10, 0x20, 0x30 ])
var t = Struct.types
var struct = Struct([
['a', t.uint16],
['b', t.uint8]
])

struct(buffer) //→ { a: 8208, b: 48 }
```

A struct descriptor is an array of fields. A field can either be an array with two elements, `[name, type]`, or an unnamed raw `type`.
Unnamed types are useful if there is some padding you need to skip.

If an unnamed type reads another struct, it is merged into the current one. For example:

```js
var struct = Struct([
['needToReadThing', t.int8],
t.skip(3), // padding
t.if('needToReadThing', Struct([
['value1', t.int8],
['value2', t.int8],
]))
])
```

Now, if the `buffer`'s first byte is zero, `struct(buffer)` will return an object like:

```js
{ needToReadThing: 0 }
```

But if it is nonzero, `struct(buffer)` will return an object of this shape:

```js
{
needToReadThing: 1,
value1: 43,
value2: 76
}
```

#### struct(buffer, ?parent)

Instances of `Struct()` can be called directly to read data from buffers. The first parameter is the
Buffer you want to use. The second (optional) parameter is a parent object for the struct, as shown in [Value Paths](#valuepaths).

#### struct.decode(buffer)

`abstract-encoding` compatible.

#### struct.encode(value[, buffer]\[, start = 0])

Encode `value` into a `buffer`. Start writing at offset `start`. If no `buffer` is given, awestruct allocates one.
`abstract-encoding` compatible.

#### struct.encodingLength(value)

Return the size in bytes that would be necessary to encode `value`.
`abstract-encoding` compatible.

### Custom types: Struct.Type(type)

Creates a Struct type object. `type` is an...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
node-stream-throttle: A rate limiter for node.js streams.
Github repo
Name: node-stream-throttle
Tagline: A rate limiter for node.js streams.
Languages:
JavaScript = 5568 bytes

# stream-throttle #

A rate limiter for Node.js streams.

## API usage

This module exports two classes, `Throttle` and `ThrottleGroup`.

`Throttle` creates a single throttled stream, based on `stream.Transform`. It accepts an `opts` parameter with the following keys:

* `opts.rate` is the throttling rate, in bytes per second.
* `opts.chunksize` (optional) is the maximum chunk size into which larger writes are decomposed; the default is `opts.rate`/10.

The `opts` object may also contain options to be passed to the `stream.Transform` constructor.

For example, the following code throttles stdin to stdout at 10 bytes per second:

process.stdin.pipe(new Throttle({rate: 10})).pipe(process.stdout)

`ThrottleGroup` allows the creation of a group of streams whose aggregate bandwidth is throttled. The constructor accepts the same `opts` argument as for `Throttle`. Call `throttle` on a `ThrottleGroup` object to create a new throttled stream belonging to the group.

For example, the following code creates two HTTP connections to `www.google.com:80`, and throttles their aggregate (downstream) bandwidth to 10 KB/s:

var addr = { host: 'www.google.com', port: 80 };
var tg = new ThrottleGroup({rate: 10240});

var conn1 = net.createConnection(addr),
conn2 = net.createConnection(addr);

var thr1 = conn1.pipe(tg.throttle()),
thr2 = conn2.pipe(tg.throttle());

// Reads from thr1 and thr2 are throttled to 10 KB/s in aggregate

## Command line usage

This package installs a `throttleproxy` binary which implements a command-line utility for throttling connections. Run `throttleproxy -h` for instructions.

## Contributing

Feel free to open an issue or send a pull request.

## License

BSD-style. See the LICENSE file.

## Author

Copyright © 2013 Tiago Quelhas. Contact me at `<tiagoq@gmail.com>`.
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
cryptocurrency-icons-website: Website for the cryptocurrency-icons project
Github repo
Name: cryptocurrency-icons-website
Tagline: Website for the cryptocurrency-icons project
Homepage: http://cryptoicons.co
Languages:
JavaScript = 6213 bytes
CSS = 4152 bytes
HTML = 3319 bytes

# Cryptocurrency Icons Website

Source for [cryptoicons.co](http://cryptoicons.co), the website of the [cryptocurrency-icons](https://github.com/atomiclabs/cryptocurrency-icons) project.
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
smooth-scroll: A lightweight script to animate scrolling to anchor links.
Github repo
Name: smooth-scroll
Tagline: A lightweight script to animate scrolling to anchor links.
Languages:
JavaScript = 29598 bytes

# Smooth Scroll [![Build Status](https://travis-ci.org/cferdinandi/smooth-scroll.svg)](https://travis-ci.org/cferdinandi/smooth-scroll)
A lightweight script to animate scrolling to anchor links. Smooth Scroll works great with [Gumshoe](https://github.com/cferdinandi/gumshoe).

[Demo](http://cferdinandi.github.io/smooth-scroll/)

<hr>

### Want to learn how to write your own vanilla JS plugins? Check out my [Vanilla JS Pocket Guides](https://vanillajsguides.com/) or join the [Vanilla JS Academy](https://vanillajsacademy.com) and level-up as a web developer. 🚀

<hr>

## Getting Started

Compiled and production-ready code can be found in the `dist` directory. The `src` directory contains development code.

### 1. Include Smooth Scroll on your site.

There are two versions of Smooth Scroll: the standalone version, and one that comes preloaded with polyfills for `closest()`, `requestAnimationFrame()`, and `CustomEvent()`, which are only supported in newer browsers.

If you're including your own polyfills or don't want to enable this feature for older browsers, use the standalone version. Otherwise, use the version with polyfills.

**Direct Download**

You can [download the files directly from GitHub](https://github.com/cferdinandi/smooth-scroll/archive/master.zip).

```html
<script src="path/to/smooth-scroll.polyfills.min.js"></script>
```

**CDN**

You can also use the [jsDelivr CDN](https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/). I recommend linking to a specific version number or version range to prevent major updates from breaking your site. Smooth Scroll uses semantic versioning.

```html
<!-- Always get the latest version -->
<!-- Not recommended for production sites! -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>

<!-- Get minor updates and patch fixes within a major version -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@14/dist/smooth-scroll.polyfills.min.js"></script>

<!-- Get patch fixes within a minor version -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@14.0/dist/smooth-scroll.polyfills.min.js"></script>

<!-- Get a specific version -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@14.0.0/dist/smooth-scroll.polyfills.min.js"></script>
```

### 2. Add the markup to your HTML.

No special markup needed&mdash;just standard anchor links. Give the anchor location an ID just like you normally would.

```html
<a data-scroll href="#bazinga">Anchor Link</a>
...
<div id="bazinga">Bazinga!</div>
```

***Note:*** *Smooth Scroll does not work with `<a name="anchor"></a>` style anchors. It requires IDs.*

### 3. Initialize Smooth Scroll.

In the footer of your page, after the content, initialize Smooth Scroll by passing in a selector for the anchor links that should be animated. And that's it, you're done. Nice...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
react-typescript-cheatsheet: a cheatsheet for react users using typescript with react for the first (or nth!) time
Github repo
Name: react-typescript-cheatsheet
Tagline: a cheatsheet for react users using typescript with react for the first (or nth!) time
Homepage: https://twitter.com/swyx/status/1002776892154445826
Languages:

:wave: This repo is maintained by [@swyx](https://twitter.com/swyx) and [@IslamAttrash](https://twitter.com/IslamAttrash), we're so happy you want to try out Typescript with React! This is meant to be an intermediate guide for React developers familiar with the concepts of Typescript but who are just getting started writing their first React + Typescript apps. If you see anything wrong or missing, please [file an issue](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new)! :+1:

Translations: [中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) *maintained by [@fi3ework](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn)*

### Table of Contents

<details>

<summary><b>Expand Table of Contents</b></summary>

- [Section 1: Setup](#section-1-setup)
* [Prerequisites](#prerequisites)
* [React + Typescript Starter Kits](#react--typescript-starter-kits)
* [Import React](#import-react)
- [Section 2: Getting Started](#section-2-getting-started)
* [Stateless Functional Components](#stateless-functional-components)
* [Stateful Class-based Components](#stateful-class-based-components)
* [Typing DefaultProps](#typing-defaultprops)
* [Extracting Prop Types](#extracting-prop-types)
* [Types or Interfaces?](#types-or-interfaces)
* [Basic Prop Types Examples](#basic-prop-types-examples)
* [Useful React Type Examples](#useful-react-type-examples)
* [Forms and Events](#forms-and-events)
- [Section 3: Advanced Guides](#section-3-advanced-guides)
* [Higher Order Components/Render Props](#higher-order-componentsrender-props)
* [Context](#context)
* [Forwarding References/createRef](#forwarding-referencescreateref)
* [Portals](#portals)
* [Error Boundaries](#error-boundaries)
* [Timeout/Placeholder/createFetcher](#timeoutplaceholdercreatefetcher)
- [Section 4: Misc. Concerns](#section-4-misc-concerns)
* [Writing Typescript Libraries instead of Apps](#writing-typescript-libraries-instead-of-apps)
* [Component/Design System Development](#componentdesign-system-development)
* [Migrating from Flow](#migrating-from-flow)
* [Prettier + TSLint](#prettier--tslint)
* [ESLint + TSLint](#eslint--tslint)
* [Working with Non-Typescript Libraries (writing your own index.d.ts)](#working-with-non-typescript-libraries-writing-your-own-indexdts)
- [Troubleshooting Handbook: Types](#troubleshooting-handbook-types)
* [Union types](#union-types)
* [Optional Types](#optional-types)
* [Enum Types](#enum-types)
* [Type Assertion](#type-assertion)
* [Intersection Types](#intersection-types)
* [Types for Conditional Rendering](#types-for-conditional-rendering)
* [Omit attribute from a type](#omit-attribute-from-a-type)
*...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
with-staged: run a command (like linting) on git staged files
Github repo
Name: with-staged
Tagline: run a command (like linting) on git staged files
Languages:
JavaScript = 5861 bytes

# with-staged

run a command (like linting) on git staged files

[Install](#install) - [Usage](#usage) - [Node API](#node-api) - [License: Apache-2.0](#license)

[![npm][npm-image]][npm-url]
[![travis][travis-image]][travis-url]
[![standard][standard-image]][standard-url]

[npm-image]: https://img.shields.io/npm/v/with-staged.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/with-staged
[travis-image]: https://img.shields.io/travis/goto-bus-stop/with-staged.svg?style=flat-square
[travis-url]: https://travis-ci.org/goto-bus-stop/with-staged
[standard-image]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square
[standard-url]: http://npm.im/standard

## Install

```
npm install with-staged
```

## Usage

```
with-staged [PATTERNS] -- <COMMAND>
Run a command on git staged files.

PATTERNS - only run COMMAND for files matching one of the PATTERNS globs. When
no PATTERNS are given, run COMMAND on all staged files.
COMMAND - the command to execute. File names of matching files are appended as
separate arguments.

Example:

$ with-staged '**/*.js' -- standard
runs `standard index.js test.js etc.js`

$ with-staged '**/*.js' -- prettier --write
runs `prettier --write index.js test.js etc.js`
```

You can use it with [`husky`](https://github.com/typicode/husky) for very lightweight linting on `git commit`:

```json
{
"devDependencies": {
"husky": "^0.14.0",
"standard": "^11.0.0",
"with-staged": "^1.0.0"
},
"scripts": {
"lint": "standard",
"precommit": "with-staged '**/*.js' -- npm run lint --"
}
}
```

## Node API

### `withStaged(patterns=['**'], opts={}, cb)`

Get a filtered list of staged files.

`patterns` is an array of [micromatch v2](https://github.com/micromatch/micromatch/tree/2.3.11) glob patterns.

`opts.cwd` can be set to use a different working directory. The default is `process.cwd()`.

`cb` is a Node-style `(err, files)` callback. `files` is an array of file names.

## Related

[lint-staged](https://github.com/okonet/lint-staged) is the inspiration for this module.

Differences:
- with-staged is not tested on Windows and probably doesn't work there while lint-staged does
- with-staged has a tiny dependency tree while lint-staged's is somewhat large
- with-staged works with older Node versions while lint-staged requires v6+
- with-staged is configured through command line arguments while lint-staged puts configuration in a separate package.json key
- with-staged just dumps subprocess output, lint-staged has its own sweet progress UI (may be unnecessary for your use case)

**lint-staged**

```json
{
"lint-staged": {
"**/*.js": [
"prettier --write",
"git add"
]
}
}
```

**with-staged**

```bash
with-staged '**/*.js'...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
react-simple-keyboard: React Virtual Keyboard - Customizable, responsive and lightweight
Github repo
Name: react-simple-keyboard
Tagline: React Virtual Keyboard - Customizable, responsive and lightweight
Homepage: https://www.npmjs.com/package/react-simple-keyboard
Languages:
JavaScript = 71812 bytes
CSS = 2805 bytes
HTML = 1596 bytes

# react-simple-keyboard

[![npm version](https://badge.fury.io/js/react-simple-keyboard.svg)](https://www.npmjs.com/package/react-simple-keyboard)

<a href="https://franciscohodge.com/projects/simple-keyboard/"><img src="https://franciscohodge.com/project-pages/simple-keyboard/images/react-simple-keyboard.png" align="center"></a>
> The easily customisable and responsive on-screen virtual keyboard for React.js projects.

> Want the vanilla js version? Get [simple-keyboard](https://www.npmjs.com/package/simple-keyboard) instead!

<a href="https://franciscohodge.com/simple-keyboard/demo" title="View Demo"><img src="https://franciscohodge.com/project-pages/simple-keyboard/images/k2.png" align="center" width="100%"></a>

## Installation

`npm install react-simple-keyboard --save`

## Usage

````js
import React, {Component} from 'react';
import Keyboard from 'react-simple-keyboard';
import 'simple-keyboard/build/css/index.css';

class App extends Component {

onChange = (input) => {
console.log("Input changed", input);
}

onKeyPress = (button) => {
console.log("Button pressed", button);
}

render(){
return (
<Keyboard
onChange={input =>
this.onChange(input)}
onKeyPress={button =>
this.onKeyPress(button)}
/>
);
}
}

export default App;
````

[![Edit m75m9v183p](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/m75m9v183p)

> Need a more extensive example? [Click here](https://github.com/hodgef/simple-keyboard/blob/master/src/demo/App.js).

## Options

You can customize the Keyboard by passing options (props) to it.
Here are the available options (the code examples are the defaults):

### layout

> Modify the keyboard layout

```js
layout={{
'default': [
'` 1 2 3 4 5 6 7 8 9 0 - = {bksp}',
'{tab} q w e r t y u i o p [ ] \\',
'{lock} a s d f g h j k l ; \' {enter}',
'{shift} z x c v b n m , . / {shift}',
'.com @ {space}'
],
'shift': [
'~ ! @ # $ % ^ & * ( ) _ + {bksp}',
'{tab} Q W E R T Y U I O P { } |',
'{lock} A S D F G H J K L : " {enter}',
'{shift} Z X C V B N M < > ? {shift}',
'.com @ {space}'
]
}}
```

### layoutName

> Specifies which layout should be used.

```js
layoutName={"default"}
```

### display

> Replaces variable buttons (such as `{bksp}`) with a human-friendly name (e.g.: "delete").

```js
display={{
'{bksp}': 'delete',
'{enter}': '< enter',
'{shift}': 'shift',
...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
ndb: ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools
Github repo
Name: ndb
Tagline: ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools
Languages:
JavaScript = 131115 bytes
CSS = 3178 bytes

# ndb

<!-- [START badges] -->
[![NPM ndb package](https://img.shields.io/npm/v/ndb.svg)](https://npmjs.org/package/ndb)
<!-- [END badges] -->

<img src="https://raw.githubusercontent.com/ChromeDevTools/devtools-logo/master/192.png" height="200" align="right">

> ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

## Installation

```bash
npm install -g ndb
```
Compatibility: ndb requires Node >=8.0.0. It works best with Node >=10.

Installation: ndb depends on [Puppeteer](https://github.com/GoogleChrome/puppeteer) which downloads a recent version of Chromium (~170MB Mac, ~280MB Linux, ~280MB Win).

Windows users: Installation may fail on Windows during compilation the native dependencies. The following command may help: `npm install --g --production windows-build-tools`

## Getting Started

You can start debugging your Node.js application using one of the following ways:

- Use `ndb` instead of the `node` command

```bash
ndb server.js

# Alternatively, you can prepend `ndb`
ndb node server.js
```

- Prepend `ndb` in front of any other binary

```bash
# If you use some other binary, just prepend `ndb`
## npm run unit
ndb npm run unit

# Debug any globally installed package
## mocha
ndb mocha

# To use a local binary, use `npx` and prepend before it
ndb npx mocha
```

- Launch `ndb` as a standalone application
- Then, debug any npm script from your `package.json`, e.g. unit tests

```bash
# cd to your project folder (with a package.json)
ndb .
# In Sources panel > "NPM Scripts" sidebar, click the selected "Run" button
```

- Run any node command from within ndb's integrated terminal and ndb will connect automatically
- Run any open script source by using 'Run this script' context menu item, ndb will connect automatically as well

## What can I do?

`ndb` has some powerful features exclusively for Node.js:
1. Child processes are detected and attached to.
1. You can place breakpoints before the modules are required.
1. You can edit your files within the UI. On Ctrl-S/Cmd-S, DevTools will [save the changes to disk](https://developers.google.com/web/tools/chrome-devtools/workspaces/).
1. By default, ndb [blackboxes](https://developers.google.com/web/tools/chrome-devtools/javascript/reference#blackbox) all scripts outside current working directory to improve focus. This includes node internal libraries (like `_stream_wrap.js`, `async_hooks.js`, `fs.js`) This behaviour may be changed by "Blackbox anything outside working dir" setting.

In addition, you can use all the DevTools functionality that you've used in [typical Node debugging](https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27):
- breakpoint debugging, async stacks (AKA long stack traces), [async stepping](https://developers.google.com/web/updates/2018/01/devtools#async), etc...
- console (top-level await, object inspection, advanced filtering)
- [eager...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
clappr-playback-rate-plugin: A plugin for the Clappr HTML5 video player that enables variable speed playback (0.5x, 1x, 2x, ...)
Github repo
Name: clappr-playback-rate-plugin
Tagline: A plugin for the Clappr HTML5 video player that enables variable speed playback (0.5x, 1x, 2x, ...)
Languages:
JavaScript = 5661 bytes
CSS = 1292 bytes
HTML = 256 bytes

# Clappr Playback Rate Plugin

<img src="https://raw.githubusercontent.com/bikegriffith/clappr-playback-rate-plugin/master/screenshot.png"/>

## Usage

```
npm install --save clappr-playback-rate-plugin
```

Add both Clappr and Playback Rate plugin scripts:

```html
<head>
<script type="text/javascript" src="http://cdn.clappr.io/latest/clappr.min.js"></script>
<script type="text/javascript" src="dist/clappr-playback-rate-plugin.js"></script>
</head>
```
or
```javascript
import Clappr from 'clappr';
import PlaybackRatePlugin from 'clappr-playback-rate-plugin';
```

Then just add `PlaybackRatePlugin` into the list of plugins of your player instance:

```javascript
var player = new Clappr.Player({
source: "http://your.video/here.m3u8",
plugins: {
'core': [PlaybackRatePlugin]
}
});
```

You can also customize the labels and title:

```javascript
var player = new Clappr.Player({
source: "http://your.video/here.m3u8",
plugins: {
'core': [PlaybackRatePlugin]
},
playbackRateConfig: {
defaultValue: '1.0',
options: [
{value: '0.5', label: '0.5x'},
{value: '1.0', label: '1x'},
{value: '2.0', label: '2x'},
]
},
});
```

## Compatibility

This works by settings the `playbackRate` property of the `<video>` element; accordingly, it does
not work for the Flash playback.

## Changelog

See [Releases](https://github.com/bikegriffith/clappr-playback-rate-plugin/releases)
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
clappr: :clapper: An extensible media player for the web.
Github repo
Name: clappr
Tagline: :clapper: An extensible media player for the web.
Homepage: http://clappr.io
Languages:
JavaScript = 398626 bytes
CSS = 22430 bytes
HTML = 10787 bytes
ActionScript = 8991 bytes
Shell = 2290 bytes

[![npm version](https://badge.fury.io/js/clappr.svg)](http://badge.fury.io/js/clappr)
[![Build Status](https://travis-ci.org/clappr/clappr.svg?branch=master)](https://travis-ci.org/clappr/clappr)
[![Coverage Status](https://coveralls.io/repos/clappr/clappr/badge.svg?branch=master&service=github)](https://coveralls.io/github/clappr/clappr?branch=master)
[![License](https://img.shields.io/badge/license-BSD--3--Clause-blue.svg)](https://img.shields.io/badge/license-BSD--3--Clause-blue.svg)
[![Greenkeeper badge](https://badges.greenkeeper.io/clappr/clappr.svg)](https://greenkeeper.io/)

<div align=center>
<img src="https://cloud.githubusercontent.com/assets/244265/6373134/a845eb50-bce7-11e4-80f2-592ba29972ab.png"><br><br>
<img src="https://i.cloudup.com/GSbXxvCsBK.png">
</div>

## Using the Player

Add the following script on your HTML:
```html
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
</head>
```
Now, create the player:
```html
<body>
<div id="player"></div>
<script>
var player = new Clappr.Player({source: "http://your.video/here.mp4", parentId: "#player"});
</script>
</body>
```

## Live Demo

Test it at [cdn.clappr.io.](http://cdn.clappr.io/?src=http://www.streambox.fr/playlists/x36xhzz/x36xhzz.m3u8)

## CDN

You can use the latest published version at `https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js`

## Vendors

You can re-use some vendors used internally, for instance you can use `Kibo` through `Clappr.Vendor.Kibo`.

## Status

Clappr is under heavy development but production-ready. Feel free to open issues and send us pull requests.

## [Built-in Plugins & Embed Parameters](doc/BUILTIN_PLUGINS.md)

## [Events API](doc/API_EVENTS.md)

## [External Plugins](doc/EXTERNAL_PLUGINS.md)

<a href="https://github.com/tjenkinson/clappr-thumbnails-plugin/">
<img src='https://raw.githubusercontent.com/clappr/clappr/master/images/thumbnails.jpg' width="280px"></img>
</a> <a href="https://github.com/tjenkinson/clappr-markers-plugin/">
<img src='https://raw.githubusercontent.com/clappr/clappr/master/images/markers.jpg' width="280px"></img>
</a> <a href="https://github.com/clappr/dash-shaka-playback">
<img src='https://raw.githubusercontent.com/clappr/clappr/master/images/dash.jpg' width="280px"></img>
</a> <a href="https://github.com/clappr/clappr-chromecast-plugin">
<img src='https://raw.githubusercontent.com/clappr/clappr/master/images/chromecast.jpg' width="280px"></img>
</a> <a href="https://github.com/clappr/clappr-level-selector-plugin">
...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
fetch-mock: Mock http requests made using fetch
Github repo
Name: fetch-mock
Tagline: Mock http requests made using fetch
Homepage: http://www.wheresrhys.co.uk/fetch-mock/
Languages:
JavaScript = 92148 bytes
Makefile = 776 bytes

# fetch-mock

Mock http requests made using [fetch](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch)

![node version](https://img.shields.io/node/v/fetch-mock.svg?style=flat-square)
[![licence](https://img.shields.io/npm/l/fetch-mock.svg?style=flat-square)](https://github.com/wheresrhys/fetch-mock/blob/master/LICENSE)
![npm downloads](https://img.shields.io/npm/dm/fetch-mock.svg?style=flat-square)
[![CircleCI](https://img.shields.io/circleci/project/github/wheresrhys/fetch-mock.svg?style=flat-square)](https://circleci.com/gh/wheresrhys/workflows/fetch-mock)
[![Code coverage](https://img.shields.io/coveralls/github/wheresrhys/fetch-mock.svg?style=flat-square)](https://coveralls.io/github/wheresrhys/fetch-mock)
[![Known Vulnerabilities](https://snyk.io/test/github/wheresrhys/fetch-mock/badge.svg?targetFile=package.json&style=flat-square)](https://snyk.io/test/github/wheresrhys/fetch-mock?targetFile=package.json)

```js
fetchMock.mock('http://example.com', 200);
const res = await fetch('http://example.com');
assert(res.ok);
fetchMock.restore();
```

## Table of Contents

- [Requirements](#requirements)
- [Documentation and Usage](http://www.wheresrhys.co.uk/fetch-mock/)
- [License](#license)
- [Housekeeping](#housekeping)

---

**I devote a lot of time to maintaining fetch-mock for free. I don't ask for payment, but am raising money for a refugee charity - <a href="https://www.justgiving.com/fundraising/rhys-evans-walk">please consider donating</a>**

---

## Requirements

fetch-mock requires the following to run:

- [Node.js](https://nodejs.org/) 8+ for full feature operation
- [Node.js](https://nodejs.org/) 0.12+ with [limitations](http://www.wheresrhys.co.uk/fetch-mock/installation)
- [npm](https://www.npmjs.com/package/npm) (normally comes with Node.js)
- Either of the following
- [node-fetch](https://www.npmjs.com/package/node-fetch) when testing in a nodejs
- A browser that supports the `fetch` API when testing in a browser

## Documentation and Usage

See the [project website](http://www.wheresrhys.co.uk/fetch-mock/)

## License

fetch-mock is licensed under the [MIT](https://github.com/wheresrhys/fetch-mock/blob/master/LICENSE) license.
Copyright © 2018, Rhys Evans

## Housekeeping

![npm version](https://img.shields.io/npm/v/fetch-mock.svg?style=flat-square)
[![issues](https://img.shields.io/codeclimate/issues/wheresrhys/fetch-mock.svg?style=flat-square)](https://codeclimate.com/github/wheresrhys/fetch-mock/maintainability)
[![maintainability](https://img.shields.io/codeclimate/maintainability/wheresrhys/fetch-mock.svg?style=flat-square)](https://codeclimate.com/github/wheresrhys/fetch-mock/maintainability)
[![tech...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
ok-mdx: Browser-based MDX editor
Github repo
Name: ok-mdx
Tagline: Browser-based MDX editor
Homepage: https://jxnblk.com/ok-mdx/
Languages:
JavaScript = 20320 bytes

# ok-mdx

<img src='docs/ok-mdx.gif' />

Browser-based [MDX][] editor

```sh
npm i -g ok-mdx
```

```sh
mkdir docs
touch docs/hello.mdx
mdx docs --open
```

- Quickly prototype with React components
- Zero configuration
- Mix markdown with JSX
- Live edit and autosave

## What is this for?

MDX is great for documentation, building demos, or quickly prototyping with React components,
without the need to set up a full-blown React application.
Similar to [Compositor x0][x0], ok-mdx is meant to be installed as a global command line utility
that you can use alongside your application setup or in isolated sandbox environments.
ok-mdx works well as a local alternative to tools like [CodeSandbox][] when working with React components.

## Getting Started

ok-mdx needs a directory of `.mdx` or `.md` files to work.

After installing ok-mdx, create a folder and an empty `.mdx` file with the following command:

```sh
mkdir docs && touch docs/hello.mdx
```

Start the ok-mdx app:

```sh
mdx docs --open
```

This will open the application in your default browser, showing a list of the MDX files.
Click on a filename to open the editor view.
In the right panel, add some text to see the preview on the left.

### MDX Format

MDX is a superset of [markdown][], which can also render [JSX][] instead of HTML.

```mdx
# Markdown Heading

<button className='blue'>JSX button</button>
```

### Importing Components

In order to import components, be sure they're installed locally.
This requires a `package.json` file in your current directory.

To create a `package.json` file, run `npm init -y`.

To install a component, use `npm install`. The following will install [grid-styled][] and [styled-components][] as a local dependency.

```sh
npm i grid-styled styled-components
```

To use components, import them at the top of your MDX file:

```mdx
import { Flex, Box } from 'grid-styled'

# Hello

<Flex alignItems='center'>
<Box p={3} width={1/2} bg='blue'>
Flex
</Box>
<Box p={3} width={1/2}>
Box
</Box>
</Flex>
```

## Options

```
-o --open Opens development server in default browser
-p --port Port for development server
--vim Enable editor Vim mode
```

### Exporting

ok-mdx is only meant to be used for development. To export your MDX files, consider one of the following tools:

- [Compositor x0][x0]: great for creating documentation, blogs, static sites, or other small demos
- [Next.js][next.js]: great for creating production-ready, server-side rendered React applications

## Related

- [Compositor x0][x0]
- [Compositor Iso][iso]
- [MDX][]
- [CodeSandbox][]

[x0]: https://github.com/c8r/x0
[iso]: https://compositor.io/iso
[MDX]: https://github.com/mdx-js/mdx
[CodeSandbox]: https://codesandbox.io
[markdown]: https://daringfireball.net/projects/markdown/syntax
[JSX]: https://facebook.github.io/jsx/
[grid-styled]:...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
react-markdown: Render Markdown as React components
Github repo
Name: react-markdown
Tagline: Render Markdown as React components
Homepage: https://rexxars.github.io/react-markdown/
Languages:
JavaScript = 37155 bytes

# react-markdown

Renders Markdown as pure React components.

[![npm version](https://img.shields.io/npm/v/react-markdown.svg?style=flat-square)](http://browsenpm.org/package/react-markdown)[![Build Status](https://img.shields.io/travis/rexxars/react-markdown/master.svg?style=flat-square)](https://travis-ci.org/rexxars/react-markdown)

Demo available at https://rexxars.github.io/react-markdown/

---

react-markdown is proudly sponsored by

<a href="https://www.sanity.io/?utm_source=GitHub&utm_campaign=react-markdown" rel="nofollow" target="_blank">
<img src="https://www.sanity.io/static/images/logo_red.svg?v=2" width="300"><br />
Sanity: The Headless CMS Construction Kit
</a>

---

## Installing

```
npm install --save react-markdown
```

## Basic usage

```js
const React = require('react')
const ReactDOM = require('react-dom')
const ReactMarkdown = require('react-markdown')

const input = '# This is a header\n\nAnd this is a paragraph'

ReactDOM.render(
<ReactMarkdown source={input} />,
document.getElementById('container')
)
```

## Notes

If you don't need to render HTML, this component does not use `dangerouslySetInnerHTML` at all -
this is a Good Thing™.

## Inline HTML is broken

Inline HTML is currently broken for any tags that include attributes. A vague idea of how to fix
this has been planned, but if you're feeling up to the task, create an issue and let us know!

## Options

* `source` or `children` - _string_ The Markdown source to parse (**required**)
* `className` - _string_ Class name of the container element (default: `''`).
* `escapeHtml` - _boolean_ Setting to `false` will cause HTML to be rendered (see note above about
broken HTML, though). Be aware that setting this to `false` might cause security issues if the
input is user-generated. Use at your own risk. (default: `true`).
* `skipHtml` - _boolean_ Setting to `true` will skip inlined and blocks of HTML (default: `false`).
* `sourcePos` - _boolean_ Setting to `true` will add `data-sourcepos` attributes to all elements,
indicating where in the markdown source they were rendered from (default: `false`).
* `rawSourcePos` - _boolean_ Setting to `true` will pass a `sourcePosition` property to all renderers with structured source position information (default: `false`).
* `allowedTypes` - _array_ Defines which types of nodes should be allowed (rendered). (default: all
types).
* `disallowedTypes` - _array_ Defines which types of nodes should be disallowed (not rendered).
(default: none).
* `unwrapDisallowed` - _boolean_ Setting to `true` will try to extract/unwrap the children of
disallowed nodes. For instance, if disallowing `Strong`, the default behaviour is to simply skip
the text within the strong altogether, while the behaviour some might want is to simply have the
text returned without the strong wrapping it. (default: `false`)
* `allowNode` - _function_ Function execute if in order to determine if the...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
react-swipeable-bottom-sheet: A swipeable material's bottom sheet implementation, using react-swipeable-views
Github repo
Name: react-swipeable-bottom-sheet
Tagline: A swipeable material's bottom sheet implementation, using react-swipeable-views
Languages:
JavaScript = 27401 bytes
HTML = 4185 bytes
CSS = 744 bytes

# Swipeable Bottom Sheet

A swipeable material's bottom sheet implementation, that uses [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views).
This can be used to reproduce Material Design's [Bottom Sheet](https://material.io/guidelines/components/bottom-sheets.html) guidelines

![Alt text](demos/swipeable-bottom-sheet.gif?raw=true "Uncontrolled example")

## Installation

```
npm i -S react-swipeable-bottom-sheet
```

## Demo & Examples

- [Uncontrolled bottom sheet](http://manufont.github.io/react-swipeable-bottom-sheet/index.html)
- [Controlled bottom sheet](http://manufont.github.io/react-swipeable-bottom-sheet/controlled.html)
- [Fullscreen bottom sheet](http://manufont.github.io/react-swipeable-bottom-sheet/fullscreen.html)
- [Scrollable bottom sheet](http://manufont.github.io/react-swipeable-bottom-sheet/scroll.html)

## Usage

```
import SwipeableBottomSheet from 'react-swipeable-bottom-sheet';

<SwipeableBottomSheet overflowHeight={64}>
<div style={{ height: '240px' }}>
Here goes the content of your bottom sheet
</div>
</SwipeableBottomSheet>
```

The bottom sheet's height (when open) scales automatically with its content. If it exceeds the window height, content become scrollable.

### Props

| Name | Type | Default | Description |
|:-----|:-----|:--------|:------------|
| overflowHeight | number | 0 | The height (in px) of the sheet when closed. |
| open | bool | | Use this property to enable controlled mode. If `true`, it will open the sheet. |
| defaultOpen | bool | false | If `true`, the sheet is open at component mount. |
| onChange | function(isOpen) | | The callback that fires after sheet opens or closes. |
| onTransitionEnd | function() | | The callback that fires after opening or closing animation. |
| fullScreen | bool | false | If `true`, the sheet takes the full height of the window when open. |
| marginTop | number | 0 | The top margin applied to the top of the sheet when open. Use this prop to prevent navbar overflow. |
| shadowTip | bool | true | If `true`, a box shadow is displayed at sheet bottom when closed. This is used to show that content is hidden below. |
| topShadow | bool | true | If `true`, a box shadow is displayed at sheet top border. |
| overlay | bool | true | If `true`, an overlay is displayed behind sheet when open. A click on the overlay closes the sheet. |
| scrollTopAtClose | bool | true | If `true`, the content is scrolled to the top when sheet closes. |
| swipeableViewsProps | object | `{}` | Props passed to SwipeableViews component (see [documentation](https://github.com/oliviertassinari/react-swipeable-views#api)). |
| style | object | `{}` | Style applied on the root (non-swiped) component. |
| bodyStyle | object | `{}` | Style applied on the body of the bottom sheet. |
| overlayStyle | object | `{}` | Style applied on...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
awesome-feed: Stay up to date with what is happening and what the users who you follow are working on Github
Github repo
Name: awesome-feed
Tagline: Stay up to date with what is happening and what the users who you follow are working on Github
Homepage: https://awesomefeed.js.org
Languages:
JavaScript = 76338 bytes
CSS = 1215 bytes
HTML = 1188 bytes

# Github awesome feed

[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/arojunior/awesome-feed/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/arojunior/awesome-feed/?branch=master) [![Travis Build](https://travis-ci.org/arojunior/awesome-feed.svg?branch=master)](https://travis-ci.org/arojunior/awesome-feed)

[https://awesomefeed.js.org](https://awesomefeed.js.org/)

> Lots of people uses Github as your Social Network, the idea is to make an awesome feed for Github to stay up to date with what is happening and what the users who you follow are working on... all of it with the Twitter layout.

![ScreenShot](https://image.ibb.co/e3OwDd/ezgif_com_optimize.gif)

**_Yes, I need help with everything!_**

## TODO

* Improve Feed [#40](https://github.com/arojunior/awesome-feed/issues/40)
* Choose event types [#29](https://github.com/arojunior/awesome-feed/issues/29)
* Responsive layout (mobile compatibility) [#37](https://github.com/arojunior/awesome-feed/issues/37)

[https://awesomefeed.js.org](https://awesomefeed.js.org/)
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
InterviewMap: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
Github repo
Name: InterviewMap
Tagline: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
Homepage: https://yuchengkai.cn/docs/
Languages:

<img align="center" src='./InterviewMap.png' />

<h1 align="center">
Interview Map
</h1>

<h4 align="center">This is a map that can help you prepare better for the next interview</h4>

<p align="center">
<a href="https://gitter.im/interview-map/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link"><img src="https://img.shields.io/gitter/room/nwjs/nw.js.svg" alt="Gitter"></a>
<a href="https://t.me/joinchat/GULTjw9enq3J4NQ6Yh5Ntw"><img src="https://img.shields.io/badge/chat-Telegram-brightgreen.svg" alt="Telegram"></a>
</p>

[中文版本](./README-ZH.md)

## Foreword

> When you are old, looking back on your life, you will find out: when to study abroad, when to decide on your first occupation, when to choose the other half to fall in love with, when to marry; all of these are great changes in fate. We were just standing at the three-forked intersection and seeing the wind blow the clouds and sails. The day you made your choice was a quite dull and peaceful day in the diary, and it was thought to be an ordinary day in your life.
> A project to change the interview — Interview Map.

The best job-hopping months, September and October, are coming(in Chinese, there is an idiom called "Golden September and Silver October”). Most people will be eager to prepare for and to pursue better job opportunities. The interview will be their biggest challenge.

For the interview, the usual accumulation of learning is necessary, but the preparation before the interview is also crucial.

A few months ago, I set up a small team. It took us half a year to search for interview questions from big companies, filtering out nearly 100 knowledge points, writing the content and translating it all into English. Today, we finally release the first version and the total number of words has reached more than 100,000 so far.

We think that rote learning of the interview questions is not very useful. Only when you are familiar with the various knowledge points and are capable of integrating them, can you get through the interviews. This InterviewMap currently contains nearly a hundred high-frequency knowledge points. No matter the preparation before the interview or the study, we believe that it will help you. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structures, algorithms, etc. Whether it is basic or advanced learning or source code interpretation, you can get a satisfactory answer in this InterviewMap, and we hope that the InterviewMap can help you better prepare for your interview.

The contents of the repository will update continuously, and more content will be added into the repository later, such as system design, the blockchain, operating and support, backend, etc. Of course, these are not my strengths, and I will invite friends who have good experience in this area to write this content.

#...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
cheat.sh: the only cheat sheet you need
Github repo
Name: cheat.sh
Tagline: the only cheat sheet you need
Homepage: https://cheat.sh/
Languages:
Python = 102325 bytes
Shell = 27699 bytes
HTML = 3323 bytes
CSS = 625 bytes
Vim script = 237 bytes

![cheat.sh logo](http://cheat.sh/files/big-logo-v2-fixed.png)

Unified access to the best community driven cheat sheets repositories of the world.

Let's imagine for a moment that there is such a thing as an ideal cheat sheet.
What should it look like?
What features should it have?

* **Concise** — It should only contain the things you need, and nothing else.
* **Fast** — It should be possible to use it instantly.
* **Comprehensive** — It should contain answers for every possible question.
* **Universal** — It should be available everywhere, anytime, without any preparations.
* **Unobtrusive** — It should not distract you from your main task.
* **Tutoring** — It should help you to learn the subject.
* **Inconspicuous** — It should be possible to use it completely unnoticed.

Such a thing exists.

## Features

**cheat.sh**

* Has a simple curl/browser interface.
* Covers 55 programming languages, several DBMSes, and more than 1000 most important UNIX/Linux commands.
* Provides access to the best community driven cheat sheets repositories in the world, on par with StackOverflow.
* Available everywhere, no installation needed.
* Ultrafast, returns answers within 100 ms, as a rule.
* Has a convenient command line client, `cht.sh`, that is very advantageous and helpful, though not mandatory.
* Can be used directly from code editors, without opening a browser and not switching your mental context.
* Supports a special stealth mode where it can be used fully invisibly without ever touching a key and and making sounds.

<p align="center">
<img src='https://cheat.sh/files/demo-curl.gif'/>
</p>

## Contents

* [Features](#features)
* [Usage](#usage)
* [Command line client, cht.sh](#command-line-client-chtsh)
* [Installation](#installation)
* [Client usage](#client-usage)
* [Tab-completion](#tab-completion)
* [Stealth mode](#stealth-mode)
* [Editors integration](#editors-integration)
* [Vim](#vim)
* [Emacs](#emacs)
* [Visual Studio Code](#visual-studio-code)
* [Sublime](#sublime)
* [Special pages](#special-pages)
* [Search](#search)
* [Programming languages cheat sheets](#programming-languages-cheat-sheets)
* [Cheat sheets sources](#cheat-sheets-sources)
* [How to contribute](#how-to-contribute)
* [How to edit a cheat sheet](#how-to-edit-a-cheat-sheet)
* [How to add a cheat sheet](#how-to-add-a-cheat-sheet)
* [How to add a cheat sheet repository](#how-to-add-a-cheat-sheet-repository)

## Usage

To get a cheat sheet for a UNIX/Linux command from a command line, query the service using `curl` or any other HTTP/HTTPS client
specifying the name of the command in the query:

```
curl cheat.sh/tar
curl cht.sh/curl
curl https://cheat.sh/rsync
curl https://cht.sh/tr
```
As you can see, you can use both HTTPS and HTTP to access the service, and both the long (cheat.sh) and the short (cht.sh) service names.

Here...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
data-transfer-project: The Data Transfer Project makes it easy for people to transfer their data between online service providers. We are establishing a common framework, including data models and protocols, to enable direct transfer of data both into...
Github repo
Name: data-transfer-project
Tagline: The Data Transfer Project makes it easy for people to transfer their data between online service providers. We are establishing a common framework, including data models and protocols, to enable direct transfer of data both into and out of participating online service providers.
Homepage: http://datatransferproject.dev
Languages:
Java = 1110485 bytes
TypeScript = 73658 bytes
Shell = 29073 bytes
HTML = 13807 bytes
CSS = 8118 bytes
JavaScript = 6227 bytes

# Data Transfer Project

## Overview
The Data Transfer Project makes it easy for people to transfer their data between online services. We provide a common framework and ecosystem to accept contributions from service providers to enable seamless transfer of data into and out of their service.

## Who We Are
Data Transfer Project (DTP) is a collaboration of organizations committed to building a common framework with open-source code that can connect any two online service providers, enabling a seamless, direct transfer of data.

We want all individuals across the web to be in control of their data.

## More info

* [Repository master branch](https://github.com/google/data-transfer-project)
* [Developer documentation](Documentation/Developer.md)
* [Contributing](CONTRIBUTING.md)
* [Code of Conduct](CODE_OF_CONDUCT.md)

## Current State
Data Transfer Project is in its early stages, and we are actively looking for partner organizations and individuals to contribute to the project. We are continuing to define the architecture and implementation. Since the code is in active development, please do thorough testing and verification before implementing.

## Contact Info
Please contact [dtp-discuss@googlegroups.com](mailto:dtp-discuss@googlegroups.com)
with any questions or comments.

## About Us
The Data Transfer Project was formed in 2017 to create an open-source, service-to-service portability platform so that all individuals across the web could easily move their data between online service providers.

The partners in the Data Transfer Project believe portability and interoperability are central to innovation. Making it easier for individuals to choose among services facilitates competition, empowers individuals to try new services and enables them to choose the offering that best suits their needs.

We anticipate the Data Transfer Project solution will make a particularly big impact in global markets where downloading or uploading data is expensive and/or slow. The Data Transfer Project eliminates the need to download data at all. Instead, data is transferred directly between service providers.

#### DTP is early-stage open source code that is built and maintained entirely by DTP community members.
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
coinai: Seed applications based on AI for digital currency quantitative analysis, medium-term forecast and asset allocation for the secondary market of the BANCA community
Github repo
Name: coinai
Tagline: Seed applications based on AI for digital currency quantitative analysis, medium-term forecast and asset allocation for the secondary market of the BANCA community
Languages:
Python = 393201 bytes
Shell = 7025 bytes

# coinai
coinai is a set of seed applications based on AI for digital currency quantitative analysis, medium-term forecast, and asset allocation for the secondary market of the BANCA community.

Clients can use CoinAI to conduct in-depth analysis of digital tokens and compare the investment value and risk of different currencies.
They can also obtain the prediction for the future trend of tokens based on artificial intelligence and big data smart beta market timing models. According to your own risk assessment, you are one click away from building the optimum portfolio.

Based on the dynamic management of the optimized portfolio on token fund and outstanding old backtesting performance, the return is far higher than that of Bitcoin, while the risk is far below.

Install the project of coinai running environment:

1) install gcc , gcc-c++ ...

$ yum install gcc zlib zlib-devel python-devel libffi-devel openssl openssl-devel

$ yum install gcc-c++

2) install python3.6

$ mkdir -p /usr/local/python3

$ tar -zxvf Python-3.6.1.tgz

$ cd Python-3.6.1

$ ./configure --prefix=/usr/local/python3 --enable-optimizations

$ make

$ make install

$ ln -s /usr/local/python3/bin/python3 /usr/bin/python3

$ vim ~/.bash_profile

#.bash_profile

#Get the aliases and functions

if [ -f ~/.bashrc ]; then
. ~/.bashrc
fi

#User specific environment and startup programs

PATH=$PATH:$HOME/bin:/usr/local/python3/bin
export PATH

$ source ~/.bash_profile

3) set pip3

$ ln -s /usr/local/python3/bin/pip3 /usr/bin/pip3

4) install boto3

$ pip3 install boto3

$ sudo pip3 install awscli

$ aws help

$ aws configure

AWS Access Key ID [None]: AIOSFODMPLE
AWS Secret Access Key [None]: wJalrXUtMI/KDENG/bPxREXAMPKEY
Default region name [None]: us-west-2
Default output format [None]: ENTER

$ ls ~/.aws

$ ln -s /usr/local/python3/bin/aws /usr/bin/aws

5) init dynamodb

$ sudo aws dynamodb create-table --cli-input-json file://./ReportCache.json --endpoint-url http://localhost:8000

$ sudo nohup java -Djava.library.path=./DynamoDBLocal_lib -jar DynamoDBLocal.jar -sharedDb -port 8000 -dbPath ./dbase/ &

6) init mysql:

$ sudo mysql -hlocalhost -uroot -p"******" < schema.sql

7) install other Modular:

$ sudo pip3 install -r requirements.txt

8) run the web:

$ sudo sh run_server.sh start

or

$ sudo sh run_server.sh stop
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
lbry-desktop: A browser and wallet for LBRY, the decentralized, user-controlled content marketplace.
Github repo
Name: lbry-desktop
Tagline: A browser and wallet for LBRY, the decentralized, user-controlled content marketplace.
Homepage: https://lbry.io
Languages:
JavaScript = 608095 bytes
CSS = 57285 bytes
HTML = 4564 bytes

# LBRY App

[![Build Status](https://travis-ci.org/lbryio/lbry-desktop.svg?branch=master)](https://travis-ci.org/lbryio/lbry-desktop)
[![Dependencies](https://david-dm.org/lbryio/lbry-desktop/status.svg)](https://david-dm.org/lbryio/lbry-desktop)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/78b627d4f5524792adc48719835e1523)](https://www.codacy.com/app/LBRY/lbry-desktop?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=lbryio/lbry-desktop&amp;utm_campaign=Badge_Grade)
[![chat on Discord](https://img.shields.io/discord/362322208485277697.svg?logo=discord)](https://chat.lbry.io)

[![forthebadge](https://forthebadge.com/images/badges/certified-steve-bruhle.svg)](https://forthebadge.com)

The LBRY app is a graphical browser for the decentralized content marketplace provided by the
[LBRY](https://lbry.io) protocol. It is essentially the
[lbry daemon](https://github.com/lbryio/lbry) bundled with an UI using
[Electron](http://electron.atom.io/).

![App GIF](https://spee.ch/7/lbry-redesign-preview.gif)

## Install

We provide installers for Windows, macOS (v10.9 or greater), and Debian-based Linux. See community maintained builds section for alternative Linux installations.

| | Windows | macOS | Linux
| --------------------- | -------------------------------------------- | -------------------------------------------- | -------------------------------------------- |
| Latest Stable Release | [Download](https://lbry.io/get/lbry.exe) | [Download](https://lbry.io/get/lbry.dmg) | [Download](https://lbry.io/get/lbry.deb)
| Latest Pre-release | [Download](https://lbry.io/get/lbry.pre.exe) | [Download](https://lbry.io/get/lbry.pre.dmg) | [Download](https://lbry.io/get/lbry.pre.deb)

Our [releases page](https://github.com/lbryio/lbry-desktop/releases) also contains the latest
release, pre-releases, and past builds.
*Note: If the deb fails to install using the Ubuntu Software Center, install manually via `sudo dpkg -i <path to deb>`. You'll need to run `sudo apt-get install -f` if this is the first time installing it to install dependencies*

To install from source or make changes to the application, continue to the next section below.

**Community maintained** builds for Arch Linux and Flatpak are available, see below. These installs will need to be updated manually as the in-app update process only supports deb installs at this time.
*Note: If coming from a deb install, the directory structure is different and you'll need to [migrate data](https://lbry.io/faq/backup-data).*

| | Flatpak | Arch
| --------------------- |...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
bitcoin-transaction-explorer: Simple and pure block explorer you can run on top of a full node
Github repo
Name: bitcoin-transaction-explorer
Tagline: Simple and pure block explorer you can run on top of a full node
Homepage: http://yogh.io
Languages:
Java = 453907 bytes
JavaScript = 2474 bytes
HTML = 427 bytes

# Bitcoin node block explorer

Simple and pure block explorer you can run on top of a full node.

This block explorer patches into your Bitcoin Core node's JSON-RPC interface to retrieve transaction and block information.

It runs as a simple web application you can run on any J2EE Web Container (Jetty, Tomcat, etc.), point it toward your node and you're good to go. (Note: it also supports running on top of Blockr's API and maybe some others later on)

This block explorer remains pure to the blockchain, this means it is not dependent on any source of data other than the blockchain. Bitcoin amount values will not be displayed in fiat, transaction or block receive times do not exist.

# Features

#### Block viewer

Displays all available block information. Includes an interactive hex viewer which displays the meaning of every last byte in the headers, aswell as the coinbase transaction.

#### Transaction viewer

Displays all available transaction information. Like in the block viewer, displays the meaning of every single byte in a raw transaction through an interactive hex viewer.

#### Universal search

Input anything, transaction ID, block height, block hash, raw blocks, raw transactions, and this explorer will figure out what you mean and display what's appropriate.

#### Mining simulator

Constructs a raw block which, if valid, would be accepted by the whole of the network. Visualizes what happens when you're mining, increases the nonce/extranonce, updates the timestamp and computes the block hash. Allows you to control the whole thing.

A sneak-preview client-only version of this is available at http://jornc.github.io/bitcoin-transaction-explorer/

This preview also includes the block and transaction hex viewers with contextual information for each field.

#### Script viewer

Visualizes bitcoin script interpretation in a step-by-step basis.

#### Raw transaction interpreter

Insert any raw transaction and this explorer will display em like it would any other transaction.

#### Raw block interpreter

Insert any raw block and --- see above.

#### Raw script interpreter

See above.

#### Direct JSON-RPC interface (Optional, and under construction)

If this explorer is run on top of a node (rather than an external API), then a direct JSON-RPC interface to the node may be spoken to. Just insert any command you're used to (getblock, getrawtransaction, getbestblockhash, etc.), and the explorer will display the response, and show some extra information of the stuff it understands (transaction/block ids or their serialized form, script, and many other bitcoin-specific and unspecific fields).

#### Address balances

If this explorer is run on top of a node that has an address index such as this one: https://github.com/btcdrak/bitcoin/tree/addrindex-0.11 then this explorer will be able to look up the balance of an address and show every output associated with it.

# How to run it

This project is currently hosted on top of the following 2 nodes:

http://srv1.yogh.io

http://srv2.yogh.io

The former will closely follow the master branch, and will likely not always be as stable / contain bugs, but contain...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
Gemini: Simple backtesting for sleepless cryptocurrency markets
Github repo
Name: Gemini
Tagline: Simple backtesting for sleepless cryptocurrency markets
Languages:
Python = 15081 bytes

<p align="center"><img src="https://github.com/Crypto-AI/Gemini/blob/master/media/logo.png" width="150px"><p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
![Python](https://img.shields.io/badge/python-v2.7%20%2F%20v3.6-blue.svg)
![Dependencies](https://img.shields.io/badge/dependencies-up%20to%20date-brightgreen.svg)
[![GitHub Issues](https://img.shields.io/github/issues/Crypto-AI/Gemini.svg)](https://github.com/Crypto-AI/Gemini/issues)
![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
<br>
<p align="center"><img src="https://github.com/Crypto-AI/Gemini/blob/master/media/schematic.gif" width="550px"><p>

## Examples

#### Input Data (Optional)
If you have your own data that has/hasn't been processed, you should conform to the following structure. Basically, load your data into a Pandas dataframe object and be sure to convert the dates to datetime format and include the following lowercase column titles.
```text
date high low open close
0 2017-07-08 11:00:00 2480.186778 2468.319314 2477.279567 2471.314030
1 2017-07-08 11:30:00 2471.314030 2455.014057 2471.202796 2458.073602
2 2017-07-08 12:00:00 2480.000000 2456.000000 2458.073602 2480.000000
3 2017-07-08 12:30:00 2489.004639 2476.334333 2479.402768 2481.481258
4 2017-07-08 13:00:00 2499.000000 2476.621873 2481.458643 2491.990000
5 2017-07-08 13:30:00 2503.503479 2490.314610 2492.440289 2496.005562
6 2017-07-08 14:00:00 2525.000000 2491.062741 2494.449524 2520.775500
7 2017-07-08 14:30:00 2521.500036 2510.000000 2520.775500 2518.450645
8 2017-07-08 15:00:00 2519.817394 2506.054360 2518.451000 2514.484009
```

#### Loading Data into the Backtester
If you don't have your own data, we've included a useful function for grabbing historical charting data from the Poloniex exchange. In this example, we'll trade the BTC/ETH pair on a 30 minute timeframe. To demonstrate the versatility of our data grabber, we will ignore the last 30 days of data in our backtest and look at the 60 days before then. With the poloniex helper function, it's easy to do that.
```python
import pandas as pd
import poloniex as px

pair = "BTC_ETH" # Use ETH pricing data on the BTC market
period = 1800 # Use 1800 second candles
daysBack = 30 # Grab data starting 30 days ago
daysData = 60 # From there collect 60 days of data

# Request data from Poloniex
data = px.getPast(pair, period, daysBack, daysData)

# Convert to Pandas dataframe with datetime format
data = pd.DataFrame(data)
data['date'] = pd.to_datetime(data['date'], unit='s')

# Load the data into a backtesting class called Run
r = gemini.Run(data)
```

#### Creating your Strategy
In addition to loading the data,...
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
cryptocurrency-icons: A set of icons for all the main cryptocurrencies and altcoins, in a range of styles and sizes.
Github repo
Name: cryptocurrency-icons
Tagline: A set of icons for all the main cryptocurrencies and altcoins, in a range of styles and sizes.
Homepage: http://cryptoicons.co
Languages:

# Cryptocurrency Icons

[This project](http://cryptoicons.co) contains over 2000 icons – [330 crypto, and fiat currencies](Coin%20List.md), in 4 styles and a range of sizes. Completely free. All I ask is that you don’t claim them as your own, and share this resource with others.

Images are in the PNG format (transparent) in 32×32, 64×64(@2x), and 128×128 variants, along with SVG versions.

If there is an altcoin you’re looking for that hasn’t been included, please create a new issue.

## Install 🚀

```
$ npm install cryptocurrency-icons
```

You can then import the icons from `./node_modules/cryptocurrency-icons`, for example `./node_modules/cryptocurrency-icons/svg/color/kmd.svg`.

## Special Thanks 👏

Thanks to [Christopher Downer](https://github.com/cjdowner) for starting this project and all our wonderful [contributors](https://github.com/atomiclabs/cryptocurrency-icons/graphs/contributors).
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
IdealCash-DEAL: IdealCash 2018 (DEAL) COIN
Github repo
Name: IdealCash-DEAL
Tagline: IdealCash 2018 (DEAL) COIN
Languages:
C++ = 2619743 bytes
Assembly = 51312 bytes
HTML = 50620 bytes
Python = 41580 bytes
C = 35903 bytes
QMake = 14138 bytes
Makefile = 13040 bytes
Roff = 12684 bytes
Shell = 9083 bytes
NSIS = 5914 bytes
Objective-C++ = 3537 bytes
CSS = 1127 bytes
Objective-C = 858 bytes

IdealCash (DEAL) 2018
----------------------------------------------------------
Building idealcash (DEAL)

See doc/readme-qt.rst for instructions on building idealcash QT,
the intended-for-end-users, nice-graphical-interface, reference
implementation of idealcash.

See doc/build-*.txt for instructions on building idealcashd,
the intended-for-services, no-graphical-interface, reference
implementation of idealcash.
----------------------------------------------------------

IdealCash.io

----------------------------------------------------------
github  programming  github-starred-to-pinboard 
8 weeks ago by brianyang
rpc-websockets: JSON-RPC 2.0 implementation over WebSockets for Node.js
Github repo
Name: rpc-websockets
Tagline: JSON-RPC 2.0 implementation over WebSockets for Node.js
Languages:
JavaScript = 75496 bytes

<div align="center">
<a href="https://github.com/elpheria/rpc-websockets">
<img src="http://i.imgur.com/5drhsqV.png">
</a>
<br>
<p>
WebSockets for <a href="http://nodejs.org">node</a> with JSON RPC 2.0 support on top.
</p>
<br>
<a href="https://github.com/elpheria/rpc-websockets/blob/master/LICENSE">
<img src="https://img.shields.io/github/license/mashape/apistatus.svg">
</a>
<a href="https://travis-ci.org/elpheria/rpc-websockets">
<img src="https://travis-ci.org/elpheria/rpc-websockets.svg?branch=master">
</a>
<a href="https://coveralls.io/github/elpheria/rpc-websockets?branch=master">
<img src="https://coveralls.io/repos/github/elpheria/rpc-websockets/badge.svg?branch=master">
</a>
<a href="https://www.npmjs.com/package/rpc-websockets">
<img src="https://img.shields.io/npm/dm/rpc-websockets.svg?maxAge=2592000">
</a>
<br>
<a href="https://nodei.co/npm/rpc-websockets">
<img src="https://nodei.co/npm/rpc-websockets.png?downloads=true&downloadRank=true&stars=true">
</a>
</div>

## Installation

```
npm install rpc-websockets
```

## Examples

```js
var WebSocket = require('rpc-websockets').Client
var WebSocketServer = require('rpc-websockets').Server

// instantiate Server and start listening for requests
var server = new WebSocketServer({
port: 8080,
host: 'localhost'
})

// register an RPC method
server.register('sum', function(params) {
return params[0] + params[1]
})

// create an event
server.event('feedUpdated')

// get events
console.log(server.eventList())

// emit an event to subscribers
server.emit('feedUpdated')

// close the server
server.close()

// instantiate Client and connect to an RPC server
var ws = new WebSocket('ws://localhost:8080')

ws.on('open', function() {
// call an RPC method with parameters
ws.call('sum', [5, 3]).then(function(result) {
require('assert').equal(result, 8)
})

// send a notification to an RPC server
ws.notify('openedNewsModule')

// subscribe to receive an event
ws.subscribe('feedUpdated')

ws.on('feedUpdated', function() {
updateLogic()
})

// unsubscribe from an event
ws.unsubscribe('feedUpdated')

// close a websocket connection
ws.close()
})
```

## Migrating to 3.x/4.x

Departing from version 2.x, there's been some minor API changes. A breaking change is a server.eventList method, which is not a getter method anymore, because of the inclusion of a namespaces system throughout the library. Other methods will work seamlessly.

## Client

```js
var WebSocket = require('rpc-websockets').Client
var ws = new WebSocket('ws://localhost:8080')
```

### new WebSocket(address[,...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
slim.js: Fast & Robust Front-End Micro-framework based on modern standards
Github repo
Name: slim.js
Tagline: Fast & Robust Front-End Micro-framework based on modern standards
Homepage: http://slimjs.com
Languages:
JavaScript = 78195 bytes
HTML = 14141 bytes

![hello, slim.js](./docs/slim2.png)

[![Build Status](https://semaphoreci.com/api/v1/eavichay/slim-js/branches/master/badge.svg)](https://semaphoreci.com/eavichay/slim-js)

[Chat on gitter](https://gitter.im/slim-js/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)

# Hello, slim.js

Official website [here](http://slimjs.com)
Documentation [here](https://github.com/slimjs/slim.js/wiki)

## Slim is ultra fast, native and elegant library for web components development
Slim.js is a lightning fast library for development of native web-components and custom-elements based modern applications. No black magic involved.
It uses es6+DOM native API and boosts up HTML elements with superpowers.

### Is this another framework
No! It's a slim code layer that adds superpowers to HTML elements, using the browser native capabilities.
But... wait! there's more:
- It has data binding
- It can be extended
- It feels like a framework (but in a good way)
- It's as small as 5302 GzBytes!
- Single file, good to go.
- No tools required, everything is based on native browser API. Choose your own tools.

## Standards compilant
- es6
- web-components V1
- no transpiling or compilation required

## Tools free
- add Slim.js to your project and your'e good to go

# Documentation
- [Developer's Guide](http://slimjs.com)

The documentation site is built with Slim.js. Check out the source code, it's easy.

### Contibutors are welcome.

*USE THE PLATFORM*

[![Support slim.js](https://liberapay.com/assets/widgets/donate.svg)](https://liberapay.com/eavichay/donate)
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
framework7-react-app-template: framework7-react-app-template
Github repo
Name: framework7-react-app-template
Tagline: framework7-react-app-template
Languages:
JavaScript = 15430 bytes
HTML = 1297 bytes
CSS = 53 bytes

# Framework7 React App Template

To get started, clone this repo as whatever you want to name your app:

```
git clone https://github.com/framework7io/framework7-react-app-template/ my-app
```

Running the app:

```
npm install
npm start
```

To build your app for deployment, run:

```
npm run build
```

The build folder will then contain all of your app's files, optimized and ready for deployment.

This template was created with [Create React App](https://github.com/facebookincubator/create-react-app). It is suggested that you read more about Create React App to understand the full capabilities of the toolset.

### Issues

Please log any issues to the main [Framework7 repo](https://github.com/framework7io/framework7/issues).
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
animatescroll.js: A Simple jQuery Plugin for Animating Scroll
Github repo
Name: animatescroll.js
Tagline: A Simple jQuery Plugin for Animating Scroll
Homepage: http://plugins.compzets.com/animatescroll
Languages:
HTML = 14752 bytes
JavaScript = 9566 bytes
CSS = 3767 bytes

AnimateScroll
=============

A Simple jQuery Plugin for Animating the Scroll

Demo can be seen at http://plugins.compzets.com/animatescroll

What is it exactly?
-------------------

AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the `animatescroll()` function with the `id` or `classname` of the element where you want to scroll to.

It gives power to the user with its various options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.

Usage
------

You need two things for this plugin to work, one is "jQuery library" and the other `animatescroll.js` file.

Just include the `animatescroll.js` file after the "jQuery library" as shown in the code snippet below and you're done.

NOTE: The only dependency for this plugin to work is jQuery library.

```html
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="animatescroll.js">
</head>
<body>
<div id="section-1">This is the element where you want to scroll to<div>

/*
* You may call the function like this
* (but better attach an event listener)
*/
<a onclick="$('[jquery selector]').animatescroll([options]);">Go to Element</a>
</body>
</html>
```

**You can either download the files or install from Bower (package manager):**
```javascript
bower install animatescroll
```
NOTE: There are two js files, if you do not want the various easing effects, you can use the `animatescroll.noeasing.js`

Options
-------

AnimateScroll has 6 options:

1. [easing](#easing)
2. [scrollSpeed](#scrollSpeed)
3. [padding](#padding)
4. [element](#element)
5. [onScrollStart](#onScrollStart)
6. [onScrollEnd](#onScrollEnd)

#### easing (*default*: ```easing```)

This option defines the scrolling style. The various easing effects supported can be seen at www.easings.net (Accepts string only)

#### scrollSpeed (*default*: ```400```)

Controls the scrolling speed, higher is the number slower is the scroll speed (Accepts only number)

#### padding (*default*: ```0```)

Adjusts little ups and downs in scrolling. Suppose a small amount of padding is applied to a particular element due to which the scroll didn't end at the right position, so this option helps you to rectify (Accepts numbers only, can be negative)

#### element (*default*: ```html, body```)

**Added in v1.0.5**.
The element in which you want this plugin to work. Default is "body". (Accepts any jQuery/CSS selector)

#### onScrollStart

**Added in v1.0.7**.
A function to be called before scrolling starts

#### onScrollEnd

**Added in v1.0.7**.
A function to be called after the scrolling ends completely with animations

To add an...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
docsify: 🃏 A magical documentation site generator.
Github repo
Name: docsify
Tagline: 🃏 A magical documentation site generator.
Homepage: https://docsify.js.org
Languages:
JavaScript = 254310 bytes
CSS = 21560 bytes
HTML = 1551 bytes
Shell = 994 bytes

<p align="center">
<a href="https://docsify.js.org">
<img alt="docsify" src="./docs/_media/icon.svg">
</a>
</p>

<p align="center">
A magical documentation site generator.
</p>

<p align="center">
<a href="#backers"><img alt="Backers on Open Collective" src="https://opencollective.com/docsify/backers/badge.svg?style=flat-square"></a>
<a href="#sponsors"><img alt="Sponsors on Open Collective" src="https://opencollective.com/docsify/sponsors/badge.svg?style=flat-square"></a>
<a href="https://travis-ci.org/QingWei-Li/docsify"><img alt="Travis Status" src="https://img.shields.io/travis/QingWei-Li/docsify/master.svg?style=flat-square"></a>
<a href="https://www.npmjs.com/package/docsify"><img alt="npm" src="https://img.shields.io/npm/v/docsify.svg?style=flat-square"></a>
<a href="https://github.com/QingWei-Li/donate"><img alt="donate" src="https://img.shields.io/badge/%24-donate-ff69b4.svg?style=flat-square"></a>
</p>

<p align="center">Glod Sponsor via <a href="https://opencollective.com/docsify">Open Collective</a></p>

<p align="center">
<a href="https://opencollective.com/docsify/tiers/gold-sponsor/website">
<img src="https://opencollective.com/docsify/tiers/gold-sponsor.svg?avatarHeight=36">
</a>
</p>

## Links

* [Documentation](https://docsify.js.org)
* [CLI](https://github.com/QingWei-Li/docsify-cli)
* CDN: [UNPKG](https://unpkg.com/docsify/) | [jsDelivr](https://cdn.jsdelivr.net/npm/docsify/) | [cdnjs](https://cdnjs.com/libraries/docsify)
* [Awesome docsify](https://github.com/QingWei-Li/awesome-docsify)

## Features

* No statically built html files
* Simple and lightweight (~19kB gzipped)
* Smart full-text search plugin
* Multiple themes
* Useful plugin API
* Compatible with IE10+
* Support SSR ([example](https://github.com/QingWei-Li/docsify-ssr-demo))
* Support embedded files

## Quick start

Look at [this tutorial](https://docsify.js.org/#/quickstart) or [online demo](https://jsfiddle.net/7ztb8qsr/1/).

## Showcase

These projects are using docsify to generate their sites. Pull requests welcome :blush:

Move to [awesome-docsify](https://github.com/QingWei-Li/awesome-docsify)

## Similar projects

| Project | Description |
| ------------------------------------------------ | ---------------------------------------- |
| [docute](https://github.com/egoist/docute) | 📜 Effortlessly documentation done right |
| [docpress](https://github.com/docpress/docpress) | Documentation website generator |

## Contributing

* Fork it!
* Create your feature branch: `git...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
OLD-insight-api-OLD
Github repo
Name: OLD-insight-api-OLD
Tagline:
Languages:
JavaScript = 208932 bytes

<h1 align="center">Insight-api</h1>

<div align="center">
<strong>A Dash blockchain REST and WebSocket API Service</strong>
</div>
<br />
<div align="center">
<!-- Stability -->
<a href="https://nodejs.org/api/documentation.html#documentation_stability_index">
<img src="https://img.shields.io/badge/stability-stable-green.svg?style=flat-square"
alt="API stability" />
</a>
<!-- Build Status -->
<a href="https://travis-ci.org/dashevo/insight-api">
<img src="https://img.shields.io/travis/dashevo/insight-api/master.svg?style=flat-square" alt="Build Status" />
</a>
<!-- NPM version -->
<a href="https://npmjs.org/package/@dashevo/insight-api">
<img src="https://img.shields.io/npm/v/@dashevo/insight-api.svg?style=flat-square" alt="NPM version" />
</a>
</div>

This is a backend-only service. If you're looking for the web frontend application, take a look at https://github.com/dashevo/insight-ui.

## Table of Content
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Query Rate Limit](#query-rate-limit)
- [API HTTP Endpoints](#api-http-endpoints)
- [Block](#block)
- [Block Index](#block-index)
- [Raw Block](#raw-block)
- [Block Summaries](#block-summaries)
- [Transaction](#transaction)
- [Address](#address)
- [Address Properties](#address-properties)
- [Unspent Outputs](#unspent-outputs)
- [Unspent Outputs for Multiple Addresses](#unspent-outputs-for-multiple-addresses)
- [InstantSend Transactions](#instantsend-transactions)
- [Transactions by Block](#transactions-by-block)
- [Transactions by Address](#transactions-by-address)
- [Transactions for Multiple Addresses](#transactions-for-multiple-addresses)
- [Transaction Broadcasting](#transaction-broadcasting)
- [Sporks List](#sporks-list)
- [Proposals Informations](#proposals-informations)
- [Proposals Count](#proposals-count)
- [Budget Proposal List](#budget-proposal-list)
- [Budget Triggers List](#budget-triggers-list)
- [Budget Proposal Detail](#budget-proposal-detail)
- [Proposal Check](#proposal-check)
- [Proposal Deserialization](#proposal-deserialization)
- [Proposal Current Votes](#proposal-current-votes)
- [Governance Budget](#governance-budget)
- [Masternodes List](#masternodes-list)
- [Historic Blockchain Data Sync Status](#historic-blockchain-data-sync-status)
- [Live Network P2P Data Sync Status](#live-network-p2p-data-sync-status)
- [Status of the Bitcoin Network](#status-of-the-bitcoin-network)
- [Utility Methods](#utility-methods)
- [Web Socket Api](#web-socket-api)
- [Example Usage](#example-usage)
- [Notes on Upgrading from v0.3](#notes-on-upgrading-from-v03)
- [Notes on Upgrading from v0.2](#notes-on-upgrading-from-v02)
- [Resources](#resources)
-...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
react-icons: svg react icons of popular icon packs
Github repo
Name: react-icons
Tagline: svg react icons of popular icon packs
Homepage: http://react-icons.github.io/react-icons/
Languages:
JavaScript = 1695831 bytes
Shell = 227 bytes

<img src="https://rawgit.com/gorangajic/react-icons/master/react-icons.svg" width="120" alt="React Icons">

## [React Icons](http://react-icons.github.io/react-icons/index.html)

[![npm][npm-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/react-icons.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/react-icons

Include popular icons in your React projects easly with ```react-icons```, which utilizes ES6 imports that allows you to include only the icons that your project is using.

### Installation

npm install react-icons --save

### Usage

```jsx
import FaBeer from 'react-icons/lib/fa/beer';

class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
```

If you are not using an ES6 compiler like [Babel](https://babeljs.io/) or [Rollup](http://rollupjs.org/), you can include icons from the compiled folder `./lib`.
Babel by [default](http://babeljs.io/docs/usage/require/#usage) will ignore `node_modules` so if you don't want to change the settings you will need to use files from `./lib`.

```jsx
var FaBeer = require('react-icons/lib/fa/beer');

var Question = React.createClass({
render: function() {
return React.createElement('h3', null,
' Lets go for a ', React.createElement(FaBeer, null), '? '
);
}
});

```

You can include icons directly from `react-icons` using `import FaBeer from 'react-icons'`, but you should use a builder that uses dead code elimination like Webpack 2+, based on ES6 imports.

Also it's possible to import an entire icon pack:

```jsx
import * as FontAwesome from 'react-icons/lib/fa'

class Question extends React.Component {
render() {
return <h3> Lets go for a <FontAwesome.FaBeer />? </h3>
}
}
```

or import multiple icons from the same pack

```jsx
import {MdCancel, MdChat, MdCheck} from 'react-icons/md';
```

Each icon pack is in its own folder:

* Material Design Icons => `./md`
* FontAwesome => `./fa`
* Typicons => `./ti`
* Github Octicons => `./go`
* Ionicons => `./io`

To view them all, visit the [docs](http://gorangajic.github.io/react-icons/)

Also, to view and search for the necessary icons you can use [Icon Viewer](https://andy-pro.github.io/icon-viewer).

### Icons

Currently supported icons are:
* Material Design Icons by Google https://www.google.com/design/icons/ (licence: [CC-BY 4.0](https://github.com/google/material-design-icons/blob/master/LICENSE))
* Font Awesome by Dave Gandy - http://fontawesome.io (licence: [SIL OFL 1.1](http://scripts.sil.org/OFL))
* Typicons by Stephen Hutchings - http://typicons.com (licence: [CC BY-SA](http://creativecommons.org/licenses/by-sa/3.0/))
* Github Octicons icons by Github...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
hue: Hue will help you to print awesomely in terminals.
Github repo
Name: hue
Tagline: Hue will help you to print awesomely in terminals.
Languages:
Python = 1185 bytes

# Hue

![Hue Logo](https://i.imgur.com/Pxe9la8.png)

Hue provides a minimal and powerful interface to print colored text and labels in the terminal.\
It works with Python 2 as well as Python 3.

What makes hue better than other coloring libraries? [Here's a comparison.](#why-hue)

## Supported Stuff

Following styles are supported

![Hue Styles](https://i.imgur.com/899ZtQy.png)

Following colors are supported

![Hue Colors](https://i.imgur.com/9tWvPkD.png)

Following labels are supported

![Hue Labels](https://i.imgur.com/8qBq0Zd.png)

### Installation
You can install `hue` with **pip** as follows:
```
pip install huepy
```
or with **easy_install**:
```
easy_install huepy
```

### Usage
First of all, import everything that Hue has to offer as follows:

```python
from huepy import *
```

Printing colored text is as simple as doing

```python
print red('This string is red')
```

Easy right?
But what if you want to print italic text?
You can simply do this

```python
print italic('This string is in italic')
```

You can also combine styles and colors

```python
print bold(red('This string is bold and red'))
```

Output:
![Output Examples](https://i.imgur.com/Lo7ZyHq.png)

And what is the use of those labels?\
I have been using these labels in projects as a minimal output schema.\
If some error occured in your program or something else bad happened you don't need to print the whole line in red. With hue, you can simply do this

```python
print bad('An error occured.')
```

Take a look at the output of all the labels
![Label Examples](https://i.imgur.com/b4Kj5Ym.png)

#### List of all colors

```python
white, grey, black, green, lightgreen, cyan, lightcyan, red, lightred,
blue, lightblue, purple, light purple, orange, yellow
```

#### List of all styles

```python
bold, bg, under, strike, italic
```

#### List of all labels

```python
info, que, run, bad, good
```

**Note:** Windows versions below windows 10 do not support ANSI escape sequences so the colors will not be printed in command prompt.

### Why hue

Because its awesome!
Lets print a red colored string in popular coloring libraries:

- Colorama
```python
from colorama import Fore
print Fore.RED + 'This string is red'
```
- Termcolor
```python
import sys
from termcolor import colored, cprint
print colored('This string is red', 'red')
```
- Hue
```python
from hue import *
print red('This string is red')
```
Here's comparison table:

||Hue|Colorama|Termcolor|
|---|---|--------|---------|
|Compatibility|Unix & Windows 10|Unix & Windows|Unix|
|Ease of use|10/10|4/10|5/10|
|Bright Colors|Yes|No|No|

**Note:** Colorama and Termcolor print bold styled strings when asked for bright colored strings. On the other hand, Hue supports both bright and bold strings. Also the *Ease to use* ratings are a result of my own experience and may differ for others.

###...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
hexo-theme-apollo: a clean and delicate hexo theme
Github repo
Name: hexo-theme-apollo
Tagline: a clean and delicate hexo theme
Homepage: http://pinggod.com/
Languages:
CSS = 9593 bytes
HTML = 6448 bytes
JavaScript = 509 bytes

![hexo-theme-apollo](https://cloud.githubusercontent.com/assets/9530963/13026956/08e76eca-d277-11e5-8bfc-2e80cea20a0d.png)

## 文档

- [中文文档](https://github.com/pinggod/hexo-theme-apollo/blob/master/doc%2Fdoc-zh.md)
- [Document](https://github.com/pinggod/hexo-theme-apollo/blob/master/doc%2Fdoc-en.md)

## 贡献

该项目不再接受添加新特性、功能的 pull request,所有创造性的想法请 fork 该项目之后自由发挥。

## 安装

[![asciicast](https://asciinema.org/a/emrvroa9054hz6k8ise0uxh2u.png)](https://asciinema.org/a/emrvroa9054hz6k8ise0uxh2u)

``` bash
hexo init Blog
cd Blog
npm install
npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
git clone https://github.com/pinggod/hexo-theme-apollo.git themes/apollo
```

## 启用

修改 `_config.yml` 的 `theme` 配置项为 `apollo`:

```yaml
theme: apollo

# 在归档页面显示所有文章
# 需要上面安装的 hexo-generator-archive 插件支持
archive_generator:
per_page: 0
yearly: false
monthly: false
daily: false
```

## 更新

``` bash
cd themes/apollo
git pull
```

## License

MIT
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
battlecry: A simple and customizable scaffolding tool for all languages and frameworks
Github repo
Name: battlecry
Tagline: A simple and customizable scaffolding tool for all languages and frameworks
Languages:
JavaScript = 39750 bytes

# 🥁 battlecry

> A simple and customizable scaffolding tool for all languages and frameworks

[![npm version](https://img.shields.io/npm/v/battlecry.svg)](https://www.npmjs.org/package/battlecry)
[![Build Status](https://travis-ci.org/pedsmoreira/battlecry.svg?branch=master)](https://travis-ci.org/pedsmoreira/battlecry)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Maintainability](https://api.codeclimate.com/v1/badges/a2c3f76f8d99cfe9ef1c/maintainability)](https://codeclimate.com/github/pedsmoreira/battlecry/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/a2c3f76f8d99cfe9ef1c/test_coverage)](https://codeclimate.com/github/pedsmoreira/battlecry/test_coverage)

## What is Battlecry?

Battlecry is a cross-platform tool for automating repetitive software development tasks.

Designed to boost developers' performance, Battlecry provides an interface for creating simple and customizable commands that can perform any type of action. Since most of the time developers need to `create`, `copy`, `move`, `edit` or `delete` text files, Battlecry already comes with file helpers that make templating a breeze.

<p align="center">
<img src="./docs/screencast.gif" />
</p>

_Note: Battlecry got renamed from Samba to avoid confusions with the Samba Linux software_

## Why Battlecry?

* ✅ Perfect for creating new modules, components and even new projects
* ✅ Easy to share with your team through your favorite version control system
* ✅ Use it with all languages and frameworks
* ✅ Plug'n play customizable generators
* ✅ Simple & Powerful API
* ✅ Next generation naming with [casex](https://github.com/pedsmoreira/casex)

### Why not just use [Yeoman](http://yeoman.io/)?

Yeoman is a great tool for creating new projects, but when it comes to updating ongoing projects, I think there's a lot of room for improvement. If you want to use a framework with a strict set of libraries and requirements you can probably find a Yeoman generator that suits you, but you won't be able to customize these generators with ease.

In my experience, the farther you go on a project, the more you'll need to shape your generators to fit it. Each project has it's own requirements and it's only fair that it get it's own generators. With Battlecry you can create your own or download generators to give you a nice quickstart, and when you need to customize them, it's very easy to do so and you can share the changes with your whole team.

## Examples

Each example can be downloaded with `cry download generator examples/example_name_here`.

1. [args](./examples/args): Working with arguments
2. [options](./examples/options): Working with options
3. [multiple-templates](./examples/multiple-files): Working with multiple template files
4. [aliases](./examples/aliases): Creating your own method aliases
5. [helpers](./examples/helpers): Using helpers to share methods across generators
6. ...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
deyarn: A command-line tool for converting projects that use Yarn to npm.
Github repo
Name: deyarn
Tagline: A command-line tool for converting projects that use Yarn to npm.
Languages:
JavaScript = 3179 bytes

# `deyarn`

A command-line tool for converting projects that use `yarn` to `npm`.

The follow-up to [`npm2yarn`](https://github.com/mixmaxhq/npm2yarn). See https://mixmax.com/blog/to-yarn-and-back-again-npm for motivation.

## Procedure

`deyarn`:

1. Checks out the `master` branch
2. Pulls the latest changes
3. Checks out a new branch, `deyarnify`, overwriting any existing `deyarnify` branch
4. Removes `yarn.lock` if it exists
5. Removes `node_modules` to avoid any installation conflicts
6. Installs your project dependencies using `npm`, generating a `package-lock.json` file
7. Runs `npm test` as a sanity check
8. Stages the changes made
9. Logs a list of manual steps to be taken to complete the transition

This conversion will likely involve the upgrading of some/many of your transitive dependencies, so make sure to test thoroughly! :)

## Installation

```sh
$ npm install -g deyarn
```
or
```sh
$ yarn global add deyarn
```

## Usage

(in the directory of the project to convert, which must be a Git repository)
```
$ deyarn
```

## Contributing

We welcome your pull requests! Please lint your code.

## Changelog

* 1.0.0 Add initial code
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
fixer: A foreign exchange rates and currency conversion API
Github repo
Name: fixer
Tagline: A foreign exchange rates and currency conversion API
Homepage: http://fixer.io
Languages:
Ruby = 20958 bytes
Shell = 3651 bytes

![alt text](https://github.com/fixerAPI/fixer/blob/master/warning.png?raw=true)

# Fixer - Important Announcement

We are happy to announce the complete relaunch of fixer.io into a more stable, more secure, and much more advanced currency & exchange rate conversion API platform. While the core structure of our API remains unchanged, all users of the legacy Fixer API will be required to sign up for a free API access key and perform a few simple changes to their integration. To learn more about the changes that are required, please jump to the „Required Changes“ section below.

**Required Changes to Legacy Integrations (api.fixer.io)**

As of March 6th 2018, the legacy Fixer API (api.fixer.io) is deprecated and a completely re-engineered API is now accessible at https://data.fixer.io/api/ The core structure of the old API has remained unchanged, and you will only need to perform a few simple changes to your integration.

**1. Get a Free Fixer Access Token**

Go to fixer.io and create an account. After signup, you will receive an access token immediately. If you plan on using less than 1000 requests per month, your account will be completely free. If you need more or want to use some of our new features, you’ll need to choose one of the paid options.

**2. Replace API URL and add Access Key**

The new API comes with a new endpoint and now requires an access key in the GET URL. Please change your API URL from api.fixer.io to https://data.fixer.io/api and attach your newly generated access key to the URL as a GET parameter named „access_key“.

**Example**

If your old API Call was https://api.fixer.io/latest then your new integration should point to: https://data.fixer.io/api/latest?access_key=YOUR_ACCESS_KEY

**New Features**

Although the core structure of the fixer API remains unchanged, we added a whole lot of improvements, 100+ more currencies, and many more features to the new Fixer API. You can read more about all new features on the new fixer.io website. Here’s a list of the most important ones:

- **Fixer is still free!**
Although we now offer a set of premium plans for more advanced users, the basic API features (e.g. getting the latest and historical exchange rates) remain completely free of charge. Minor limitations include our new 1000 requests/month limit and EUR being the only available base currency for customers using a free account. If you need more than 1000 requests per month or want to use all 170 available base currencies, you’ll need to choose one of the paid plans starting at only $10 per month.

- **Over 100 Additional Currencies**
The new Fixer API now supports over 100 additional currencies, bumping the total available currencies for conversion to 170.

- **More Reliable Data Sources & Updates every minute**
The old Fixer API was limited to currency data from the European Central Bank, which updates only once every day. The new API comes with 16+ connected data sources and data updates every hour, 10-minutes, or even every minute - depending on which subscription plan you choose.

- **More Endpoints**
The new fixer API has over 3 new endpoints, including a Direct Conversion endpoint, Time-Series conversion endpoint, and allows you to see the fluctuation of a specfic currency using our new...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
calendar-demo-frontend
Github repo
Name: calendar-demo-frontend
Tagline:
Languages:
Vue = 45558 bytes
JavaScript = 24083 bytes
CSS = 18760 bytes

# calendar-demo-frontend

> Nuxt.js + Vuetify.js project

## Build Setup

``` bash
# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project
$ npm run generate
```

For detailed explanation on how things work, check out the [Nuxt.js](https://github.com/nuxt/nuxt.js) and [Vuetify.js](https://vuetifyjs.com/) documentation.
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
remeal: Reveal.js remote control
Github repo
Name: remeal
Tagline: Reveal.js remote control
Languages:
JavaScript = 43456 bytes
CSS = 547 bytes
HTML = 456 bytes

# Remeal
[![Build Status](https://travis-ci.org/dmitry-korolev/remeal.svg?branch=master)](https://travis-ci.org/dmitry-korolev/remeal) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) [![Greenkeeper badge](https://badges.greenkeeper.io/dmitry-korolev/remeal.svg)](https://greenkeeper.io/)
[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](http://twitter.com/share?text=Remeal:%20simple%20control%20panel%20for%20HTML%20presentations&url=https://github.com/dmitry-korolev/remeal&hashtags=remeal,revealjs,presentations)

Simple remote control panel for [reveal.js](https://revealjs.com/) presentations based on socket.io.

Features:

1. Title of the talk. For busy people!
2. Timer. Click on it to restart.
3. Beautiful connection indicator.
4. Displays the current slide. Tap and hold the slide to turn the pointer on (can be disabled at the customization panel).
5. Displays speaker notes for the current slide.
6. Controls available:
1. next slide
2. previous slide
3. toggle pause mode
4. toggle overview mode
7. Customizable panel! Choose where to place the current slide, speaker notes and controls, or disable them at all!
8. Light and dark theme included. Sometimes you just don't want to make your listeners blind.
9. Control panel vibrates on receiving events from the presentation so that you don't have to look back on the main screen to be sure that everything works (can be disabled at the customization panel).

See it in action:

[![Remeal demonstration](https://img.youtube.com/vi/aAibnF0HJtY/0.jpg)](https://www.youtube.com/watch?v=aAibnF0HJtY)

## Usage
The installation process includes two simple steps:

1. Clone this repo and deploy anywhere. Don't forget to `npm run build&& npm run start` it (hint: `now` will do it automatically).
2. Connect your presentation to the control panel. There are two ways to do that:
1. Visit remeal deployment and drag the huge `Remeal` link to the bookmarks panel. Then open your presentation and press the bookmarklet. The presentation will be connected to the control panel automatically. This method is preferable. Obviously.
2. OR, if you feel *adventurous*, build remeal locally (`npm run build`), copy `plugin/remeal.js` to your presentation and add it as a dependency:
```js
Reveal.initialize({
...otherConfigOptions,
dependencies: [
...otherDependencies,
{ src: REMEAL_PLUGIN_URL_GOES_HERE, async: true, callback: () => initRemeal() }
]
})
```
Then open your presentation and press `r` to connect to the remote control panel.
3. Tapping on the gear in the header opens the configuration panel, where you can:
1. Switch theme
2. Rearrange or disable control panel blocks
3. Turn vibrations on and off
4. Enable and disable the pointer feature.

## Screenshots
### Dark theme
![Dark theme](/screenshots/dark.png?raw=true "Dark theme")

### Light theme
![Light...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
Flutter-SearchView: A Flutter SearchView Application
Github repo
Name: Flutter-SearchView
Tagline: A Flutter SearchView Application
Languages:
Dart = 5813 bytes
Objective-C = 1291 bytes
Java = 946 bytes

# Flutter-SearchView
A Flutter SearchView Application

![Preview](app.gif)
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
nextgram: A sample Next.js app for showing off its capabilities
Github repo
Name: nextgram
Tagline: A sample Next.js app for showing off its capabilities
Homepage: https://next-gram.now.sh
Languages:
JavaScript = 5002 bytes

# NextGram

Sample [next](https://github.com/zeit/next.js) app that takes advantage of the
routing capabilities. In particular, notice that the photo route can be attached to _two distinct_ components: in one case rendered as a modal, and in another case rendered independently.

![NextGram](https://i.imgur.com/KF0KExk.gif)

# Installation

$ npm install

# Running the app

$ npm run dev
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
armin: Declarative state machines for React!
Github repo
Name: armin
Tagline: Declarative state machines for React!
Languages:
JavaScript = 21818 bytes
HTML = 531 bytes

<p align="center">

<img src="https://github.com/imbhargav5/armin/blob/master/.github/armin_logo.png"/>
</p>

<p align="center"> Declarative state machines for React! </p>

<hr/>
<p align="center">
React Component state is a powerful way of managing state within a component, but can we do more? Can we create and maintain state which is more readable and self-explantory and powerful at the same time?
</p>
<hr/>

## Quick Example

```javascript
import {createMachine} from "armin"

const ViewToggler = createMachine({
allStates: ["visible", "hidden"],
state : "visible",
reducers : {
hide : {
from : ["visible"],
setState : () => "hidden"
},
show : {
from : ["hidden"],
setState : () => "visible"
}
}
})

// In your component's render method

<ViewToggler.Provider>
...
<ViewToggler.Consumer>
{toggler => <>
<button disabled={toggler.is.visible} onClick={toggler.show} > Show </button>
<button disabled={toggler.is.hidden} onClick={toggler.hide} > Hide </button>
</>}
</ViewToggler.Consumer>
...
</ViewToggler.Provider>

```

So what is going on there?

The configuration for a state machine like above means that,

- All your states have names
- Reducers describe how state can be updated using `from` and `setState` keywords.
- `allStates` defines all the valid states your state machine can take.
- When you create a state machine you get a `Provider` and `Consumer` and the `Consumer` is able to expose a `controller` which is capable of performing actions and manipulate state of your machine. You can create as many consumers as you like and they all talk to each other through the `Provider`.

Is that all `Armin` can do? Nope. Let's take a slightly larger example.

### Single State Machine -> An async counter example with armin

1. Create a machine

```javascript
import {createMachine} from "armin"

const { Provider, Consumer } = createMachine({
allStates: ["ready", "running", "stopped"],
state: "ready",
value: 0,
reducers: {
increment: {
setValue: ({ value, state }, payload = 1) => value + payload,
setState: () => "running"
},
decrement: {
from: ["running"],
setValue: ({ value, state }, payload = 1) => value - payload,
setState: (opts, setValue) =>
setValue <= 0 ? "stopped" : "running"
// setState function has access to the newValue that was generated in setValue as the second argument. Opts
// contains current value and current state.
},
stop: {
from: ["ready", "running"],
setValue: ({ value }) => value,
setState: () => "stopped"
}
},
effects: {
async incrementAsync() {
console.log("waiting");
await new Promise(resolve =>
setTimeout(() => {
...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
nextjs-with-aws-appsync: Demo of a working Next.js with AWS AppSync example
Github repo
Name: nextjs-with-aws-appsync
Tagline: Demo of a working Next.js with AWS AppSync example
Languages:
JavaScript = 3147057 bytes

# Next.js with AWS AppSync
Check out [this](https://medium.com/@dabit3/ssr-graphql-apps-with-next-js-aws-appsync-eaf7fbeb1bde) post for a full walk-through.

## Getting started

1. Create your AppSync.js configuration

2. Install dependencies

```bash
yarn
```

3. Start the app

```bash
npm run dev
```
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
tfjs-examples: Examples built with TensorFlow.js
Github repo
Name: tfjs-examples
Tagline: Examples built with TensorFlow.js
Homepage: https://js.tensorflow.org/
Languages:
JavaScript = 220556 bytes
Python = 54874 bytes
HTML = 41267 bytes
TypeScript = 28216 bytes
Shell = 18840 bytes
CSS = 6830 bytes
Vue = 2324 bytes

# TensorFlow.js Examples

This repository contains a set of examples implemented in
[TensorFlow.js](http://js.tensorflow.org).

Each example directory is standalone so the directory can be copied
to another project.

# Dependencies

Except for `getting_started`, all the examples require the following dependencies to be installed.

- Node.js version 8.9 or higher
- [NPM cli](https://docs.npmjs.com/cli/npm) OR [Yarn](https://yarnpkg.com/en/)

## How to build an example
`cd` into the directory

If you are using `yarn`:

```sh
cd mnist-core
yarn
yarn watch
```

If you are using `npm`:
```sh
cd mnist-core
npm install
npm run watch
```

### Details

The convention is that each example contains two scripts:

- `yarn watch` or `npm run watch`: starts a local development HTTP server which watches the
filesystem for changes so you can edit the code (JS or HTML) and see changes when you refresh the page immediately.

- `yarn build` or `npm run build`: generates a `dist/` folder which contains the build artifacts and
can be used for deployment.

## Contributing

If you want to contribute an example, please reach out to us on
[Github issues](https://github.com/tensorflow/tfjs-examples/issues)
before sending us a pull request as we are trying to keep this set of examples
small and highly curated.
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
eslint-config-codingitwrong: An ESLint config that doesn't get in the way of refactoring.
Github repo
Name: eslint-config-codingitwrong
Tagline: An ESLint config that doesn't get in the way of refactoring.
Languages:
JavaScript = 1892 bytes

# eslint-config-codingitwrong

The goal of this ESLint config is to enforce safety and a consistent style, while not getting in the way of refactoring. In particular:

- Unused variables (and thus imports) are allowed, so that if you are temporarily not using a variable you don't have to comment it out elsewhere.
- Arrow parens and body style are not restricted, so you can add or remove parameters, or switch it between a block and expression without needing to change the style.
- Quote style is not enforced so you won't need to change backticks to another type of quote if you temporarily remove all template expressions.
- Constant conditions are allowed so you can do `if (true)` or `if (false)` to temporarily get a branch to always pass.
- `console.log()`, `alert()`, and `debugger` are allowed. How else are you going to get anything done??
- Unreachable code is allowed so you can put an early `return` in a block for experimentation.

However, curlies are required; it's just too risky to allow leaving them out.

## Usage

Install the package:

`npm install --save-dev eslint-config-codingitwrong`

Then set it in your ESLint config file. This package doesn't extend `eslint:recommended` itself, but it's _recommended_ that you do so:

```javascript
module.exports = {
"extends": [
"eslint:recommended",
"codingitwrong",
],
};
```

## License

Apache
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
wired-elements: Collection of elements that appear hand drawn. Great for wireframes.
Github repo
Name: wired-elements
Tagline: Collection of elements that appear hand drawn. Great for wireframes.
Homepage: https://wiredjs.com
Languages:
JavaScript = 65855 bytes

# wired-elements 👉 [wiredjs.com](https://wiredjs.com)
Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

![alt Preview](https://i.imgur.com/qttPllg.png)

The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.

## Try now
Play with wired-elements live on StackBlitz playground:

[Wired Elements](https://stackblitz.com/edit/wired-elements?file=index.html)

[Wired Elements in React](https://stackblitz.com/edit/wired-elements-react?file=index.js)

## Install

The package (wired-elements) exports all components in the **_wired_** category. List of all wired elements can be found [here](https://github.com/wiredjs/wired-elements/tree/master/packages).

Add wired-elements to your project:
```
npm i wired-elements
```
or individual controls
```
npm i wired-button
```

## Usage

Import into your module script:
```javascript
import { WiredButton, WiredInput } from "wired-elements"
```

Alternatively, load a bundled version from the [dist folder](https://github.com/wiredjs/wired-elements/tree/master/packages/all/dist) or from CDN:

```html
<script src="https://unpkg.com/wired-elements@latest/dist/wired-elements.bundled.min.js"></script>
```

#### Use it in your web page:
```html
<wired-input placeholder="Enter name"></wired-input>
<wired-button>Click Me</wired-button>
```

Learn about web components [here](https://www.webcomponents.org/introduction).

### Demo

Demo of all components is available at [wiredjs.com](https://wiredjs.com/showcase.html).

## Dev Environment

View the [Dev environment page](https://github.com/wiredjs/wired-elements/wiki/Dev-Environment) for instructions.

## License
[MIT License](https://github.com/wiredjs/wired-elements/blob/master/LICENSE) (c) [Preet Shihn](https://twitter.com/preetster)
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
simplecrawler: Flexible event driven crawler for node.
Github repo
Name: simplecrawler
Tagline: Flexible event driven crawler for node.
Languages:
JavaScript = 215958 bytes

# Simple web crawler for node.js

[![NPM version](https://img.shields.io/npm/v/simplecrawler.svg)](https://www.npmjs.com/package/simplecrawler)
[![Linux Build Status](https://img.shields.io/travis/cgiffard/node-simplecrawler/master.svg)](https://travis-ci.org/cgiffard/node-simplecrawler)
[![Windows Build Status](https://img.shields.io/appveyor/ci/cgiffard/node-simplecrawler/master.svg?label=Windows%20build)](https://ci.appveyor.com/project/cgiffard/node-simplecrawler/branch/master)
[![Dependency Status](https://img.shields.io/david/cgiffard/node-simplecrawler.svg)](https://david-dm.org/cgiffard/node-simplecrawler)
[![devDependency Status](https://img.shields.io/david/dev/cgiffard/node-simplecrawler.svg)](https://david-dm.org/cgiffard/node-simplecrawler#info=devDependencies)

simplecrawler is designed to provide a basic, flexible and robust API for
crawling websites. It was written to archive, analyse, and search some
very large websites and has happily chewed through hundreds of thousands of
pages and written tens of gigabytes to disk without issue.

## What does simplecrawler do?

* Provides a very simple event driven API using `EventEmitter`
* Extremely configurable base for writing your own crawler
* Provides some simple logic for auto-detecting linked resources - which you can
replace or augment
* Automatically respects any robots.txt rules
* Has a flexible queue system which can be frozen to disk and defrosted
* Provides basic statistics on network performance
* Uses buffers for fetching and managing data, preserving binary data (except
when discovering links)

## Documentation

- [Installation](#installation)
- [Getting started](#getting-started)
- [Events](#events)
- [A note about HTTP error conditions](#a-note-about-http-error-conditions)
- [Waiting for asynchronous event listeners](#waiting-for-asynchronous-event-listeners)
- [Configuration](#configuration)
- [Fetch conditions](#fetch-conditions)
- [Download conditions](#download-conditions)
- [The queue](#the-queue)
- [Manually adding to the queue](#manually-adding-to-the-queue)
- [Queue items](#queue-items)
- [Queue statistics and reporting](#queue-statistics-and-reporting)
- [Saving and reloading the queue (freeze/defrost)](#saving-and-reloading-the-queue-freezedefrost)
- [Cookies](#cookies)
- [Cookie events](#cookie-events)
- [Link Discovery](#link-discovery)
- [FAQ/Troubleshooting](#faqtroubleshooting)
- [Node Support Policy](#node-support-policy)
- [Current Maintainers](#current-maintainers)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)

## Installation

```sh
npm install --save simplecrawler
```

## Getting Started

Initializing simplecrawler is a simple process. First, you require the module
and instantiate it with a single argument. You then configure the properties you
like (eg. the request interval), register a few event listeners, and call the
start method. Let's walk through the process!

After requiring the crawler, we...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
deno: A secure TypeScript runtime on V8
Github repo
Name: deno
Tagline: A secure TypeScript runtime on V8
Languages:
JavaScript = 86670 bytes
TypeScript = 46809 bytes
Go = 27022 bytes
C++ = 22310 bytes
Python = 5733 bytes
Makefile = 1421 bytes
C = 1386 bytes
Shell = 390 bytes

# deno

[![Build Status](https://travis-ci.com/ry/deno.svg?branch=master)](https://travis-ci.com/ry/deno)

## A secure TypeScript runtime built on V8

* Supports TypeScript 2.8 out of the box. Uses V8 6.8.275.3. That is, it's
very modern JavaScript.

* No `package.json`. No npm. Not explicitly compatible with Node.

* Imports reference source code URLs only.
```
import { test } from "https://unpkg.com/deno_testing@0.0.5/testing.ts"
import { log } from "./util.ts"
```
Remote code is fetched and cached on first execution, and never updated until
the code is run with the `--reload` flag. (So, this will still work on an
airplane. See `~/.deno/src` for details on the cache.)

* File system and network access can be controlled in order to run sandboxed
code. Defaults to read-only file system access and no network access.
Access between V8 (unprivileged) and Golang (privileged) is only done via
serialized messages defined in this
[protobuf](https://github.com/ry/deno/blob/master/msg.proto). This makes it
easy to audit.
To enable write access explicitly use `--allow-write` and `--allow-net` for
network access.

* Single executable:
```
> ls -lh deno
-rwxrwxr-x 1 ryan ryan 55M May 28 23:46 deno
> ldd deno
linux-vdso.so.1 => (0x00007ffc6797a000)
libpthread.so.0 => /lib/x86_64-linux-gnu/libpthread.so.0 (0x00007f104fa47000)
libstdc++.so.6 => /usr/lib/x86_64-linux-gnu/libstdc++.so.6 (0x00007f104f6c5000)
libm.so.6 => /lib/x86_64-linux-gnu/libm.so.6 (0x00007f104f3bc000)
libgcc_s.so.1 => /lib/x86_64-linux-gnu/libgcc_s.so.1 (0x00007f104f1a6000)
libc.so.6 => /lib/x86_64-linux-gnu/libc.so.6 (0x00007f104eddc000)
/lib64/ld-linux-x86-64.so.2 (0x00007f104fc64000)
```

* Always dies on uncaught errors.

* Supports top-level `await`.

* Aims to be browser compatible.

* Can be used as a library to easily build your own JavaScript runtime.
https://github.com/ry/deno/blob/master/cmd/main.go

## Status

Segfaulty.

No docs yet. For some of the public API see: [deno.d.ts](https://github.com/ry/deno/blob/master/deno.d.ts).

And examples are around here: [testdata/004_set_timeout.ts](https://github.com/ry/deno/blob/master/testdata/004_set_timeout.ts).

Roadmap is [here](https://github.com/ry/deno/blob/master/TODO.txt).

Also see this presentation: http://tinyclouds.org/jsconf2018.pdf

### Github Noise

I am excited about all the interest in this project. However, do understand that this
is very much a non-functional prototype. There's a huge amount of heavy lifting to do.
Unless you are participating in that, please maintain radio silence on github. This
includes submitting trivial PRs (like improving README build instructions).

## Compile instructions

I will release binaries at some point, but for now you have to build it
yourself.

You will need [Go](https://golang.org) with `$GOPATH` defined and
`$GOPATH/bin` in your...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
30-seconds-of-interviews: A curated collection of common interview questions to help you prepare for your next interview.
Github repo
Name: 30-seconds-of-interviews
Tagline: A curated collection of common interview questions to help you prepare for your next interview.
Homepage: https://30secondsofinterviews.org
Languages:
JavaScript = 20333 bytes
CSS = 12799 bytes
Shell = 2293 bytes
HTML = 971 bytes

<a href="https://30secondsofinterviews.org"><img src="logo.jpg" alt="30 Seconds of Interviews logo"></a>

<h1 align="center">
30 Seconds of Interviews
</h1>

<h4 align="center">A curated collection of common interview questions to help you prepare for your next interview.</h4>

<br>

<p align="center">
<a href="https://gitter.im/30-seconds-of-interviews/Lobby"><img src="https://img.shields.io/badge/gitter-join%20chat%20%E2%86%92-brightgreen.svg" alt="gitter"></a>
<a href="https://github.com/fejes713/30-seconds-of-interviews/blob/master/CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome"></a>
<a href="https://travis-ci.com/fejes713/30-seconds-of-interviews"><img src="https://travis-ci.com/fejes713/30-seconds-of-interviews.svg?token=uZrzJhwCxqfwx7TdXzc4&branch=master" alt="travis"></a>
<a href="https://www.producthunt.com/posts/30-seconds-of-interviews"><img src="https://img.shields.io/badge/Product%20Hunt-vote-orange.svg" alt="producthunt"></a>
<a href="https://github.com/fejes713/30-seconds-of-interviews/blob/master/LICENSE"><img src="https://img.shields.io/badge/licence-MIT-blue.svg" alt="licence"></a>
</p>

<br>

## Foreword

Interviews are daunting and can make even the most seasoned expert forget things under pressure. Review and learn what questions are commonly encountered in interviews curated by the community that's answered them and go prepared for anything they'll ask. By bringing together experience and real-world examples, you can go from being nervous to being prepared for that next big opportunity.

## [View online](https://30secondsofinterviews.org/)

<a href="https://30secondsofinterviews.org"><img src="promo.jpg" alt="30 Seconds of Interviews promo"></a>

<br>

## Contributing

> 30 seconds of interviews is a community effort, so feel free to contribute in any way you can. Every contribution helps!

Do you have an excellent idea or know some cool questions that aren't on the list? Read the [contribution guidelines](https://github.com/fejes713/30-seconds-of-interviews/blob/master/CONTRIBUTING.md) and submit a pull request.

Join our [Gitter channel](https://gitter.im/30-seconds-of-interviews/Lobby) to help with the development of the project.

## Table of Contents

### JavaScript

<details>
<summary>View contents</summary>

* [Create a function `batches` that returns the maximum number of whole batches that can be cooked from a recipe.](#create-a-function-batches-that-returns-the-maximum-number-of-whole-batches-that-can-be-cooked-from-a-recipe)
* [What is Big O Notation?](#what-is-big-o-notation)
* [Create a standalone function `bind` that is functionally equivalent to the method...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
newsbuzz: News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.
Github repo
Name: newsbuzz
Tagline: News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.
Languages:
Dart = 67135 bytes
Ruby = 1002 bytes
Objective-C = 750 bytes
Java = 366 bytes

# News Buzz

News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.

## Features

* Custom news feed based on selected sources
* Saving articles
* Explore news based on categories
* Search for topics
* Sharing articles

## Preview

![ios-demo](./screenshots/NewsBuzz.gif)

## Dependencies

* [Flutter](https://flutter.io/)
* [Firebase](https://github.com/flutter/plugins/blob/master/FlutterFire.md)
* [Google Sign In](https://github.com/flutter/plugins/tree/master/packages/google_sign_in)
* [Flutter Webview Plugin](https://github.com/dart-flitter/flutter_webview_plugin)
* [News API](https://newsapi.org/)

## Getting Started

#### 1. [Setup Flutter](https://flutter.io/setup/)

#### 2. Clone the repo

```sh
$ git clone https://github.com/theankurkedia/newsbuzz.git
$ cd newsbuzz/
```

#### 3. Setup firebase app

1. You'll need to create a Firebase instance. Follow the instructions at https://console.firebase.google.com.
2. Once your Firebase instance is created, you'll need to enable anonymous authentication.

* Go to the Firebase Console for your new instance.
* Click "Authentication" in the left-hand menu
* Click the "sign-in method" tab
* Click "Google" and enable it

3. (skip if not running on Android)

* Create an app within your Firebase instance for Android, with package name com.yourcompany.news
* Run the following command to get your SHA-1 key:

```
keytool -exportcert -list -v \
-alias androiddebugkey -keystore ~/.android/debug.keystore
```

* In the Firebase console, in the settings of your Android app, add your SHA-1 key by clicking "Add Fingerprint".
* Follow instructions to download google-services.json
* place `google-services.json` into `newsbuzz/android/app/`.

4. (skip if not running on iOS)

* Create an app within your Firebase instance for iOS, with package name com.yourcompany.news
* Follow instructions to download GoogleService-Info.plist, and place it into newsbuzz/ios/Runner in XCode
* Open newsbuzz/ios/Runner/Info.plist. Locate the CFBundleURLSchemes key. The second item in the array value of this key is specific to the Firebase instance. Replace it with the value for REVERSED_CLIENT_ID from GoogleService-Info.plist

#### 4. Run the app

```sh
$ flutter run
```

## License
Licensed under the [MIT license](https://opensource.org/licenses/MIT).
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
maid: Markdown driven task runner.
Github repo
Name: maid
Tagline: Markdown driven task runner.
Languages:
JavaScript = 13126 bytes

# maid

[![NPM version](https://img.shields.io/npm/v/maid.svg?style=flat)](https://npmjs.com/package/maid) [![NPM downloads](https://img.shields.io/npm/dm/maid.svg?style=flat)](https://npmjs.com/package/maid) [![CircleCI](https://circleci.com/gh/egoist/maid/tree/master.svg?style=shield)](https://circleci.com/gh/egoist/maid/tree/master) [![donate](https://img.shields.io/badge/$-donate-ff69b4.svg?maxAge=2592000&style=flat)](https://github.com/egoist/donate) [![chat](https://img.shields.io/badge/chat-on%20discord-7289DA.svg?style=flat)](https://chat.egoist.moe)

> Markdown driven task runner.

## Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Install](#install)
- [What is a maidfile?](#what-is-a-maidfile)
- [Run tasks before/after a task](#run-tasks-beforeafter-a-task)
- [Task hooks](#task-hooks)
- [Advanced](#advanced)
- [Code block languages](#code-block-languages)
- [bash/sh](#bashsh)
- [Read command line arguments](#read-command-line-arguments)
- [js/javascript](#jsjavascript)
- [Asynchronous task](#asynchronous-task)
- [py/python](#pypython)
- [Use a custom maidfile](#use-a-custom-maidfile)
- [Development](#development)
- [lint](#lint)
- [test](#test)
- [toc](#toc)
- [Contributing](#contributing)
- [Author](#author)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Install

You can install Maid globally:

```bash
# For npm users
npm i -g maid
# For Yarn users
yarn global add maid
```

Or if you want to ensure that your teammates are using the same version as you, it's recommended to install Maid locally:

```bash
# For npm users
npm i -D maid
# For Yarn users
yarn add maid --dev
```

<small>**PRO TIP**: you can use `npx` or `yarn` command to run any locally installed executable that is inside `node_modules/.bin/`, e.g. use `yarn maid` to run the locally installed maid command.</small>

## What is a maidfile?

A maidfile is where you define tasks, in Markdown!

📝 **maidfile.md**:

````markdown
## lint

It uses ESLint to ensure code quality.

```bash
eslint --fix
```

## build

Build our main app

<!-- Following line is a maid command for running task -->

Run task `build:demo` after this

```bash
# note that you can directly call binaries inside node_modules/.bin
# just like how `npm scripts` works
babel src -d lib
```

## build:demo

You can use JavaScript to write to task script too!

```js
const webpack = require('webpack')

// Async task should return a Promise
module.exports = () =>
new Promise((resolve, reject) => {
const compiler = webpack(require('./webpack.config'))
compiler.run((err, stats)...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
devdocs-desktop: 🗂 A full-featured desktop app for DevDocs.io.
Github repo
Name: devdocs-desktop
Tagline: 🗂 A full-featured desktop app for DevDocs.io.
Homepage: https://devdocs.egoist.rocks
Languages:
JavaScript = 21295 bytes
CSS = 2884 bytes
HTML = 792 bytes

# DevDocs Desktop

日本語説明ページは[こちら](https://github.com/egoist/devdocs-desktop/blob/master/README-ja.md)

[![version](https://img.shields.io/github/release/egoist/devdocs-desktop.svg?style=flat-square)](https://github.com/egoist/devdocs-desktop/releases)
[![downloads](https://img.shields.io/github/downloads/egoist/devdocs-desktop/total.svg?style=flat-square)](https://github.com/egoist/devdocs-desktop/releases)
[![downloads latest](https://img.shields.io/github/downloads/egoist/devdocs-desktop/latest/total.svg?style=flat-square)](https://github.com/egoist/devdocs-desktop/releases/latest)
[![travis](https://img.shields.io/travis/egoist/devdocs-desktop.svg?style=flat-square)](https://travis-ci.org/egoist/devdocs-desktop)
[![appveyor](https://img.shields.io/appveyor/ci/egoist/devdocs-desktop.svg?style=flat-square)](https://ci.appveyor.com/project/egoist/devdocs-desktop) [![donate](https://img.shields.io/badge/$-donate-ff69b4.svg?maxAge=2592000&style=flat-square)](https://github.com/egoist/donate) [![chat](https://img.shields.io/badge/chat-on%20discord-7289DA.svg?style=flat-square)](https://chat.egoist.moe)

[DevDocs.io](https://devdocs.io/) combines multiple API documentations in a fast, organized, and searchable interface. This is an unoffcial desktop app for it.

![devdocs-preview](https://user-images.githubusercontent.com/8784712/27121730-11676ba8-511b-11e7-8c01-00444ee8501a.png)

## Features

### Background behavior

When closing the window, the app will continue running in the background, in the dock on macOS and the tray on Linux/Windows. Right-click the dock/tray icon and choose Quit to completely quit the app. On macOS, click the dock icon to show the window. On Linux, right-click the tray icon and choose Toggle to toggle the window. On Windows, click the tray icon to toggle the window.

### Build-in shortcuts

`devdocs` the website itself has great built-in shortcuts support, just check the `help` page in the app.

<img src="https://ooo.0o0.ooo/2017/06/14/59402442301b8.png" alt="help" width="300" />

### Global shortcut

Use <kbd>Ctrl+Shift+D</kbd> (or <kbd>Command+Shift+D</kbd> on macOS) to toggle the app.

## Download

You can manually download the latest release [here](https://github.com/egoist/devdocs-desktop/releases).

## Development

It's really easy to develop this app, no build tools like Webpack needed here, checkout [./app](/app) to get more:

```bash
npm install

npm run app
# edit files, save, refresh and it's done.
```

## Distribute

```bash
npm run dist
```

## License

MIT &copy; [EGOIST](https://github.com/egoist)
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
router
Github repo
Name: router
Tagline:
Homepage: https://reach.tech/router
Languages:
JavaScript = 65451 bytes
HTML = 3896 bytes

<p align="center">
<a href="https://reach.tech/router/">
<img alt="Reach Router" src="./logo-horizontal.png" width="400">
</a>
</p>

<p align="center">
Next Generation Routing for <a href="https://facebook.github.io/react">React</a>
</p>

<p align="center">
<a href="https://www.npmjs.com/package/@reach/router"><img src="https://img.shields.io/npm/v/@reach/router.svg?style=flat-square"></a>
<a href="https://www.npmjs.com/package/@reach/router"><img src="https://img.shields.io/npm/dm/@reach/router.svg?style=flat-square"></a>
<a href="https://travis-ci.org/reach/router"><img src="https://img.shields.io/travis/reach/router/master.svg?style=flat-square"></a>
</p>

## Documentation

[Documentation Site](https://reach.tech/router)

You can also find the docs in the [website directory](./website/src/markdown).

## Community

[Join us on Spectrum](https://spectrum.chat/reach)

## Legal

MIT License
Copyright (c) 2018-present, Ryan Florence
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
resumebot: resumebot using aws and static files
Github repo
Name: resumebot
Tagline: resumebot using aws and static files
Languages:
HTML = 5972 bytes
JavaScript = 5850 bytes
CSS = 1358 bytes
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
comlink: Comlink makes WebWorkers enjoyable.
Github repo
Name: comlink
Tagline: Comlink makes WebWorkers enjoyable.
Languages:
JavaScript = 19817 bytes
TypeScript = 16964 bytes
HTML = 2970 bytes

# Comlink

Comlink’s goal is to make [WebWorkers][webworker] enjoyable. Comlink removes the mental barrier of thinking about `postMessage` and hides the fact that you are working with workers.

> Note: Comlink’s goal is to be a building-block for higher-level abstraction libraries. For example, take a look at [Clooney].

```js
// main.js
const MyClass = Comlink.proxy(new Worker('worker.js'));
// `instance` is an instance of `MyClass` that lives in the worker!
const instance = await new MyClass();
await instance.logSomething(); // logs “myValue = 42”
```

```js
// worker.js
const myValue = 42;
class MyClass {
logSomething() {
console.log(`myValue = ${myValue}`);
}
}
Comlink.expose(MyClass, self);
```

## Browsers support & bundle size

![Chrome 56+](https://img.shields.io/badge/Chrome-56+-green.svg?style=flat-square)
![Edge 15+](https://img.shields.io/badge/Edge-15+-green.svg?style=flat-square)
![Firefox 52+](https://img.shields.io/badge/Firefox-52+-green.svg?style=flat-square)
![Opera 43+](https://img.shields.io/badge/Opera-43+-green.svg?style=flat-square)
![Safari 10.1+](https://img.shields.io/badge/Safari-10.1+-green.svg?style=flat-square)
![Samsung Internet 6.0+](https://img.shields.io/badge/Samsung_Internet-6.0+-green.svg?style=flat-square)

Browsers without [ES6 Proxy] support can use the [proxy-polyfill].

**Size**: ~3.9k, ~1.6k gzip’d

## Introduction

WebWorkers are a web API that allow you to run code in a separate thread. To communicate with another thread, WebWorkers offer the `postMessage` API. You can send messages in form of [transferable] JavaScript objects using `myWorker.postMessage(someObject)`, triggering a `message` event inside the worker.

Comlink turns this messaged-based API into a something more developer-friendly: Values from one thread can be used within the other thread (and vice versa) just like local values.

Comlink can be used with anything that offers `postMessage` like windows, iframes and ServiceWorkers.

## Download

You can download Comlink from the [dist folder][dist]. Alternatively, you can
install it via npm

```
$ npm install --save comlinkjs
```

or use a CDN like [delivrjs]:

```
https://cdn.jsdelivr.net/npm/comlinkjs@3.0.1/umd/comlink.js
```

## Examples

There’s a collection of examples in the [examples directory][examples].

## API

The Comlink module exports 3 functions:

### `Comlink.proxy(endpoint)`

> Returns the value that is exposed on the other side of `endpoint`.

`proxy` creates an ES6 proxy and sends all operations performed on that proxy through `endpoint`. `endpoint` can be a `Window`, a `Worker` or a `MessagePort`.\* The other endpoint of the channel should be passed to `Comlink.expose`.

If you invoke function, all parameters will be structurally cloned or transferred if they are [transferable]. If you want to pass a function as a parameters (e.g. callbacks), make sure to use `proxyValue` (see...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
redux-remember: Saves and loads your redux state from a key-value store of your choice
Github repo
Name: redux-remember
Tagline: Saves and loads your redux state from a key-value store of your choice
Languages:
JavaScript = 16582 bytes
HTML = 1469 bytes

![Logo](https://raw.githubusercontent.com/zewish/redux-remember/master/logo.png)

Redux Remember saves and loads your redux state from a key-value store of your choice

__Works with any of the following:__
- AsyncStorage (react-native)
- LocalStorage (web)
- SessionStorage (web)
- Your own custom storage driver that implements `setItem(key, value)` and `getItem(key)`

__Status:__
- Considered mostly stable (manually tested for now), used in production environment apps.
- Still missing proper test coverage and advanced documentation.

[__See demo!__](https://rawgit.com/zewish/redux-remember/master/demo-web/index.html)

Installation
------------
```bash
$ npm install --save redux-remember
# or
$ yarn add redux-remember
```

Usage - web
-----------

```js
import { applyMiddleware } from 'redux';
import reduxRemember from 'redux-remember';

const remembered = (state = '', { type, payload }) => {
switch (type) {
case 'SET_TEXT1':
return payload;

default:
return state;
}
};

const forgotten = (state = '', { type, payload }) => {
switch (type) {
case 'SET_TEXT2':
return payload;

default:
return state;
}
}

const reducers = {
persistable: {
myStateIsRemembered: remembered
},
forgettable: {
myStateIsForgotten: forgotten
}
};

const { createStore, combineReducers } = reduxRemember(
window.localStorage // or window.sessionStorage, or your own custom storage
);

const store = createStore(
combineReducers(
reducers.persistable,
reducers.forgettable
),
applyMiddleware(
// ...
)
);

// Continue using the redux store as usual...
```

Usage - react native
--------------------

```js
import { AsyncStorage } from 'react-native';
import { applyMiddleware } from 'redux';
import reduxRemember from './redux-remember';

const remembered = (state = '', { type, payload }) => {
switch (type) {
case 'SET_TEXT1':
return payload;

default:
return state;
}
};

const forgotten = (state = '', { type, payload }) => {
switch (type) {
case 'SET_TEXT2':
return payload;

default:
return state;
}
}

const reducers = {
persistable: {
myStateIsRemembered: remembered
},
forgettable: {
myStateIsForgotten: forgotten
}
};

const { createStore, combineReducers } = reduxRemember(
AsyncStorage // or your own custom storage
);

const store = createStore(
combineReducers(
reducers.persistable,
reducers.forgettable
),
applyMiddleware(
// ...
)
);

// Continue using the redux store as usual...
```

Usage - inside a...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
jeelizFaceFilter: Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap,...
Github repo
Name: jeelizFaceFilter
Tagline: Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Homepage: https://jeeliz.com
Languages:
JavaScript = 12102149 bytes
CSS = 5117 bytes
Python = 279 bytes

# JavaScript/WebGL lightweight and robust face tracking library designed for augmented reality face filters

This JavaScript library detects and tracks the face in real time from the webcam video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We provide various demonstrations using main WebGL 3D engines. We have included in this repository the release versions of the 3D engines to work with a determined version (they are in `/libs/<name of the engine>/`).

This library is lightweight and it does not include any 3D engine or third party library. We want to keep it framework agnostic so the outputs of the library are raw: if the a face is detected or not, the position and the scale of the detected face and the rotation Euler angles. But thanks to the featured helpers, examples and boilerplates, you can quickly deal with a higher level context (for motion head tracking, for face filter or face replacement...). We continuously add new demontrations, so stay tuned ! Also, feel free to open an issue if you have any question or suggestion.

## Table of contents

* [Features](#features)
* [Architecture](#architecture)
* [Demonstrations](#demonstrations)
* [Specifications](#specifications)
* [Get started](#get-started)
* [Optionnal init arguments](#optionnal-init-arguments)
* [Error codes](#error-codes)
* [The returned objects](#the-returned-objects)
* [Miscellaneous methods](#miscellaneous-methods)
* [Multiple faces](#multiple-faces)
* [Optimization](#optimization)
* [Changing the 3D Engine](#changing-the-3d-engine)
* [Hosting](#hosting)
* [The development server](#the-development-server)
* [Hosting optimization](#hosting-optimization)
* [About the tech](#about-the-tech)
* [Under the hood](#under-the-hood)
* [Compatibility](#compatibility)
* [Articles and tutorials](#articles-and-tutorials)
* [License](#license)
* [See also](#see-also)
* [References](#references)

<p align="center">
<img src='https://user-images.githubusercontent.com/11960872/37533324-cfa3e516-2941-11e8-99a9-96a1e20c80a3.jpg' />
</p>

## Features

Here are the main features of the library :

* face detection,
* face tracking,
* face rotation detection,
* mouth opening detection,
* multiple faces detection and tracking,
* very robust for all lighting conditions,
* video acquisition with HD video ability,
* mobile friendly,
* interfaced with 3D engines like THREE.JS, BABYLON.JS, A-FRAME,
* interfaced with more accessible APIs like CANVAS, CSS3D.

## Architecture

* `/demos/`: source code of demonstrations, sorted...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
recursive-recipes: Visualize the recursive nature of recipes :cake: :cookie:
Github repo
Name: recursive-recipes
Tagline: Visualize the recursive nature of recipes :cake: :cookie:
Homepage: https://recursive.recipes
Languages:
Go = 30159 bytes
HTML = 8119 bytes

# recursive-reicipes

This is an attempt to visualize the recursive nature of recipes. You can view the time it takes and the cost needed to make different recipes, even when you subtitute the ingredients by recipes themselves.

Try it out at https://recursive.recipes, or run it yourself.

## Run yourself

**Requirements:**

- [ ] Node + Yarn
- [ ] Go
- [ ] Graphviz

**Build:**

```
$ go get -u github.com/schollz/recursive-recipe
$ cd $GOPATH/src/github.com/schollz/recursive-recipes/scratch/app
$ yarn install
$ yarn build
```

**Run:**

```
$ cd $GOPATH/src/github.com/schollz/recursive-recipes
$ go build -v
$ ./recursive-recipes
```

Now open up `localhost:8031`.

## Recipes

The recipes themselves are in the [recipes.toml](https://github.com/schollz/recursive-recipes/blob/master/recipes.toml) file. You can add/delete/edit recipes here, and then the app will automatically update.

# License

MIT
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
conditional-wrap: A simple React component for wrapping children based on a condition
Github repo
Name: conditional-wrap
Tagline: A simple React component for wrapping children based on a condition
Languages:
JavaScript = 665 bytes

# conditional-wrap
A simple React component for wrapping children based on a condition.
Made by [Kitze](https://twitter.com/thekitze).

### Install
```
yarn add conditional-wrap
```

### Example
[Open demo on CodeSandbox](https://codesandbox.io/s/2wmr700nwp)

```js
import React from 'react';
import { render } from 'react-dom';
import { Tooltip } from 'react-tippy';

import ConditionalWrap from 'conditional-wrap';

const Button = ({ tooltip, children }) => (
<ConditionalWrap
condition={!!tooltip}
wrap={children => (
<Tooltip position="bottom" title={tooltip}>
{children}
</Tooltip>
)}
>
<button>{children}</button>
</ConditionalWrap>
);

const Demo = () => (
<div>
<Button> Normal button </Button>
<Button tooltip="Hi there!"> Button with a tooltip! </Button>
</div>
);

render(<Demo />, document.getElementById('root'));
```
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
jest-extended: Additional Jest matchers 🃏💪
Github repo
Name: jest-extended
Tagline: Additional Jest matchers 🃏💪
Homepage: https://www.npmjs.com/package/jest-extended
Languages:
JavaScript = 126415 bytes

<div align="center">
<h1>jest-extended</h1>

🃏💪

Additional Jest matchers
</div>

<hr />

[![Build Status](https://img.shields.io/travis/jest-community/jest-extended.svg?style=flat-square)](https://travis-ci.org/jest-community/jest-extended)
[![Code Coverage](https://img.shields.io/codecov/c/github/jest-community/jest-extended.svg?style=flat-square)](https://codecov.io/github/jest-community/jest-extended)
[![version](https://img.shields.io/npm/v/jest-extended.svg?style=flat-square)](https://www.npmjs.com/package/jest-extended)
[![downloads](https://img.shields.io/npm/dm/jest-extended.svg?style=flat-square)](http://npm-stat.com/charts.html?package=jest-extended&from=2017-09-14)
[![MIT License](https://img.shields.io/npm/l/jest-extended.svg?style=flat-square)](https://github.com/jest-community/jest-extended/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![Roadmap](https://img.shields.io/badge/%F0%9F%93%94-roadmap-CD9523.svg?style=flat-square)](https://github.com/jest-community/jest-extended/blob/master/docs/ROADMAP.md)
[![Examples](https://img.shields.io/badge/%F0%9F%92%A1-examples-ff615b.svg?style=flat-square)](https://github.com/jest-community/jest-extended/blob/master/docs/EXAMPLES.md)

## Problem

Jest is an amazing test runner and has some awesome assertion APIs built in by default. However there are times when
having more specific matchers (assertions) would be far more convenient.

## Solution

jest-extended aims to add additional matchers to Jest's default ones making it easy to test everything 🙌

## Contributing

If you've come here to help contribute - Thanks! Take a look at the [contributing](/CONTRIBUTING.md) docs as a way of getting started.

---

- [Problem](#problem)
- [Solution](#solution)
- [Contributing](#contributing)
- [Installation](#installation)
- [Setup](#setup)
- [API](#api)
- [.pass(message)](#passmessage)
- [.fail(message)](#failmessage)
- [.toBeEmpty()](#tobeempty)
- [.toBeOneOf([members])](#tobeoneofmembers)
- [.toBeNil()](#tobenil)
- [.toSatisfy(predicate)](#tosatisfypredicate)
- [Array](#array)
- [.toBeArray()](#tobearray)
- [.toBeArrayOfSize()](#tobearrayofsize)
- [.toIncludeAllMembers([members])](#toincludeallmembersmembers)
- [.toIncludeAnyMembers([members])](#toincludeanymembersmembers)
- [.toSatisfyAll(predicate)](#tosatisfyallpredicate)
- [Boolean](#boolean)
- [.toBeBoolean()](#tobeboolean)
- [.toBeTrue()](#tobetrue)
- [.toBeFalse()](#tobefalse)
- [~~Date~~](#date)
- [.toBeDate()](#tobedate)
-...
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
sshfs: A network filesystem client to connect to SSH servers
Github repo
Name: sshfs
Tagline: A network filesystem client to connect to SSH servers
Languages:
C = 133622 bytes
Python = 19478 bytes
Shell = 3163 bytes
Meson = 2862 bytes
Emacs Lisp = 733 bytes

SSHFS
=====

About
-----

SSHFS allows you to mount a remote filesystem using SFTP. Most SSH
servers support and enable this SFTP access by default, so SSHFS is
very simple to use - there's nothing to do on the server-side.

How to use
----------

Once sshfs is installed (see next section) running it is very simple::

sshfs [user@]hostname:[directory] mountpoint

It is recommended to run SSHFS as regular user (not as root). For
this to work the mountpoint must be owned by the user. If username is
omitted SSHFS will use the local username. If the directory is
omitted, SSHFS will mount the (remote) home directory. If you need to
enter a password sshfs will ask for it (actually it just runs ssh
which ask for the password if needed).

Also many ssh options can be specified (see the manual pages for
*sftp(1)* and *ssh_config(5)*), including the remote port number
(``-oport=PORT``)

To unmount the filesystem::

fusermount -u mountpoint

On BSD and OS-X, to unmount the filesystem::

umount mountpoint

Installation
------------

First, download the latest SSHFS release from
https://github.com/libfuse/sshfs/releases. On Linux and BSD, you will
also need to install libfuse_ 3.1.0 or newer. On OS-X, you need
OSXFUSE_ instead. Finally, you need the Glib_ library with development
headers (which should be available from your operating system's
package manager).

To build and install, we recommend to use Meson_ (version 0.38 or
newer) and Ninja_. After extracting the sshfs tarball, create a
(temporary) build directory and run Meson::

$ mkdir build; cd build
$ meson ..

Normally, the default build options will work fine. If you
nevertheless want to adjust them, you can do so with the *mesonconf*
command::

$ mesonconf # list options
$ mesonconf -D strip=true # set an option

To build, test and install SSHFS, you then use Ninja (running the
tests requires the `py.test`_ Python module)::

$ ninja
$ python3 -m pytest test/ # optional, but recommended
$ sudo ninja install

.. _libfuse: http://github.com/libfuse/libfuse
.. _OSXFUSE: https://osxfuse.github.io/
.. _Glib: https://developer.gnome.org/glib/stable/
.. _Meson: http://mesonbuild.com/
.. _Ninja: https://ninja-build.org/
.. _`py.test`: http://www.pytest.org/

Getting Help
------------

If you need help, please ask on the <fuse-sshfs@lists.sourceforge.net>
mailing list (subscribe at
https://lists.sourceforge.net/lists/listinfo/fuse-sshfs).

Please report any bugs on the GitHub issue tracker at
https://github.com/libfuse/libfuse/issues.

Professional Support
--------------------

Professional support is offered via `Rath Consulting`_.

.. _`Rath Consulting`: http://www.rath-consulting.biz
github  programming  github-starred-to-pinboard 
june 2018 by brianyang
« earlier      
per page:    204080120160

Copy this bookmark:



description:


tags: