open-index/open-npm huggingface dataset:
npm package: @joshmorony/remark-shorten
Description: A remark plugin to remove a percentage of content from a markdown file
Author: Josh Morony
Latest version: 0.0.3

# remark-shorten

This remark plugin will shorten a markdown file by (approximately) the percentage specified in the options, e.g:

```
{
  percentage: 0.5
}
```

This will remove approximately 50% of the content - it will delete all nodes after a certain line, but it will not break nodes apart (e.g. if you had a long paragraph the result may actually be longer than 50%).
npm package: @joshmorony/signal-with-error
Description: Convert an observable into two signals: one that contains the latest value, and another that contains any error
Author: Joshua Morony
Latest version: 0.0.5

# toSignalWithError

Converts an observable into a pair of signals: **value** which will contain the
success value or `undefined`, and **error** which will contain any error or
`undefined`.

This provides a nice way to simply handle errors from observable streams using
signals in a reactive/declarative way.

You can also optionally pass an initial value like this:

```ts
toSignalWithError(obs$, 5);
```

If an initial value is not supplied, it will be assumed that the observable you
supply is synchronous (if it is not, the signal will throw an error).

## Example Usage

```ts
  data = toSignalWithError(this.getFromAPI())

  getFromAPI() {
    return of(null).pipe(
      delay(2000),
      switchMap(() =>
        this.http.get<any>("https://jsonplaceholder.typicode.com/todos")
      )
    );
  }

```

```html
<p>Let's load some data!</p>
<ul>
  <ng-container *ngIf="myService.data.value(); else loading">
    <li *ngFor="let todo of myService.data.value()">{{ todo.title }}</li>
  </ng-container>
  <ng-template #loading>
    <li *ngIf="!myService.data.error(); else failed">They see me loadin'...</li>
  </ng-template>
  <ng-template #failed>
    <p>Uh oh... you're on your own buddy:</p>
    <small> {{ myService.data.error().message }} </small>
  </ng-template>
</ul>
```
npm package: @joshmossas/nativescript-vue-devtools
Description: A NativeScript-Vue plugin for connecting to the standalone vue-devtools
Author: Igor Randjelovic
Latest version: 1.6.1

# nativescript-vue-devtools

A NativeScript-Vue plugin for connecting to the standalone vue-devtools.

[See documentation for more details](https://nativescript-vue.org/en/docs/getting-started/vue-devtools/)
npm package: @joshmweisman/ngx-barcode
Description: An angular component for Angular 4+ for creating 1-D barcodes based on Lindell's JsBarcode
Author: Bryon Williams
Latest version: 0.3.1

<div align="center">
  <img src="https://cdn.rawgit.com/yobryon/ngx-barcode/master/docs/assets/ngx-barcode.svg" width="200px" alt="ngx-barcode">
  <h1 align="center">ngx-barcode</h1>
  <p>A barcode component for Angular4+.</p>
</div>

___

An angular component for Angular 4+ for creating 1-D barcodes based on [Lindell's JsBarcode](https://github.com/lindell/JsBarcode).

## Demo 
Basic [demo](https://yobryon.github.io/ngx-barcode/demo/).

## Features
- supports all barcode formats provided by JsBarcode
  - CODE128
  - EAN
  - CODE39
  - ITF-14
  - MSI
  - Pharmacode
  - Codabar

## Installation

To use ngx-barcode in your project, install it via npm:

```bash
$ npm install ngx-barcode --save
```

## Usage

Import the NgxBarcodeModule into your desired module:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import ngx-barcode module
import { NgxBarcodeModule } from 'ngx-barcode';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxBarcodeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once the library is imported, you can use the ngx-barcode component in your Angular application:

```xml
<!-- Adding a barcode in app.component.html -->
<h1>
  {{title}}
</h1>
<ngx-barcode [bc-value]="value" [bc-display-value]="true"></ngx-barcode>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Bryon Williams](mailto:bryon.williams@live.com)
npm package: @joshnabbott/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.1.22

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @joshnuss/svelte-snowpack-template
Description: A `snowpack` template for `svelte`.
Latest version: 0.2.7

# Svelte Snowpack Template

A `snowpack` template for `svelte`.

Configured with `jest`, `eslint`, `dotenv`, `postcss`, `tailwind`, and `rollup` for production builds.

# Usage

To use this template:

```bash
npx create-snowpack-app --template @joshnuss/svelte-snowpack-template --target path/to/dir
```

## Available Scripts

### yarn start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### yarn test

Runs `jest` on all `*.test.js` files.

### yarn lint

Runs `eslint` on all files.

### yarn format

Formats all files according to rules defined in `.eslintrc.js`.

### yarn build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

# License

MIT
npm package: @joshoy/tsserver-module-filter-plugin
Description: A simple plugin to filter out some modules in tsserver
Latest version: 1.0.2

## A Template for a TypeScript Language Service Plugin

<img src="./docs/screenshot.png">

This repo has two projects:

- `/` is a TSServer Plugin 
- `/example` is a TypeScript project which uses the root TSServer Plugin

The source files for your project

#### Get Started

Get the plugin working and your TS to JS converted as you save:

```ts
git clone https://github.com/orta/TypeScript-TSServer-Plugin-Template
cd TypeScript-TSServer-Plugin-Template

# Install deps and run TypeScript
npm i
npx tsc --watch
```

Next, get the example project up and running, it will load your TSServer Plugin from the emitted JavaScript.

```
# Set up the host app to work in
cd example
npm i
cd ..

# Open one VS Code window to work on your plugin
code .

# Or to hook up a debugger, use this command
# to have the TSServer wait till you attach:
TSS_DEBUG_BRK=9559 code example

# or use this to hook in later:
TSS_DEBUG=9559 code example
```

You can then use the launch options in this root project to connect your debugger to the running TSServer in the other window. To see changes, run the command palette "TypeScript: Reload Project" to restart the TSServer for the project.

Make sure that the TypeScript version on that project runs from your `node_modules` and not the version which is embedded in vscode. You can see the logs via the vscode command 'TypeScript: Open TS Server Logs." ( search for 'Loading tsserver-plugin' to see whether it loaded correctly. )

### What Now?

This project has a `debugger` statement inside the completions which will trigger on completions, you can get that running and then you have proven the toolset works and get started building your plugin.

You can read up the docs on [Language Service Plugins in the TypeScript repo wiki](https://github.com/microsoft/TypeScript/wiki/Writing-a-Language-Service-Plugin#overview-writing-a-simple-plugin).
npm package: @joshp05/create-react-app
Description: Create React apps with no build configuration.
Latest version: 2.1.5-cra-2

# create-react-app

This package includes the global command for [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @joshp05/react-native-yoorz-onboard
Description: A light-weight progress circle indicator for React Native.
Author: Christoph Michel
Latest version: 2.2.0

[![license](https://img.shields.io/github/license/mashape/apistatus.svg)]()
[![Version](https://img.shields.io/npm/v/react-native-progress-circle.svg)](https://www.npmjs.com/package/react-native-progress-circle)
[![npm](https://img.shields.io/npm/dt/react-native-progress-circle.svg)](https://www.npmjs.com/package/react-native-progress-circle)
[![Twitter Follow](https://img.shields.io/twitter/follow/cmichelio.svg?style=social&label=Follow)](https://twitter.com/cmichelio)

# React Native Progress Circle

![React Native Progress Circles](/README/featured.png?raw=true "React Native Progress Circles")

## Features

* Custom colors
* Custom size and border radius
* Light-weight: No other dependencies besides `react-native`

## Installation

`yarn add react-native-progress-circle`

or

`npm install --save react-native-progress-circle`

## Usage

```javascript
import ProgressCircle from 'react-native-progress-circle'

render() {
    return (
        <ProgressCircle
            percent={30}
            radius={50}
            borderWidth={8}
            color="#3399FF"
            shadowColor="#999"
            bgColor="#fff"
        >
            <Text style={{ fontSize: 18 }}>{'30%'}</Text>
        </ProgressCircle>
    )
}
```

## Props
| Name | Description | Type | Required | Default Value |
| :--- | :----- | :--- | :---: | :---: |
| percent | The percentage used for displaying the progress | Number | ✓ |  |
| radius | The radius in `px` of the component (including border) | Number | ✓ |  |
| borderWidth | The border width in `px` | Number | ✓ |  |
| color | The border color | String |  | ![#f00](https://placehold.it/15/f00/000000?text=+) `'#f00'` |
| shadowColor | The background color of the border | String |  | ![#999](https://placehold.it/15/999/000000?text=+) `'#999'` |
| bgColor | The inner background color of the component  | String |  | ![#e9e9ef](https://placehold.it/15/e9e9ef/000000?text=+) `'#e9e9ef'` |
| children | The children to render inside this component | Node |  | `null` |
| containerStyle | The custom styling which will be applied to the container of the `children` | Style |  | `null` |
| outerCircleStyle | The custom styling which will be applied to the outer circle | Style |  | `null` |

## Author

[Christoph Michel](http://cmichel.io)

## Implementation Details

[React Native Progress Circle](http://cmichel.io/react-native-progress-circle)

## License

MIT
npm package: @joshp05/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 2.1.3-redux-monorepo

# :warning: WARNING!

This custom scripts-version of React-Scripts provides Monorepo support.

Please read this for more info: https://github.com/F1LT3R/cra-workspaces-support-1333

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @joshraphael/autocr-cli
Description: AutoCR command line tool for RetroAchievments.org achievement logic
Author: Joshua Raphael
Latest version: 1.2.8

# autocr-cli

Heavily taken from [AutoCR](https://github.com/authorblues/retroachievements/tree/main/AutoCR) in an attempt to use the same logic as in a command line interface to automate checking achievement logic in pipelines

Available on [NPM](https://www.npmjs.com/package/@joshraphael/autocr-cli) and [Github Packages](https://github.com/joshraphael/autocr-cli/pkgs/npm/autocr-cli)

## Usage

```sh
$ node index.js --notes <notes-json> --user <user-text> --rich <rich-text> [<options>]
```

|Title|Option|Parameters|Description|
|-|-|-|-|
|Generate Report|`--report`|None|Print out report of all INFO, WARN, and ERROR messages for each category: Code Notes, Achievements, Leaderboards, Rich Presence, and Set|
|Failure Severity|`--severity`|`(info\|warn\|error)`|Returns an exit code of 1 if an issue at the level of severity specified or higher is reported from AutoCR|
npm package: @joshraphael/highlightjs-rascript
Description: highlight.js syntax definition for RATools DSL, RAScript
Author: Joshua Raphael
Latest version: 0.1.1

# highlightjs-rascript

[highlight.js](https://highlightjs.org/) syntax definition for [RATools](https://github.com/Jamiras/RATools) DSL, RAScript

[![GitHub License](https://img.shields.io/github/license/joshraphael/highlightjs-rascript)](https://github.com/joshraphael/highlightjs-rascript/blob/main/LICENSE)
[![test](https://github.com/joshraphael/highlightjs-rascript/actions/workflows/test.yaml/badge.svg)](https://github.com/joshraphael/highlightjs-rascript/actions/workflows/test.yaml)
[![release](https://github.com/joshraphael/highlightjs-rascript/actions/workflows/release.yaml/badge.svg)](https://github.com/joshraphael/highlightjs-rascript/actions/workflows/release.yaml)
[![GitHub Tag](https://img.shields.io/github/v/tag/joshraphael/highlightjs-rascript)](https://github.com/joshraphael/highlightjs-rascript/tags)
[![GitHub repo size](https://img.shields.io/github/repo-size/joshraphael/highlightjs-rascript)](https://github.com/joshraphael/highlightjs-rascript/archive/main.zip)

Available on [NPM](https://www.npmjs.com/package/@joshraphael/highlightjs-rascript) and [Github Packages](https://github.com/joshraphael/highlightjs-rascript/pkgs/npm/highlightjs-rascript)

## Setup

Directly import the distribution library and have RAScript autodetected

### Static Website

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
<script src="https://raw.githubusercontent.com/joshraphael/highlightjs-rascript/refs/heads/main/dist/rascript.min.js"></script>
<script type="text/javascript">
  hljs.highlightAll();
</script>
```

### Node

```js
var hljs = require('highlight.js');
var rascript = require('@joshraphael/highlightjs-rascript');

hljs.registerLanguage("rascript", rascript);
hljs.highlightAll();
```

## Commands:

|Title|Command|Parameters|Description|
|-|-|-|-|
|Test|`make test`|None|Test the rascript highlightjs module|
|Generate|`make gen`|None|Generate the distribution Javascript of the rascript highlightjs pacakge|
|Upgrade rascript-syntax|`make upgrade`|None|Upgrade the rascript-syntax version|
|Run|`make run`|None|Build and start simple http webserver with example RAScript syntax (using auto-detection)|