open-index/open-npm huggingface dataset:
npm package: @grayhat/useworker
Description: useWorker() - Web worker using React hook
Author: alewin
Latest version: 1.0.0

<h1 align="center">
  <br>
  <img width="300px" src="../../logo.png" alt="useWorker"
    title="useWorker() Use web workers with react hook" />
  <br>
</h1>

<h2 align="center">
  Use web workers with react hook
  <br />
  https://useworker.js.org/  
  <a
    href="https://twitter.com/intent/tweet?text=useWorker - Use web workers with react hooks&url=https://github.com/alewin/useWorker&via=alessiokoci&hashtags=react,useworker,hooks,javascript">
    <br />
    <img alt="Tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social" />
  </a>
</h2>

<h3 align="center">
  <img alt="GitHub" src="https://img.shields.io/npm/dm/@koale/useworker" />
  <img alt="size" src="https://img.shields.io/bundlephobia/minzip/@koale/useworker/4.0.2" />
  <img alt="GitHub" src="https://img.shields.io/npm/l/@koale/useworker" />
 <img src="https://camo.githubusercontent.com/6ef0a300e96da21e04d4d45bf54285202674498c/68747470733a2f2f62616467656e2e6e65742f62616467652f547970655363726970742f537570706f7274" alt="TypeScript Support" title="TypeScript Support" data-canonical-src="https://badgen.net/badge/TypeScript/Support" style="max-width:100%;">
</h3>

---

## Docs 

Read [Docs](../../README.md)
npm package: @graylog/sawmill
Description: Graylog's Design System and Component Library
Author: Graylog
Latest version: 4.0.0

# Sawmill

Graylog common design system. This package provides the mantine (SawmillMantine) and styled-components (SawmillSC) theme.

## Using Sawmill

### Install the package

```bash
$ yarn add @graylog/sawmill
```

### Typescript configuration

Once the package is installed, you need to adjust the styled-components type declaration `@types/styled-components/index.d.ts`, in case you need want to use the styled-components sawmill (SawmillSC):

```tsx
import 'styled-components';
import type { StyledComponentsTheme } from '@graylog/sawmill/styled-components';

declare module 'styled-components' {
  export interface DefaultTheme extends StyledComponentsTheme {}
}
```

### Setting up theme provider

Each sawmill provides a theme for the related theme provider:

```tsx
import SawmillMantine from '@graylog/sawmill/mantine';
import type { ColorScheme } from '@graylog/sawmill';

const AppThemeProvider = ({ children }: React.PropsWithChildren<{}>) => {
  const [colorScheme, setColorScheme] = useState<ColorScheme>(DEFAULT_THEME_MODE);
  const mantineTheme = useMemo(
    () => SawmillMantine({ colorScheme }),
    [colorScheme],
  );
  
  return <MantineProvider theme={mantineTheme}>{children}</MantineProvider>
}
```

### Importing fonts
To import the fonts defined in the sawmill theme, just include `import '@graylog/sawmill/fonts'` in your project.

## Making changes
The foundation of the styled-component and mantine sawmill is the `THEME_BASE.ts` file.
When you make a change to this theme base you need to run `yarn generate-themes` to generate the theme for each sawmill.


## Building the library
To build the library you need to run:

```shell
$ yarn build # Compile source with tsc and generate `dist` files.
```

## Testing changes locally
When you want to test changes locally, you need to add the local repository temporary as a dependency for you project:
```shell
yarn add file:/path/to/this/project
```
npm package: @graywolfai/esbuild-register
Description: Transpile JSX, TypeScript and esnext features on the fly with esbuild
Latest version: 1.1.0

# esbuild-register

## Install

```bash
yarn add esbuild-register --dev
```

[`esbuild`](https://github.com/evanw/esbuild) is also required as a peer dependency.

## Usage

```bash
node -r esbuild-register file.ts
```

It will use `jsxFactory`, `jsxFragmentFactory` and `target` options from your `tsconfig.json`

When using Yarn, you can add an npm script:

```json
"ts": "node -r esbuild-register"
```

to shorten the command, now just run `yarn ts file.ts` instead.

## License

MIT &copy; [EGOIST (Kevin Titor)](https://egoist.sh)
npm package: @graywolfai/firebase-express-jwt
Description: [![@graywolfai/firebase-express-jwt](https://badge.fury.io/js/%40graywolfai%2Ffirebase-express-jwt.svg)](https://badge.fury.io/js/%40graywolfai%2Ffirebase-express-jwt)
Author: Jacob Smith
Latest version: 0.1.0

[![@graywolfai/firebase-express-jwt](https://badge.fury.io/js/%40graywolfai%2Ffirebase-express-jwt.svg)](https://badge.fury.io/js/%40graywolfai%2Ffirebase-express-jwt)

# firebase-express-jwt
Express middleware for Firebase to validate the JWT token.

## Usage
```
npm i @graywolfai/firebase-express-jwt
```

Requests that go to handlers that use this middleware should have an `Authorization: Bearer <TOKEN>`. If the validation fails for any reason, a response with a status `401` is returned (see `index.ts` for details). If validation succeeds, the decoded `user` (`admin.auth.DecodedIdToken`) is placed in the request object.
npm package: @grc.header.footer/ui
Description: ```bash  import { Footer, Header } from "@d.morozov/grc-ui" ```
Author: d.morozov
Latest version: 0.2.9

# GRC/ui - Header and Footer

## For add module 
```bash 
import { Footer, Header } from "@d.morozov/grc-ui"
```

## Save changes in package: 

```bash 
# Update package 
npm verstion patch -m "name commit"

# Publish package
npm publish
```
npm package: @great-detail/eslint-config
Description: ESLint config for Great Detail projects
Author: Great Detail Ltd
Latest version: 1.1.0

# Great Detail Shared ESLint Config

![Great Detail Shared ESLint Config Cover Image](cover.png)

Shared ESLint config for Great Detail projects.

## Usage

> Note: This shared ESLint config **only** supports
> [ESLint Flat Config](https://eslint.org/docs/latest/use/configure/configuration-files).

```js
// eslint.config.js (ESM)

import greatdetail from "@great-detail/eslint-config";

/** @type {import("eslint").Linter.FlatConfig[]} */
export default [...greatdetail()];
```

```js
// eslint.config.js (CJS)
const greatdetailESLint = require("@great-detail/eslint-config");
module.exports = [...greatdetailESLint];
```

## License

MIT &copy; 2023 Great Detail Ltd

### Contact

**Great Detail Ltd**: <https://greatdetail.com> <<info@greatdetail.com>>

**Dom Webber**: <https://domwebber.dev> <<dom.webber@hotmail.com>>
npm package: @great-detail/prettier-config
Description: Shared Prettier config for Great Detail projects.
Author: Great Detail Ltd
Latest version: 0.3.1

# Great Detail Shared Prettier Config

![Great Detail Shared Prettier Config Cover Image](cover.png)

Shared Prettier config for Great Detail projects.

## Usage

```jsonc
// .prettierrc
"@great-detail/prettier-config"
```

or

```js
// .prettierrc.cjs
module.exports = require("@great-detail/prettier-config");
```

or

```js
// .prettierrc.cjs
module.exports = {
  ...require("@great-detail/prettier-config"),
  // Your project specific config here
};
```

## License

MIT &copy; 2023 Great Detail Ltd

### Contact

**Great Detail Ltd**: <https://greatdetail.com> <<info@greatdetail.com>>

**Dom Webber**: <https://domwebber.dev> <<dom.webber@hotmail.com>>
npm package: @greatcloak/eleventy
Description: Transform a directory of templates into HTML.
Author: Zach Leatherman
Latest version: 2.0.0-canary.8

<p align="center"><img src="https://www.11ty.dev/img/logo-github.svg" width="200" height="200" alt="eleventy Logo"></p>

# eleventy 🕚⚡️🎈🐀

A simpler static site generator. An alternative to Jekyll. Written in JavaScript. Transforms a directory of templates (of varying types) into HTML.

Works with HTML, Markdown, JavaScript, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, and Pug.

## ➡ [Documentation](https://www.11ty.dev/docs/)

- Please star [this repo on GitHub](https://github.com/11ty/eleventy/)!
- Follow us on Twitter [@eleven_ty](https://twitter.com/eleven_ty)
- Support [11ty on Open Collective](https://opencollective.com/11ty)
- [11ty on npm](https://www.npmjs.com/org/11ty)
- [11ty on GitHub](https://github.com/11ty)
- Continuous Integration:
  - [GitHub Actions](https://github.com/11ty/eleventy/actions?query=workflow%3A.github%2Fworkflows%2Fci.yml)

[![npm Version](https://img.shields.io/npm/v/@11ty/eleventy.svg?style=for-the-badge)](https://www.npmjs.com/package/@11ty/eleventy) [![GitHub issues](https://img.shields.io/github/issues/11ty/eleventy.svg?style=for-the-badge)](https://github.com/11ty/eleventy/issues) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier) [![npm Downloads](https://img.shields.io/npm/dt/@11ty/eleventy.svg?style=for-the-badge)](https://www.npmjs.com/package/@11ty/eleventy)

## Installation

```
npm install @11ty/eleventy --save-dev
```

Read our [Getting Started guide](https://www.11ty.dev/docs/getting-started/).

## Tests

```
npm run test
```

- We use the [ava JavaScript test runner](https://github.com/avajs/ava) ([Assertions documentation](https://github.com/avajs/ava/blob/master/docs/03-assertions.md))
- ℹ️ To keep tests fast, thou shalt try to avoid writing files in tests.
- [Code Coverage Statistics](https://github.com/11ty/eleventy/blob/master/docs/coverage.md)
- [Benchmark for Performance Regressions](https://github.com/11ty/eleventy-benchmark)

## Community Roadmap

- [Top Feature Requests](https://github.com/11ty/eleventy/issues?q=label%3Aneeds-votes+sort%3Areactions-%2B1-desc+label%3Aenhancement) (Add your own votes using the 👍 reaction)
- [Documentation Requests](https://github.com/11ty/eleventy/issues?q=is%3Aissue+label%3Adocumentation+label%3Aneeds-votes+sort%3Areactions-%2B1-desc) (Add your own votes using the 👍 reaction)
- [Top Bugs 😱](https://github.com/11ty/eleventy/issues?q=is%3Aissue+is%3Aopen+label%3Abug+sort%3Areactions-%2B1-desc) (Add your own votes using the 👍 reaction)
- [Newest Bugs 🙀](https://github.com/11ty/eleventy/issues?q=is%3Aopen+is%3Aissue+label%3Abug)

## Plugins

See the [official docs on plugins](https://www.11ty.dev/docs/plugins/).
npm package: @greatefue/generate_form_errors
Description: Generate HTML error messages for invalid Angular FormGroup fields with labels
Author: Great Efue
Latest version: 0.0.3

# @greatefue/generate_form_errors

Generate HTML error messages for invalid Angular FormGroup fields with custom labels.

---

## 📦 Installation

```bash
npm install @greatefue/generate_form_errors
# or
yarn add @greatefue/generate_form_errors
```

---

## ⚡ Angular Example

```typescript
import { FormGroup, FormControl, Validators } from '@angular/forms';
import { GREAT_EFUE } from '@greatefue/generate_form_errors';

// Create a sample form
const USER_FORM = new FormGroup({
  FIRST_NAME: new FormControl('', Validators.required),
  LAST_NAME: new FormControl('', Validators.required),
  USERNAME: new FormControl('', Validators.required),
  DOB: new FormControl('')
});

// Force validation
USER_FORM.markAllAsTouched();

const LABEL_MAP = {
  FIRST_NAME: 'Firstname',
  LAST_NAME: 'Lastname',
  USERNAME: 'Username',
  DOB: 'Date of Birth'
};

// Generate the error message
const FORM_ERRORS = GREAT_EFUE.GENERATE_FORM_ERRORS(USER_FORM, LABEL_MAP);

console.log(FORM_ERRORS);
```

### Example Output

```html
Please fill in the following required fields: 
<a href="javascript:void(0);"><span class="py-1 px-2 fs-12 bg-soft-danger rounded text-danger fw-medium">Firstname</span></a>, 
<a href="javascript:void(0);"><span class="py-1 px-2 fs-12 bg-soft-danger rounded text-danger fw-medium">Lastname</span></a>,
<a href="javascript:void(0);"><span class="py-1 px-2 fs-12 bg-soft-danger rounded text-danger fw-medium">Username</span></a>
```

---

## ⚡ JavaScript Example

```javascript
const GREAT_EFUE = require('@greatefue/generate_form_errors');

const USER_FORM = {
  controls: {
    FIRST_NAME: { invalid: true, errors: { required: true } },
    LAST_NAME: { invalid: true },
    USERNAME: { invalid: true },
    DOB: { invalid: false }
  }
};

const LABEL_MAP = {
  FIRST_NAME: 'Firstname',
  LAST_NAME: 'Lastname',
  USERNAME: 'Username',
  DOB: 'Date of Birth'
};

const FORM_ERRORS = GREAT_EFUE.GENERATE_FORM_ERRORS(USER_FORM, LABEL_MAP);

console.log(FORM_ERRORS);
```

### Example Output

```html
Please fill in the following required fields: 
<a href="javascript:void(0);"><span class="py-1 px-2 fs-12 bg-soft-danger rounded text-danger fw-medium">Firstname</span></a>, 
<a href="javascript:void(0);"><span class="py-1 px-2 fs-12 bg-soft-danger rounded text-danger fw-medium">Lastname</span></a>,
<a href="javascript:void(0);"><span class="py-1 px-2 fs-12 bg-soft-danger rounded text-danger fw-medium">Username</span></a>
```
npm package: @greatgatsbyjs/gatsby-theme-ggt-material-ui-blog
Description: A simple, yet effect blog utilizing material design.
Author: Kaleb @ greatgatsbyjsThemes.com
Latest version: 1.1.9

# gatsby-starter-material-ui-blog-theme

This is a [Gatsby Theme](https://www.gatsbyjs.org/blog/2018-11-11-introducing-gatsby-themes/) created to make having a new material-ui blog quick and easy.

See the [Example Site](https://gatsby-theme-material-ui-blog.netlify.com/) to see the design :).

If you're interested in getting set up, check the starter below.

## Use the Starter

Interested in using the blog theme? I've created a gatsby starter for you! [gatsby-starter-ggt-material-ui-blog](https://www.npmjs.com/package/@greatgatsbyjs/gatsby-starter-ggt-material-ui-blog)


The starter documentation shows the theme options and explains component shadowing in more detail.

Let me know if you have any questions!