open-index/open-npm huggingface dataset:
npm package: @kucial/react-pull-to-refresh
Description: React Mobile Pull To Refresh Component
Author: kongkx.yang@gmail.com
Latest version: 1.0.1

# @kucial/react-pull-to-refresh

Code mainly is from [react-component/m-pull-to-refresh](https://github.com/react-component/m-pull-to-refresh) and add some features.

Added Features:

- SSR rendering for `document.body`. `getScrollContainer={() => typeof window === 'object' ? document.body : null}`
- initialStatus control, can prevent init `triggerPullToRefresh` when `initialStatus='finish'`
- update horizontal move prevent

## Install

```bash
npm install @kucial/react-pull-to-refresh
```

## Usage

```js
import PullToRefresh from '@kucial/react-pull-to-refresh';
class App extends React.Component {
  state = { refreshing: false };
  render() {
    return (
      <PullToRefresh
        refreshing={this.state.refreshing}
        onRefresh={() => {
          this.setState({ refreshing: true });
          setTimeout(() => {
            this.setState({ refreshing: false });
          }, 1000);
        }}
      >
        <ListOfContent />
      </PullToRefresh>
    );
  }
}
```

### props

```typescript
type PullToRefreshStatus = 'activate' | 'deactivate' | 'release' | 'finish';
```

| name               | description                                             | type       | default                                               |
| ------------------ | ------------------------------------------------------- | ---------- | ----------------------------------------------------- |
| initialStatus      | pass `finish` to prevent init refresh tirgger           | String     | undefined                                             |
| getScrollContainer | container to attach event handler                       | Function   | () => undefined                                       |
| direction          | pull direction, can be `up` or `down`                   | String     | `down`                                                |
| distanceToRefresh  | distance to pull to refresh                             | number     | 50                                                    |
| refreshing         | Whether the view should be indicating an active refresh | bool       | false                                                 |
| onRefresh          | Called when the view starts refreshing.                 | () => void | -                                                     |
| indicator          | indicator component                                     | Function   | (props: { status: PullToRefreshStatus }) => ReactNode |
| className          | additional css class of root dom node                   | String     | -                                                     |
| prefixCls          | prefix class                                            | String     | 'kc-ptr'                                              |
| damping            | pull damping, suggest less than 200                     | number     | 100                                                   |
| scale              | damping scale                                           | number     | 0.6                                                   |
npm package: @kucial/token.css
Description: scss token and mixins to generate css utilities for brand style design.
Author: kongkx.yang@gmail.com
Latest version: 0.0.3

# Token.css

提供一些基本mixin 以及 function 来辅助生成 css utilities，以便进行品牌化界面设计。

## Sass Functions

- `px-to-rem`
- `px-to-em`
- `strip-unit`

## mixins

- `spacing` 用于生成间距相关的辅助css。 `p{t|r|b|l|x|y}_{size}`, `m{t|r|b|l|x|y}_{size}`
- `typography`
- `size`
- `color`

## 参考资料： 

- [Drapal Design Systems](https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/Drupal-Design-system?node-id=20274%3A6460)
npm package: @kucic/react-native-linesdk
Description: rn use line sdk.
Author: kucic
Latest version: 1.0.4

# react-native-linesdk

## Getting started

`$ npm install react-native-linesdk --save`

### Mostly automatic installation

`$ react-native link react-native-linesdk`

## Usage
```javascript
import RNLinesdk from 'react-native-linesdk';

// TODO: What to do with the module?
RNLinesdk;
```
npm package: @kuckboy/node-upload
Description: server upload
Author: kuckboy1994
Latest version: 1.0.1

<h1 align="center">
node-upload
</h1>

模拟浏览器上传(Simulate browser upload)

## Install

```bash
yarn add @kuckboy/node-upload
```

## Basic Usage

```js
import nodeUpload from "@kuckboy/node-upload";

const { host, accessid, signature, policy, dir, fileName } = await api();

nodeUpload({
  url: host, //url
  file: fileName, //文件位置
  param: "file", //文件上传字段名
  field: {
    name: fileName,
    OSSAccessKeyId: accessid,
    Signature: signature,
    policy: policy,
    key: `${dir}/${fileName}`,
    success_action_status: "200",
  },
});
```
npm package: @kuckit/cli
Description: CLI tools for Kuckit SDK module development
Latest version: 7.0.0

# @kuckit/cli

CLI tools for Kuckit SDK module development and infrastructure deployment.

## Installation

```bash
npm install -g @kuckit/cli
```

Or use directly with npx/bunx:

```bash
npx @kuckit/cli <command>
bunx kuckit <command>
```

## Prerequisites

- Node.js 18+ or [Bun](https://bun.sh)
- A Kuckit account at [kuckit.dev](https://kuckit.dev)

## Authentication

Before using the CLI, authenticate:

```bash
kuckit auth login
```

This opens your browser to complete authentication. Credentials are stored in `~/.kuckit/config.json`.

## Commands

### Development

```bash
kuckit dev        # Start development server with hot reload
kuckit build      # Build for production
kuckit start      # Start production server
```

### Generate a new module

```bash
kuckit generate module <name>
```

Options:

- `-o, --org <org>` - Organization scope for package name
- `-d, --dir <directory>` - Target directory (default: `packages`)

### Add a module to your project

```bash
kuckit add <package>
```

Installs and wires a Kuckit module into your project.

### Discover installed modules

```bash
kuckit discover
```

Scans node_modules for installed Kuckit modules and offers to enable them.

### Check your setup

```bash
kuckit doctor
```

Validates your Kuckit configuration and module setup.

### Search for modules

```bash
kuckit search <keyword>
```

Search the npm registry for Kuckit modules.

### Database commands

```bash
kuckit db push      # Push module schemas to database
kuckit db generate  # Generate migration files
kuckit db studio    # Open Drizzle Studio
```

### Infrastructure commands

Deploy to GCP with one command:

```bash
kuckit infra up                    # Initialize and deploy (one command)
kuckit infra init                  # Initialize base infrastructure only
kuckit infra deploy                # Build and deploy application
kuckit infra deploy --env prod     # Deploy to production
kuckit infra status                # Show deployment status
kuckit infra logs --follow         # Stream Cloud Run logs
kuckit infra destroy               # Tear down infrastructure
```

Database operations:

```bash
kuckit infra db:push --env dev     # Push schema (dev only)
kuckit infra db:migrate --env prod # Run migrations (prod)
```

Configuration:

```bash
kuckit infra config set appUrl https://app.example.com --env prod
kuckit infra config list --env prod
```

See the [Deployment Guide](https://github.com/draphonix/kuckit/blob/main/docs/DEPLOYMENT.md) for details.

### Authentication

```bash
kuckit auth login   # Authenticate with Kuckit
kuckit auth logout  # Clear stored credentials
kuckit auth whoami  # Show current auth status
```

## Documentation

- [kuckit.dev](https://kuckit.dev) - Full documentation
- [Deployment Guide](https://github.com/draphonix/kuckit/blob/main/docs/DEPLOYMENT.md)
- [Module Development](https://github.com/draphonix/kuckit/blob/main/packages/sdk/docs/MODULE_DEVELOPMENT.md)

## License

MIT