open-index/open-npm huggingface dataset:
npm package: @r-pdf-rtl/primitives
Description: Define uninitialized elements
Author: Diego Muracciole
Latest version: 3.0.4

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @r-pdf-rtl/primitives
npm package: @r-pdf-rtl/stylesheet
Description: A styles engine for Node and the browser
Author: Diego Muracciole
Latest version: 3.1.3

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @r-pdf-rtl/stylesheet

> React-pdf styles engine

## How to install

```sh
yarn add @r-pdf-rtl/stylesheet
```

## How it works

```js
const stylesheet = require('@r-pdf-rtl/stylesheet');

const container = {
  width: 400,
  height: 600,
  orientation: 'portrait',
};

const style = {
  margin: 20,
  width: '50vw',
  height: '20vh',
  borderRadius: 5,
  fontWeight: 'semibold',
  borderBottom: '2 solid yellow',
  '@media max-width: 500': {
    backgroundColor: 'rgb(255, 0, 0)',
  },
};

const computed = stylesheet(container, style);

// Computed
// {
//   width: 200,
//   height: 120,
//   marginTop: 20,
//   marginLeft: 20,
//   marginRight: 20,
//   marginBottom: 20,
//   marginBottom: 20,
//   borderTopLeftRadius: 5,
//   borderTopRightRadius: 5,
//   borderBottomLeftRadius: 5,
//   borderBottomRightRadius: 5,
//   fontWeight: 600,
//   borderBottomWidth: 2,
//   borderBottomStyle: 'solid',
//   borderBottomColor: 'yellow',
//   backgroundColor: '#FF0000'
// }
```

This library exports a `stylesheet` function that takes two arguments:

- _container_: Container where the styles are being computed into. It specifies the `width` and `height` in points (needed for media queries and unit conversions), and optionally the container `orientation` (needed for certain media queries).
- _style_: Style to be computed. JS object with raw styles that you would like to get in a normalized format.

## License

MIT © [Diego Muracciole](http://github.com/diegomura)
npm package: @r-pdf-rtl/svgkit
Description: A SVG generation library for Node.js and browser
Latest version: 2.2.3

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @r-pdf-rtl/svgkit

A SVG generation library for Node.js and browser.

Has a `pdfkit` compatible API

## TODOs:

- Gradients
- Default fonts
- Embeded fonts (in progress)
npm package: @r-pdf-rtl/textkit
Description: An advanced text layout framework
Latest version: 3.0.3

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @r-pdf-rtl/textkit

## Acknowledges

This project is a fork of [textkit](https://github.com/foliojs/textkit) by @devongovett and continued under the scope of this project since it has react-pdf specific features. Any recongnition should go to him and the original project mantainers.

## Layout process

1. split into paragraphs
2. get bidi runs and paragraph direction
3. font substitution - map to resolved font runs
4. script itemization
5. font shaping - text to glyphs
6. line breaking
7. bidi reordering
8. justification
9. get a list of rectangles by intersecting path, line, and exclusion paths
10. perform line breaking to get acceptable break points for each fragment
11. ellipsize line if necessary
12. bidi reordering
13. justification
npm package: @r-pdf-rtl/types
Description: React-pdf TypeScript definitions
Author: Diego Muracciole
Latest version: 2.1.5

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @r-pdf-rtl/types

> React-pdf TypeScript definitions

## How to install

```sh
yarn add @r-pdf-rtl/types
```

## License

MIT © [Diego Muracciole](http://github.com/diegomura)
npm package: @r-pdf-rtl/unicode-properties
Description: Provides fast access to unicode character properties
Author: Devon Govett
Latest version: 2.6.3

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @r-pdf-rtl/unicode-properties

Provides fast access to unicode character properties. Uses [unicode-trie](https://github.com/devongovett/unicode-trie) to compress the
properties for all code points into just 12KB.

## Acknowledges

This project is a fork of [unicode-properties](https://github.com/foliojs/unicode-properties) by @devongovett and continued under the scope of this project since it has react-pdf specific features. Any recongnition should go to him and the original project mantainers.

## Fork changes

> Updated at a7df933c4fe5ddca2cb9829a5634e6fe9f1ac529

- Trie data parsed as JSON in order to run it both on node and browser easily
- Written in ES6

## Usage

```sh
npm install unicode-properties
```

```javascript
var unicode = require('unicode-properties');

unicode.getCategory('2'.charCodeAt()) //=> 'Nd'
unicode.getNumericValue('2'.charCodeAt()) //=> 2
```

## API

### getCategory(codePoint)

Returns the unicode [general category](http://www.fileformat.info/info/unicode/category/index.htm) for the given code point.

### getScript(codePoint)

Returns the [script](http://unicode.org/standard/supported.html) for the given code point.

### getCombiningClass(codePoint)

Returns the [canonical combining class](http://unicode.org/glossary/#combining_class) for the given code point.

### getEastAsianWidth(codePoint)

Returns the [East Asian width](http://www.unicode.org/reports/tr11/tr11-28.html) for the given code point.

### getNumericValue(codePoint)

Returns the numeric value for the given code point, or null if there is no numeric value for that code point.

### isAlphabetic(codePoint)

Returns whether the code point is an alphabetic character.

### isDigit(codePoint)

Returns whether the code point is a digit.

### isPunctuation(codePoint)

Returns whether the code point is a punctuation character.

### isLowerCase(codePoint)

Returns whether the code point is lower case.

### isUpperCase(codePoint)

Returns whether the code point is upper case.

### isTitleCase(codePoint)

Returns whether the code point is title case.

### isWhiteSpace(codePoint)

Returns whether the code point is whitespace: specifically, whether the category is one of Zs, Zl, or Zp.

### isBaseForm(codePoint)

Returns whether the code point is a base form. A code point of base form does not graphically combine with preceding
characters.

### isMark(codePoint)

Returns whether the code point is a mark character (e.g. accent).

## License

MIT
npm package: @r-pdf-rtl/yoga
Description: Prebuilt yoga-layout package
Author: Diego Muracciole
Latest version: 2.0.7

<p align="center">
  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
</p>

# @r-pdf-rtl/yoga

> Prebuilt [yoga-layout](https://github.com/facebook/yoga) package with memory heap increase

## Acknowledges

This project is forked from the great [yoga-layout-prebuilt](https://github.com/vadimdemedes/yoga-layout-prebuilt) from @vadimdemedes.

Also thanks to @Skywalker13 for providing the post-processing script for increasing build original memory heap.

## Install

```
$ npm install @r-pdf-rtl/yoga
```

## Usage

```js
import Yoga from '@r-pdf-rtl/yoga';
// Same as if imported from yoga-layout
```
npm package: @r-spacex/rocketsass
Description: A smart sass compiler
Author: Richik SC
Latest version: 1.0.4

# RocketSass
[![npm](https://img.shields.io/npm/v/%40r-spacex/rocketsass.svg)](https://www.npmjs.com/package/@r-spacex/rocketsass)
[![Build Status](https://travis-ci.org/r-spacex/rocketsass.svg?branch=master)](https://travis-ci.org/r-spacex/rocketsass)
[![Inline docs](http://inch-ci.org/github/r-spacex/rocketsass.svg?branch=master)](http://inch-ci.org/github/r-spacex/rocketsass)

A smart Sass compiler that compiles each file to a specific target destination.

## Installation
For installing for use as a command line utility, install globally:

```bash
$ npm install -g rocketsass
```

To install for use in node scripts, install locally as a development dependency:

```bash
$ npm install --save-dev rocketsass
```

Or as a standard dependency:
```bash
$ npm install --save rocketsass
```

## Usage
In each Sass/SCSS file, add a comment header that looks like this:

```scss
/* compileDest = ./out/css/style.css */
```

You can also add options separated by commas:

```scss
/* compileDest = ./out/css/style.css, style = compressed */
```

**It must start on the first line.**

Then, simply run `rocketsass` from the command line:

```bash
$ rocketsass [path]
$ rocketsass css/scss                   # Compile Sass from css/scss
$ rocketsass module1/scss module2/scss  # Compile Sass from both module1/scss and module2/scss
```

where `[path]` is the path or a list of paths to your sass directory, eg. `./scss/`. The default path is `./css/scss/`.

### Usage from scripts

```js
// Import RocketSass
const rocketsass = require('rocketsass');

// Compile all sass files in a directory
rocketsass.compile(['./scss/'], {
  // Ignore files starting with this string, optional
  ignore: '_',
  // CSS output style (see below), optional
  style: 'nested',
  // Base directory for relative URLs, optional
  projectDir: 'dist/'
}, console); // Logger - where to log output to, optional.

```

## Options
By default, RocketSass ignores Sass/SCSS files starting with '\_'. You can override that by passing the option `-i` or `--ignore`.

```bash
$ rocketsass [path] -i ''           # Include all files
$ rocketsass [path] -i exclude_     # Ignore all files starting with 'exclude_'
$ rocketsass [path] -i '.'          # Ignore dotfiles
```

Passing `rocketsass` the option `-s` or `--style` can also set the output style of the CSS which takes one of the standard Sass output styles. This value overridden by the style set in a file's header. By default, the style is `nested`.

Passing  `rocketsass` the option `-q` or `--silent` will mute all output, including errors.

```bash
$ rocketsass [path] -q              # No output
$ rocketsass [path]
```
npm package: @r-squared/rsquared-js-ws
Description: Pure JavaScript R-Squared websocket interface for node.js and browsers.
Author: R-Squared Labs LLC
Latest version: 6.0.2

# R-Squared Core Blockchain websocket interface (rsquared-js-ws)

Pure JavaScript R-Squared websocket library for node.js and browsers. Can be used to easily connect to and obtain data from the blockchain via public apis or local nodes.

Credit for the original implementation goes to [jcalfeee](https://github.com/jcalfee).

## Setup

This library can be obtained through npm:
```
npm install @rsquared/rsquared-js-ws
```

## Usage

Several examples are available in the /examples folder, and the tests in /test also show how to use the library.

Browser bundles are provided in /build/, for testing purposes you can access this from rawgit:

```
<script type="text/javascript" src="https://cdn.rawgit.com/R-Squared-Project/R-Squaredjs-ws/build/rsquared-js-ws.js" />
```

A variable rsquared_ws will be available in window.

For use in a webpack/browserify context, see the example below for how to open a websocket connection to the Openledger API and subscribe to any object updates:

```
var {Apis} = require("@rsquared/rsquared-js-ws");
Apis.instance("wss://localhost/ws", true).init_promise.then((res) => {
    console.log("connected to:", res[0].network);
    Apis.db.set_subscribe_callback( updateListener, true )
});

function updateListener(object) {
    console.log("set_subscribe_callback:\n", object);
}
```
The `set_subscribe_callback` callback (updateListener) will be called whenever an object on the blockchain changes or is removed. This is very powerful and can be used to listen to updates for specific accounts, assets or most anything else, as all state changes happen through object updates. Be aware though that you will receive quite a lot of data this way.

## Tests

The tests show several use cases, to run, simply type `npm run test`. The tests require a local witness node to be running, as well as an active internet connection.
npm package: @r-squared/rsquared-report
Description: Create a CSV export of content from the R-Squared Blockchain
Author: R-Squared Labs LLC
Latest version: 2.0.4

This is an import script for getting R-Squared transactions.

This script uses the [`rsquared-js-ws`](https://github.com/R-Squared-Project/R-Squaredjs-ws) library to make a connection to the R-Squared blockchain, fetches all transactions for a given user, and converts it to a CSV file.

# Usage

This script requires Node to run; install Node locally and run:

```
yarn
yarn start myUsername [debug] [no_grouping] [op_type_filter]
```

Replace `myUsername` with the R-Squared user you wish to make a report for. Since R-Squared data is completely open, there are no login credentials needed to get a full transaction report on any user.

The debug, no_grouping and op_type_filter parameters are optional.
`debug = true|false, default = false`
`no_grouping = true|false, default = false`
`op_type_filter = transfer, fill_order, etc, default=none`

Running the script will create a `{username}-rqrx-transactions.csv` file in the `output` folder of the project.

## Automating multiple accounts

If you have several accounts you can rename `run_accounts_example.sh` and input your desired accounts there as shown. Then run it using `. ./run_accounts.sh`. This will fetch data for all accounts and generate a file called `all-merged.csv` in the root folder.

# Caveats

An important limitation right now is that the API node used needs to be configured to store all operation history. That means setting the `max-ops-per-account` parameter in config.ini to a high value, I've used `max-ops-per-account = 200000` successfully for my own accounts. A replay of the blockchain is necessary after changing this parameter.
npm package: @r-t-p/particles
Description: This is a simple typescript template repo for getting started.  Start coding index.ts.  Tooling uses:
Author: justplainfred
Latest version: 0.0.3

# clean-typescript

This is a simple typescript template repo for getting started.  Start coding index.ts.  Tooling uses:

- `tsc` for building
- `jest` for testing
- `npm` for versioning
- `.github/workflows` (i.e github actions) for automation
- `releasing` on github will publish to npm

If you want to release to npm you can release with the button in github and the github actions will ship it to npm.

If you are using this in your own project and want to publish to NPM you will need to save a token 

## To Do with a new repo

- [ ] Update the package.json with the correct repo and name
- [ ] Publish to npm for the first time. Doing it locally with `npm publish --access=public` is probably easiest
- [ ] Clear template info for readme and update with better info

### Versioning

These commands should be run from the master branch when ready to bump a version.
Bumping a version will commit the bump and push it up as long as pushing tags up for release.

- `npm run bump` - Bumps current version i.e. `1.2.4` would bump to `1.2.5`
- `npm run bump-minor` - Bumps Minor version i.e. `1.2.4` would bump to `1.3.0`
- `npm run bump-major` - Bumps current version i.e. `1.2.4` would bump to `2.0.0`


## In your repo, delete above this and carry on with your new repo ^^^

- [Getting Started](#getting-started)
<!-- add linkes to content here -->
- [Contributing](#contributing)


## Getting Started

<!-- Add example of how to npm install -->

<!-- Add content here code examples -->

## Contributing

Pull requests are welcome, if you add bloat they will be rejected.  Keep things simple.

### Running locally

```bash
npm run test # Runs the test runner
npm run build # Builds using `tsc` from configs in the `tsconfig.json`
npm run dev # Runs build and watches for changes
```

### Under the hood

- `tsc` for building js sent to `/dist/`
- `jest` for testing all `.test.ts` or `.spec.ts` files and files in `__test__`
- `npm` for versioning
- `.github/workflows` (i.e github actions) for automation
  - `main.yml` runs tests and build on all branches
  - `publish.yml` ships code to npm when a release is published
npm package: @r-t-p/renderer
Description: A package for rendering to a canvas element
Author: justplainfred
Latest version: 0.0.5

# Renderer

- [Getting Started](#getting-started)
- [Renderer](#renderer)
- [Builders](#builders)
- [Together](#together)
- [Contributing](#contributing)

## Getting Started

You probably will want to save this to your dev dependencies.

  ```bash
  npm i --save-dev @r-t-p/renderer
  ```

Also remember to bundle it with a bundler like [webpack](https://webpack.js.org/) in your project to pull it into your bundle

## Renderer

The renderer is the object that holds a reference to your canvas and it's context.  Instantiating one by passing in the canvas element.

```typescript
import { Renderer } from '@r-t-p/renderer';

let canvas = document.getElementById("canvas") as HTMLCanvasElement;
let renderer = new Renderer(canvas);
```

The renderer only has 2 methods:

- `Clear` - will clear teh canvas.
- `Draw` - takes in a spec and draws it.

## Builders

There are builders that make it easy to create specs for circles, rectangles, images and text.  Each builder can update the properties that are available to it's own type.  Here is an example of a circle being built.

```typescript
import { BuildCircleSpec } from '@r-t-p/renderer';

let circle = BuildCircleSpec()
  .Center({ x: 250, y: 250 })
  .FillStyle("blue")
  .Radius(100)
  .Create();
```

Once you have a spec created (from the `Create` function) it is an object you can interact with and change on the fly, then pass back into the Renderer's Draw method.

## Together

Putting it all together you might make something like this:

```typescript
import { BuildCircleSpec, Renderer } from '@r-t-p/renderer';

let canvas = document.getElementById("canvas") as HTMLCanvasElement;
let r = new Renderer(canvas);

let circle = BuildCircleSpec()
  .Center({ x: 100, y: 100 })
  .FillStyle("blue")
  .Radius(100)
  .Create();

r.Draw(circle);
circle.center = {x: 300, y: 300 };
circle.metadata.fillStyle = "green";
r.Draw(circle);
```

## Contributing

Pull requests are welcome, if you add bloat they will be rejected.  Keep things simple.

### Running locally

```bash
npm run test # Runs the test runner
npm run build # Builds using `tsc` from configs in the `tsconfig.json`
npm run dev # Runs build and watches for changes
```

### Under the hood

- `tsc` for building js sent to `/dist/`
- `jest` for testing all `.test.ts` or `.spec.ts` files and files in `__test__`
- `npm` for versioning
- `.github/workflows` (i.e github actions) for automation
  - `main.yml` runs tests and build on all branches
  - `publish.yml` ships code to npm when a release is published
npm package: @r-t-p/utilities
Description: This is a tool back of random useful functions.
Author: justplainfred
Latest version: 0.0.8

# Utilities

This is a tool back of random useful functions.

- [Getting Started](#getting-started)
- [Uuid](#uuid)
- [Contributing](#contributing)

## Getting Started

`npm install --save @r-t-p/utilities`

## UUID

```typescript
  import { generateUUID, isUUID } from "@r-t-p/utilities";

  for (let i = 0; i < 500; ++i) {
    let id = generateUUID();
    if (!isUUID(id)) {
      console.log(i, id);
      throw new Error("Failure");
    }
  }
```

## Contributing

```bash
npm run test # Runs the test runner
npm run build # Builds using `tsc` from configs in the `tsconfig.json`
npm run dev # Runs build and watches for changes
```
npm package: @r-ui/fetch
Description: A fetch wrapper.
Author: zhouzhonghao
Latest version: 0.12.0

# @r-ui/fetch

Fetch url contents.

## Install

    npm install @r-ui/fetch

## Fetch from URL

`fetch(options)`

Where

  * **options** is an options object

Example

    var fetch = require("fetch");

    fetch({
        url: "http://localhost/"
    });


## Options

Possible option values

 * **headers** optional header fields, in the form of `{'Header-Field':'value'}`
 * **method** defaults to GET
 * **url** defaults to an empty string
 * **data** is an optional data object

## Headers

Request headers can be set with `options.headers`

    options = {
        headers:{
            "X-My-Header": "This is a custom header field"
        }
    }

## User-Agent
User-Agent value can be set with `options.headers['User-Agent']` value.

    options = {
        headers: {
            "User-Agent": "MyUseragent/1.0"
        }
    }

## License

MIT
npm package: @r-val/react
Description: --- name: React bindings order: 1 menu: API route: /api/react ---
Author: Michel Weststrate
Latest version: 0.0.4

---
name: React bindings
order: 1
menu: API
route: /api/react
---

useVal
- context

useLocalVal
- context

useLocalDrv

- inputs
- context

rview
- chidren
- memo (true, false, array)
- context