open-index/open-npm huggingface dataset:
npm package: @mateie/valclient.js
Description: Valorant Client API Wrapper in NodeJS
Author: Igor Wessel
Latest version: 2.4.0

# valclient.js

![Statements](https://img.shields.io/badge/statements-100%25-brightgreen.svg) ![Branches](https://img.shields.io/badge/branches-100%25-brightgreen.svg) ![Functions](https://img.shields.io/badge/functions-100%25-brightgreen.svg) ![Lines](https://img.shields.io/badge/lines-100%25-brightgreen.svg)

Valorant Client API Wrapper in NodeJS

# Installation


```sh
yarn add valclient.js
```

# Usage

```js
const { ValClient } = require("valclient.js");

//or

import { ValClient } from "valclient.js";

const client = new ValClient()

client.init({ region: "br" }) // we try to iniciate client locally when not pass auth
// need to have connected in valorant launcher
    .then(async () => {
        const player = await client.player.current()
    })

// or with async/await

(async () => {
    await client.init({ region: "br" });
    const player = await client.player.current()
})()

// passing auth

client.init({ auth: { username: "teste", password: "teste" }, region: "br" })
    .then(async () => {
        const player = await client.group.current()
    })
```

# Docs

Access the documentation via the link [docs](https://github.com/igorwessel/valclient.js/tree/master/docs).
# Legal

Riot Games, VALORANT, and any associated logos are trademarks, service marks, and/or registered trademarks of Riot Games, Inc.

This project is in no way affiliated with, authorized, maintained, sponsored or endorsed by Riot Games, Inc or any of its affiliates or subsidiaries.

I, the project owner and creator, am not responsible for any legalities that may arise in the use of this project. Use at your own risk.
npm package: @matej-m/vue3-youtube
Description: Wrapper for YouTube IFrame Player API
Author: Nikita Umnov
Latest version: 0.1.7

# vue3-youtube
Wrapper for [YouTube IFrame Player API](https://developers.google.com/youtube/iframe_api_reference)

## Installation
```bash
npm install vue3-youtube
# or
yarn add vue3-youtube
```

## Usage
Browser:
```html
<script src="dist/vue3-youtube.umd.min.js"></script>
```
Global registration:
```js
import Vue from 'vue'
import YouTube from 'vue3-youtube'

Vue.component('YouTube', YouTube)
```
or locally:
```vue
<template>
    <YouTube 
        src="https://www.youtube.com/watch?v=jNQXAC9IVRw" 
        @ready="onReady"
        ref="youtube" />
</template>

<script>
import { defineComponent } from 'vue'
import YouTube from 'vue3-youtube'

export default defineComponent({
    components: { YouTube },
    methods: {
        onReady() {
            this.$refs.youtube.playVideo()
        },
    },
})
</script>
```

### Props
| Name   | Type           | Default | Description                                                                              |
|--------|----------------|---------|------------------------------------------------------------------------------------------|
| src    | String         |         | Youtube video link or ID. Required.                                                      |
| width  | Number, String | 640     | Player width.                                                                            |
| height | Number, String | 360     | Player height.                                                                           |
| host   | String         |         | Points host to correct origin for CORS.                                                  |
| vars   | Object         |         | [Player parameters](https://developers.google.com/youtube/player_parameters#Parameters). |

### Events
- ready
- state-change
- playback-quality-change
- playback-rate-change
- error
- api-change

### Methods
[https://developers.google.com/youtube/iframe_api_reference#Functions](https://developers.google.com/youtube/iframe_api_reference#Functions)
npm package: @matej.cupka/ngx-markjs
Description: It is Angular 8 wrapper for very cool text highlighting lib [Mark.js](https://markjs.io)
Latest version: 0.1.4

# In development

# ngx-markjs

It is Angular 8 wrapper for very cool text highlighting lib [Mark.js](https://markjs.io)

## How to use

### Install
```
npm i ngx-markjs
```

### Import module

```
...
import {NgxMarkjsModule} from 'ngx-markjs';

@NgModule({
...
  imports: [
...
    NgxMarkjsModule
  ],
...
})
export class AppModule { }
```
### Use directive
```
<div class="content_wrapper" 
     [markjsHighlight]="searchText"
     [markjsConfig]="config"
     [scrollToFirstMarked]="true"
>
```

### If you want to use it from source code

Incase of some compilation issues you can try to import ngxMarkjsModule directly in your application from .tx file

```
import {NgxMarkjsModule} from 'ngx-markjs/src/public-api'; 
```

### Start demo project

Clone this repo and do install

```
npm install

ng serve
```
![demo app](ngx-markjs.gif)

Additional mark.js config params can be found on its [officail site](https://markjs.io)

Did you Like this lib? Follow me on [Twitter](https://twitter.com/El_Extremal) for more Angular and RxJS staff!

Need a mentorship for Angular and RxJS? Find me on [codementor.io](https://www.codementor.io/alexanderposhtaruk)
npm package: @matejbransky/logger
Description: Proxy based logger which can change log level during runtime. It was inspired by the package [`loglevel`](https://github.com/pimterry/loglevel).
Author: Matej Bransky
Latest version: 1.0.0-alpha.8

# @matejbransky/logger

Proxy based logger which can change log level during runtime. It was inspired by the package [`loglevel`](https://github.com/pimterry/loglevel).

## Usage

```
npm install @matejbransky/logger
```

```js
import { loggerFactory } from '@matejbransky/logger';

const log = loggerFactory.getLogger('foobar');

log.info('Hello World!'); // => prints [foobar][info]: Hello World!
```

## API

Similar to [loglevel docs](https://github.com/pimterry/loglevel#documentation).
Differences are covered in [tests](./src/loggerFactory.test.ts).

## Missing features

- log levels are not stored in local storage
npm package: @matejbransky/react-lib
Description: A basic React+TS repository with [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) and [GitHub Actions workflow](https://github.com/features/actions) configuration to achieve fully automated package publishing to the NPM registry. As 
Author: Matej Bransky
Latest version: 1.0.0

# react-lib template

A basic React+TS repository with [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) and [GitHub Actions workflow](https://github.com/features/actions) configuration to achieve fully automated package publishing to the NPM registry. As a bonus [Renovate bot](https://github.com/marketplace/renovate) keeps dependencies up to date.

## Features:

- code quality tools (Prettier, ESLint)
- TypeScript
- React
- unit tests with Jest
- demo app
- Github Actions (test, release)
- conventional commits (commitlint in precommit hook, semantic release)
- UMD, ES bundles
- deployment of demo app with Vercel

## Create a new repository from this template

Click the `Use this template` button and provide the new repository details.

## Getting Started

Let's start by setting up the new repository:

1. To perform authenticated operations against the npm registry in your workflow, you'll need to store your npm authentication token as a secret `NPM_TOKEN`. For more information, see "[Creating and using encrypted secrets.](https://docs.github.com/en/actions/reference/encrypted-secrets)" ([source](https://docs.github.com/en/actions/guides/publishing-nodejs-packages#publishing-packages-to-the-npm-registry))

1. Update:

   - [ ] `LICENSE` (author name)
   - [ ] `README.md` (short description, getting started, installation),
   - [ ] `package.json` (attributes: name, url, author, main, module, exports),
   - [ ] `vite.config.ts` (`build.lib.name` and external dependencies),
   - [ ] [demo app](./demo),
   - [ ] [tests](./tests)

## How it works

Each push to `main` branch will generate a version number, git tag, Conventional Changelog, release commit, pushing changes to the origin and publish to the NPM registry.
npm package: @matejbransky/react-test-utils
Description: Utilities for testing React components. It's based on [`@testing-library/react`](https://testing-library.com/react) which provides light utility functions on top of [`react-dom`](https://reactjs.org/docs/react-dom.html) and [`react-dom/test-utils`](https:
Author: Matej Bransky
Latest version: 1.0.0-alpha.14

# @matejbransky/react-test-utils

Utilities for testing React components. It's based on [`@testing-library/react`](https://testing-library.com/react) which provides light utility functions on top of [`react-dom`](https://reactjs.org/docs/react-dom.html) and [`react-dom/test-utils`](https://reactjs.org/docs/test-utils.html) in a way that encourages better testing practices. Its primary guiding principle is:

> [The more your tests resemble the way your software is used, the more confidence they can give you.](https://twitter.com/kentcdodds/status/977018512689455106)

In addition to [reexported utilities `@matejbransky/react-test-utils`](https://testing-library.com/docs/react-testing-library/api) enhances API and adds another useful functions.

## Getting started

Requirements:

- [Node.js](https://nodejs.org/)
- [npm](https://docs.npmjs.com/about-npm)/[Yarn](https://classic.yarnpkg.com/)
- [TypeScript](https://www.typescriptlang.org/)
- [`jest`](https://jestjs.io/)
- `@matejbransky/jest-preset`

Installation:

```
yarn add @matejbransky/react-test-utils
```

## Additional API to `@testing-library/react`

### `rerender(newProps: Record<string, unknown>): void`

It's enhanced version of the original [`rerender()` method from `@testing-library/react`](https://testing-library.com/docs/react-testing-library/api#rerender). Enhanced version accepts only new components props so you don't need to repeat JSX signature with all original props + new props.

Example:

```jsx
const { rerender } = render(<Counter name="Foobar" initialValue={4} />);

// re-render the same component with the original props and new props
rerender({ name: 'Bongo' });
```

_Note: component's [ref persists rerenders thanks to the `React.cloneElement()` method](https://reactjs.org/docs/react-api.html#cloneelement)._
npm package: @matejdr/react-native-grpc-bridge
Description: A bridge for @improbable-eng/grpc-web using native gRPC
Author: Matej Drobnic
Latest version: 0.2.0

# @matejdr/react-native-grpc-bridge

A bridge for @improbable-eng/grpc-web using native gRPC

Based on react-native-grpc from Mitch528, found [here](https://github.com/Mitch528/react-native-grpc.git).

## Installation

```sh
npm install @matejdr/react-native-grpc-bridge
```

### Node version

```sh
nvm install
```
or
```sh
nvm use
```

### Install npm packages

```sh
yarn install
```

## Usage

```js
import { grpc } from '@improbable-eng/grpc-web';
import { NativeGRPCTransport } from '@matejdr/react-native-grpc-bridge';
grpc.setDefaultTransport(NativeGRPCTransport({ withCredentials: true }));
```

## Running a docker Server for example app

There is an envoy proxy in front of go server.

```sh
cd server
docker-compose up --build server envoy
```

## Running a gRPC Server manually

You can also run the grpc server manually using the following instructions.

### Install protoc

* protoc : [link](https://github.com/protocolbuffers/protobuf/releases)

### Install for go

```sh
go get -u google.golang.org/grpc
go get -u github.com/golang/protobuf/proto
go install github.com/golang/protobuf/protoc-gen-go@latest
export PATH=$HOME/go/bin:$PATH
````

### Install grpc-web

```sh
GROC_WEB_PLUGIN=protoc-gen-grpc-web-1.0.6-darwin-x86_64
curl -OL https://github.com/grpc/grpc-web/releases/download/1.0.6/$GROC_WEB_PLUGIN
sudo mv $GROC_WEB_PLUGIN /usr/local/bin/protoc-gen-grpc-web
chmod +x /usr/local/bin/protoc-gen-grpc-web
```

### Generate stubs for js and go

```sh
protoc \
  --proto_path=server/proto \
  --plugin=protoc-gen-ts=./node_modules/.bin/protoc-gen-ts \
  --js_out=import_style=commonjs:example/src/api \
  --ts_out=service=grpc-web:example/src/api \
  echo.proto
protoc \
  --proto_path=server/proto \
  --go_out=plugins=grpc:server/echoserver/echo \
  --go_opt=paths=source_relative \
  echo.proto
```

### Running a server

```sh
cd server/echoserver
go run main.go
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT
npm package: @matejdr/react-native-grpc-client
Description: A gRPC client for React Native, which uses the native gRPC bridge.
Author: Matej Drobnic
Latest version: 0.2.2

# react-native-grpc-client

gRPC client for React Native. A bridge to use the native gRPC in React Native apps.

## Installation

```sh
npm install @matejdr/react-native-grpc-client
```

### Node version

```sh
nvm install
```
or
```sh
nvm use
```

### Install npm packages

```sh
yarn install
```

## Usage

```js
import { GrpcClientImpl, GrpcConfig, GrpcMetadata, GrpcMethodType } from '@matejdr/react-native-grpc-client';

const grpcConfig: GrpcConfig = {
  host: '<your gRPC host>',
  isInsecure: true,
};
const grpcMethod = `/<your gRPC service name>/<your gRPC method name>`;
const headers: GrpcMetadata = {};
const methodType = 'bidiStreaming';

const call = GrpcClientImpl.startCall(
  grpcConfig,
  grpcMethod,
  headers,
  methodType
);

call.headers
  .then((headers) => {
    console.log('NativeGRPC.headers', headers);
  })
  .catch((error) => {
    console.log('NativeGRPC.headers.error', error);
  });

call.responses.on('data', (data) => {
  console.log('NativeGRPC.data', data);
});

call.responses.on('complete', () => {
  console.log('NativeGRPC.complete');
});

call.responses.on('error', (reason) => {
  console.log('NativeGRPC.error', reason);
});

// send your message
const msgBytes: Uint8Array = []

call
  .sendMessage(msgBytes)
  .then((response) => {
    console.log('NativeGRPC.sendMessage', response, methodType);
    // finish sending messages for server and unary calls
    if (
      response &&
      ['unary', 'serverStreaming'].indexOf(methodType) !== -1
    ) {
      call.finishSendMessage();
    }
  })
  .catch((error) => {
    console.log('NativeGRPC.sendMessage error', error);
  });

// cancel ccall after 10 seconds - for demo purposes
setTimeout(() => {
  call.cancel();
}, 10000)
```

## Running a docker Server for example app

There is an envoy proxy in front of go server.

```sh
cd server
docker-compose up --build server envoy
```

## Running a gRPC Server manually

You can also run the grpc server manually using the following instructions.

### Install protoc

* protoc : [link](https://github.com/protocolbuffers/protobuf/releases)

### Install for go

```sh
go get -u google.golang.org/grpc
go get -u github.com/golang/protobuf/proto
go install github.com/golang/protobuf/protoc-gen-go@latest
export PATH=$HOME/go/bin:$PATH
````

### Generate stubs for js and go

```sh
protoc \
  --proto_path=server/proto \
  --plugin=protoc-gen-ts=./node_modules/.bin/protoc-gen-ts \
  --js_out=import_style=commonjs:example/src/api \
  --ts_out=example/src/api \
  echo.proto
protoc \
  --proto_path=server/proto \
  --go_out=plugins=grpc:server/echoserver/echo \
  --go_opt=paths=source_relative \
  echo.proto
```

### Running a server

```sh
cd server/echoserver
go run main.go
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT