open-index/open-npm huggingface dataset:
npm package: @coderbyheart/react-weather-widget
Description: React Weather Widget
Author: Markus Tacker
Latest version: 1.4.5

# react-weather-widget

[![npm version](https://img.shields.io/npm/v/@coderbyheart/react-weather-widget.svg)](https://www.npmjs.com/package/@coderbyheart/react-weather-widget)
[![Build Status](https://travis-ci.org/coderbyheart/react-weather-widget.svg?branch=master)](https://travis-ci.org/coderbyheart/react-weather-widget)
[![monitored by greenkeeper.io](https://img.shields.io/badge/greenkeeper.io-monitored-brightgreen.svg)](http://greenkeeper.io/) 
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)

Unstyled weather widget build with React.

## Usage

Add this widget to your site:

```html
<div id="weather-widget" data-url="…" data-images="https://coderbyheart.github.io/react-weather-widget/icon/"></div>
<script type="text/javascript" defer src="https://coderbyheart.github.io/react-weather-widget/main.min.js"></script>
```

`data-url` is the location of the weather JSON file, generated from a yr.no XML feed.

```bash
curl -s \
    http://www.yr.no/sted/Norge/S%C3%B8r-Tr%C3%B8ndelag/Trondheim/Trondheim_sentrum/varsel.xml \
    | ./node_modules/.bin/babel-node src/xml2json.js
```

Here is a live example: <https://coderbyheart.github.io/react-weather-widget/>

## Acknowledgments

Icons are from [@yr/weather-symbols](https://github.com/yr/weather-symbols).
npm package: @coderdkai/components
Description: Custom Element Plus components extension - Learning project
Author: CoderDKai
Latest version: 0.0.5

# @coderdkai/components

Custom Element Plus components extension - Learning project

## Installation

```bash
npm install element-plus @coderdkai/components
# or
pnpm add element-plus @coderdkai/components
```

## Usage

```javascript
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// Import specific components
import { ElButton, ElInput } from '@coderdkai/components'

const app = createApp(App)
app.use(ElementPlus)

// Use individual components
app.component('ElButton', ElButton)
app.component('ElInput', ElInput)

app.mount('#app')
```

## Components

This package contains all Element Plus components with your custom modifications.

## Dependencies

This package requires:
- Vue 3.2+
- Element Plus 2.4+ (as peer dependency)

## License

MIT
npm package: @coderesque/eslint-config-frontend
Description: ESLint configuration for browser modules
Latest version: 1.1.2

# @coderesque/eslint-config-frontend

> ESLint configuration for browser modules

## Install

```
yarn add --dev --exact @coderesque/eslint-config-frontend
```

## Note

This library is being published with our use cases in mind and is not necessarily meant to be consumed by the broader public. We probably won't take your feature requests unless they align with our own needs.

## License

MIT
npm package: @coderlife/alpha-mix
Description: Tool for merging mask images and background images.
Author: MTlab
Latest version: 1.0.1
Deprecated: test

# @coderlife/alpha-mix

Tool for merging mask images and background images.

## Demo

[Online Demo](https://h5-beta.mr.meitu.com/2019/mask_demo/)

![demo](/demo.jpg)

## Install

```bash
npm i -S @coderlife/alpha-mix
```

## Usage

### React/Vue usage

```js
import AlphaMix from '@coderlife/alpha-mix"';
```

### VanillaJS usage

```html
<script src="path/to/alpha-mix.min.js"></script>
```

## Initialize

`AlphaMix(originImgData, maskImgData, bgImgData)`, returns result ImageData.

* `originImgData` - ImageData - origin ImageData .
* `maskImgData` - ImageData - mask ImageData.
* `bgImgData` - ImageData - background ImageData.

For example:

```js
var resultImgData = AlphaMix(originImgData, maskImgData, bgImgData)
```

Like @widgetjs/tree? just 🌟 star the project!
[Create issues]() if you find bug.
npm package: @coderlzw/utils
Description: 一个实用的 JavaScript 工具库，提供常用的函数和辅助方法
Author: coderlzw
Latest version: 1.0.0-0

# @coderlzw/utils

`@coderlzw/utils` 是一个轻量级的 JavaScript 实用工具库，提供了一系列常用的辅助函数，旨在简化日常开发中的常见任务。

## 特性

- 🚀 高性能：经过优化的函数实现，确保最佳性能
- 🧩 模块化：可以单独引入需要的函数，减少打包体积
- 📦 全面兼容：支持在 Node.js 和浏览器环境中使用
- 🔧 类型安全：使用 TypeScript 编写，提供完整的类型定义
- 📚 文档完善：详细的 API 文档和使用示例

## 安装

```bash
npm i @coderlzw/utils

# or yarn
yarn add @coderlzw/utils

# or pnpm
pnpm add @coderlzw/utils
``


## 使用

```ts
import { Base64Utils } from '@coderlzw/utils';
Base64Utils.encode("Hello，世界"); // "SGVsbG/vvIzkuJbnlYw="
Base64Utils.decode("SGVsbG/vvIzkuJbnlYw="); // "Hello，世界"
```