open-index/open-npm huggingface dataset:
npm package: @dworac/config
Description: dworac's typescript config provider
Author: dworac
Latest version: 1.1.4

# @dworac/config

This is an environment variables helper for typescript. It helps type and validate environment variables.
It read the environment variables from the `.env` file and from the `process.env` object.

## Installation

```shell
yarn add @dworac/config
```

## Usage

```typescript
import { ConfigVariable } from '@dworac/config';

class Config {
  @ConfigVariable(String, "defaultValue")
  STRING_VAR!: string;

  @ConfigVariable(Number, 0)
  NUMBER_VAR!: number;

  @ConfigVariable(Boolean, false)
  BOOLEAN_VAR!: boolean;
}

const config = new Config();

console.log(config.STRING_VAR); // "defaultValue"
console.log(config.NUMBER_VAR); // 0
console.log(config.BOOLEAN_VAR); // false
```

If no default value is provided and no value is found an error will be thrown. This is usefull for non-optional variables.

## Development

Make sure to add the necessary unit tests before submitting a pull request.

In order to install packages run: 

```shell
yarn
```

For running in dev mode:

```shell
yarn start:dev
```

For running tests: 

```shell
yarn test
```

For running linting

```shell
yarn lint
```

## Contributing
If you have any suggestions or improvements, please feel free to create a pull request or submit an issue.

## License
This project is licensed under the MIT license. Please see the LICENSE file for more information.
npm package: @dword-design/wxt-fork
Description: ⚡ Next-gen Web Extension Framework
Author: Aaron Klinker
Latest version: 0.0.6

<!-- DO NOT EDIT, THIS FILE WAS GENERATED BY '../../scripts/generate-readmes.sh' -->
<div align="center">

# <img align="top" width="44" src="https://raw.githubusercontent.com/wxt-dev/wxt/HEAD/docs/public/hero-logo.svg" alt="WXT Logo"> WXT

[![npm version](https://img.shields.io/npm/v/wxt?labelColor=black&color=%234fa048)](https://www.npmjs.com/package/wxt)
[![downloads](https://img.shields.io/npm/dm/wxt?labelColor=black&color=%234fa048)](https://www.npmjs.com/package/wxt)
[![license | MIT](https://img.shields.io/npm/l/wxt?labelColor=black&color=%234fa048)](https://github.com/wxt-dev/wxt/blob/main/LICENSE)
[![coverage](https://img.shields.io/codecov/c/github/wxt-dev/wxt?labelColor=black&color=%234fa048)](https://codecov.io/github/wxt-dev/wxt)

Next-gen framework for developing web extensions.<br/>⚡<br/><q><i>It's like Nuxt, but for Web Extensions</i></q>

[Get Started](https://wxt.dev/guide/installation.html) •
[Configuration](https://wxt.dev/api/config.html) •
[Examples](https://wxt.dev/examples.html) •
[Changelog](https://github.com/wxt-dev/wxt/blob/main/packages/wxt/CHANGELOG.md) •
[Discord](https://discord.gg/ZFsZqGery9)

</div>

![Example CLI Output](https://raw.githubusercontent.com/wxt-dev/wxt/HEAD/docs/assets/cli-output.png)

## Demo

<https://github.com/wxt-dev/wxt/assets/10101283/4d678939-1bdb-495c-9c36-3aa281d84c94>

## Quick Start

Bootstrap a new project:

```sh
# npm
npx wxt@latest init

# pnpm
pnpm dlx wxt@latest init

# bun
bunx wxt@latest init
```

Or see the [installation guide](https://wxt.dev/guide/installation.html) to get started with WXT.

## Features

- 🌐 Supports all browsers
- ✅ Supports both MV2 and MV3
- ⚡ Dev mode with HMR & fast reload
- 📂 File based entrypoints
- 🚔 TypeScript
- 🦾 Auto-imports
- 🤖 Automated publishing
- 🎨 Frontend framework agnostic: works with Vue, React, Svelte, etc
- 📦 [Module system](https://wxt.dev/guide/essentials/wxt-modules.html#overview) for reusing code between extensions
- 🖍️ Quickly bootstrap a new project
- 📏 Bundle analysis
- ⬇️ Download and bundle remote URL imports

## Sponsors

WXT is a [MIT-licensed](https://github.com/wxt-dev/wxt/blob/main/LICENSE) open source project with its ongoing development made possible entirely by the support of these awesome backers. If you'd like to join them, please consider [sponsoring WXT's development](https://github.com/sponsors/wxt-dev).

[![WXT Sponsors](https://raw.githubusercontent.com/wxt-dev/static/refs/heads/main/sponsorkit/sponsors.svg)](https://github.com/sponsors/wxt-dev)

## Contributors

Published under the [MIT](https://github.com/wxt-dev/wxt/blob/main/LICENSE) license.
Made by [@aklinker1](https://github.com/aklinker1) and [community](https://github.com/wxt-dev/wxt/graphs/contributors) 💛

[![WXT contributors](https://contrib.rocks/image?repo=wxt-dev/wxt)](https://github.com/wxt-dev/wxt/graphs/contributors)
npm package: @dxcat/vue-particles.js
Description: Vue.js component for [particles.js](https://vincentgarreau.com/particles.js/) with a full customization support!
Author: DxCat
Latest version: 0.1.3

# :star: vue-particles.js
Vue.js component for [particles.js](https://vincentgarreau.com/particles.js/) with a full customization support!

## Add to your project
```bash
yarn add @dxcat/vue-particles.js --save --dev
```
Or
```bash
npm install @dxcat/vue-particles.js --save-dev
```

## Configure with vue
```javascript
import Vue from 'vue'
import VueParticlesJS from '@dxcat/vue-particles.js'

Vue.use(VueParticlesJS)
```

## Include in your page
```vue
<template>
  <div id="app">
    <vue-particles></vue-particles>
  </div>
</template>
```

## Customization
you can modify the particlesData prop to use your own particles.js config object.
```vue
<template>
  <div id="app">
    <vue-particles :particlesData="particlesData"></vue-particles>
  </div>
</template>

<script>
import particlesJSConfig from './particlesjs-config.json'

export default {
  data: function () {
    return {
      particlesData: particlesJSConfig
    }
  }
}
</script>
```
You can generate your particlesjs-config.json file from [particles.js](https://vincentgarreau.com/particles.js/) website.

#### That's it! If you have any questions or issues, feel free to open a pull request.