open-index/open-npm huggingface dataset:
npm package: @spa-audio/types
Description: Shared TypeScript types for SPA (Synthetic Parametric Audio)
Latest version: 1.1.3

# @spa-audio/types

Shared TypeScript type definitions for SPA (Synthetic Parametric Audio).

## Installation

```bash
npm install @spa-audio/types
```

## Usage

```typescript
import type {
  SPADocument,
  ToneElement,
  NoiseElement,
  ADSREnvelope
} from '@spa-audio/types';

// Use the types
const tone: ToneElement = {
  type: 'tone',
  wave: 'sine',
  freq: 440,
  dur: 1.0,
  envelope: {
    attack: 0.01,
    decay: 0.2,
    sustain: 0.3,
    release: 0.5
  }
};
```

## Available Types

### Core Document Types
- `SPADocument` - Root document structure
- `SPADefinitions` - Reusable definitions
- `SPASound` - Union type of all sound elements

### Element Types
- `ToneElement` - Oscillator/tone configuration
- `NoiseElement` - Noise generator configuration
- `GroupElement` - Sound layering configuration

### Parameter Types
- `ADSREnvelope` - Attack/Decay/Sustain/Release envelope
- `AutomationCurve` - Parameter automation over time
- `FilterConfig` - Filter configuration
- `WaveformType` - Valid waveform types
- `NoiseColor` - Valid noise colors
- `FilterType` - Valid filter types

### Utility Types
- `RenderOptions` - Audio rendering options
- `ParseOptions` - XML parsing options
- `ValidationError` - Validation error structure

## License

MIT
npm package: @spa-tools/utilities
Description: Specialized utilities, succinctly written in TypeScript with a focus on being requirements-driven.
Author: Ryan Howard
Latest version: 1.0.4

<img alt="@spa-tools" height="150" src="../../website/static/img/logo.svg?raw=true">
<div style='font-size: 2rem'>@spa-tools</div>

# Utilities

<!-- Auto-generated Badges Start -->
<span class="badge-npmversion"><a href="https://npmjs.org/package/@spa-tools/utilities" title="View this project on NPM"><img src="https://img.shields.io/npm/v/@spa-tools/utilities.svg" alt="NPM version" /></a></span>
<span class="badge-badge"><a href="https://github.com/rollercodester/spa-tools/actions/workflows/test-and-build-packages.yml" title="Test and Build"><img src="https://github.com/rollercodester/spa-tools/actions/workflows/test-and-build-packages.yml/badge.svg?branch=main" alt="Test and Build" /></a></span>
<span class="badge-badge"><a href="https://github.com/rollercodester/spa-tools/tree/main/packages/utilities" title="Code Coverage"><img src="./coverage-badge.svg" alt="Code Coverage" /></a></span>
<!-- Auto-generated Badges End -->

The `@spa-tools/utilities` package contains specialized helpers, succinctly written in TypeScript with a focus on being requirements-driven.

#### Utility categories include:

- Colors
- Conditionals
- Data
- Dates
- DOM
- Errors
- Execution Control
- Numbers
- Strings
- Type Helpers
- URLs

#### Feature highlights include:

- TypeScript First
- Zero Dependencies
- Tree-shakable

## Installation

`npm install @spa-tools/interaction-hooks`

## Usage

#### Checkout the [@spa-tools documentation site](https://rollercodester.github.io/spa-tools/) for a complete list of features, usage scenarios, guidance, and reference.

## Docsite

View the [@spa-tools documentation site](https://rollercodester.github.io/spa-tools/) for complete reference.

## Contributing

If you're interested in contributing to @spa-tools, please first create an issue on the [@spa-tools monorepo in GitHub](https://github.com/rollercodester/spa-tools)
or comment on an already open issue. From there we can discuss the feature or bugfix you're interested in and how best to approach it.

### Unit Test Coverage

All packages in @spa-tools require 100% unit test coverage. This is a condition for all PRs to be merged whether you're adding a new feature or fixing a bug.

## License

All packages in @spa-tools are licensed under the [MIT](https://en.wikipedia.org/wiki/MIT_License) license. Copyright © 2024, Ryan Howard (rollercodester). All rights reserved.
npm package: @spaas/container-left-right
Description: 基于elementUI的左右结构的基本布局
Latest version: 1.0.0

# @spaas/container-left-right

基于elementUI的左右结构的基本布局
![截图](./screenshot.png)

## Table of Contents

- [Introduction](#introduction)
- [Feature](#feature)
- [Install](#install)
- [Example](#example)
- [Reference](#reference)
- [Contributors](#contributors)
- [License](#license)

## Introduction

[⬆ Back to Top](#table-of-contents)

## Feature

[⬆ Back to Top](#table-of-contents)

[⬆ Back to Top](#table-of-contents)

## Install

[⬆ Back to Top](#table-of-contents)

## Example

[⬆ Back to Top](#table-of-contents)

## Reference

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)
npm package: @spaas/container-main
Description: 基于elementUI以及spaas设计规范定义的主要布局组件
Latest version: 1.0.0

# @spaas/container-main

基于elementUI以及spaas设计规范定义的主要布局组件
![截图](./screenshot.png)

## Table of Contents

- [Introduction](#introduction)
- [Feature](#feature)
- [Install](#install)
- [Example](#example)
- [Reference](#reference)
- [Contributors](#contributors)
- [License](#license)

## Introduction

[⬆ Back to Top](#table-of-contents)

## Feature

- 后面会结合加入Scrollbar来限定指定区域

[⬆ Back to Top](#table-of-contents)

[⬆ Back to Top](#table-of-contents)

## Install

[⬆ Back to Top](#table-of-contents)

## Example

[⬆ Back to Top](#table-of-contents)

## Reference

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)