open-index/open-npm huggingface dataset:
npm package: @initia/react-app-shell
Description: A React component library providing UI shell components for Initia applications.
Latest version: 1.3.1

# react-app-shell

A React component library providing UI shell components for Initia applications.

## Table of Contents

- [Features](#features)
- [File Structure](#file-structure)
- [Usage](#usage)
- [Styles](#styles)
- [Components](#components)
  - [AppMenu](#appmenu)
  - [InitiaTerms](#initiaterms)
- [License](#license)

## Features

- **AppMenu**: Navigation menu component with app selection and subdomain support
- **InitiaTerms**: Terms and conditions modal component  
- **InitiaCheckIcon**: Check icon component for UI consistency
- TypeScript support with full type definitions
- CSS modules for scoped styling
- Lightweight and tree-shakeable

## File Structure

```
src/
├── index.ts                    # Main entry point
├── globals.css                 # Global styles
├── utils.ts                    # Shared utilities
├── initia-app-menu/           # App menu component
│   ├── index.tsx
│   ├── styles.css
│   ├── constants.ts
│   ├── types.ts
│   └── utils.ts
├── initia-check-icon/         # Check icon component
│   ├── index.tsx
│   └── styles.css
└── initia-terms/              # Terms modal component
    ├── index.tsx
    ├── styles.css
    ├── constants.ts
    └── utils.ts
```

## Usage

Import the components to where you desire

## Styles

Import the style into `globals.css` file

```
@import url("@initia/react-app-shell/dist/index.css");
```

## Components

### AppMenu

- params
  - app: current app e.g. "app" (so that this app will be rendered as checked)
  - subdomain (optional): subdomain to your app url e.g. "testnet" for "https://app.testnet.initia.xyz"

### InitiaTerms

- params
  - children: ReactNode

## License

MIT License
npm package: @initiate-ui/figma-generator
Description: ## Development guide
Latest version: 0.0.1

# React Editor

## Development guide

*This plugin is built with [Create Figma Plugin](https://yuanqing.github.io/create-figma-plugin/).*

### Pre-requisites

- [Node.js](https://nodejs.org) – v16
- [Figma desktop app](https://figma.com/downloads/)

### Build the plugin

To build the plugin:

```
$ npm run build
```

This will generate a [`manifest.json`](https://figma.com/plugin-docs/manifest/) file and a `build/` directory containing the JavaScript bundle(s) for the plugin.

To watch for code changes and rebuild the plugin automatically:

```
$ npm run watch
```

### Install the plugin

1. In the Figma desktop app, open a Figma document.
2. Search for and run `Import plugin from manifest…` via the Quick Actions search bar.
3. Select the `manifest.json` file that was generated by the `build` script.

### Debugging

Use `console.log` statements to inspect values in your code.

To open the developer console, search for and run `Open Console` via the Quick Actions search bar.

## See also

- [Create Figma Plugin docs](https://yuanqing.github.io/create-figma-plugin/)
- [`yuanqing/figma-plugins`](https://github.com/yuanqing/figma-plugins#readme)

Official docs and code samples from Figma:

- [Plugin API docs](https://figma.com/plugin-docs/)
- [`figma/plugin-samples`](https://github.com/figma/plugin-samples#readme)