open-index/open-npm huggingface dataset:
npm package: @ssmr9dt/hotdeploy
Description: auto reload commands
Author: ssmr9dt
Latest version: 1.1.1

# hotdeploy

Hotdeploy can update and apply the file being read with require during execution.

hotdeployは実行中にrequireで読んでいるファイルを更新と適用が行えます。

## Usage

```bash
npm i ssmr9dt/hotdeploy
```

Please reference test/example.js

```javascript
const hotdeploy = require("@ssmr9dt/hotdeploy.js");
var commands = {};

hotdeploy(__dirname + "/server.d", function(key, module){
  console.log("Reload", key);
  commands[key] = module || null;
});

(function _Exec(){
  setTimeout(_Exec, 1000);
  
  for (var key in commands) {
    if (!!!commands[key] || typeof(commands[key]) !== "function") {
      continue;
    }
    commands[key]();
  }
})();
```

```bash
echo "module.exports = function(){console.log(\"execute red.js\")};" > server.d/red.js
```

## Image
[![Gif](https://raw.githubusercontent.com/wiki/ssmr9dt/hotdeploy/images/ssmr9dt-hotdeploy.gif)](https://www.youtube.com/watch?v=MjSkpQ9Eq9I)
npm package: @ssmr9dt/hotreload
Description: automatic reload
Author: Satoshi Murakami
Latest version: 1.0.5

# hotreload

This is Hot reload

## Setup

    $ npm i ssmr9dt/hotreload

## About

Read test/example.js

```js
var hotreload = require("@ssmr9dt/hotreload");

(function _Exec(){
  setTimeout(_Exec, 1000);
  
  hotreload(__dirname + "/server.d/no1.js", function(err, module){
    no1 = module || null;
  });
  
  if (no1 && typeof(no1) === "function") {
    no1();
  }
})();
```
npm package: @ssmt-ui/el-sidebar
Description: 基于 Element UI 的侧边栏菜单组件
Author: SSMT-UI
Latest version: 1.0.0

# @ssmt-ui/el-sidebar

基于 Element UI 的侧边栏菜单组件，支持多级菜单、折叠展开等功能。

## 安装

```bash
npm install @ssmt-ui/el-sidebar
```

## 使用

```vue
<template>
  <el-sidebar
    :menu-data="menuData"
    :active-menu="activeMenu"
    :is-collapse="isCollapse"
    @select="handleSelect"
  />
</template>

<script>
import { ElSidebar } from '@ssmt-ui/el-sidebar';

export default {
  components: {
    ElSidebar
  },
  data() {
    return {
      menuData: [
        {
          title: '首页',
          path: '/home',
          icon: 'el-icon-home'
        },
        {
          title: '系统管理',
          path: '/system',
          icon: 'el-icon-setting',
          children: [
            {
              title: '用户管理',
              path: 'user'
            },
            {
              title: '角色管理',
              path: 'role'
            }
          ]
        }
      ],
      activeMenu: '/home',
      isCollapse: false
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log('选中菜单：', key, keyPath);
    }
  }
};
</script>
```

## Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| menuData | 菜单数据 | Array | - |
| activeMenu | 当前激活菜单的 path | string | '' |
| isCollapse | 是否水平折叠收起菜单 | boolean | false |
| backgroundColor | 菜单的背景色 | string | '#545c64' |
| textColor | 菜单的文字颜色 | string | '#fff' |
| activeTextColor | 当前激活菜单的文字颜色 | string | '#ffd04b' |
| uniqueOpened | 是否只保持一个子菜单的展开 | boolean | false |
| collapseTransition | 是否开启折叠动画 | boolean | true |
| mode | 模式 | string | 'vertical' |

## Events

| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| select | 菜单选中时触发 | key: 选中菜单项的 path, keyPath: 选中菜单项的路径数组 |

## menuData 数据结构

```typescript
interface MenuItem {
  title: string;      // 菜单标题
  path: string;       // 菜单路径
  icon?: string;      // 菜单图标（element-ui 的图标类名）
  children?: MenuItem[]; // 子菜单
}
```

## 依赖

- Vue 2.6+
- Element UI 2.15+

## License

MIT
npm package: @ssoc/ui
Description: UI components for SSOC
Author: SSOC
Latest version: 1.0.9

# @ssoc/ui

[![npm version](https://badge.fury.io/js/%40ssoc%2Fui.svg)](https://badge.fury.io/js/%40ssoc%2Fui)

SSOC 프로젝트를 위한 공용 UI 컴포넌트 라이브러리입니다. React, TypeScript, Emotion을 기반으로 만들어졌습니다.

## 🚀 설치하기

```bash
npm install @ssoc/ui
```

또는

```bash
yarn add @ssoc/ui
```

### Peer Dependencies

이 라이브러리는 `react`, `react-dom`, `@emotion/react`를 `peerDependencies`로 가지고 있습니다. 이 라이브러리를 사용하는 프로젝트에 해당 패키지들이 반드시 설치되어 있어야 합니다.

```bash
npm install react react-dom @emotion/react
```

## 📚 전역 스타일 설정

```jsx
import { ThemeProvider } from '@emotion/react';
import React from 'react';

import { Button } from '@ssoc/ui';

// `@ssoc/styles` 패키지에서 테마를 가져와 적용해야 합니다.
// 토스트 컴포넌트 사용을 위해선 프로바이더를 전역으로 적용해줘야 합니다.
import { globalStyles } from '@ssoc/styles';
import theme from '@ssoc/styles';
import { ToastProvider } from '@ssoc/ui';

function App() {
    return (
        <Global styles={globalStyles} />
        <ThemeProvider theme={theme}>
                <ToastProvider limit={5}>
                    <App />
                </ToastProvider>
        </ThemeProvider>
    );
}

export default App;

```

## storybook으로 컴포넌트 살펴보기

배포된 Storybook 페이지에서 모든 컴포넌트의 종류와 사용 예시를 직접 확인하고 테스트해볼 수 있습니다.

## 💻 로컬에서 개발하기

1.  **저장소 복제 및 의존성 설치:**

    ```bash
    # 저장소를 복제합니다.
    # 해당 레포지토리는 UI를 포함한 전체 패키지가 있습니다.
    # UI패키지를 보려면 main 또는 devleop브런치로 이동 후  monorepo/package/ui로 이동해주세요.
    git clone https://github.com/Recruiting-Your-Club/ryc.git

    git checkout develop
    cd ryc/monorepo/pcckages/ui

    or

    cd ryc/monorepo/packages/ui

    # 모노레포 루트에서 의존성을 설치합니다.
    yarn install

    ```

2.  **Storybook 실행:**

    `@ssoc/ui` 패키지에서 Storybook을 실행하여 컴포넌트를 확인합니다.

    ```bash
    # 루트 디렉토리에서 아래 명령어를 실행하세요.
    yarn workspace @ssoc/ui storybook
    ```

    이제 브라우저에서 `http://localhost:6006`으로 접속하여 Storybook을 확인할 수 있습니다.

## 📄 라이선스

이 프로젝트는 [MIT License](LICENSE)에 따라 라이선스가 부여됩니다.