open-index/open-npm huggingface dataset:
npm package: @stanvanheumen/ngx-elements
Description: A simple framework that contains Angular elements.
Author: Stan van Heumen
Latest version: 1.0.16

# `ngx-elements`
Simply add some elements that can be used in your Angular 5+ project.

- Use <kbd>command</kbd> + <kbd>F</kbd> or <kbd>ctrl</kbd> + <kbd>F</kbd> to search for a keyword.
- Contributions welcome, please see [contribution guide](.github/CONTRIBUTING.md).

## Features

- :camel: **Easy implementation**
- :mouse: **Lazy loading compatible**
- :sheep: **Angular Universal compatible**
- :bird: **Ahead-Of-Time compilation compatible**

## Demo

[Click here to play with the example](https://stackblitz.com/github/stanvanheumen/ngx-elements)

## Installation

To use ngx-elements in your project install it via `npm` or `yarn`:

```bash
$ npm install @stanvanheumen/ngx-elements --save

# or

$ yarn add @stanvanheumen/ngx-elements
```

To get the best styling you can import the `styling.scss` that is included in the library.

```scss
@import '~@stanvanheumen/ngx-elements/vendor/styles';
```

To get the correct fonts and icons you should add these two link-tags to the `head` section of your `index.html` (these are not included for performance).

```html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
```
npm package: @stanwood/vue-plugins
Description: ## How to use: 1. Just use `npm i --save @stanwood/vue-plugins` 2. Follow the `README.md`
Author: Stefan Blattmann for Stanwood
Latest version: 0.1.3

# stanwood vue-plugins

## Install

```
$ npm i @stanwood/vue-plugins
```

### Access plugins

```
# In `main.js` add:
import swVuePlugins from '@stanwood/vue-plugins'
Vue.use(swVuePlugins)
```

### Example usage

#### getImagePath

```
{{ $swplugins.getImagePath('assets', 'images', 'image.svg') }}
```

#### imageResize

```
{{ $swplugins.imageResize('test.png', 300, 1000, 2000, 500) }}
```

#### locationRedirect

```
<template lang="html">
  <div>
    <h1>This is a redirect example</h1>
    <button @click.prevent="redirect">Redirect</button>
  </div>
</template>

<script>
export default {
  name: 'LocationRedirect',
  methods: {
    redirect () {
      // targets: _blank | _self | _parent | _top
      this.$swplugins.$locationRedirect(this, 'http://google.com/', '_blank')
    }
  }
}
</script>
```

#### setBackground

```
{{ $swplugins.setBackground('myBackgroundImage.png', 'http://me.com/mynewbackgroundimage', 'myBackgroundImageClass') }}
```

#### setDocumentTitle

```
<template lang="html">
  <div>
    <sw-doctitle
      :title="$swplugins.setDocumentTitle('My Page')"
      ></sw-doctitle>
  </div>
</template>

<script>
import DocTitle from '@/components/doctitle'

export default {
  name: 'Doctitle',
  components: {
    'sw-doctitle': DocTitle
  }
}
</script>

# components/doctitle.js
export default {
  name: 'DoctitleComponent',
  props: [
    'title'
  ],
  created () {
    document.title = this.title
  },
  watch: {
    title () {
      // only used when the title changes after page load
      document.title = this.title
    }
  }
}
```

#### titleCase

```
{{ $swplugins.toTitleCase('title case me') }}
```

#### togglePassword

```
<template lang="html">
  <div>
    <h1>This is a toggle example to show / hide a password</h1>
    <input type="password" id="password">
    <button @click.prevent="toggle">show / hide</button>
  </div>
</template>

<script>
export default {
  name: 'TogglePassword',
  methods: {
    toggle () {
      this.$swplugins.togglePassword('#password')
    }
  }
}
</script>
```

#### urlBeautify

```
{{ $swplugins.urlBeautify('I am a dummy text') }}
```
npm package: @stanzilla/vite-plugin-electron
Description: Electron 🔗 Vite
Author: Leo Wang
Latest version: 1.0.2

# vite-plugin-electron

[English](https://github.com/electron-vite/vite-plugin-electron/tree/main#readme) | 简体中文

- 感谢 [@ggdream](https://github.com/ggdream) 老师提供 `vite-plugin-electron` 的 npm 包名 ❤️
- 如果这个项目有帮到了你，作者很希望你能请客来一份下午茶 ٩(๑>◡<๑)۶

## 需要留神

- 🚨 默认情况下, `electron` 文件夹下的文件将会被构建到 `dist-electron`
- 🚨 目前, Electron 尚未支持 `"type": "module"`
- 🚨 通常的，Vite 可能不能正确的构建 Node.js 的包，尤其是 C/C++ 原生模块，但是 Vite 可以将它们以外部包的形式加载。所以，请将 Node.js 包放到 `dependencies` 中。除非你知道如何用 Vite 正确的构建它们。
  ```js
  electron({
    entry: 'electron/main.ts',
    vite: {
      build: {
        rollupOptions: {
          // Here are some C/C++ modules them can't be built properly.
          external: [
            'serialport',
            'sqlite3',
          ],
        },
      },
    },
  }),
  ```

## 🍵 🍰 🍣 🍟

<img width="270" src="https://github.com/caoxiemeihao/blog/blob/main/assets/$qrcode/$.png?raw=true">
npm package: @stao-ui/components
Description: ## 安装方法
Author: wansongtao
Latest version: 2.1.2

# 自定义组件与二次封装组件

## 安装方法

```bash
$ pnpm install @stao-ui/components
```

## 使用示例

```vue
<template>
  <BaseButton>按钮</BaseButton>
</template>

<script setup>
import { BaseButton } from '@stao-ui/components'
</script>
```

## Links

详情参考文档-[STaoUI](https://github.com/wansongtao/stao-ui)
npm package: @stao-ui/utils
Description: ## 安装方法
Author: wansongtao
Latest version: 2.1.0

# 常用工具方法

## 安装方法

```bash
$ pnpm add @stao-ui/utils
```

## 使用示例

```javascript
import { getDataType } from '@stao-ui/utils'

const str = 'hello world'
getDataType(str) // string
```

## Links

详情参考文档-[STaoUI](https://wansongtao.github.io/stao-ui/utils/common/)
npm package: @stapxs/umami-logger-typescript
Description: A configurable event logging package for Umami analytics. Easily send custom events with auto-populated browser metadata.
Author: Phil0xFF
Latest version: 1.0.15

# Umami Logger

![npm](https://img.shields.io/npm/v/@bitprojects/umami-logger-typescript)
![NPM Downloads](https://img.shields.io/npm/dy/%40bitprojects%2Fumami-logger-typescript)
![GitHub Workflow Status (with event)](https://img.shields.io/github/actions/workflow/status/B-IT-Projects-GmbH/umami-logger-typescript/.github%2Fworkflows%2Fmain.yml)

## Description

Umami Logger is a configurable event logging package for [Umami Analytics](https://umami.is). It allows you to easily send custom events with automatically populated browser metadata.

## Features

- Easy setup with minimal configuration
- Automatically captures common browser metadata
- Built with TypeScript
- Uses Axios for network requests

## Installation

Install the package using npm:

```bash
npm install @bitprojects/umami-logger-typescript
```

Or using yarn:

```bash
yarn add @bitprojects/umami-logger-typescript
```

## Usage

First, initialize the Umami Logger with your configuration:

```typescript
import Umami from '@bitprojects/umami-logger-typescript';

Umami.initialize({
    baseUrl: 'https://umami.is',
    websiteId: 'your-website-id',
    hostName: 'your-custom-hostname', //optional
});
```


Then, you can log events like this:

```typescript
Umami.trackEvent('some-event', { foo: 'bar' });
```

## API

### `initialize(config: UmamiConfig): void`

Initialize the logger with your Umami configuration.

- `config.baseUrl`: The base URL of your Umami instance.
- `config.websiteId`: The website ID in your Umami dashboard.

### `trackEvent(eventName: string, eventData: EventData): void`

Logs an event to your Umami dashboard.

- `eventName`: The name of the event.
- `eventData`: Additional data to attach to the event (optional).

### `trackPageView(overrideUrl?: string): void`

Automatically logs a page view event. This is triggered when you initialize Umami Logger.

- `overrideUrl`: An optional parameter that lets you specify a custom URL for the page view event, overriding the default `window.location.pathname`.

## Example for Vue Router Integration

To track page views in a Vue project with Vue Router, you can use the `beforeEach` or `afterEach` hooks in your router setup:

```typescript
import VueRouter from 'vue-router';
import Umami from '@bitprojects/umami-logger-typescript';

const router = new VueRouter({
  // your routes here
});

router.beforeEach((to, from, next) => {
  Umami.trackPageView(to.path); // the to.path will override the default pathname
  next();
});
```

## Author

Developed by Phil0xFF, on behalf of [B.IT Projects GmbH](https://b-it-projects.de).
npm package: @staqeprotocol/v1-core
Description: 🗄️ Core smart contracts of Staqe V1
Latest version: 1.2.14

# Staqe Protocol

<div style="text-align:center" align="center">
    <img src="https://raw.githubusercontent.com/staqeprotocol/v1-core/master/image.svg" width="600">
</div>

## Overview

Staqe is a comprehensive staking platform built on Ethereum, allowing users to stake ERC20 and ERC721 tokens. It offers a versatile environment where users can participate in various staking pools, earn rewards, and even create their own pools if they possess a Genesis NFT. This contract enables dynamic staking pool creation, management, and interaction, with each pool having its distinct settings and reward mechanisms.

## Features

- **ERC20 and ERC721 Token Staking**: Users can stake both types of tokens in designated pools.
- **Genesis Pool**: Stake in the Genesis pool to gain the ability to create new pools.
- **Pool Creation**: Users can launch new pools, defining the staking and reward tokens, maximum stake limits, and other configurations.
- **Reward System**: Pool owners can add rewards to incentivize staking, with detailed mechanisms for reward distribution.
- **Ownership and Transferability**: Each pool is an ERC721 token itself, allowing for ownership transfer and pool trading.
- **Flexible Staking/Unstaking**: Users have the freedom to stake and unstake tokens anytime without penalties.
- **Claim Rewards**: Stakers can claim their due rewards from pools they've participated in.

## Contract Interactions

### Launching a Pool

To create a new pool, users must have staked in the Genesis pool. The `launchPool` function is used to set up a new pool, specifying the staking and reward tokens, maximum staking limits, and tokenURI for the pool's NFT representation.

### Staking Tokens

Users can stake tokens using the `stake` function, providing the pool ID, amount (for ERC20), or token ID (for ERC721). The contract records and tracks each stake.

### Adding Rewards

Pool owners can add rewards to their pools with the `addReward` function, defining the reward token, amount, and eligibility criteria.

### Unstaking Tokens

Tokens can be unstaked at any time using the `unstake` function, which requires the pool ID and the stake IDs to be unstaked.

### Claiming Rewards

Users claim their rewards using the `claimRewards` function, specifying the pools and reward IDs they wish to claim.
npm package: @star-dancer/fantasia
Description: A blank schematics
Latest version: 14.0.0

# Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

### Testing

To test locally, install `@angular-devkit/schematics-cli` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with

```bash
schematics --help
```

### Unit Testing

`npm run test` will run the unit tests, using Jasmine as a runner and test framework.

### Publishing

To publish, simply do:

```bash
npm run build
npm publish
```

That's it!
npm package: @star-fed/nos-webpack-plugin
Description: a nos webpack upload plugin
Author: Neo Chang
Latest version: 0.0.3

# NOS Webpack Plugin

> Webpack 编译后的文件上传到 [NOS](https://sf.163.com/help/documents/68792520222625792)

该插件上传功能依赖[NOS Node.js SDK](https://github.com/XGHeaven/nos-node-sdk)，感谢该插件作者。

## 功能

- 支持并行上传
- 支持不重复上传

## 安装

```Bash
yarn add @star-fed/nos-webpack-plugin --dev
```

## 使用

**webpack.config.js**

```Javascript
const NosWebpackPlugin = require('@star-fen/nos-webpack-plugin');

const nosUploadConfig = {
	accessKey: 'test',
	accessSecret: 'test',
	endpoint: 'test',
	bucketName: 'test',
	nosPrefix: 'test',
}
module.exports = {
  // ... Webpack 相关配置
  plugins: [
    new NosWebpackPlugin(nosUploadConfig)
  ]
}
```

或者在项目目录下新建 `.nosconfig` 文件，并且在 `.gitignore` 忽略此文件

**.nosconfig**

```Javascript
module.exports = {
  accessKey: 'nos access key', // required
  accessSecret: 'nos access secret', // required
  bucketName: 'demo-test', // required
  endpoint: 'https://nos-jd.163yun.com', // required
  excludes: ['assets/**.map4', '*.map'],
  prefix: '',
  cdnName: '',
  parallel: 10,
  force: true
}
```

**Options**

|           Name           |       Type        |    Default    | Required | Description                                                      |
| :----------------------: | :---------------: | :-----------: | :------: | :--------------------------------------------------------------- |
|   **[`accessKey`](#)**   |    `{String}`     |               |   true   | NOS Access Key                                                   |
| **[`accessSecret`](#)**  |    `{String}`     |               |   true   | NOS Secret Key                                                   |
|  **[`bucketName`](#)**   |    `{String}`     |               |   true   | NOS 空间名                                                       |
|   **[`endpoint`](#)**    |    `{String}`     |               |   true   | NOS 不同地域不同配置                                             |
|   **[`excludes`](#)**    | `{Array[string]}` | ['.DS_Store'] |  false   | 忽略的文件类型                                                   |
|    **[`prefix`](#)**     |    `{string}`     |      ''       |  false   | NOS 的二级路径 / 文件夹名                                        |
|    **[`cdnName`](#)**    |    `{string}`     |      ''       |  false   | CDN 域名，代替 bucketName 对外使用                               |
|   **[`parallel`](#)**    |    `{number}`     |      10       |  false   | 同时上传文件数，避免产生大量的并发请求                           |
|     **[`force`](#)**     |    `{Boolean}`    |     false     |  false   | 是否强制上传，就不检查文件是否存在                               |
| **[`usePublicPath`](#)** |    `{Boolean}`    |     true      |  false   | 设置 webpack publicPath，会使用 cdnName 或者 bucketName + prefix |

- `bucketName` 不需要不携带通信协议: `star-dev-test-server`
- `excludes` 匹配相关文件或文件夹，详细使用请看: [micromatch](https://github.com/micromatch/micromatch)
  - `*.map` 不上传文件后缀为 `map` 的文件
  - `assets/**.map` 不上传 `assets` 文件夹下文件后缀为 `map` 的文件

---

## License

Released under the [MIT License](LICENSE).
npm package: @star-insure/react
Description: A React component library for Star Insure
Author: alexclark_nz
Latest version: 0.3.5

# Star Insure - React
A library of shared components for Star Insure React + Inertia.js projects.

## Installation
```
npm install @star-insure/react
```

Make sure you update the `tailwind.config.js` file so it doesn't purge classes from this package.
```json
module.exports = {
    content: [
        "./resources/**/*.blade.php",
        "./resources/**/*.{js,ts,jsx,tsx}",
        "./node_modules/@star-insure/react/**/*.{js,ts,jsx,tsx}",
      ],
    ...
}
```

## Development
```bash
npm start
```
### Testing
```
npm run test
```

## Publishing to NPM
Suggest that you use [np](https://github.com/sindresorhus/np) for publishing.

From the command line just run:
```
np
```
npm package: @star-insure/sdk
Description: The SDK for Star Insure client apps with shared helper functions and TypeScript definitions.
Author: alexclark_nz
Latest version: 6.8.0

# Star Insure - SDK

The SDK for Star Insure client apps with shared helper functions and TypeScript definitions.

## Installation
```
npm install @star-insure/sdk
```

## Development
```bash
npm start
```
### Testing
```
npm run test
```

## Making changes to this package locally
### Updating project dependency
Update the package.json file in your consuming project to reference the relative path to this package. e.g.
```
"@star-insure/sdk": "file:../starinsure-sdk",
```

### npm link
From this package root:
```
npm link
```

From the project you're making changes in (e.g. star-insure/portal):
```
npm link @star-insure/sdk
```

To unlink, run this from the project you're making changes in (e.g. star-insure/portal):
```
npm uninstall --no-save @star-insure/sdk && npm install
```

If you run into weird caching issues, run the below from your project to force Vite to re-cache dependencies
```
npm run vite
```

[Optional] You can remove the global symlink created for this package by from this package root.
However you don't need to do this, as you'll likely be doing this again in future.
```
npm uninstall
```

## Publishing to NPM
Suggest that you use [np](https://github.com/sindresorhus/np) for publishing.

From the command line just run (you'll need Node version 18+ running):
```
npm run release
```

## Usage
This library provides the following functions:

### Date and Time
1. formatDate - Returns a string in format dd/mm/yyyy
```typescript
import { formatDate } from '@star-insure/sdk';

formatDate(new Date());
formatDate('2024-03-23T20:00:00.000Z');
formatDate('Sat, 23 Mar 2024 20:00:00 GMT');
```

2. formatDateTime - Returns a string in format dd/mm/yyyy hh:mm (24-hour clock)
```typescript
import { formatDateTime } from '@star-insure/sdk';

formatDateTime(new Date());
formatDateTime('2024-03-23T20:00:00.000Z');
formatDateTime('Sat, 23 Mar 2024 20:00:00 GMT');
```

### Money
1. formatMoney - Returns a string in format $x,xxx.xx
```typescript
import { formatMoney } from '@star-insure/sdk';

formatMoney(1234567.89);
formatMoney('1234567.89');
```
npm package: @star-this/starwind
Description: Starwind core: tokens + layers + minimal reset/base (no layout modules).
Latest version: 0.3.2

# @star-this/starwind

Starwind core: CSS layers + tokens + minimal reset/base. No layout modules.

## CDN

Minified:

- https://cdn.jsdelivr.net/npm/@star-this/starwind@VERSION/starwind.core.min.css

Unminified:

- https://cdn.jsdelivr.net/npm/@star-this/starwind@VERSION/starwind.core.css

## Usage

```html
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@star-this/starwind@0.1.0/starwind.core.min.css"
/>
npm package: @star-trek/arco-design-web-vue
Description: Arco Design Vue 2.0: A Vue.js 3 UI Library
Author: ArcoDesign Team
Latest version: 2.54.24

<div align="center">
  <a href="https://arco.design" target="_blank">
    <img alt="Arco Design Logo" width="200" src="https://avatars.githubusercontent.com/u/64576149?s=200&v=4"/>
  </a>
</div>

<div align="center">
  <h1>Arco Design</h1>
</div>

<div align="center">

基于 [Arco Design](https://arco.design/) 的 Vue UI 组件库。

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/arco-design/arco-design-vue/blob/main/LICENSE)

</div>

<div align="center">

[English](./README.md) | 简体中文

</div>

# 特性

## 全面

60多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。

## 主题配置

海量的样式 tokens, 支持全局以及组件级别的主题配置。有以下2种方式可以定制主题：

* [Less-loader](https://arco.design/vue/docs/theme)
* [风格配置平台](https://arco.design/themes) - 推荐!

## TypeScript 友好

所有组件都是用 TypeScript 编写的，所以天然的类型友好。

# 安装

[npm package](https://www.npmjs.com/package/@star-trek/arco-design-web-vue)

```bash
// npm
npm install @star-trek/arco-design-web-vue

// yarn
yarn add @star-trek/arco-design-web-vue
```

# 例子

```typescript
import { createApp } from 'vue'
import ArcoVue from '@star-trek/arco-design-web-vue';
import App from './App.vue';
import '@star-trek/arco-design-web-vue/dist/arco.css';

const app = createApp(App);
app.use(ArcoVue);
app.mount('#app');
```

## 开发

1. 使用 `npm install -g` 安装 `lerna` 和 `yarn` 等基础包

2. 使用 `yarn install` 安装 `workspaces` 中各个包的依赖（如果遇到 `YN0018` 错误，可以使用 `YARN_CHECKSUM_BEHAVIOR=update yarn` 进行安装）

3. 使用 `npm run init` 初始化项目


# 相关链接

* [官网](https://arco.design/)
* [暗黑模式](https://arco.design/vue/docs/dark)
* [主题配置](https://arco.design/vue/docs/theme)
* [Figma 设计资源](https://www.figma.com/file/FVu1DydEeXvJqXrkOb90Oi/ArcoDesign%E7%BB%84%E4%BB%B6%E8%AE%BE%E8%AE%A1_2.0?node-id=5472%3A308)
* [Awesome Arco](https://github.com/arco-design/awesome-arco)

# 生态

| 项目               | 介绍                                             |
| --------------------- | ------------------------------------------------------- |
| [React 组件库] | 基于 [Arco Design](https://arco.design/) 的 React UI 组件库。 |
| [风格配置平台] | 精确到组件级的主题视觉配置平台 |
| [物料平台] | 丰富可共享的业务定制物料，让效率突破猛进 |
| [图标平台] | 一站式图标管理平台 |
| [Arco Pro] | 快速构建中后台的前端解决方案 |

[React 组件库]: https://arco.design/react/docs/start
[风格配置平台]: https://arco.design/themes
[物料平台]: https://arco.design/material
[图标平台]: https://arco.design/iconbox
[Arco Pro]: https://arco.design/pro/

# 参与贡献

贡献之前请先阅读 [行为准则](./CODE_OF_CONDUCT.md) 和 [贡献指南](./CONTRIBUTING.zh-CN.md)。

感谢所有为 ArcoDesign 做过贡献的人!

<a href="https://github.com/arco-design/arco-design-vue/graphs/contributors"><img src="https://contrib.rocks/image?repo=arco-design/arco-design-vue" /></a>

# License

[MIT 协议](./LICENSE)