open-index/open-npm huggingface dataset:
npm package: @gerzitom/ui-package
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.0.5

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from 'eslint-plugin-react'

export default tseslint.config({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})
```
npm package: @gesazumo/moving-chart
Description: <!-- View [Demo](www.naver.com) -->
Latest version: 2.4.9

# Draw realtime chart on Vue3
<!-- View [Demo](www.naver.com) -->

## Installation
### npm

``` bash
npm install @gesazumo/moving-chart
```
------
#### Recent Updates
The open source chart library is no longer used.
Use canvas to draw a chart yourself.
Thanks to this, the performance has improved.

------

## Usage

Please put data that keeps being added in real time.
The y array is uniformly cut from the front and shown on the screen by moving the x-axis.
If the y array is empty, NoSignal will be displayed on the screen.
The srate of streamBuffer represents the number of y-values per second.

The information about parseFuc will be updated later.
Use ecgNormalization, plethNormalization, which is provided by default now.

### template
``` html
<template>
   <div style="display: flex; flex-wrap: wrap; gap: 10px">
      <div>ECG</div>
      <canvas-chart
        :streamBuffer="streamBuffer.value.ECG1"
        :width="'16%'"
        :height="'13%'"
        :drawSpeed="0.38"
        :parseFuc="ecgNormalization"
      />
      <div>PLETH</div>
      <canvas-chart
        :streamBuffer="streamBuffer.value.PLETH"
        :width="'16%'"
        :height="'13%'"
        :parseFuc="plethNormalization"
        :drawSpeed="1.2"
        :lineColor="'red'"
      />
  </div>
</template>
```

### script
``` javascript
<script setup lang="ts">
import { ref } from 'vue'
import { CanvasChart, useMinMaxFilter } from '@gesazumo/moving-chart'

const streamBuffer = ref({
  ECG1: { ts: [], y: [], srate: 0, name: 'ECG1' },
  PLETH: { ts: [], y: [], srate: 0, name: 'PLETH' },
})
</script>
```

## props

``` javascript
const props = defineProps({
  streamBuffer: {
    type: Object as PropType<buffer>,
    require: true,
  },
  width: {
    type: [Number, String],
    required: true,
    default: 400,
  },
  height: {
    type: [Number, String],
    required: true,
    default: 200,
  },
  parseFuc: {
    type: Function as PropType<
      (arr: Array<number>, newMin: number, newMax: number) => Array<number>
    >,
    required: false,
  },
  lineColor: {
    type: String,
    default: '#00FF00',
  },
  drawSpeed: {
    type: Number,
    default: 0.4,
  },
  padding: {
    type: Array<number>,
    default: [0.4, 0.4]
  }
})
```
------
### Monitoring visibilitychange event
If you turn over or minimize tabs in Chrome. The javascript sliding StreamBuffer is not working. Therefore, it is recommended to stop pushing to StreamBuffer for memory management. Here is the example code.

``` javascript
onMounted(() => {
    document.addEventListener('visibilitychange', () => {
      visibilityState.value = document.visibilityState === 'visible'
    })
  })
```

When received data from outside

``` javascript
// Do not push the stream buffer according to the visibility state.
if(!visibilityState.value) return
else streamBuffer.push(data)
```
------
npm package: @gesazumo/my-button
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Latest version: 0.0.3

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
npm package: @gesazumo/taewoo-button
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Latest version: 0.0.5

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
npm package: @gesdisc/components
Description: ## To develop
Latest version: 1.0.74

# GES DISC Component Library

## To develop

`npm install`<br/>
`npm start`<br/>
`Storybook will run under: http://localhost:3000`

## To build for production

`npm build`

## To test

`npm test` - runs all tests<br/>
`npm test -t gd-dashboard.spec.ts` - runs a specific component's tests
npm package: @gesdisc/ed-ux-react-components
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.0.1-dev.4

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list