open-index/open-npm huggingface dataset:
npm package: @grpcexpress/usegrpcexpress
Description: ![Version badge](https://img.shields.io/badge/version-1.0.0-blue.svg)
Author: Panda Whales
Latest version: 0.2.7

# useGrpcExpress

![Version badge](https://img.shields.io/badge/version-1.0.0-blue.svg)

`useGrpcExpress` is a custom React hook designed to integrate with `gRPCExpress`.

## Features

- **Easy Integration**: Designed to work effortlessly with `gRPCExpress` library.
- **State Management**: Provides loading, error states, response, and any potential error from the method call.

## Prerequisites

Ensure you have the following dependencies installed in your project:

- `@grpcexpress/grpcexpress`
- `grpc-web`
- `React`

## Installation

To install the `useGrpcExpress` hook, use the following npm command:

```bash
npm i @grpcexpress/usegrpcexpress
```

## Basic Usage

Incorporate the hook in your React component:

```javascript
import { useGrpcExpress } from "@grpcexpress/usegrpcexpress";

function MyComponent() {
  const { isLoading, isError, data, error } = useGrpcExpress(
    client.myMethod,
    message
  );

  if (isLoading) return <div>Loading...</div>;
  if (isError) return <div>Error: {error.message}</div>;

  return (
    <div>
      {/* Render your data */}
      {data && <div>{data.someField}</div>}
    </div>
  );
}
```

## License

This project is licensed under the MIT License.

## Credits

Junwen Zhang
Arthur Griffith
Murat Agrali
Shi Yu Liu
npm package: @grrr/ready
Description: Listener for DOM and document ready and loaded events
Author: GRRR
Latest version: 0.1.0

# Ready

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

### DOM ready & document loaded JavaScript listeners

- Lightweight (less than 250b minified and gzipped)
- No dependencies
- Transpile to desired browser target (syntax only)

Built with ❤️ by [GRRR](https://grrr.tech).

## Installation

```sh
$ npm install @grrr/ready
```

Note: depending on your setup [additional configuration might be needed](https://github.com/grrr-amsterdam/ready/wiki/Usage-with-build-tools), since this package is published with untranspiled JavaScript.

## Usage

Import into your main JavaScript file:

```js
import { onDocumentLoaded, onDomReady } from '@grrr/ready';

onDomReady(() => {
  // Execute main functions
});

onDocumentLoaded(() => {
  // Execute functions after the document has fully loaded
});
```

## DOM ready

The `onDomReady` function:

- Will fire directly when [Document.readyState
](https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState) is not `loading` (so `interactive` or `complete`).
- Listens for both [DOMContentLoaded](https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event) and [readystatechange](https://developer.mozilla.org/en-US/docs/Web/API/Document/readystatechange_event) if not yet ready.

## Document loaded

The `onDocumentLoaded` function:

- Will fire directly when [Document.readyState
](https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState) is `complete`.
- Listens for [readystatechange](https://developer.mozilla.org/en-US/docs/Web/API/Document/readystatechange_event) if not yet complete.
npm package: @grrr/utils
Description: JavaScript utility functions, by GRRR.
Author: GRRR
Latest version: 2.5.1

# Utils

[![CI](https://github.com/grrr-amsterdam/grrr-utils/actions/workflows/ci.yml/badge.svg)](https://github.com/grrr-amsterdam/grrr-utils/actions/workflows/ci.yml)

### JavaScript utility library

- No dependencies
- Includes functional and DOM utility functions
- Lightweight and untranspiled

### Developed with ❤️ by [GRRR](https://grrr.nl)

-   GRRR is a [B Corp](https://grrr.nl/en/b-corp/)
-   GRRR has a [tech blog](https://grrr.tech/)
-   GRRR is [hiring](https://grrr.nl/en/jobs/)
-   [@GRRRTech](https://twitter.com/grrrtech) tweets

## Installation

```sh
$ npm install @grrr/utils
```

Note: depending on your setup [additional configuration might be needed](https://github.com/grrr-amsterdam/grrr-utils/wiki/Usage-with-build-tools), since this package is published with untranspiled JavaScript.

## Usage

Import a function and invoke it:

```js
import { closest } from '@grrr/utils';

const findParentFoo = closest(el => el.hasAttribute(`data-foo`));
```

Functions can also be imported from the function file itself:

```js
import closest from '@grrr/utils/functions/closest.mjs';
```

## Documentation

View the [documentation](https://github.com/grrr-amsterdam/grrr-utils/tree/master/docs) for all functions and examples of their usage.

### Objects & Arrays

- [deepCopy](docs/README.md#deepCopy)
- [head](docs/README.md#head)
- [last](docs/README.md#last)
- [map](docs/README.md#map)
- [not](docs/README.md#not)
- [omit](docs/README.md#omit)
- [pick](docs/README.md#pick)
- [prop](docs/README.md#prop)
- [reverse](docs/README.md#reverse)
- [sample](docs/README.md#sample)
- [tail](docs/README.md#tail)
- [take](docs/README.md#take)
- [takeLast](docs/README.md#takeLast)

### Functional

- [compose](docs/README.md#compose)
- [curry](docs/README.md#curry)
- [debounce](docs/README.md#debounce)
- [memoize](docs/README.md#memoize)
- [tap](docs/README.md#tap)
- [throttle](docs/README.md#throttle)

### DOM & Browser

- [closest](docs/README.md#closest)
- [escapeHtml](docs/README.md#escapeHtml)
- [htmlToElement](docs/README.md#htmlToElement)
- [preventDefault](docs/README.md#preventDefault)
- [preventingDefault](docs/README.md#preventingDefault)
- [trapFocus](docs/README.md#trapFocus)
- [triggerEvent](docs/README.md#triggerEvent)
- [unescapeHtml](docs/README.md#unescapeHtml)

### Miscellaneous

- [defined](docs/README.md#defined)
- [parseJson](docs/README.md#parseJson)
- [uuid](docs/README.md#uuid)
npm package: @grrts/ui
Description: This template should help get you started developing with Vue 3 in Vite.
Latest version: 0.0.4

# grrts-ui

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vite.dev/config/).

## Project Setup

```sh
yarn
```

### Compile and Hot-Reload for Development

```sh
yarn dev
```

### Type-Check, Compile and Minify for Production

```sh
yarn build
```

### Lint with [ESLint](https://eslint.org/)

```sh
yarn lint
```
npm package: @grsmto/gatsby-i18n
Description: Gatsby plugin that provides i18n support
Author: grsmto82@me.com
Latest version: 1.1.7

# gatsby-i18n
> [Gatsby](https://github.com/gatsbyjs/gatsby) plugin that provides i18n support.

## Installation
```sh
yarn add gatsby-i18n
# npm install --save gatsby-i18n
```

## License
[MIT](LICENSE)
npm package: @grsmto/gatsby-plugin-i18next
Description: Gatsby plugin that provides i18n support
Author: grsmto82@me.com
Latest version: 1.1.9

# gatsby-plugin-i18next

> [Gatsby](https://github.com/gatsbyjs/gatsby) plugin that provides i18n support.

## Installation

```sh
yarn add @grsmto/gatsby-plugin-i18next
# npm install --save @grsmto/gatsby-plugin-i18next
```

## Usage

Edit `gatsby-config.js`

```javascript
module.exports = {
  plugins: [
    {
      resolve: `@grsmto/gatsby-plugin-i18next`,
      options: {
        // Add any options here
      },
    },
  ],
};
```

# Options

You can pass options to the plugin:

- availableLngs (Array [required])
- fallbackLng (String [required])
- siteUrl (String [optional])

For example:

```js
options: {
  availableLngs: ['en', 'de'],
  fallbackLng: 'en',
  siteUrl: 'https://www.example.com/',
}
```

## Starters

### gatsby-starter-i18next

[Demo](https://hupe1980.github.io/gatsby-i18n/gatsby-starter-i18next) [Source](/starters/gatsby-starter-i18next)

- i18next integration
- automatic browser-language detection and redirection
- language switcher
- hreflang
- ...

## License

[MIT](LICENSE)