open-index/open-npm huggingface dataset:
npm package: @penumbra-zone/configs
Description: Shared Penumbra configurations
Author: Penumbra Labs
Latest version: 1.2.0

# Prax Wallet Configs

This repo contains all the configs that are shared across the Prax ecosystem.

## Consuming this repo

1. Install the repo using your package manager.

```bash
pnpm add prax-wallet/configs#main
```

This will keep the configs up to date by always pulling from main.

2. Extend the relevant config

In your `eslint.config.js`:

```javascript
import eslintConfig from '@penumbra-zone/configs/eslint';

export default [
  ...eslintConfig,
  // configuration overrides
];
```

In your `prettier.config.js`:

```javascript
import prettierConfig from '@penumbra-zone/configs/prettier';

export default {
  ...prettierConfig,
  // configuration overrides
};
```
npm package: @penumbra/generator-fe
Description: Frontend generator for @penumbra/cli, includes common templates
Author: linbudu
Latest version: 0.1.3
Deprecated: false

# @Penumbra/generator-fe

Template Generator (Front End) For [@Penumbra/cli](https://github.com/linbudu599/Penumbra-Cli)

供 [@Penumbra/cli](https://github.com/linbudu599/Penumbra-Cli) 使用的模板插件包, 前端部分

## 使用

**需要先全局安装 [@Penumbra/cli](https://github.com/linbudu599/Penumbra-Cli)**

```bash
penumbra install generator-fe
```

## 包含

- [x] 基于 `Webpack4` + `React` 的中型模板, 包含约 80+依赖项, 预置性能优化/分析与常用工具配置
- [x] 基于 `Parcel` + `React` + `TypeScript` 的小型模板, 包含 20+依赖项
- [ ] 普通 SPA Demo 模板
npm package: @penumbra/xlog
Description: A simple Command Line Note Book
Author: linbudu
Latest version: 0.1.2

# @budu/xlog

A Simple Command Line Logger.

## TODO

- [ ] Make It More Interative.
- [ ] Make It More Powerful.
- [ ] User-Defined Log File Path/Format/Layout.
- [ ] More User-Defined Props(Not Exact Like Above).
- [ ] ...

## Usage

### Install

```bash
npm install @penumbra/xlog -g
```

### Options

### Create A New Record

- `-n --new`, the following text will be the content of a new record.
- `-a --author`, add the author of a new record.
- `-t --type`, the type of record, should be one of `idea`/`common`/`bug`, will be set to `common` by default.
- `--no-print`, choose weather to print this record in the terminal.
- `-y --yes`, skip confirming save.
- `-m --mode`(not available), set the record mode.

### Other

- `-l --list`, show all records in the log file.

## Example

```bash
xlog -n "Penumbra?" -a Harold -t idea
```

```bash
Successfully Saved
key      value
-------  -----------------
author   Harold
type     idea
hash     3s6wc9gd
date     2020-2-6 12:08:15
content  Penumbra?
```

```bash
xlog -l
```

(The Line Deviation Won't Happen When At Command Line)

```bash
┌────────────────────────────────────────────────────────────────────────────────┐
│    ____    ____    _   _   ____    _   _      __ __  __  _        ___     ____ │
│   / __ \  | __ )  | | | | |  _ \  | | | |    / / \ \/ / | |      / _ \   / ___|│
│  / / _` | |  _ \  | | | | | | | | | | | |   / /   \  /  | |     | | | | | |  _ │
│ | | (_| | | |_) | | |_| | | |_| | | |_| |  / /    /  \  | |___  | |_| | | |_| |│
│  \ \__,_| |____/   \___/  |____/   \___/  /_/    /_/\_\ |_____|  \___/   \____|│
│   \____/                                                                       │
└────────────────────────────────────────────────────────────────────────────────┘
┌─────────┬────────────┬──────────┬────────────┬─────────────────────────┬─────────────────────┐
│ (index) │   author   │   type   │    hash    │          date           │       content       │
├─────────┼────────────┼──────────┼────────────┼─────────────────────────┼─────────────────────┤
│    0    │  'Harold'  │ 'common' │ 'qncfmp0d' │ '2020/3/11 下午3:45:38' │ 'Penumbra Means...' │
│    1    │ 'Linbudu'  │ 'common' │ 'eflqad15' │ '2020/3/11 下午3:45:57' │   'Half Shadow!'    │
│    2    │ 'xiaolin'  │  'idea'  │ 'yaa0c1nr' │ '2020/3/11 下午3:46:20' │    'Half Light!'    │
└─────────┴────────────┴──────────┴────────────┴─────────────────────────┴─────────────────────┘
```
npm package: @penx/component-image
Description: Generate image snapshots of React components
Author: Cory Gibbons
Latest version: 1.0.2

# Component Image

Generate image snapshots of React components for visual regression testing.
This package will only give you the image, you'll have to diff it with something else (like [`jest-image-snapshot`](https://www.npmjs.com/package/jest-image-snapshot)).

[![npm version](https://badge.fury.io/js/component-image.svg)](https://badge.fury.io/js/component-image)
[![Build Status](https://travis-ci.org/corygibbons/component-image.svg?branch=master)](https://travis-ci.org/corygibbons/component-image)
[![codecov](https://codecov.io/gh/corygibbons/component-image/branch/master/graph/badge.svg)](https://codecov.io/gh/corygibbons/component-image)

## Usage

#### Install
```
npm install component-image
```

#### Use
```js
import { generateImage } from 'component-image';

generateImage(component, options);
```

#### Default options
```js
options = {
  // path to .css file
  stylesheet: undefined;
  viewport: {
    width: 800,
    height: 600,
  },
  image: {
    // path to save image, likely not necessary
    path: undefined,
  }
}
```

## Integration Example
Usage with `jest-image-snapshot`:
```js
import React from 'react';
import { generateImage } from 'component-image'

const component = (
  <div>
    <h1>The Component</h1>
  </div>  
);

describe('Test Component', () => {
  it('has no visual regressions', () => {
    
    return generateImage(component, {
      stylesheet: '../../style.css',
      viewport: {
        width: 1000,
        height: 860
      }
    }).then(image => {
      expect(image).toMatchImageSnapshot();
    });

  };
};
```
npm package: @penx/vite-plugin-remix-router
Description: Remix style file-system routing for React and Vite
Author: Mohammad Ataei
Latest version: 1.2.1

<br/>

<h1 align='center'>Vite Remix Router</h1>

<p align='center'>Remix-style file-system routing for React and Vite</p>

<br/>

## Introduction

The `vite-plugin-remix-router` plugin provides a simple way to use
[Remix-style file-system routing](https://remix.run/docs/en/v1/guides/routing)
in your Vite-powered React project.

## Features

- Remix-style file-system routing
- Nested and pathless layout routes
- Route `actions`, `loaders`, and `errorElement`
- Type-safe and full typescript support
- Flexible and customizable

Read the [documentation](https://vite-remix-router.vercel.app/) to learn more.

## Acknowledgement

Thanks to [Remix](https://remix.run/) for routing conventions and
[vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages) and
[vite-plugin-next-react-router](https://github.com/zoubingwu/vite-plugin-next-react-router)
for inspiration.

## License

Distributed under the [MIT license](/LICENSE.md).