open-index/open-npm huggingface dataset:
npm package: @superanet/newsnow-mcp-server
Description: NewsNow MCP Server
Author: Ou RongXing
Latest version: 0.0.12

# newsnow-mcp-server

![](/assets/og-image.png)

Official MCP Server for [NewsNow](https://github.com/ourongxing/newsnow), 40+ sources available.

## Usage

```json
{
  "mcpServers": {
    "newsnow": {
      "command": "npx",
      "args": [
        "-y",
        "@superanet/newsnow-mcp-server"
      ],
      "env": {
        "BASE_URL": "https://newsnow.busiyi.world"
      }
    }
  }
}
```

## License

[MIT](./LICENSE) © ourongxing
npm package: @superannotate/supernova
Description: Supernova is an open source design system developed by [SuperAnnotate](https://superannotate.com).\ This library contains a rich set of native Angular UI components developed using Supernova Design System.
Author: SuperAnnotate
Latest version: 0.1.50

# Supernova
Supernova is an open source design system developed by [SuperAnnotate](https://superannotate.com).\
This library contains a rich set of native Angular UI components developed using Supernova Design System.

# Get Started
Supernova's components can be used in any project in Angular environment.

### Installation
Install package from npm: `npm install @superannotate/supernova --save`.

### Usage
Import Supernova Design System's styles in your project's styles.scss:
```scss
@import '~@superannotate/supernova/assets/styles';
```
Import the component modules you want to use in your `app.module.ts` file:
```typescript
import { AvatarModule, SidebarModule, ButtonModule } from '@superannotate/supernova'; 

@NgModule({
    imports: [
        AvatarModule, 
        SidebarModule, 
        ButtonModule
    ]
})
export class AppModule {}
```
Add import style in your project's `angular.json` under `build -> options -> assets`:
```json
{
    "glob": "**/*",
    "input": "./node_modules/@superannotate/supernova/assets",
    "output": "/assets/"
}
```
Use the components:
```angular2html
<button sn-button size="small" text="Click me!" icon="settings"></button>
```

## Development
Supernova is written as an Angular library.
It uses [Storybook](https://storybook.js.org) to showcase its UI components.

```
git clone https://github.com/superannotateai/supernova.git
npm install
npm run storybook
```
Browser will open components in Storybook automatically.

_**NOTE:**_ Notice we are using just the icon name(id) to reference it in all our components.
This works because we generate a **sprite** on every build consisting of svg files listed in [source icons](/projects/supernova/assets/icons/source-icons).
If you want to change/remove an icon or add your own icons, just do it in [source icons](/projects/supernova/assets/icons/source-icons), and run storybook again: 
this will generate a new sprite.svg file and the icon's **id** would be the name you gave to your new file.

## License
Supernova is developed under [MIT license](https://github.com/superannotateai/supernova/blob/master/LICENSE).

## Demo
Coming soon!
npm package: @superao/slidershow
Description: A Vue.js project
Author: yangao1008@gmail.com
Latest version: 1.0.0

# my-project

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
npm package: @superapp-dev/authentication
Description: Superapp Authentication module
Author: Superapp
Latest version: 1.0.0

# forms

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/forms.svg)](https://www.npmjs.com/package/forms) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save forms
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'forms'
import 'forms/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [shabs219](https://github.com/shabs219)
npm package: @superarale/vue-use-request
Description: A library for manage your request for Vue + Composition API
Author: mahoushoujoarale
Latest version: 1.4.0

# vue-useRequest

## 前言
在业务开发中，对于网络请求状态，我们往往需要定义result、loading、error三个变量，result用来接收请求的结果，loading表示当前请求是否在进行中，error表示请求是否出错，另外还需要处理缓存请求结果、请求竞态、取消请求等问题。如果没有一个统一网络请求管理工具，上述逻辑将被大量重复开发，并且很难保证一致性。

因此，vue-useRequest的出现正是为了解决上述问题，为开发人员提供一种便利、快速的方式来管理网络请求状态。

## 特性
- 🏟️ 覆盖大部分业务场景
- 🎯 真正取消网络请求
- 🌈 兼容 Vue 2 & 3
- 🤖 兼容 Axios & Fetch
- 🚀 响应式数据
- 🗄 内置请求缓存
- 💧 请求竞态处理
- 🔁 错误重试
- 🔐 自动化测试
- ⚙️ 配置简单
- 📠 完全使用 Typescript 编写，具有强大的类型提示
- ⚡️ 极致轻量化，gzip压缩后不到1kb
- 🍃 对业务代码侵入小
- 📦 开箱即用

## 对比
| 库 | 响应式状态 | 缓存 | 错误重试 | 取消网络请求 | React | Vue2 | Vue3 | Axios | Fetch
| --- | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| SWR | ✔ | ✔ | ✔ | ❌ | ✔ | ❌ | ❌ | ✔ | ✔ |
| ahooks useRequest | ✔ | ✔ | ✔ | ❌ | ✔ | ❌ | ❌ | ✔ | ✔ |
| TanStack Query | ✔ | ✔ | ✔ | ❌ | ✔ | ✔ | ✔ | ✔ | ✔ |
| vue-request | ✔ | ✔ | ✔ | ❌ | ❌ | ✔ | ✔ | ✔ | ✔ |
| vue-use useFetch | ✔ | ✔ | ✔ | ❌ | ❌ | ✔ | ✔ | ❌ | ✔ |
| vue-useRequest | ✔ | ✔ | ✔ | ✔ | ❌ | ✔ | ✔ | ✔ | ✔ |

## 文档
[vue-useRequest文档](https://mahoushoujoarale.github.io/vue-useRequest-docs/)

## 安装
### npm
```sh
npm install @superarale/vue-use-request
```

### yarn
```sh
yarn add @superarale/vue-use-request
```

## 使用
```vue
<template>
  <div>
    <div style="max-height: 200px">resutl: {{ result }}</div>
    <div>loading: {{ loading }}</div>
    <div>error: {{ error }}</div>
    <button @click="run"></button>
  </div>
</template>

<script lang="ts" setup>
import { onMounted } from 'vue';
import axios from 'axios';
import useRequest from '@superarale/vue-use-request';

const url = 'https://api.github.com/repos/mahoushoujoarale/vue-useRequest';
const request = async (signal) => {
  const res = await axios.get<string>(url, {
    signal,
  });
  return res.data;
};

const { data, loading, error, run } = useRequest(request);

onMounted(() => {
  run();
});
</script>
```
在上述例子中，`useRequest`接收了一个异步请求函数`request`，返回三个状态值，`result`、`loading`和`error`。`result`、`loading`和`error`都是Vue的[响应式引用shallowRef](https://cn.vuejs.org/api/reactivity-advanced.html#shallowref)，它们的改变会同步到页面上。同时`useRequest`返回了一个`run`函数，通过调用`run`函数可以发起网络请求。异步函数request接收的第一个参数的类型是AbortSignal，它是[AbortController](https://developer.mozilla.org/en-US/docs/Web/API/AbortController)的signal属性，在useRequest内部会将signal传递给request，request设置好对应的signal后，useRequest就可以通过`AbortController`来控制signal，从而达到真正意义上的取消网络请求的目的。

## 致谢
- [SWR](https://swr.vercel.app)
- [ahooks](https://ahooks.js.org)
- [vue-request](https://www.attojs.com)