open-index/open-npm huggingface dataset:
npm package: @itgold/grandbazar-ui-kit
Description: Grandbazar.io UI component library: React, Typescript, Tailwind, Rollup, Storybook, Jest.
Author: ITGold
Latest version: 1.0.44

# Grandbazar.io UI Library

This is a UI component library created using React, TypeScript, Tailwind, Rollup, Storybook, and Jest.

## Installation

You can install the library using npm:

```
npm install @itgold/grandbazar-ui-kit
```

## Usage

To use the library, import the components you need from the library and use them in your React components.

```jsx
import { Rule } from '@itgold/grandbazar-ui-kit';
import SomeIcon from '@/icons/some-icon.svg';

export default function Test() {
  return (
    <Rule text="Some text" color="bg-emerald-100" onClick={() => alert('hey!')}>
      <SomeIcon />
    </Rule>
  );
}
```
npm package: @itgri/linters
Description: File: eslint.config.ts
Latest version: 1.2.3

File: eslint.config.ts

```ts
import { GRIESLint } from '@itgri/linters/index.ts';

export default GRIESLint();
```

File: stylelint.config.js
```js
import { GRIStylelintConfig } from '@itgri/linters/index.js';

export default GRIStylelintConfig;
```
npm package: @ithaca-finance/contract-helpers
Description: The `@ithaca-finance/contract-helpers` package offers a set of services which allow querying aggregated on-chain data via rpc.
Latest version: 1.30.7

# @ithaca-finance/contract-helpers

The `@ithaca-finance/contract-helpers` package offers a set of services which
allow querying aggregated on-chain data via rpc.

## Installation

Install the package in your project directory with:

```sh
// with npm
npm install @ithaca-finance/contract-helpers

// with yarn
yarn add @ithaca-finance/contract-helpers
```
npm package: @ithaca-finance/math-utils
Description: The `@ithaca-finance/math-utils` data formatting methods act as a layer on top of the chain data. The use-cases range from "human readable formatting" to "approximating accrual over time".
Latest version: 1.30.7

# @ithaca-finance/math-utils

The `@ithaca-finance/math-utils` data formatting methods act as a layer on top
of the chain data. The use-cases range from "human readable formatting" to
"approximating accrual over time".

## Installation

Install the package in your project directory with:

```sh
// with npm
npm install @ithaca-finance/math-utils

// with yarn
yarn add @ithaca-finance/math-utils
```
npm package: @ithaka/pharos-cli
Description: Pharos Web Component Generator
Author: ITHAKA
Latest version: 5.6.1

# Pharos CLI

<!-- toc -->

- [Getting started](#getting-started)
- [Usage](#usage)
  - [Example](#example)

<!-- tocstop -->

A command-line tool for creating new web components for the Pharos design system.

This will generate SCSS, TypeScript, unit test, and Storybook story files for the component to make getting started more consistent.

# Getting started

The dependencies for `@ithaka/pharos-cli` are installed when running `yarn install` so no additional install step is needed.

To get this CLI setup, go to your terminal and change to this directory:

```shell
$ cd packages/pharos-cli
```

Next, you will need to compile the TypeScript files into JavaScript:

```shell
$ yarn tsc
```

Lastly, you will need to link this package so it is runnable:

```shell
$ npm link
```

At this point the `pharos` command can be used in the root of this repo.

# Usage

To generate the core files needed to start developing a Pharos web component, go to the root of the Pharos repository and run the following command:

```shell
$ pharos component|wc <component-name>
```

## Example

Create a Button component by using the following command:

```shell
$ pharos wc button
```

You should now see your new Button component under the `components` directory:

```
├── packages
│   ├── core
│   │   ├── src
│   │   │   ├── components
│   │   │   │   ├── button
│   │   │   │   │   ├── pharos-button.ts
│   │   │   │   │   ├── pharos-button.scss
│   │   │   │   │   ├── pharos-button.test.ts
│   │   │   │   │   ├── pharos-button.wc.stories.tsx
│   │   │   │   │   └── PharosButton.react.stories.tsx
```

You are now ready to begin developing your new component!

```shell
$ yarn storybook:wc:dev
```

Happy Developing!
npm package: @ithaka/pharos-site
Description: Pharos acts as a guiding light to helps us create consistent, dependable and focused experiences for all of JSTOR users.
Author: ITHAKA
Latest version: 7.3.0

<h1 align="center">
  Publishing documentation
</h1>

## Pharos components

Components used in the documentation can be found in `/src/components`. Examples of them being used and imported can be seen in other existing files found in `pharos-site/src/static`. Please use the `<PageSection>` component for each documentation category and use its `subSectionLevel` property for subsections under the category. For best practices, also use the `<BestPractices>` component

## Adding page to side-navigation bar

When creating a new section or page of documentation, it is important to add a link to the page in the sidenav so that users can readily navigate to the page. This involves accessing the sidenav component in `pharos-site/src/components/Sidenav.tsx` and adding the newly made page to the appropriate array, which will generate a link in the sidenav automatically. Consequently, it is important to follow the naming conventions mentioned in the MDX section.

## Making a pull request

Once a page has been created or documentation has been modified, you can then generate a [pull request](https://github.com/ithaka/pharos/pulls) indicating the changes made.
npm package: @itharbors/module
Description: [![NPM](https://img.shields.io/npm/v/@itharbors/module)](https://www.npmjs.com/package/@itharbors/module) [![CI Status](https://github.com/itharbors/module/actions/workflows/ci.yaml/badge.svg)](https://github.com/itharbors/module/actions/workflows/ci.yaml
Author: VisualSJ
Latest version: 0.2.2

# 模块设计文档: Module System

[![NPM](https://img.shields.io/npm/v/@itharbors/module)](https://www.npmjs.com/package/@itharbors/module)
[![CI Status](https://github.com/itharbors/module/actions/workflows/ci.yaml/badge.svg)](https://github.com/itharbors/module/actions/workflows/ci.yaml)

一个简易的模块管理系统，主要职责：
1. 管理模块列表
2. 管理模块的生命周期
3. 定义模块间的交互方式

## 需求分析

### 功能需求

- 管理模块的生命周期函数
    - register、load、unload、unregister
- 管理模块对外暴露的方法
    - 将所有方法收敛到一个出入口
- 简易的数据管理
    - 定义、修改数据
    - 数据变化的监听
- 对象上的缓存数据管理

### 非功能需求

- 无

## 整体架构设计

## 代码范例

### 基础用法

```ts
import { generateModule } from '@itharbors/module';

export const instance = generateModule({
    stash(): {} {
        return {};
    },

    data(): {} {
        return {};
    },

    register() {

    },

    register() {

    },

    load() {

    },

    unload() {

    },

    method: {
        async test(num: string) {
            return num + 1;
        }
    },
});


instance.run('register');
instance.run('load');
instance.run('unload');
instance.run('unregister');

const num = await instance.execture('test', 1); // 2
```

```ts
// params 是 initWorkflow 时传入的那个 params
// 主要用于项目内控制部分流程，比如构建的时候只构建脚本、只构建样式等功能
exports.remove = function(params) {
    return ['./dist'];
};
exports.npm = function(params) {
    return [{
        message: '安装依赖',
        path: './',
        params: ['install'],
        detail: '依赖安装失败，请检查网络和配置',
    }];
};
exports.tsc = function(params) {
    return ['./'];
};
```

## 决策点

- 无

## 异常处理设计

- 无

## 性能优化

- 无

## 附件与参考文档

- 无