open-index/open-npm huggingface dataset:
npm package: @psudocode/aurora.js
Description: Aurora design implementation for web
Author: Ahmad Awdiyanto
Latest version: 1.0.5

# Aurora.js

Aurora design implementation for React.

NOTE: for now it's just give you random colors

## Install

`npm install --save @psudocode/aurora.js`

## Usage

```js
import Aurora from "@psudocode/aurora.js";
...
<Aurora
  opacity={0.5}
  sides={2}
  style={{ width: 300, height: 300, borderRadius: 10 }}
>
  Your other components
</Aurora>
```

Note: Aurora act like a div with some default style `{ position: 'relative', overflow: 'hidden' }`

### Props

| Props   | Descriptions         | Default |
| ------- | -------------------- | ------- |
| sides   | Total colors, 1 - 4  | 3       |
| opacity | Global color opacity | 0.8     |

## TODO

- add feature to implement other than div component
- add feature to generate color and position by seeds

## License

[MIT](http://vjpr.mit-license.org/)
npm package: @psul/tei-render
Description: Webcomponent tei-render following open-wc recommendations
Author: tei-render
Latest version: 0.0.40

# \<tei-render>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation
```bash
npm i tei-render
```

## Usage
```html
<script type="module">
  import 'tei-render/tei-render.js';
</script>

<tei-render></tei-render>
```

## Linting with ESLint, Prettier, and Types
To scan the project for linting errors, run
```bash
npm run lint
```

You can lint with ESLint and Prettier individually as well
```bash
npm run lint:eslint
```
```bash
npm run lint:prettier
```

To automatically fix many linting errors, run
```bash
npm run format
```

You can format using ESLint and Prettier individually as well
```bash
npm run format:eslint
```
```bash
npm run format:prettier
```

## Testing with Karma
To run the suite of karma tests, run
```bash
npm run test
```
or to run them in compatibility mode for legacy browsers
```bash
npm run test:compatibility
```

To run the tests in watch mode (for <abbr title="test driven development">TDD</abbr>, for example), run

```bash
npm run test:watch
```
or
```bash
npm run test:compatibility
```

## Testing with Karma via BrowserStack
To run the suite of karma tests in BrowserStack, run
```bash
npm run test:bs
```

## Managing Test Snapshots
You can manage the test snapshots using
```bash
npm run test:update-snapshots
```
or
```bash
npm run test:prune-snapshots
```

## Demoing with Storybook
To run a local instance of Storybook for your component, run
```bash
npm run storybook
```

To build a production version of Storybook, run
```bash
npm run storybook:build
```


## Local Demo with `es-dev-server`
```bash
npm start
```
To run a local development server that serves the basic demo located in `demo/index.html`

```bash
npm start:compatibility
```
To run a local development server in compatibility mode for older browsers that serves the basic demo located in `demo/index.html`
# tei-render