open-index/open-npm huggingface dataset:
npm package: @potato4d/dodai
Description: static website generator
Author: potato4d
Latest version: 0.6.0

<p align="center">
  <img width="80" src="https://i.gyazo.com/254eeef7553c4f0d7955822270195540.png" />
</p>

<h1 align="center"> @potato4d/dodai </h1>

Static Site Generator

## Installation

```bash
$ npm i -S @potato4d/dodai
$ dodai init
```

## Quick Start

```bash
$ dodai init
```

## How to Use

### Layout

- src/layouts/default.tsx

```tsx
import * as React from 'react';

type LayoutProps = { head: JSX.Element | null; children?: React.ReactNode };

export const Layout: React.FC<LayoutProps> = ({ head, children }) => {
  return (
    <html lang="ja">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        {head}
      </head>
      <body>
        {children}
      </body>
    </html>
  )
}
```

### Page

#### Static Route Page

```tsx

import React from 'react'

export const Head: React.FC = () => {
  return (
    <>
      <title>static route page</title>
    </>
  )
}

export const Page: React.FC = () => {
  return (
    <div>
      static route page
    </div>
  )
}
```

#### Dynamic Route Page

```tsx
// src/pages/entry/[single].tsx
import React from 'react'

type EntryProps = {
  url: string;
  data: {
    title: string;
    date: string;
    body: string;
  }
}

export const Head: React.FC<EntryProps> = ({ url, data }) => {
  return (
    <>
      <title>{data.title}</title>
    </>
  )
}

export const Page: React.FC<EntryProps> = ({ url, data }) => {
  return (
    <div>
      <h2>{data.title}</h2>
      <time>{data.date}</time>
      <div dangerouslySetInnerHTML={{ __html: data.body }} />
    </div>
  )
}
```

### Data

#### Dynamic route data

```ts
// src/data/entry/[single].tsx

type Entry = {
  url: string;
  data: {
    title: string;
    date: string;
    body: string;
  }
}

export const data: Entry[] = [
  {
    url: '/entry/1',
    data: {
      title: 'first entry',
      date: new Date(),
      body: '<p>hello</p>'
    }
  }
]
```

## Build

```bash
$ env NODE_ENV='production' dodai build
```

## Dev Server

```bash
$ dodai dev
```

## Components

### HotReload

- props: `{ dev?: boolean }`
  - dev: default `process.env.NODE_ENV !== 'production'`

```tsx
import * as React from 'react';
import { HotReload } from '@potato4d/dodai/dist/hotreload';

type LayoutProps = { head: JSX.Element | null; children?: React.ReactNode };

export const Layout: React.FC<LayoutProps> = ({ head, children }) => {
  return (
    <html lang="ja">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        {head}
        <HotReload />
      </head>
      <body>
        {children}
      </body>
    </html>
  )
}
```

## LICENCE

MIT
npm package: @potato4d/pw
Description: Simple Cipher
Author: potato4d
Latest version: 1.0.2

# @potato4d/pw

[![https://gyazo.com/dd4227b2e111c53793ce0bdf6cf17e57](https://i.gyazo.com/dd4227b2e111c53793ce0bdf6cf17e57.gif)](https://gyazo.com/dd4227b2e111c53793ce0bdf6cf17e57)

Simple Cipher.

## Installation

```
yarn add global @potato4d/pw
```

## Usage

```
$ pw set foo # get pw
e192a4534db754fe92be5e7260427fb6
$ pw get e192a4534db754fe92be5e7260427fb6
foo
```
npm package: @potato4d/renovate-config
Description: Standard renovate config for potato4d.
Author: Takuma HANATANI
Latest version: 0.1.0

# renovate-config

Standard renovate config for potato4d.

## Usage

Enable Renovate in your repo and just `extends` in `renovate.json`.

```json
{
  "extends": ["@potato4d"]
}
```

## LICENSE

MIT
npm package: @potatocabbage/auth-react-components
Description:  UI templates for login, logout, forgot password, and authenticated vs nonauthenticated pages.
Author: Govind Pimpale
Latest version: 0.1.12

# frontend-auth

This is where the shared authentication related components live.

These components accept a class and style props for theming, as well as other props if necessary.

This package depends on frontend-common and frontend-auth-api.
npm package: @potatocoder/ws-plugin
Description: A Motia workbench plugin for real-time WebSocket log monitoring and debugging
Author: Rohith Gilla
Latest version: 0.1.0

# @potatocoder/ws-plugin

A Motia workbench plugin for real-time WebSocket log monitoring and debugging.

![WebSocket Plugin Screenshot](assets/screenshot.png)

## Overview

This plugin adds a "WS Logs" tab to the Motia workbench bottom panel, providing:

- Real-time WebSocket message monitoring
- Stream subscription management (logs, API endpoints, custom streams)
- JSON syntax highlighting with expand/collapse for large payloads
- Message filtering by stream
- Connection status indicators
- Copy-to-clipboard functionality

## Installation

```bash
npm install @potatocoder/ws-plugin
# or
pnpm add @potatocoder/ws-plugin
```

## Usage

Add the plugin to your `motia.config.ts`:

```typescript
import wsPlugin from '@potatocoder/ws-plugin/plugin'

export default {
  plugins: [wsPlugin],
}
```

The plugin will automatically appear as a "WS Logs" tab in the bottom panel of your Motia workbench.

## Features

### Stream Subscriptions

The plugin auto-subscribes to default Motia streams on connection:
- `__motia.logs` - Application logs
- `__motia.api-endpoints` - API request/response events

Add custom streams via the "Add" button in the stream bar.

### Message Types

Messages are color-coded by type:
- **System** - Connection events (amber)
- **Error** - Error messages (red)
- **Sync/Create/Update/Delete** - CRUD operations (various colors)
- **Sent** - Outgoing messages (blue)

### Exported APIs

```typescript
// Main component
export { WebSocketsPage } from '@potatocoder/ws-plugin'

// Types
export type { WebSocketConnection, WebSocketMessage, WebSocketStats } from '@potatocoder/ws-plugin'

// Zustand store for external state access
export { useWebSocketStore } from '@potatocoder/ws-plugin'

// Hooks
export { useWebSocketConnections, useWebSocketMessages } from '@potatocoder/ws-plugin'
```

## Development

```bash
pnpm install
pnpm run dev      # Watch mode
pnpm run build    # Production build
pnpm run clean    # Remove dist/
```

## Requirements

- Motia with `@motiadev/core` and `@motiadev/ui`
- React 19+

## License

MIT
npm package: @potatoma/react-native-baidu-vtts
Description: A ReactNative library can do text to speech
Author: wayne
Latest version: 1.1.0


# @potatoma/react-native-baidu-vtts
This is an React-native library that can do text-to-speech
Forked from [react-native-baidu-vtts](https://www.npmjs.com/package/react-native-baidu-vtts)

### What is the difference
1. Added stop method to stop synthesis and stop playback.
2. Init with female voice.

### Before
please follow this page [ReactNative集成百度语音合成](https://blog.csdn.net/wayne214/article/details/85045229)
make setting.

### notice
current is only support android, ios coming soon.

## Getting started

`$ npm install react-native-baidu-vtts --save`

### Mostly automatic installation

`$ react-native link react-native-baidu-vtts`

### Manual installation


#### iOS

coming soon

<!-- 1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `react-native-baidu-vtts` and add `RNBaiduvoice.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNBaiduvoice.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. Run your project (`Cmd+R`)< -->

#### Android

1. Open up `android/app/src/main/java/[...]/MainActivity.java`
  - Add `import com.wayne.baiduvoice.RNBaiduvoicePackage;` to the imports at the top of the file
  - Add `new RNBaiduvoicePackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':react-native-baidu-vtts'
  	project(':react-native-baidu-vtts').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-baidu-vtts/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
    implementation project(':react-native-baidu-vtts')
  	```


## Usage
```javascript
import RNBaiduvoice from 'react-native-baidu-vtts';

// TODO: What to do with the module?
class App extends Component{

    componentDidMount() {
    	// 填写百度语音官网申请的appid, apikey, secretkey
    	const appid = ''
    	const apikey = ''
    	const secretkey = ''
        RNBaiduvoice.initBaiduTTS(appid,apikey,secretkey)
    }

    _speechText = () => {
        RNBaiduvoice.speak('百度语音')
    }

    _speechStop = () => {
        RNBaiduvoice.stop()
    }

    render() {
        return (
            <View style={styles.container}>
                {/*<TwoList/>*/}
                <TouchableOpacity onPress={this._speechText}>
                    <Text style={{fontSize: 20, height: 30}}>测试语音</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={this._speechStop}>
                    <Text style={{fontSize: 20, height: 30}}>停止播放</Text>
                </TouchableOpacity>
            </View>
        );
    }
}


```