open-index/open-npm huggingface dataset:
npm package: @hoons/use-title
Description: React hook to update your document's title
Author: Tae hoon Kim
Latest version: 1.2.0

# @hoons/use-title

React Hook to update your document's title.

## Installation

#### yarn

`yarn add @hoons/use-title`

#### npm

`npm i @hoons/use-title`

## Usage

```js
import React from "react";
import useTitle from "@hoons/use-title";

function App() {
  useTitle("Welcome");
  return <h1>Welcome</h1>;
}
```

### Arguments

| Argument | Type   | Description                                | Required |
| -------- | ------ | ------------------------------------------ | -------- |
| title    | string | The title you want to use on your document | yes      |
npm package: @hoook/use-file
Description: This is true use file hook for browser, you don't have to need a input element to handle event, just focus on your UI component.
Author: KaivnD
Latest version: 0.1.0

# React use file hook

This is true use file hook for browser, you don't have to need a input element to handle event, just focus on your UI component.

## Usage

```tsx
import React from 'react';
import { useFile } from '@hoook/use-file';

export default function() {
  const [trigger, content] = useFile();

  return (
    <div>
      <div onClick={() => trigger()}>Whatever your trigger is</div>
      <p>{content}</p>
    </div>
  );
}
```
npm package: @hoooks/use-axios
Description: Get external data and reload function with options.
Author: aiden jung
Latest version: 1.0.3

# @hoooks/use-axios
Get external data and reload function with options.

## Installation

#### yarn
`yarn add @hoooks/use-axios`

#### npm
`npm i @hoooks/use-axios`

## Usage
```js
import React from "react";
import useAxios from "@hoooks/use-axios";

export default function App() {
  const { isLoading, data, error, reload } = useAxios({
      url: "https://something.you.need.to.get"
  });
  return (
      <>
        <h1>{isLoading ? "loading..." : "put your logic here"}</h1>
        <button onClick={reload}>reload</button>
      </>
  );
}
```

### Return
|Return|Type|Description|
|------|----|-----------|
|isLoading, data, error, reload function|Object|An object containing isLoading, data, error, reload function|
npm package: @hoooks/use-input
Description: ```js import React from 'react'; import useInput from "@nooks/use-input"
Author: aiden jung
Latest version: 1.0.1

## Usage
```js
import React from 'react';
import useInput from "@nooks/use-input"

export default function App() {
  const validator = (value) => !value.includes("@");
  const name = useInput("Mr. ", validator);
  return (
    <div className="App">
      <h1>Hello</h1>
      <input placeholder="Name" {...name.props} />
    </div>
  );
}

```
npm package: @hoooks/use-network
Description: Check whether the network status is online or offline.
Author: aiden jung
Latest version: 1.0.1

# @hoooks/use-network
Check whether the network status is online or offline.

## Installation

#### yarn
`yarn add @hoooks/use-network`

#### npm
`npm i @hoooks/use-network`

## Usage
```js
import React from "react";
import useTitle from "@hoooks/use-network";

export default function App() {
  const isOnline = useNetwork();
  return (
      <>
        <h1>{isOnline ? "Online" : "Offline"}</h1>
      </>
  );
}
```

### Return
|Return|Type|Description|
|------|----|-----------|
|Boolean|Boolean|A boolean indicating the network status|
npm package: @hoooks/use-prevent-leave
Description: Ask user one more time before leaving a page for safe-termination. Useful when changes are not saved.
Author: aiden jung
Latest version: 1.0.2

# @hoooks/use-prevent-leave
Ask user one more time before leaving a page for safe-termination. Useful when changes are not saved.

## Installation

#### yarn
`yarn add @hoooks/use-prevent-leave`

#### npm
`npm i @hoooks/use-prevent-leave`

## Usage
```js
import React from "react";
import useTitle from "@hoooks/use-prevent-leave";

export default function App() {
  const { enablePrevent, disablePrevent } = usePreventLeave();
  return (
      <>
        <button onClick={enablePrevent}>enablePrevent</button>
        <button onClick={disablePrevent}>disablePrevent</button>
      </>
  );
}
```

### Return
|Return|Type|Description|
|------|----|-----------|
|Functions|Object|An object containing enablePrevent and disablePrevent|
npm package: @hoooks/use-scroll
Description: Get current X, Y coordinates of scroll
Author: aiden jung
Latest version: 1.0.1

# @hoooks/use-scroll
Get current X, Y coordinates of scroll

## Installation

#### yarn
`yarn add @hoooks/use-scroll`

#### npm
`npm i @hoooks/use-scroll`

## Usage
```js
import React from "react";
import useScroll from "@hoooks/use-scroll";

export default function App() {
  const { x, y } = useScroll();
  return (
    <div style={{ width: "300vw", height: "300vh" }}>
      <div style={{ position: "fixed" }}>
        <h1>X: {x}</h1>
        <h1>Y: {y}</h1>
      </div>
    </div>
  );
}
```
npm package: @hoooks/use-title
Description: React Hook to update your document's title
Author: aiden jung
Latest version: 1.0.1

# @hoooks/use-title
React Hook to update your document's title

## Installation

#### yarn
`yarn add @hoooks/use-title`

#### npm
`npm i @hoooks/use-title`

## Usage
```js
import React from "react";
import useTitle from "@hoooks/use-title";

export default function App() {
  useTitle("Hi!");
  return <h1>Check out your browser's title</h1>;
}
```
npm package: @hooooks/use-event-listener
Description: A custom React Hook that provides a declarative useEventListener with native event binding.
Author: 吴刚
Latest version: 1.0.1

# @hooooks/use-event-listener

A custom React Hook that provides a declarative useEventListener with native event binding.

原生事件绑定hook

## Installation

```bash
$ npm i @hooooks/use-event-listener
```

or

```bash
$ yarn add @hooooks/use-event-listener
```

## Usage

Here is a basic setup.

```js
useEventListener(element, eventName, handler, options);
```

## Example

```tsx
import { useRef } from 'react'
import useEventListener from '@hooooks/use-event-listener'

function App ({ children }) {
  const containerRef = useRef<HTMLElement>()
  const scrollContentRef = useRef<HTMLElement>()

  useEventListener(window, 'resize', () => {
    console.log('resize')
  })

  useEventListener(document, 'visibilityChange', hidden => {
    console.log('hidden', hidden)
  }, false)

  // Component Ref
  useEventListener(containerRef, 'contextmenu', () => {
    console.log('contextmenu')
  })

 // native event binding
  useEventListener(scrollContentRef, 'scroll', () => {
    // handle scroll
    console.log('scroll')
  }, {
    passive: true
  })

  return (
    <Container ref={containerRef}>
      <div className='content' ref={scrollContentRef}>
        {children}
      </div>
    </Container>
  )
}
```
### Parameters

Here are the parameters that you can use. (\* = optional)

| Parameter   | Description                                                                                                                                                                                                                            |
| :---------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `element` | The element `Window \| Document \| HTMLElement \| Ref<HTMLElement \| ReactInstance>` to listen on. |
| `eventName` | The event name (string). Here is a list of [common events](https://developer.mozilla.org/en-US/docs/Web/Events).|
| `handler`   | A function that will be called whenever `eventName` fires on .|                                                                                                                                                                                                                                                               
| `options`\* | An object `{ capture?: boolean, passive?: boolean, once?: boolean }` or boolean to be passed to `addEventListener`. Defaults to `false` For advanced use cases. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) for details. |


## License

**[MIT](LICENSE)** Licensed


<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->
npm package: @hoophq/backstage-plugin
Description: Welcome to the hoop plugin!
Latest version: 0.1.4

# hoop

Welcome to the hoop plugin!

## Getting Started

To get started, you will need install the plugin into your app:

```bash
# From your Backstage root directory
yarn add --cwd packages/app @hoophq/backstage-plugin
```

Modify your app routes in `App.tsx` to include the `HoopPage` component exported from the plugin, for example:

```tsx
// In packages/app/src/App.tsx
import { HoopPage } from '@hoop/backstage-hoop';

const routes = (
  <FlatRoutes>
    {/* ...other routes */}
    <Route path="/hoop" element={<HoopPage />} />
```

Then configure the `hoop` URL and the `hoop` token in your [`app-config.yaml`](https://github.com/backstage/backstage/blob/master/app-config.yaml).

```yaml
hoop:
  baseUrl: http://your-service-url
  token: yourTokenHere
```

Add a link to the sidebar:

```ts
// packages/app/src/components/Root/Root.tsx
import ExtensionIcon from '@material-ui/icons/ExtensionIcon';

export const Root = ({ children }: PropsWithChildren<{}>) => (
  <SidebarPage>
    <Sidebar>
      // ...
      <SidebarItem icon={ExtensionIcon} to='hoop' text='Hoop' />
      // ...
    </Sidebar>
  </SidebarPage>
);
```

You can now navigate to the Hoop page from your app's sidebar!
npm package: @hoory/chat-integrations
Description: Hoory custom chat integrations
Latest version: 1.2.4

<p align="center">
  <img src="https://avatars.githubusercontent.com/u/85837820?s=200&v=4?v=1615277229" alt="hoory-logo" width="200px" height="200px"/>
  <br>
  <b>Hoory chat intergrations</b>
  <br>
</p>

## Prerequisites


- Install [Bunjs](https://bun.sh/)

## Start 
- Install the dependencies by running `bun i`
- The to start the app use: `bun run start`

## Installation
```bash
yarn add @hoory/chat-intergrations
```


## Contributing Guidelines

Read through our [Contributing guidelines](https://github.com/orgs/hoory-com/teams/hoory-business/discussions/1) to learn about our submission process, coding rules and more.
npm package: @hoory/chat-intergrations
Description: Hoory custom chat integrations
Latest version: 1.2.6

<p align="center">
  <img src="https://avatars.githubusercontent.com/u/85837820?s=200&v=4?v=1615277229" alt="hoory-logo" width="200px" height="200px"/>
  <br>
  <b>Hoory chat intergrations</b>
  <br>
</p>

## Prerequisites


- Install [Bunjs](https://bun.sh/)

## Start 
- Install the dependencies by running `bun i`
- The to start the app use: `bun run start`

## Installation
```bash
yarn add @hoory/chat-intergrations
```


## Contributing Guidelines

Read through our [Contributing guidelines](https://github.com/orgs/hoory-com/teams/hoory-business/discussions/1) to learn about our submission process, coding rules and more.
npm package: @hoory/docusaurus-plugin
Description: Chatwoot plugin for docusaurus
Author: Pranav Raj S
Latest version: 1.0.1

### @chatwoot/docusaurus-plugin

This plugin enables Chatwoot in Docusaurus powered websites.

#### Install the plugin

1. Add the plugin to your project.

```
yarn add @chatwoot/docusaurus-plugin
```

or

```
npm install @chatwoot/docusaurus-plugin --save
```

2. Configure the plugin in `docusaurus.config.js`

```js
// docusaurus.config.js
module.exports = {
  plugins: ["@chatwoot/docusaurus-plugin"],
  themeConfig: {
    chatwoot: {
      websiteToken: "Your website inbox token",
      baseURL: "https://app.chatwoot.com",  // optional
      enableInDevelopment: false,  // optional
    }
  }
};
```
npm package: @hoory/prosemirror-schema
Description: Schema setup for using prosemirror in chatwoot. Based on 👉 https://github.com/ProseMirror/prosemirror-example-setup/
Author: Nithin David
Latest version: 1.0.6

# woot-prosemirror-schema

Schema setup for using prosemirror in chatwoot. Based on 👉 https://github.com/ProseMirror/prosemirror-example-setup/
npm package: @hoory/react
Description: Hoory script embedder
Latest version: 1.2.4

<p align="center">
  <img src="https://avatars.githubusercontent.com/u/85837820?s=200&v=4?v=1615277229" alt="hoory-logo" width="200px" height="200px"/>
  <br>
  <b>Hoory Inbox on react</b>
  <br>
</p>

## Installation
```bash
yarn add @hoory/react
```

> This can work on next.js as well, follow the instructions below

### Getting started
Simply put this hook in your app `layout` or `main` file, and it
will load the embedded chat on your website.

Also, you can pass additional options as second parameter to `useHoory` hook and
control the widget.

```typescript
const api: API = useHoory("WEBSITE_TOKEN", options: Options);

type API = {
  baseUrl: string
  darkMode: DarkMode
  hasLoaded: boolean
  hideMessageBubble: boolean
  isOpen: boolean
  lazyLoad: boolean
  launcherTitle: string
  locale: Locales
  position: BubblePosition
  resetTriggered: boolean
  showPopoutButton: boolean
  type: WidgetType
  useBrowserLanguage: boolean
  forceManualLinkManagement: boolean
  escapeUnreadView: boolean
  autoOpenUnreadConversation: boolean
  websiteToken: string
  widgetStyle: WidgetType
  setUser: (
    userUniqueIdentifier: string,
    userAttributes?: {
      name?: string
      avatar_url?: string
      email?: string
      identifier_hash?: string
      phone_number?: string
      description?: string
      country_code?: string
      city?: string
      company_name?: string
      social_profiles?: {
        twitter?: string
        linkedin?: string
        facebook?: string
        github?: string
      }
    }
  ) => void
  popoutChatWindow: () => void
  removeLabel: (label: string) => void
  reset: () => void
  deleteConversationCustomAttribute: (key: string) => void
  deleteCustomAttribute: (key: string) => void
  toggle: (state?: 'open' | 'open:last-conversation' | 'open:new-conversation' | 'close') => void
  toggleBubbleVisibility: (value: 'show' | 'hide') => void
  setConversationCustomAttributes: (attributes: Record<string, string>) => void
  setCustomAttributes: (attributes: Record<string, string>) => void
  setLabel: (label: string) => void
  setLocale: (locale: Locales) => void
}


type Options = {
  env?: "DEV" | "PROD";
  position?: 'left' | 'right';
  type?: 'standard' | 'expanded_bubble';
  launcherTitle?: string;
  hideMessageBubble: false;
  locale: 'en' | 'es' | 'fr' | 'de' | 'it' | 'pt' | 'ru' | 'zh' | ...
  useBrowserLanguage: boolean;
  darkMode: 'auto' | 'light';
  avatar: string;
  showPopoutButton: boolean;
};
```

## Contributing Guidelines

Read through our [Contributing guidelines](https://github.com/orgs/hoory-com/teams/hoory-business/discussions/1) to learn about our submission process, coding rules and more
npm package: @hoory/type-draft-js
Description: TypeScript definitions for Draft.js
Latest version: 0.11.9

# Installation
> `npm install --save @types/draft-js`

# Summary
This package contains type definitions for Draft.js (https://facebook.github.io/draft-js/).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/draft-js.

### Additional Details
 * Last updated: Fri, 04 Feb 2022 22:01:25 GMT
 * Dependencies: [@types/immutable](https://npmjs.com/package/@types/immutable), [@types/react](https://npmjs.com/package/@types/react)
 * Global values: `Draft`

# Credits
These definitions were written by [Dmitry Rogozhny](https://github.com/dmitryrogozhny), [Eelco Lempsink](https://github.com/eelco), [Yale Cason](https://github.com/ghotiphud), [Ryan Schwers](https://github.com/schwers), [Michael Wu](https://github.com/michael-yx-wu), [Willis Plummer](https://github.com/willisplummer), [Santiago Vilar](https://github.com/smvilar), [Ulf Schwekendiek](https://github.com/sulf), [Pablo Varela](https://github.com/pablopunk), [Claudio Procida](https://github.com/claudiopro), [Kevin Hawkinson](https://github.com/khawkinson), [Munif Tanjim](https://github.com/MunifTanjim), [Peter Dekkers](https://github.com/PeterDekkers), and [Ankit Ranjan](https://github.com/ankitr).
npm package: @hoory/type-emoji-mart
Description: TypeScript definitions for emoji-mart
Latest version: 3.0.9

# Installation
> `npm install --save @types/emoji-mart`

# Summary
This package contains type definitions for emoji-mart (https://github.com/missive/emoji-mart).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/emoji-mart.

### Additional Details
 * Last updated: Thu, 23 Dec 2021 23:34:34 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
 * Global values: none

# Credits
These definitions were written by [Jessica Franco](https://github.com/Jessidhia), [Nick Winans](https://github.com/Nicell), [Elvis Wolcott](https://github.com/elviswolcott), and [Tarrence van As](https://github.com/tarrencev).
npm package: @hoory/type-hoist-non-react-statics
Description: TypeScript definitions for hoist-non-react-statics
Latest version: 3.3.1

# Installation
> `npm install --save @types/hoist-non-react-statics`

# Summary
This package contains type definitions for hoist-non-react-statics ( https://github.com/mridgway/hoist-non-react-statics#readme ).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/hoist-non-react-statics

Additional Details
 * Last updated: Thu, 04 Apr 2019 18:42:22 GMT
 * Dependencies: @types/react
 * Global values: none

# Credits
These definitions were written by JounQin <https://github.com/JounQin>, James Reggio <https://github.com/jamesreggio>.
npm package: @hoory/type-react-beautiful-dnd
Description: TypeScript definitions for react-beautiful-dnd
Latest version: 13.1.3

# Installation
> `npm install --save @types/react-beautiful-dnd`

# Summary
This package contains type definitions for react-beautiful-dnd (https://github.com/atlassian/react-beautiful-dnd).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-beautiful-dnd.

### Additional Details
 * Last updated: Thu, 08 Dec 2022 00:33:03 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
 * Global values: none

# Credits
These definitions were written by [varHarrie](https://github.com/varHarrie), [Bradley Ayers](https://github.com/bradleyayers), [Austin Turner](https://github.com/paustint), [Mark Nelissen](https://github.com/marknelissen), [Enrico Boccadifuoco](https://github.com/enricoboccadifuoco), [Taeheon Kim](https://github.com/lonyele), [Kanitkorn Sujautra](https://github.com/lukyth), [Arun George](https://github.com/aruniverse), [Nick Garlis](https://github.com/nickgarlis), [Brian Powers](https://github.com/brianspowers), and [Declan Warn](https://github.com/declan-warn).
npm package: @hoory/type-react-color
Description: TypeScript definitions for react-color
Latest version: 3.0.7

# Installation
> `npm install --save @types/react-color`

# Summary
This package contains type definitions for react-color (https://github.com/casesandberg/react-color/).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-color.

### Additional Details
 * Last updated: Wed, 20 Oct 2021 21:01:38 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react), [@types/reactcss](https://npmjs.com/package/@types/reactcss)
 * Global values: none

# Credits
These definitions were written by [ Karol Janyst](https://github.com/LKay), [Marks Polakovs](https://github.com/markspolakovs), [Matthieu Montaudouin](https://github.com/mntdn), [Nokogiri](https://github.com/nkgrnkgr), [0815Strohhut](https://github.com/0815Strohhut), [Daniel Fürst](https://github.com/dnlfrst), [Erick Tamayo](https://github.com/ericktamayo), and [Alexander P. Cerutti](https://github.com/alexandercerutti).
npm package: @hoory/type-react-copy-to-clipboard
Description: TypeScript definitions for react-copy-to-clipboard
Latest version: 5.0.2

# Installation
> `npm install --save @types/react-copy-to-clipboard`

# Summary
This package contains type definitions for react-copy-to-clipboard (https://github.com/nkbt/react-copy-to-clipboard).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-copy-to-clipboard.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-copy-to-clipboard/index.d.ts)
````ts
// Type definitions for react-copy-to-clipboard 5.0
// Project: https://github.com/nkbt/react-copy-to-clipboard
// Definitions by: Meno Abels <https://github.com/mabels>
//                 Bernabe <https://github.com/BernabeFelix>
//                 Ward Delabastita <https://github.com/wdlb>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

import * as React from 'react';

export as namespace CopyToClipboard;

declare class CopyToClipboard extends React.PureComponent<CopyToClipboard.Props> {}

declare namespace CopyToClipboard {
    class CopyToClipboard extends React.PureComponent<Props> {}

    interface Options {
        debug?: boolean | undefined;
        message?: string | undefined;
        format?: string | undefined; // MIME type
    }

    interface Props {
        children?: React.ReactNode;
        text: string;
        onCopy?(text: string, result: boolean): void;
        options?: Options | undefined;
    }
}

export = CopyToClipboard;

````

### Additional Details
 * Last updated: Fri, 15 Oct 2021 19:01:23 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
 * Global values: `CopyToClipboard`

# Credits
These definitions were written by [Meno Abels](https://github.com/mabels), [Bernabe](https://github.com/BernabeFelix), and [Ward Delabastita](https://github.com/wdlb).
npm package: @hoory/type-react-helmet
Description: TypeScript definitions for react-helmet
Latest version: 6.1.6

# Installation
> `npm install --save @types/react-helmet`

# Summary
This package contains type definitions for react-helmet (https://github.com/nfl/react-helmet).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-helmet.

### Additional Details
 * Last updated: Mon, 28 Nov 2022 20:03:08 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
 * Global values: none

# Credits
These definitions were written by [Evan Bremer](https://github.com/evanbb), [Isman Usoh](https://github.com/isman-usoh), [Yui T.](https://github.com/yuit), [Yamagishi Kazutoshi](https://github.com/ykzts), [Justin Hall](https://github.com/wKovacs64), [Andriy2](https://github.com/Andriy2), and [Piotr Błażejewicz](https://github.com/peterblazejewicz).
npm package: @hoory/type-react-infinite-scroller
Description: TypeScript definitions for react-infinite-scroller
Latest version: 1.2.1

# Installation
> `npm install --save @types/react-infinite-scroller`

# Summary
This package contains type definitions for react-infinite-scroller ( https://github.com/CassetteRocks/react-infinite-scroller ).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-infinite-scroller

Additional Details
 * Last updated: Wed, 13 Feb 2019 21:06:15 GMT
 * Dependencies: @types/react
 * Global values: none

# Credits
These definitions were written by Lauri Lavanti <https://github.com/Lapanti>, Piotr Srebniak <https://github.com/psrebniak>, Brett Miller <https://github.com/WrathZA>, Yipeng Zhao <https://github.com/daggerjames>.
npm package: @hoory/type-react-redux
Description: TypeScript definitions for react-redux
Latest version: 7.1.21

# Installation
> `npm install --save @types/react-redux`

# Summary
This package contains type definitions for react-redux (https://github.com/reduxjs/react-redux).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-redux.

### Additional Details
 * Last updated: Wed, 20 Oct 2021 21:01:42 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react), [@types/redux](https://npmjs.com/package/@types/redux), [@types/hoist-non-react-statics](https://npmjs.com/package/@types/hoist-non-react-statics)
 * Global values: none

# Credits
These definitions were written by [Qubo](https://github.com/tkqubo), [Kenzie Togami](https://github.com/kenzierocks), [Curits Layne](https://github.com/clayne11), [Frank Tan](https://github.com/tansongyang), [Nicholas Boll](https://github.com/nicholasboll), [Dibyo Majumdar](https://github.com/mdibyo), [Thomas Charlat](https://github.com/kallikrein), [Valentin Descamps](https://github.com/val1984), [Johann Rakotoharisoa](https://github.com/jrakotoharisoa), [Anatoli Papirovski](https://github.com/apapirovski), [Boris Sergeyev](https://github.com/surgeboris), [Søren Bruus Frank](https://github.com/soerenbf), [Jonathan Ziller](https://github.com/mrwolfz), [Dylan Vann](https://github.com/dylanvann), [Yuki Ito](https://github.com/Lazyuki), [Kazuma Ebina](https://github.com/kazuma1989), [Michael Lebedev](https://github.com/megazazik), [jun-sheaf](https://github.com/jun-sheaf), [Lenz Weber](https://github.com/phryneas), and [Mark Erikson](https://github.com/markerikson).
npm package: @hoory/type-reactcss
Description: TypeScript definitions for ReactCSS
Latest version: 1.2.6

# Installation
> `npm install --save @types/reactcss`

# Summary
This package contains type definitions for ReactCSS (http://reactcss.com/).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/reactcss.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/reactcss/index.d.ts)
````ts
// Type definitions for ReactCSS 1.2.0
// Project: http://reactcss.com/
// Definitions by: Chris Gervang <https://github.com/chrisgervang>, Karol Janyst <https://github.com/LKay>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8

import * as React from "react"

interface LoopableProps {
    children?: React.ReactNode;
    ref?: React.LegacyRef<any> | undefined;
    "nth-child": number
    "first-child"?: boolean | undefined
    "last-child"?: boolean | undefined
    even?: boolean | undefined
    odd?: boolean | undefined
}

interface HoverProps<T> {
    children?: React.ReactNode;
    ref?: React.LegacyRef<T> | undefined;
    hover?: boolean | undefined
}

interface Classes<T> {
    default: Partial<T>
    [scope: string]: Partial<T>
}

export type CSS = React.CSSProperties
export function hover<A>(component: React.ComponentClass<A> | React.FunctionComponent<A>): React.ComponentClass<A>
export function loop(index: number, length: number): LoopableProps
export default function reactCSS<T>(classes: Classes<T>, ...activations: Array<any>): T

````

### Additional Details
 * Last updated: Thu, 21 Oct 2021 23:01:45 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
 * Global values: none

# Credits
These definitions were written by [Chris Gervang](https://github.com/chrisgervang), and [Karol Janyst](https://github.com/LKay).
npm package: @hoory/types-styled-components
Description: TypeScript definitions for styled-components
Latest version: 5.1.22

# Installation
> `npm install --save @types/styled-components`

# Summary
This package contains type definitions for styled-components (https://github.com/styled-components/styled-components).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/styled-components.

### Additional Details
 * Last updated: Fri, 21 Jan 2022 17:31:33 GMT
 * Dependencies: [@types/csstype](https://npmjs.com/package/@types/csstype), [@types/react](https://npmjs.com/package/@types/react), [@types/hoist-non-react-statics](https://npmjs.com/package/@types/hoist-non-react-statics)
 * Global values: none

# Credits
These definitions were written by [Igor Oleinikov](https://github.com/Igorbek), [Ihor Chulinda](https://github.com/Igmat), [Jessica Franco](https://github.com/Jessidhia), [Jason Killian](https://github.com/jkillian), [Sebastian Silbermann](https://github.com/eps1lon), [Matthew Wagerfield](https://github.com/wagerfield), [Yuki Ito](https://github.com/Lazyuki), [Maciej Goszczycki](https://github.com/mgoszcz2), and [Aaron Reisman](https://github.com/lifeiscontent).
npm package: @hoosat/core-lib
Description: JavaScript Hoosat library.
Latest version: 1.6.20

# JavaScript Data Primitives Library for Hoosat

Based on the popular [Bitcore library](https://github.com/bitpay/bitcore) developed by BitPay for the Bitcoin, htn-core library provides primitives for interfacing with the Hoosat network.

## Get Started

```sh
git clone git@github.com:aspectron/htn-core-lib
```

Adding htn-core to your app's `package.json`:

```json
"dependencies": {
    "./htn-core-lib": "*"
}
```

## Hoosat adaptation

htn-core library provides primitives such as Transaction and UTXO data structures customized for use with the next-generation high-performance Hoosat network.

## Documentation

The complete docs are hosted here: [bitcore documentation](https://github.com/bitpay/bitcore). There's also a [bitcore API reference](https://github.com/bitpay/bitcore/blob/master/packages/bitcore-node/docs/api-documentation.md) available generated from the JSDocs of the project, where you'll find low-level details on each bitcore utility.

## Building the Browser Bundle

To build a htn-core-lib full bundle for the browser:

```sh
gulp browser
```

This will generate files named `htn-core-lib.js` and `htn-core-lib.min.js`.

You can also use our pre-generated files, provided for each release along with a PGP signature by one of the project's maintainers. To get them, checkout the [releases](https://github.com/bitpay/bitcore/blob/master/packages/bitcore-lib/CHANGELOG.md).

## Contributing

See [CONTRIBUTING.md](https://github.com/bitpay/bitcore/blob/master/Contributing.md) on the main bitcore repo for information about how to contribute.

## License

Code released under [the MIT license](https://github.com/bitpay/bitcore/blob/master/LICENSE).

Bitcore - Copyright 2013-2019 BitPay, Inc. Bitcore is a trademark maintained by BitPay, Inc.  
htn-core - Copyright 2020 ASPECTRON Inc.
npm package: @hooshid/local-store
Description: localStorage with expire time
Author: Alireza Kamali
Latest version: 1.0.6

# local-store
Helpers to make local storage easier to use and just like cookie, having expire time.

<a href="https://github.com/hooshid/local-store/blob/master/LICENSE.md">
    <img src="https://img.shields.io/npm/l/@hooshid/local-store.svg" alt="License">
</a>
<a href="https://www.npmjs.com/package/@hooshid/local-store">
    <img src="https://img.shields.io/npm/v/@hooshid/local-store.svg" alt="Version">
</a>
<a href="https://www.npmjs.com/package/@hooshid/local-store">
    <img src="https://img.shields.io/npm/dt/@hooshid/local-store.svg" alt="Downloads">
</a>
<a href="https://www.npmjs.com/package/@hooshid/local-store">
    <img src="https://img.shields.io/npm/dm/@hooshid/local-store.svg" alt="Downloads">
</a>

## Usage

```js
import localStore from '@hooshid/local-store'
```

## Methods

- `set` — Add item to local storage.
- `get` — Get item from local storage
- `remove` — Remove item from local storage.
- `clearAll` — Removes all or just Prefixed items from local storage.
- `has` — Check item exist in local storage.
- `getExpireTime` — Get item expire time.
- `getRemainTime` — Get remaining TTL of a item.

### Set

Set an item in local storage.

```js
set(key: string, value: string, ttl?: number | string): void
```

- `key` - The key of the item to set.
- `value` - The value to set.
- `ttl` - The time life in seconds format for living cache in localStorage.
- `ttl` - The time life in default is one year, if you want set time life you should set in seconds or set like below format.

```bash
m for minute
h for hour
d for day
```

#### examples
* 60m -> 60 minute
* 1h -> 1 hour (equal to 60m)
* 24h -> 24 hours (equal to 1d)
* 1d -> 1 day
* 30d -> 30 days

just use 1 above method and don't mixed (1d12h does not work -> 36h work fine!)

### Get

Get an item from local storage.

```js
get(key: string): string | null
```

- `key` — The key of the item to get.

### Remove

Remove item from local storage.

```js
remove(key: string): void
```

- `key` — The key of the item to remove.

### Clear All

Removes all or just Prefixed items from local storage.

```js
clearAll(prefix?: string): void
```

- `prefix` — if prefix provided, only keys start with prefix cleared and if prefix undefined all keys cleared.

### Has

Check key is exist

```js
has(key: string): boolean
```

- `key` — The key of the item.

### Get Expire Time

Get item expire time.

```js
getExpireTime(key: string): null|number
```

- `key` — The key of the item.

### Get Remain Time

Get remaining time of a item.

```js
getRemainTime(key: string): null|number
```

- `key` — The key of the item.

## Todo
* method for clear expired caches
* output js script and define types separately
npm package: @hoosk/minisignals
Description: Minimal agnostic signals library
Author: Hoosk
Latest version: 1.0.4

# @hoosk/minisignals

The framework-agnostic core of the `minisignals` library. 

This package provides the fundamental reactive primitives: `signal`, `effect`, and `computed`. It has zero dependencies and is built for maximum performance and a minimal footprint.

## Installation

```bash
npm install @hoosk/minisignals
```

## Basic Usage

```typescript
import { signal, effect, computed } from '@hoosk/minisignals';

const count = signal(0);
const double = computed(() => count.value * 2);

effect(() => {
  console.log(`Count: ${count.value}, Double: ${double.value}`);
});

count.value = 1; // Logs: Count: 1, Double: 2
```

For full documentation and advanced features (like Lazy Evaluation and Memory Safety), please refer to the [main repository README](../../README.md).
npm package: @hoosk/minisignals-react
Description: React adapter for @hoosk/minisignals
Author: Hoosk
Latest version: 1.0.4

# @hoosk/minisignals-react

The React 18 adapter for `@hoosk/minisignals`.

This package provides custom hooks to seamlessly integrate the agnostic reactive signals with React's component lifecycle and rendering engine. It utilizes React 18's `useSyncExternalStore` for tear-free concurrent rendering.

## Installation

```bash
npm install @hoosk/minisignals @hoosk/minisignals-react
```

## Basic Usage

```tsx
import { useSignal, useSignalValue } from '@hoosk/minisignals-react';

function Counter() {
  // Create a local signal that survives re-renders
  const count = useSignal(0);
  
  // Connect the signal to trigger React renders on mutation
  const value = useSignalValue(count);

  return (
    <div>
      <p>Count: {value}</p>
      <button onClick={() => count.value++}>Increment</button>
    </div>
  );
}
```

For full documentation, please refer to the [main repository README](../../README.md).
npm package: @hootboard-incubator/expo-mixpanel-analytics
Description: Mixpanel integration for use with React Native apps built on Expo.
Author: svn
Latest version: 1.1.3

Expo Mixpanel Analytics
=========

Mixpanel integration for use with React Native apps built on Expo.

## Installation

```
npm install @benawad/expo-mixpanel-analytics --save
```

## Import

Your React Native app's screen resolution, app name, app ID, app version, device information and multiple other parameters will be automatically resolved and sent with each event.
```
import ExpoMixpanelAnalytics from '@benawad/expo-mixpanel-analytics';
```

## Usage
```
const analytics = new ExpoMixpanelAnalytics("5224da5bbbed3fdeaad0911820f1bf2x");

analytics.identify("13793");

analytics.register({ email: "bob@bob.com" }); // super props sent on every request and persisted in AsyncStorage

analytics.track("Signed Up", { "Referred By": "Friend" });

analytics.people_set({ "$first_name": "Joe", "$last_name": "Doe", "$email": "joe.doe@example.com", "$created": "2013-04-01T13:20:00", "$phone": "4805551212", "Address": "1313 Mockingbird Lane", "Birthday": "1948-01-01" });

analytics.people_set_once({ "First login date": "2013-04-01T13:20:00" });

analytics.people_unset([ "Days Overdue" ]);

analytics.people_increment({ "Coins Gathered": 12 });

analytics.people_append({ "Power Ups": "Bubble Lead" });

analytics.people_union({ "Items purchased": ["socks", "shirts"] });

analytics.people_delete_user();

analytics.reset();

```

## References
https://mixpanel.com/help/reference/http
npm package: @hootool/react-native-channel-info
Description: react-native-channel-info
Author: hootool
Latest version: 0.1.0

# @hootool/react-native-channel-info

react-native-channel-info

## Installation

```sh
npm install @hootool/react-native-channel-info
```

## Usage


```js
import { multiply } from '@hootool/react-native-channel-info';

// ...

const result = await multiply(3, 7);
```


## Contributing

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

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @hootool/request
Description: request
Latest version: 0.0.5

# @hootool/request

[![NPM version](https://img.shields.io/npm/v/@hootool/request.svg?style=flat)](https://npmjs.com/package/@hootool/request)
[![NPM downloads](http://img.shields.io/npm/dm/@hootool/request.svg?style=flat)](https://npmjs.com/package/@hootool/request)

## Install

```bash
$ yarn install
```

```bash
$ npm run dev
$ npm run build
```

## Options

TODO

## LICENSE

MIT
npm package: @hootool/storage
Description: storage
Latest version: 0.0.1

# @hootool/storage

[![NPM version](https://img.shields.io/npm/v/@hootool/storage.svg?style=flat)](https://npmjs.com/package/@hootool/storage)
[![NPM downloads](http://img.shields.io/npm/dm/@hootool/storage.svg?style=flat)](https://npmjs.com/package/@hootool/storage)

## Install

```bash
$ yarn install
```

```bash
$ npm run dev
$ npm run build
```

## Options

TODO

## LICENSE

MIT
npm package: @hootool/utils
Description: [![NPM version](https://img.shields.io/npm/v/@hootool/utils.svg?style=flat)](https://npmjs.com/package/@hootool/utils) [![NPM downloads](http://img.shields.io/npm/dm/@hootool/utils.svg?style=flat)](https://npmjs.com/package/@hootool/utils)
Latest version: 0.0.2

# @hootool/utils

[![NPM version](https://img.shields.io/npm/v/@hootool/utils.svg?style=flat)](https://npmjs.com/package/@hootool/utils)
[![NPM downloads](http://img.shields.io/npm/dm/@hootool/utils.svg?style=flat)](https://npmjs.com/package/@hootool/utils)

## Install

```bash
$ yarn install
```

```bash
$ npm run dev
$ npm run build
```

## Options

TODO

## LICENSE

MIT
npm package: @hoovee.party/tools
Description: Simple IOC container
Author: Valentin
Latest version: 1.0.6

# @hoovee.party/tools

Simple strongly-typed IOC container

## Usage

Create a container in a file available from all other. This container may not require any of your dependencies. It will made dependencies available wherever needed in the codebase.

```ts
// example/container.ts

import createTools, { Container } from "../src/index";
export interface Services {}
export type ServicesContainer = Container<Services>;
const tools: ServicesContainer = createTools<Services>();
export default tools;
```

Register services. Make sure to `start` services provided asynchronously.

```ts
// example/index.ts

import container from "./container";
import ConfigurationProvider from "./services/Configuration/provider";
import RemoteConfigurationProvider from "./services/RemoteConfiguration/provider";
import ServerProvider from "./services/Server/provider";

export default async function start() {
  ConfigurationProvider(container);
  RemoteConfigurationProvider(container);
  ServerProvider(container);

  await container.start("remoteConfiguration");

  container.server.start();
}
```

Use declaration merging to make TS aware of injected services

```ts
// example/services/Configuration/provider.ts

import createConfiguration, { Configuration } from ".";
import { ServicesContainer } from "../../container";

declare module "../../container" {
  interface Services {
    configuration: Configuration;
  }
}

export default (container: ServicesContainer) => {
  container.service("configuration", () => createConfiguration());
};
```

## Examples

Full example in [example folder](../HEAD/example)
npm package: @hoowu/build-plugin-ice-ccc3x-proxy
Description: ICE 项目 Web应用 的 CocosCreator 3.x 游戏开发 集成代理插件
Author: zfkun
Latest version: 0.0.5

## @hoowu/build-plugin-ice-ccc3x-proxy

ICE 项目 Web 应用 的 CocosCreator 3.x 游戏开发 集成代理插件

插件默认会开启以下能力:

- **Web 应用** 自动注入代理目标地址环境变量 `process.env.REMOTE_GAME_SERVER`

> **默认值:** `http://localhost:7456`
>
> **注意：** 插件只会在开发调试时生效，不用担心对生产环境造成影响。

### 安装

```bash
$ npm install @hoowu/build-plugin-ice-ccc3x-proxy
```

### 配置

在 `ice.config.mts` 中进行以下配置：

```diff
import { defineConfig } from "@ice/app";
import ccc3x from "@hoowu/build-plugin-ice-ccc3x-proxy";

export default defineConfig(() => ({
  plugins: [
+   ccc3x(),
  ],
}));
```

#### 禁用代理

```diff
import { defineConfig } from "@ice/app";
import ccc3x from "@hoowu/build-plugin-ice-ccc3x-proxy";

export default defineConfig(() => ({
  plugins: [
    ccc3x({
+     proxy: false
    }),
  ],
}));
```

#### 修改代理地址

```diff
import { defineConfig } from "@ice/app";
import ccc3x from "@hoowu/build-plugin-ice-ccc3x-proxy";

export default defineConfig(() => ({
  plugins: [
    ccc3x({
+     proxyTarget: "http://192.168.1.17:7456"
    }),
  ],
}));
```

#### 修改代理规则

```diff
import { defineConfig } from "@ice/app";
import ccc3x from "@hoowu/build-plugin-ice-ccc3x-proxy";

export default defineConfig(() => ({
  plugins: [
    ccc3x({
+     proxyContext: ["/aaa", "/bbb"]
    }),
  ],
}));
```

#### 修改代理白名单

```diff
import { defineConfig } from "@ice/app";
import ccc3x from "@hoowu/build-plugin-ice-ccc3x-proxy";

export default defineConfig(() => ({
  plugins: [
    ccc3x({
+     allowedHosts: ["a.com", "sub.a.com", "b.com"]
    }),
  ],
}));
```

### 自定义配置

项目根目录下 `.cc3x.json` 文件, 定义的配置会强制覆盖 `ice.config.mts` 中的配置, 即优先级更高

比如:

```json
{
  "proxy": true,
  "proxyTarget": "http://192.168.1.17:7456",
  "proxyContext": ["/aaa", "/bbb"],
  "allowedHosts": ["a.com", "sub.a.com", "b.com"]
}
```
npm package: @hoowu/eui-tbapp-c
Description: 淘宝小程序UI组件库(C端)
Author: zfkun
Latest version: 1.0.20

# 淘宝小程序 UI 组件库(C 端)

主要包含面向 C 端 的 开发常用 UI 组件

## Release

1.0.20
1.0.19
1.0.18
1.0.17
1.0.16
1.0.15
1.0.14
1.0.13
1.0.12
1.0.11
1.0.10
1.0.9
1.0.8
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2
1.0.1
1.0.0

## Install

最新版本

```
npm i @hoowu/eui-tbapp-c
```

指定版本 `1.0.20`

```
npm i @hoowu/eui-tbapp-c@1.0.20
```

最低版本 `^1.0.20`

```
npm i @hoowu/eui-tbapp-c@^1.0.20
```
npm package: @hop-org/hop-spec-cli
Description: HarnessOps CLI — query and manage hop.json configurations
Author: HarnessOps Contributors
Latest version: 0.1.0

# @hop-org/hop-spec-cli

Command-line tool for querying and managing `hop.json` configurations.

## Install

```bash
npm install -g @hop-org/hop-spec-cli
```

## Commands

### `hop init`

Create a new `hop.json` interactively. Detects machine type, OS, and architecture automatically.

```bash
hop init              # Interactive prompts
hop init -y           # Accept detected defaults
hop init -o ~/dev/hop.json  # Specify output path
```

### `hop validate [file]`

Validate a `hop.json` file against the HarnessOps JSON Schema (Draft 2020-12).

```bash
hop validate                    # Validate discovered hop.json
hop validate /path/to/hop.json  # Validate specific file
hop validate --schema custom-schema.json  # Use custom schema
```

### `hop projects`

List all projects registered in `hop.json`.

```bash
hop projects           # Table output
hop projects --json    # JSON output
hop projects -t tool   # Filter by type
```

### `hop path <name>`

Resolve a project's filesystem path by name. Useful in scripts:

```bash
cd $(hop path my-project)
```

### `hop machine`

Show machine identity and configuration.

```bash
hop machine         # Human-readable
hop machine --json  # JSON output
```

### `hop account [username]`

Show GitHub account details. Without a username, shows the default account.

```bash
hop account            # Default account
hop account work-user  # Specific account
hop account --json     # JSON output
```

### `hop discover [dir]`

Auto-scan a directory for projects by detecting git repos and build files.

```bash
hop discover              # Scan current directory
hop discover ~/dev        # Scan specific directory
hop discover --json       # Output as hop.json project entries
hop discover -d 5         # Scan 5 levels deep (default: 3)
```

### `hop where`

Print the path to the discovered `hop.json`.

```bash
hop where
```

## Configuration Discovery

The CLI finds `hop.json` using this resolution order:

1. `~/.hop/settings.json` pointer
2. `$HOP_CONFIG_PATH` environment variable
3. `~/.hop/hop.json` (default location)
4. Walk up from current directory
5. Legacy: `~/.config/hop/hop.json`, `/etc/hop/hop.json`

## Development

```bash
cd packages/hop-cli
bun install
bun run build    # Compile TypeScript
bun run dev      # Watch mode
bun test         # Run integration tests
```

## License

MIT
npm package: @hop-org/hop-spec-core
Description: Core library for HarnessOps: hop.json parser, validator, and discovery
Author: HarnessOps Contributors
Latest version: 0.1.0

# @hop-org/hop-spec-core

Core library for [HarnessOps](../../README.md) — hop.json parser, validator, discovery, and TypeScript types.

## Install

```bash
npm install @hop-org/hop-spec-core
```

## Usage

```typescript
import { discoverAndLoad, collectSystems, type HopConfig } from "@hop-org/hop-spec-core";

// Discover and load hop.json
const result = discoverAndLoad();
if (result) {
  const { config, path } = result;
  console.log(`Loaded ${path}: machine=${config.machine.name}`);
}

// Collect system groupings
const systems = collectSystems(config);
for (const [name, data] of systems) {
  console.log(`${name}: ${data.projects.length} projects`);
}
```

## Exports

- `discoverAndLoad()` — Find and parse hop.json
- `discoverHopPath()` — Find hop.json without loading
- `setConfigPath()` — Pin hop.json location via `~/.hop/settings.json`
- `collectSystems()` — Group projects and infra repos by system
- `normalizeInfraRepo()` — Normalize string or object infra repo entries
- `infraRepoName()` — Extract name from an infra repo entry
- `ensureHopDir()` — Ensure `~/.hop/` directory exists
- `HOP_DEFAULT_PATH` — Default hop.json path (`~/.hop/hop.json`)
- Type exports: `HopConfig`, `Machine`, `Project`, `Bundle`, `InfraRepoEntry`

## License

MIT