open-index/open-npm huggingface dataset:
npm package: @synapsestudios/winston-sentry
Description: Winston transport for sentry
Latest version: 2.1.0

# winston-sentry
[![CircleCI](https://circleci.com/gh/synapsestudios/winston-sentry.svg?style=svg)](https://circleci.com/gh/synapsestudios/winston-sentry)

A simple winston transport that logs your errors to sentry.

This transport is for winston 3.x and uses the new `@sentry/node` SDK instead of Raven.

## Installation

```
npm install --save @synapsestudios/winston-sentry
```

## Usage

Follow the steps in [sentry's docs](https://docs.sentry.io/error-reporting/quickstart/?platform=node) to set up your node sdk. The transport doesn't set up the sentry SDK for you in case you want to make any of your own sentry calls outside of the context of winston.

Initialize the transport and tell winston about it like this:

```
const winston = require('winston');
const SentryTransport = require('@synapsestudios/winston-sentry');
const Sentry = require('@sentry/node');

Sentry.init({
  /* sentry init values */
});


module.exports = new winston.Logger({
  transports: [
    /* ... your other transports */
    new SentryTransport({ Sentry }),
  ]
});
```

## Logging behavior

Whenever an error with level `fatal` or `error` are logged with your winston logger that error will also be logged to sentry.
npm package: @synapticon/oblac-drives-fetch
Description: Fetch OBLAC Drives and SOMANET Software releases from proxy cache or Amazon S3.
Author: Marko Sanković
Latest version: 2.0.4

# OBLAC Drives Fetch

Fetch OBLAC Drives and SOMANET Software releases from proxy cache or Amazon S3.

## Install

    npm install --save oblac-drives-fetch

## Usage

    import { fetchReleases } from 'oblac-drives-fetch';

    fetchReleases().then(releases => {
        const [productionReleases, developmentReleases] = releases;
    });

## How to run tests

    npm run start:dev

The output will be go to Chrome DevTools Console. See [test.js](src/test.js) for more usage examples.
npm package: @synapworks/md-to-html-converter
Description: .md 파일을 A4 규격의 미니멀하고 모던한 디자인 HTML로 변환합니다. 웹에서 바로 미리보기할 수 있습니다.
Author: Synapworks
Latest version: 1.0.0

# Markdown to HTML Converter | MD2HTML

.md 파일을 A4 규격의 미니멀하고 모던한 디자인 HTML로 변환합니다. 웹에서 바로 미리보기할 수 있습니다.

## 🚀 빠른 시작

### 1. 설치

\`\`\`bash
npm install -g @synapworks/md-to-html-converter
\`\`\`

설치가 완료되면 Claude Desktop 설정 파일이 **자동으로 업데이트**됩니다!

### 2. Claude Desktop 재시작

Claude Desktop을 완전히 종료한 후 다시 시작하세요.

### 3. 사용 시작

Claude Desktop에서 MCP 서버가 자동으로 로드되며, 바로 사용할 수 있습니다.

## 📋 수동 설정 (선택사항)

자동 설정이 작동하지 않는 경우, Claude Desktop 설정 파일에 다음을 추가하세요:

### macOS
\`\`\`bash
nano ~/Library/Application\ Support/Claude/claude_desktop_config.json
\`\`\`

### Windows
\`\`\`
%APPDATA%\Claude\claude_desktop_config.json
\`\`\`

### Linux
\`\`\`bash
nano ~/.config/Claude/claude_desktop_config.json
\`\`\`

설정 내용:
\`\`\`json
{
  "mcpServers": {
    "md-to-html-converter": {
      "command": "md-to-html-converter",
      "env": {
        "API_URL": "https://api.synapworks.net/api",
        "API_KEY": "your-api-key-here"
      }
    }
  }
}
\`\`\`

## 🔧 환경 변수

- `API_URL`: 백엔드 API URL (기본값: https://api.synapworks.net/api)
- `API_KEY`: API 인증 키 (선택사항)

환경 변수를 설정하려면 설정 파일의 `env` 섹션에 추가하세요.


## 워크플로우 단계

### 1. Markdown 입력

Markdown 파일 내용을 입력받습니다. 파일 내용을 텍스트로 붙여넣거나 직접 입력할 수 있습니다.

**파라미터:**

- `markdown_content` (string, 필수): Markdown 내용
  - Markdown 파일의 전체 내용을 입력하세요. 파일을 읽어서 텍스트로 붙여넣거나 직접 작성할 수 있습니다.

### 2. HTML 변환

입력된 Markdown을 A4 규격의 미니멀하고 모던한 HTML로 변환합니다.

**파라미터:**

- `markdown_content` (string, 필수): Markdown 내용
  - 이전 단계에서 입력받은 Markdown 내용

### 3. HTML 파일 생성 및 미리보기

변환된 HTML을 파일로 저장하고 웹에서 미리보기할 수 있는 링크를 제공합니다.

**파라미터:**

- `html_content` (string, 필수): HTML 내용
  - 이전 단계에서 생성된 HTML 내용
- `filename` (string, 선택): 파일명
  - 생성할 HTML 파일명 (확장자 제외, 기본값: output)


### 역할

Markdown을 HTML로 변환하는 전문가

### 환영 메시지

안녕하세요! Markdown 파일을 A4 규격의 미니멀하고 모던한 HTML로 변환해드립니다. .md 파일 내용을 입력해주세요.

### 제약사항

Answer in Korean

## 📦 버전

현재 버전: **1.0.0**

## 🆘 문제 해결

### macOS: "앱을 열 수 없습니다" 또는 "신뢰할 수 없는 개발자" 경고

macOS Gatekeeper가 서명되지 않은 앱을 차단할 수 있습니다. 다음 방법으로 해결하세요:

**방법 1: 우클릭으로 열기 (권장)**
1. 다운로드한 `.app` 파일을 찾습니다
2. **우클릭** (또는 Control + 클릭)을 합니다
3. **"열기"**를 선택합니다
4. 경고 창에서 **"열기"**를 다시 클릭합니다

**방법 2: 시스템 설정에서 허용**
1. 시스템 설정 > 보안 및 개인 정보 보호로 이동
2. "확인 없이 열기" 버튼을 클릭
3. 또는 "일반" 탭에서 차단된 앱 옆의 "확인 없이 열기" 클릭

**방법 3: 터미널에서 실행**
\`\`\`bash
xattr -cr "상품 상세페이지 제작 챗봇 | PageWizard-GPT Installer.app"
open "상품 상세페이지 제작 챗봇 | PageWizard-GPT Installer.app"
\`\`\`

### MCP 서버가 시작되지 않음

- Node.js 버전 확인 (18.0.0 이상 필요)
- 전역 설치 확인: `npm list -g @synapworks/md-to-html-converter`
- 의존성 재설치: `npm install -g @synapworks/md-to-html-converter`

### Claude Desktop에서 도구가 보이지 않음

- 설정 파일 JSON 문법 확인
- Claude Desktop 완전 재시작 (모든 창 닫기)
- 설정 파일 경로 확인
- Claude Desktop 로그 확인

### 설정 파일 위치를 모르겠어요

설정 파일은 다음 위치에 있습니다:

- **macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`
- **Windows**: `%APPDATA%\Claude\claude_desktop_config.json`
- **Linux**: `~/.config/Claude/claude_desktop_config.json`

## 📝 라이선스

MIT

## 🔗 관련 링크

- [Synapworks 웹사이트](https://synapworks.com)
- [문의하기](https://synapworks.com/contact)
npm package: @synbee-webcomponents/sw-badge-error
Description: sw-badge-error is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# synbee-badge-error



<!-- Auto Generated Below -->


## Dependencies

### Used by

 - [sw-addon-reminder](../sw-addon-reminder)
 - [sw-inspection](../sw-inspection)

### Graph
```mermaid
graph TD;
  sw-addon-reminder --> sw-badge-error
  sw-inspection --> sw-badge-error
  style sw-badge-error fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with love!*
npm package: @synbee-webcomponents/sw-content-wrapper
Description: sw-content-wrapper is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# content-wrapper



<!-- Auto Generated Below -->


----------------------------------------------

*Built with love!*
npm package: @synbee-webcomponents/sw-image-viewer-3d
Description: sw-image-viewer-3d is a web-component made by Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# sw-image-viewer-3d



<!-- Auto Generated Below -->


## Properties

| Property     | Attribute     | Description | Type      | Default                |
| ------------ | ------------- | ----------- | --------- | ---------------------- |
| `baseUrl`    | `base-url`    |             | `string`  | `'app.synbee.it'`      |
| `format`     | `format`      |             | `string`  | `''`                   |
| `fullScreen` | `full-screen` |             | `boolean` | `false`                |
| `height`     | `height`      |             | `number`  | `400`                  |
| `src`        | `src`         |             | `string`  | `'/assets/export.glb'` |
| `width`      | `width`       |             | `number`  | `400`                  |


## Events

| Event           | Description | Type                |
| --------------- | ----------- | ------------------- |
| `transitionend` |             | `CustomEvent<void>` |


## Dependencies

### Depends on

- mds-button

### Graph
```mermaid
graph TD;
  sw-image-viewer-3d --> mds-button
  mds-button --> mds-icon
  mds-button --> mds-text
  style sw-image-viewer-3d fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with love!*
npm package: @synbee-webcomponents/sw-input-button
Description: sw-input-button is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# input-button



<!-- Auto Generated Below -->


## Properties

| Property       | Attribute        | Description | Type      | Default     |
| -------------- | ---------------- | ----------- | --------- | ----------- |
| `dark`         | `dark`           |             | `boolean` | `undefined` |
| `defaultIcon`  | `default-icon`   |             | `boolean` | `true`      |
| `height`       | `height`         |             | `string`  | `undefined` |
| `icon`         | `icon`           |             | `boolean` | `false`     |
| `lightblue`    | `lightblue`      |             | `boolean` | `undefined` |
| `roundendInPx` | `roundend-in-px` |             | `string`  | `undefined` |
| `size`         | `size`           |             | `string`  | `undefined` |
| `text`         | `text`           |             | `string`  | `undefined` |


## Events

| Event                   | Description | Type                   |
| ----------------------- | ----------- | ---------------------- |
| `toggleReminderEmitter` |             | `CustomEvent<boolean>` |


## Dependencies

### Used by

 - [sw-addon-reminder-footer](../sw-addon-reminder-footer)
 - [sw-modal-alert](../../shared/sw-modal-alert)
 - [sw-modal-generic](../sw-modal-generic)

### Graph
```mermaid
graph TD;
  sw-addon-reminder-footer --> sw-input-button
  sw-modal-alert --> sw-input-button
  sw-modal-generic --> sw-input-button
  style sw-input-button fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with love!*
npm package: @synbee-webcomponents/sw-input-select
Description: sw-input-select is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# input-select



<!-- Auto Generated Below -->


## Properties

| Property              | Attribute                | Description | Type       | Default     |
| --------------------- | ------------------------ | ----------- | ---------- | ----------- |
| `numberOfInputSelect` | `number-of-input-select` |             | `number`   | `undefined` |
| `optionLabels`        | --                       |             | `string[]` | `undefined` |
| `text`                | `text`                   |             | `string`   | `undefined` |
| `triggerIsOpen`       | `trigger-is-open`        |             | `boolean`  | `undefined` |
| `valueOfEdit`         | `value-of-edit`          |             | `string`   | `undefined` |


## Events

| Event             | Description | Type                                                 |
| ----------------- | ----------- | ---------------------------------------------------- |
| `emitOptionValue` |             | `CustomEvent<{ value: string; type: string; }>`      |
| `isOpenEmit`      |             | `CustomEvent<{ inputNr: number; isOpen: boolean; }>` |


## Dependencies

### Used by

 - [sw-addon-reminder-body](../sw-addon-reminder-body)

### Graph
```mermaid
graph TD;
  sw-addon-reminder-body --> sw-input-select
  style sw-input-select fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with love!*
npm package: @synbee-webcomponents/sw-input-text
Description: sw-input-text is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# sw-input-text



<!-- Auto Generated Below -->


## Properties

| Property          | Attribute          | Description | Type                                                                                                                                                   | Default         |
| ----------------- | ------------------ | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- |
| `maxLength`       | `max-length`       |             | `number`                                                                                                                                               | `100`           |
| `placeholderText` | `placeholder-text` |             | `string`                                                                                                                                               | `undefined`     |
| `status`          | `status`           |             | `States.create \| States.edit \| States.view`                                                                                                          | `States.create` |
| `type`            | `type`             |             | `string`                                                                                                                                               | `"text"`        |
| `typography`      | `typography`       |             | `"action" \| "caption" \| "code" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph" \| "tip"` | `'h6'`          |
| `value`           | `value`            |             | `string`                                                                                                                                               | `undefined`     |


## Events

| Event        | Description | Type                  |
| ------------ | ----------- | --------------------- |
| `updateText` |             | `CustomEvent<string>` |


## Dependencies

### Used by

 - [sw-action-header](../sw-action-header)
 - [sw-checklist-item](../sw-checklist-item)

### Depends on

- mds-text

### Graph
```mermaid
graph TD;
  sw-input-text --> mds-text
  sw-action-header --> sw-input-text
  sw-checklist-item --> sw-input-text
  style sw-input-text fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with love!*
npm package: @synbee-webcomponents/sw-inspection-form
Description: sw-inspection-form is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# sw-inspection-form

<!-- Auto Generated Below -->


## Properties

| Property               | Attribute                 | Description | Type                                          | Default     |
| ---------------------- | ------------------------- | ----------- | --------------------------------------------- | ----------- |
| `disableEditModeItems` | `disable-edit-mode-items` |             | `boolean`                                     | `false`     |
| `filteredTodos`        | `filtered-todos`          |             | `boolean`                                     | `null`      |
| `inspectionGetDTO`     | --                        |             | `InspectionGetDTO`                            | `undefined` |
| `status`               | `status`                  |             | `States.create \| States.edit \| States.view` | `undefined` |


## Events

| Event                 | Description | Type                                                       |
| --------------------- | ----------- | ---------------------------------------------------------- |
| `emitFilteredTodos`   |             | `CustomEvent<boolean>`                                     |
| `rapidSaveTodoList`   |             | `CustomEvent<InspectionGetDTO>`                            |
| `updateInspection`    |             | `CustomEvent<InspectionGetDTO>`                            |
| `updateRapidTodoList` |             | `CustomEvent<number>`                                      |
| `updateStatus`        |             | `CustomEvent<States.create \| States.edit \| States.view>` |
| `updateTodoList`      |             | `CustomEvent<ElementTODO[]>`                               |


## Dependencies

### Used by

 - [sw-inspection](../sw-inspection)

### Depends on

- mds-text
- [sw-input-text-area](../../shared/sw-input-text-area)
- [sw-checklist-item](../../shared/sw-checklist-item)

### Graph
```mermaid
graph TD;
  sw-inspection-form --> mds-text
  sw-inspection-form --> sw-input-text-area
  sw-inspection-form --> sw-checklist-item
  sw-checklist-item --> sw-input-text
  sw-checklist-item --> sw-options-menu
  sw-input-text --> mds-text
  sw-inspection --> sw-inspection-form
  style sw-inspection-form fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with love!*
npm package: @synbee-webcomponents/sw-prova
Description: sw-prova is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Author: Federico D'Errico
Latest version: 2.0.18

# sw-prova



<!-- Auto Generated Below -->


----------------------------------------------

*Built with love!*
npm package: @synbydesign-eslint/eslint-plugin
Description: This eslint plugin is designed restrict how CSS-like assets are imported.
Author: Eric Masiello
Latest version: 1.0.1

# `@synbydesign-eslint`

This eslint plugin is designed restrict how CSS-like assets are imported.

# Quickstart

## Step 1: Installation

First, install the required packages for [ESLint](https://eslint.org/) and this plugin:

```bash
npm install -D @synbydesign-eslint/eslint-plugin
```

## Step 2: Configuration

Next, create a `.eslintrc` config file in the root of your project, and populate it with the following:

```
// .eslintrc
{
  "plugins": ["@synbydesign-eslint"],
  "rules": {
    "@synbydesign-eslint/restrict-asset-import": ["error"]
  }
}
```

## Step 3: Running ESLint

```bash
npx eslint .
```

# Rules

## `@synbydesign-eslint/restrict-asset-import`

Requires that CSS assets are co-located with a component and the CSS asset matches the same name. By default, the rule will match files with the extension `.css`, `.scss`, `.module.css`, and `.module.scss`.

### Correct

```tsx
// App.tsx
import "./App.css"; // OK!
import "./App.scss"; // OK!
import styles from "./App.module.css"; // OK!
import scssStyles from "./App.moulde.scss"; // OK!

export const App = () => {
  return <div>Hello world</div>;
};
```

### Incorrect

```tsx
// App.tsx
import "./Foo.css"; // Fail: different name
import "./Foo.scss"; // Fail: different name
import styles from "./Foo.module.css"; // Fail: different name
import scssStyles from "./Foo.moulde.scss"; // Fail: different name

import "./other/directory/App.css"; // Fail: different directory
import "./other/directory/App.scss"; // Fail: different directory
import styles from "./other/directory/App.module.css"; //Fail: different directory
import scssStyles from "./other/directory/App.moulde.scss"; // Fail: different directory

export const App = () => {
  return <div>Hello world</div>;
};
```

### Options

You can modify the default extensions by supplying a single `string` or an array of `string[]`s.

```json
// .eslintrc
{
  "plugins": ["@synbydesign-eslint"],
  "rules": {
    "@synbydesign-eslint/restrict-asset-import": [
      "error",
      {
        // Applies *only* to files matching *.styl extension
        "cssExtensions": ".styl"
      }
    ]
  }
}
```

```json
// .eslintrc
{
  "plugins": ["@synbydesign-eslint"],
  "rules": {
    "@synbydesign-eslint/restrict-asset-import": [
      "error",
      {
        // applies to all the listed extensions
        "cssExtensions": [
          ".module.scss",
          ".module.css",
          ".css",
          ".scss",
          ".styl",
          ".module.styl"
        ]
      }
    ]
  }
}
```