open-index/open-npm huggingface dataset:
npm package: @jason5014/aurora
Description: Aurora 组件库
Author: jason jie
Latest version: 1.1.2

# aurora

Aurora 组件库

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.<br />
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

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

### `yarn test`

Launches the test runner in the interactive watch mode.<br />
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.<br />
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br />
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @jason_mao/mao-ui
Description: A react library developed with dumi
Latest version: 0.0.1

# mao-ui

[![NPM version](https://img.shields.io/npm/v/mao-ui.svg?style=flat)](https://npmjs.org/package/mao-ui)
[![NPM downloads](http://img.shields.io/npm/dm/mao-ui.svg?style=flat)](https://npmjs.org/package/mao-ui)

A react library developed with dumi

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ npm install

# develop library by docs demo
$ npm start

# build library source code
$ npm run build

# build library source code in watch mode
$ npm run build:watch

# build docs
$ npm run docs:build

# Locally preview the production build.
$ npm run docs:preview

# check your project for potential problems
$ npm run doctor
```

## LICENSE

MIT
npm package: @jasonai/api
Description: API framework that create rest API as functions
Latest version: 0.1.1

- Build backend as function calls
- Export to APIClient and use as services in frontend; includes function calls, validations and authentication


# Backend
- createServer: create express server function
- Must export default at src/calls.ts
- HttpCall: Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallValidation: Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallAuthentication: Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallCached: add response cache regardless input. Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallLimit: add rate limit. Generate APIClient: parameter doesn't work with property access (object.child)
- createHook: create hook and must use writeContext/readContext. use beforeRoute option to write data for use hook
- useAuth: auth hook, can use anywhere in the code
- useCache: access cache service
- useData: access request data from params, query and body

- TODO:
+ example code: teach chatGpt and ask it generate docs and examples; also generate prompt to use next time

- TODO: make generate client quicker on dev, could just copy .ts files

# APIClient Generation
- client

#Example
- src/calls.ts: create object as api endpoints structure. we'll have `/api/complete` and `/api/messages` endpoints

```
    import { HttpCall, HttpCallValidation } from "@jasonai/api";

    export default {
        complete: HttpCall(HttpCallValidation(CompleteRequestSchema), async (data: CompleteRequest): Promise<ChatMessageType> => {
            return await chatManager.complete(data);
        }),
        messages: HttpCall(async () => {
            return chatManager.messages;
        })
    }

```

- start server
```
import calls from './calls';
import { createServer } from '@jasonai/api';

const server = createServer({ calls });
server.start(3001);
```

- generate apiClient for the frontend to use. add this in package.json
```
"client:gen": "api generate-client --calls ./src/calls.ts --output ../web/src/client"
```
## Front end project
- install `@jasonai/client`
- build api script `npm run client:gen` from api project. client folder is created with apiClient
- usage

```
    import { createApiClient } from './client';

    const apiClient = createApiClient({
        host: 'http://localhost:3001'
    });

    const messages = await apiClient.client.messages();
```
npm package: @jasonai/client
Description: API framework that create rest API as functions
Latest version: 0.1.1

- Build backend as function calls
- Export to APIClient and use as services in frontend; includes function calls, validations and authentication


# Backend
- createServer: create express server function
- Must export default at src/calls.ts
- HttpCall: Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallValidation: Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallAuthentication: Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallCached: add response cache regardless input. Generate APIClient: parameter doesn't work with property access (object.child)
- HttpCallLimit: add rate limit. Generate APIClient: parameter doesn't work with property access (object.child)
- createHook: create hook and must use writeContext/readContext. use beforeRoute option to write data for use hook
- useAuth: auth hook, can use anywhere in the code
- useCache: access cache service
- useData: access request data from params, query and body

- TODO:
+ example code: teach chatGpt and ask it generate docs and examples; also generate prompt to use next time

- TODO: make generate client quicker on dev, could just copy .ts files

# APIClient Generation
- client

#Example
- src/calls.ts: create object as api endpoints structure. we'll have `/api/complete` and `/api/messages` endpoints

```
    import { HttpCall, HttpCallValidation } from "@jasonai/api";

    export default {
        complete: HttpCall(HttpCallValidation(CompleteRequestSchema), async (data: CompleteRequest): Promise<ChatMessageType> => {
            return await chatManager.complete(data);
        }),
        messages: HttpCall(async () => {
            return chatManager.messages;
        })
    }

```

- start server
```
import calls from './calls';
import { createServer } from '@jasonai/api';

const server = createServer({ calls });
server.start(3001);
```

- generate apiClient for the frontend to use. add this in package.json
```
"client:gen": "api generate-client --calls ./src/calls.ts --output ../web/src/client"
```
## Front end project
- install `@jasonai/client`
- build api script `npm run client:gen` from api project. client folder is created with apiClient
- usage

```
    import { createApiClient } from './client';

    const apiClient = createApiClient({
        host: 'http://localhost:3001'
    });

    const messages = await apiClient.client.messages();
```
npm package: @jasonbelmonti/signal-ui
Description: Signal-driven React and Ant Design UI package for desktop apps.
Latest version: 0.11.0

# @jasonbelmonti/signal-ui

Signal-driven React and Ant Design UI package for desktop apps.

## Development

```bash
bun install
bun run storybook
bun run typecheck
bun run build
```

The Storybook catalog is organized in this order:

1. `Overview` – landing, getting started, and catalog context.
2. `Foundations` – baseline visual and token references.
3. `Components` – primary reusable components.
4. `Recipes` – recommended patterns and composition examples for real product flows.
5. `Lab` – secondary experimental or edge-case surfaces.

Pushes to `main` also publish the static Storybook to GitHub Pages via
`.github/workflows/storybook-pages.yml`, so the theme can be shared without a local build.
The default URL for this repository is `https://jasonbelmonti.github.io/signal-ui/`.

`Recipes` and `Lab` remain in the catalog intentionally, but they are secondary to
`Foundations` and `Components` so designers and integrators can quickly separate stable
reference surfaces from exploratory patterns.

`bun run build` emits the consumable package contract in `dist/`:

- `dist/index.js`
- `dist/index.d.ts`
- `dist/styles.css`

`dist/` is generated, not checked into git. Local builds, CI, and the release workflow recreate it
from source.

## Consumption

When published, install it from npm:

```bash
bun add @jasonbelmonti/signal-ui
# or
npm install @jasonbelmonti/signal-ui
```

For a local checkout, build the package first and then add it as a sibling file dependency:

```bash
bun run build
```

```json
{
  "dependencies": {
    "@jasonbelmonti/signal-ui": "file:../signal-ui"
  }
}
```

Import the shared global styles once at the renderer entry, then wrap the app with the provider:

```tsx
import "@jasonbelmonti/signal-ui/styles.css";
import { AntdThemeProvider } from "@jasonbelmonti/signal-ui";
```

The package exports the provider, theme tokens, shared components including `Panel`,
`PixelCubeLoader`, and `PixelCubePath`, plus procedural audio helpers such as
`materializeNoiseCue`, `playNoiseCue`, and `primeNoiseEngine`.

## Release

Create a changeset for any user-facing package change:

```bash
bun run changeset
```

Versioning and publishing are handled through GitHub Actions:

```bash
bun run version-packages
```

Configure the repository `NPM_TOKEN` secret so the release workflow can publish
`@jasonbelmonti/signal-ui` to npm after the Changesets version PR merges.
npm package: @jasonblanchard/bs-react-final-form-hooks
Description: [BuckleScript](https://bucklescript.github.io/) bindings for [react-final-form-hooks](https://github.com/final-form/react-final-form-hooks#validate--valueany--any).
Latest version: 0.0.2

# bsb-react-final-form-hooks

[BuckleScript](https://bucklescript.github.io/) bindings for [react-final-form-hooks](https://github.com/final-form/react-final-form-hooks#validate--valueany--any).

## Installation
TODO

## Usage
TODO. See [`examples`](./examples) folder for now.

## Status
Under active development. Beware of breaking changes!

## Examples

```sh
npm install
npm start
# in another tab
npm run server
```

After you see the webpack compilation succeed (the `npm run webpack` step), view in the browser at http://localhost:8000. To use a port other than 8000 set the `PORT` environment variable (`PORT=8080 npm run server`).
npm package: @jasoncaogit/launchx-electron-basic
Description: ## 添加 Menu Logo Icon 的方法 在 ComponentContribution 中添加对应的 containerId ,就会在 Menubar 中显示一个 logoIcon。 ```typescript registry.register('@opensumi/ide-menu-bar-logo', {   id: '@opensumi/ide-menu-bar-logo',   component: LogoIcon, }, {   containerId: '@opensumi/id
Latest version: 3.8.6

# Electron Basic

## 添加 Menu Logo Icon 的方法
在 ComponentContribution 中添加对应的 containerId ,就会在 Menubar 中显示一个 logoIcon。
```typescript
registry.register('@opensumi/ide-menu-bar-logo', {
  id: '@opensumi/ide-menu-bar-logo',
  component: LogoIcon,
}, {
  containerId: '@opensumi/ide-menu-bar-logo',
});
```

下面是 logoIcon 的实现， 一般 icon 的宽度是 35px
```typescript
import React from 'react';
import cls from 'classnames';
import { getIcon } from '@opensumi/ide-core-browser';
import styles from './logo.module.less';

export const LogoIcon = () => <div className={cls(styles.logoIcon, getIcon('logo'))}></div>;
```
注意：目前的 font icon 不支持渐变等，所以可以单独使用 svg 创建组件。
npm package: @jasondibenedetto/plop
Description: Unique and memorable names for color variables.
Author: Jason Di Benedetto
Latest version: 0.0.2

# plop

Generate unique and memorable names to make color variables easier to manage.

## Install
`yarn global add @jasondibenedetto/plop`

## Usage

```
$ plop 2A0359
$ Cherry Pie

$ plop 2A0359 --kebab
$ cherry-pie
```

## Credits

This is project only exists as a convenient way to use Chirag Mehta's super cool [Name That Color](http://chir.ag/projects/ntc/) tool.
npm package: @jasonehmke/micro-stack
Description: A library to interface with GCP Serverless Functions and PubSub
Author: Jason Ehmke
Latest version: 1.7.3

# NPM Module Boilerplate

[![Build Status](https://travis-ci.org/flexdinesh/npm-module-boilerplate.svg?branch=master)](https://travis-ci.org/flexdinesh/npm-module-boilerplate) [![dependencies Status](https://david-dm.org/flexdinesh/npm-module-boilerplate/status.svg)](https://david-dm.org/flexdinesh/npm-module-boilerplate) [![devDependencies Status](https://david-dm.org/flexdinesh/npm-module-boilerplate/dev-status.svg)](https://david-dm.org/flexdinesh/npm-module-boilerplate?type=dev) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

**Start developing your NPM module in seconds** ✨

Readymade boilerplate setup with all the best practices to kick start your npm/node module development.

Happy hacking =)

# Features

* **ES6/ESNext** - Write _ES6_ code and _Babel_ will transpile it to ES5 for backwards compatibility
* **Test** - _Mocha_ with _Istanbul_ coverage
* **Lint** - Preconfigured _ESlint_ with _Airbnb_ config
* **CI** - _TravisCI_ configuration setup
* **Minify** - Built code will be minified for performance

# Commands
- `npm run clean` - Remove `lib/` directory
- `npm test` - Run tests with linting and coverage results.
- `npm test:only` - Run tests without linting or coverage.
- `npm test:watch` - You can even re-run tests on file changes!
- `npm test:prod` - Run tests with minified code.
- `npm run test:examples` - Test written examples on pure JS for better understanding module usage.
- `npm run lint` - Run ESlint with airbnb-config
- `npm run cover` - Get coverage report for your code.
- `npm run build` - Babel will transpile ES6 => ES5 and minify the code.
- `npm run prepublish` - Hook for npm. Do all the checks before publishing your module.

# Installation
Just clone this repo and remove `.git` folder.


# License

MIT © Dinesh Pandiyan
npm package: @jasoneliu/react-native-week-view
Description: Week View Calendar for React Native
Author: Jason Liu
Latest version: 0.1.6

![tests](https://github.com/hoangnm/react-native-week-view/actions/workflows/tests.yml/badge.svg) ![linter](https://github.com/hoangnm/react-native-week-view/actions/workflows/linter.yml/badge.svg) ![codeql](https://github.com/hoangnm/react-native-week-view/actions/workflows/codeql-analysis.yml/badge.svg)

# react-native-week-view
The week view component for react-native.

* Supported in Android and iOS
* Many user interactions supported: **drag and drop events**, edit events, swipe through pages, event press, grid press, etc
* Customizable styles
* Multiple locale support

Checkout the full [documentation site](https://hoangnm.github.io/react-native-week-view), including [guides](https://hoangnm.github.io/react-native-week-view/category/full-api), [full API](https://hoangnm.github.io/react-native-week-view/category/full-api) and [known issues](https://hoangnm.github.io/react-native-week-view/troubleshoot#known-issues).


![basic-example](webdocs/static/img/weekview-example.gif) ![drag-drop](webdocs/docs/guides/img/drag-drop.gif)


## Installation

> `npm install --save react-native-week-view`

or

> `yarn add react-native-week-view`

**Requirements:** install peer dependencies [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/docs/installation/) >= 2.4.1 and [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation) >=2.0.0, which we use to provide smoother interactions and animations (e.g. drag and drop).


## Basic usage

```js
import WeekView from 'react-native-week-view';

const myEvents = [
 {
 id: 1,
 description: 'Event',
 startDate: new Date(2021, 3, 15, 12, 0),
 endDate: new Date(2021, 3, 15, 12, 30),
 color: 'blue',
 // ... more properties if needed,
 },
 // More events...
];

const MyComponent = () => (
 <WeekView
 events={myEvents}
 selectedDate={new Date(2021, 3, 15)}
 numberOfDays={7}
 />
);

```

See the [full documentation](https://hoangnm.github.io/react-native-week-view) with more examples and details!


## Changelog

API is still unstable, minor updates before v1.0.0 can include breaking changes, adhering to Semantic Versioning.
See [CHANGELOG.md](./CHANGELOG.md) for details.

## Contributors

<a href="https://github.com/hoangnm/react-native-week-view/graphs/contributors">
 <img src="https://contrib.rocks/image?repo=hoangnm/react-native-week-view" />
</a>

Made with [contrib.rocks](https://contrib.rocks).