open-index/open-npm huggingface dataset:
npm package: @shuimin/simple-npm-package
Description: A simple npm package for demonstration purposes and use in a Node.js app.
Author: shuimin
Latest version: 0.0.10

<div align="center">

# Simple npm Package

A simple npm package for demonstration purposes and use in a Node.js app.

</div>

## Get Started

Follow these steps to publish your own npm package for your own project or using this project.

> This is using the CommonJS module format for use in Node.js apps. You can read more about CommonJS vs. ESM module formats in Node.js on the [LogRocket Blog](https://blog.logrocket.com/commonjs-vs-es-modules-node-js/)

1. [Create a GitHub Repository](https://github.com/new)
1. Clone the repo locally. Example `git clone https://github.com/snyk-labs/simple-npm-package.git`
1. Open your terminal and change directories to the folder of your cloned project. Example `cd simple-npm-package`
1. Run `npm init -y` to create a `package.json` file. Note: if you cloned this repository you won't need to do this step.
1. Update package.json name property with a scoped name. Example `@snyk-labs/simple-npm-package`. Be sure to use your username or organization name instead of mine.
1. Write code for the package (or just use the hello world example in `index.js`)
1. [Sign up with npm](https://www.npmjs.com/signup). Also for better security be sure to enable [two-factor authentication](https://docs.npmjs.com/configuring-two-factor-authentication) on your npm account.
1. Sign in with your npm account in your terminal using the command `npm login` and follow the on-screen instructions.
1. Run `npx npm-packlist` to see the contents that will be included in the published version of the package.
1. Run `npm publish --dry-run` to see what would be done when actually running the command.
1. Run `npm publish --access=public` to actually publish the package to npm. Note: --access=public is needed for scoped packages (`@snyk-labs/simple-npm-package`) as they're private by default. If it's not scoped and doesn't have the `private` field set to `true` in `package.json` it will be public as well.
npm package: @shuimo-design/lunar
Description: javascript solar to chinese lunar tool
Author: higuaifan
Latest version: 0.0.8

# @shuimo-design/lunar

农历转换工具

[![npm](https://img.shields.io/npm/v/@shuimo-design/lunar?color=%23c50315&style=flat-square)](https://www.npmjs.com/package/@shuimo-design/lunar)
[![codecov](https://codecov.io/gh/shuimo-design/lunar/graph/badge.svg?token=C094CF7FVT)](https://codecov.io/gh/shuimo-design/lunar)

A Chinese lunar calendar conversion tool.

## Usage

```typescript
import { lunar } from '@shuimo-design/lunar';

const lunarDate = lunar('2024-01-15 17:07:00');
/**
 *  response will be:
 *  {
 *    year: '癸卯',
 *    month: '乙丑',
 *    day: '戊寅',
 *    hour: '辛酉',
 *    minute: '初刻',
 *    term: undefined
 *  }
 */
```

### term

```typescript
import { lunar } from '@shuimo-design/lunar';

const lunarDate = lunar('2023-3-6')

/**
 * response will be:
 * {
 *   year: '癸卯',
 *   month: '乙卯',
 *   day: '癸亥',
 *   hour: '壬子',
 *   minute: '正刻',
 *   term: '惊蛰'
 * }
 */

```

## 参考资料

> 日期转换 https://github.com/isee15/Lunar-Solar-Calendar-Converter
>
> 节气算法 https://github.com/OPN48/cnlunar
>
> 学习资料 https://ytliu0.github.io/ChineseCalendar/rules_simp.html


### 文献

> 陈久金. 中国古代时制研究及其换算[J]. 自然科学史研究, 1983 (2): 118-132.
npm package: @shuimo-design/shuimo-ui-nuxt
Description: shuimo-ui nuxt module
Author: 阿怪
Latest version: 0.0.1-beta.4

# Shuimo UI Nuxt module

[![npm version][npm-version-src]][npm-version-href]
[![nuxt npm version][npm-nuxt-version-src]][npm-nuxt-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

[Shuimo UI](https://github.com/shuimo-design/shuimo-ui) module for [Nuxt](https://nuxt.com/)

# Features

- 🧩 Automatically import components and styles on demand.
- ✨ Provide Some useful layout components.

# Quick Setup

1. Add `@shuimo-design/shuimo-ui-nuxt` dependency to your project

```bash
# Using pnpm
pnpm add -D @shuimo-design/shuimo-ui-nuxt

# Using yarn
yarn add --dev @shuimo-design/shuimo-ui-nuxt

# Using npm
npm install --save-dev @shuimo-design/shuimo-ui-nuxt
```

2. Add `shuimo-ui` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    '@shuimo-design/shuimo-ui-nuxt'
  ]
})
```

That's it! You can now use Shuimo UI in your Nuxt app ✨

# Usage

You can use `shuimo-ui` create a website like this:
<img src="https://github.com/shuimo-design/shuimo-ui/blob/main/.github/README/example.webp?raw=true">

## Components: `MLoadingPreview`

We provide a component called `MLoadingPreview`.
you can used it when you want to do some time-consuming operations like preload some assets and show a loading animation.

```vue

<template>
  <div>
    <client-only>
      <MLoadingPreview v-model="isLoading" v-if="isLoading" :preInit="preInit"/>
    </client-only>
    <your-main-display-component v-if="!isLoading">

    </your-main-display-component>
  </div>
</template>


<script setup lang="ts">

  const isLoading = ref(true);

  const preInit = async () => {
    await import('ASSET_URL');
    // or other time-consuming operations
    return true;
  };
</script>
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/shuimo-ui?style=flat&colorA=020420&label=shuimo-ui%40latest&color=861717
[npm-version-href]: https://npmjs.com/package/shuimo-ui

[npm-nuxt-version-src]: https://img.shields.io/npm/v/@shuimo-design/shuimo-ui-nuxt?style=flat&colorA=020420&label=shuimo-ui-nuxt%40latest&color=861717
[npm-nuxt-version-href]: https://npmjs.com/package/@shuimo-design/shuimo-ui-nuxt


[npm-downloads-src]: https://img.shields.io/npm/dm/shuimo-ui.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npmjs.com/package/shuimo-ui

[license-src]: https://img.shields.io/npm/l/shuimo-ui.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/shuimo-ui

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @shuiyangsuan/tsconfig
Description: Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment
Latest version: 0.0.4

# @shuiyangsuan/tsconfig

为 TypeScript 应用提供可复用的 TSConfig 配置，针对不同运行时环境优化。

## 设计原则
- 使用最新的语言标准和特性
- 与最新 TypeScript 默认配置保持一致，省略不必要的配置

## 安装

```bash
npm install @shuiyangsuan/tsconfig
```

## 可用配置

### 基础配置

适用于所有 TypeScript 项目，提供基础的 ESM 模块配置。

```json
{
  "extends": "@shuiyangsuan/tsconfig/base"
}
```

### Node.js 项目

```json
{
  "extends": "@shuiyangsuan/tsconfig/node"
}
```

### Vite + React 项目

```json
{
  "extends": "@shuiyangsuan/tsconfig/vite-react"
}
```

### Vite + Vue 项目

```json
{
  "extends": "@shuiyangsuan/tsconfig/vite-vue"
}
```

### 最严格类型检查

```json
{
  "extends": "@shuiyangsuan/tsconfig/strictest"
}
```

## 配置说明

详细的配置项说明和编译流程请参考 [TSCONFIG.MD](./TSCONFIG.MD)

## License

MIT
npm package: @shuizheng/honkit-plugin-hatena-bookmark-pageowner
Description: HonKit plugin for hide element
Author: shuizheng
Latest version: 0.2.0

# honkit-plugin-hatena-bookmark-pageowner

HonKit plugin for HatenaBookmark pageowner

## How to install

```sh
npm install @mziyut/honkit-plugin-hatena-bookmark-pageowner
```

or

```sh
yarn add @mziyut/honkit-plugin-hatena-bookmark-pageowner
```

## How to usage

Add settings to book.json

hatenaID cannot be omitted.

```json
{
  "plugins": ["@mziyut/honkit-plugin-hatena-bookmark-pageowner"],
  "pluginsConfig": {
    "hatena-bookmark-pageowner": {
      "hateneID": "mziyut112"
    }
  }
}
```

## References

- [外部サイトをはてな ID と紐付ける（ページオーナー設定） - はてなブックマークヘルプ](https://b.hatena.ne.jp/help/entry/pageowner)
npm package: @shuji-components/cloud-charts
Description: ![](https://img.shields.io/npm/v/@alicloud/cloud-charts?color=%23ff8200)
Author: d-shuji
Latest version: 1.4.4

# CloudCharts

![](https://img.shields.io/npm/v/@alicloud/cloud-charts?color=%23ff8200)

![CloudCharts](https://img.alicdn.com/tfs/TB1FfqtTGL7gK0jSZFBXXXZZpXa-2764-1488.png)

面向中后台的开箱即用图表库，让前端图表更简单。

[WebSite](https://cloud-charts.netlify.app/) | [国内镜像](http://cloud-charts.gitee.io/)


- 简单上手，开箱即用。

- React ES6 语法。

- 配置化图表，无需学习 G2 复杂的语法和数据映射。

- 一键切换主题。

## 1.0 全新来袭

[详细信息](https://www.yuque.com/docs/share/6f29041d-dab8-44c7-8848-fa376ee4e9e8)

- 全面拥抱 TypeScript

- 交互能力增强

- 平滑升级保障

- 大量优化迭代

## 安装

```bash
$ npm install @alicloud/cloud-charts --save
```

## 使用

1、 引入图表需要的组件

2、 传入数据和配置项

```jsx
import { Wcontainer, Wbar } from '@alicloud/cloud-charts';

// 准备一份数据列
const data = [
  {
    "name":"柱1",
    "data":[["一",59],["二",23],["三",19],["四",27],["五",77],["六",100],["七",70],["八",61],["九",15]]
  },
  {
    "name":"柱2",
    "data":[["一",92],["二",15],["三",4],["四",49],["五",64],["六",76],["七",21],["八",100],["九",71]]
  }
];

// 图表配置项
const options = {
  legend:{
    align: 'right'
  }
};

// 轻松绘制
function Demo() {
  return (
    <Wcontainer className="demos">
      <Wbar height="400" config={options} data={data} />
    </Wcontainer>
  );
}
```

一张柱状图就绘制成功了。

## 参与贡献

如果您在使用的过程中碰到问题，可以先通过 [Issues](https://github.com/alibaba/cloud-charts/issues) 看看有没有类似的 bug 或者建议。

如需提交代码，请遵从我们的 [贡献指南](https://github.com/alibaba/cloud-charts/blob/master/CONTRIBUTING.md) 。