# @xyd-js/storybook

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

Latest version **0.0.0-build-868a460-20261012182029** (published 2026-10-12) · 0 weekly downloads

## Install

```sh
npm install @xyd-js/storybook
pnpm add @xyd-js/storybook
yarn add @xyd-js/storybook
bun add @xyd-js/storybook
```

## Health

**Score 55/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types; low quality score; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.0.0-build-868a460-20261012182029 |
| Published | 2026-10-12 |
| First published | 2025-03-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 14 |
| Unpacked size | 513.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | zdunecki |

## Links

- npm: https://www.npmjs.com/package/@xyd-js/storybook
- npm.io page: https://npm.io/package/@xyd-js/storybook

## Dependencies (14)

- [react](https://npm.io/package/react.md) ^19.1.0
- [react-dom](https://npm.io/package/react-dom.md) ^19.1.0
- [@xyd-js/ui](https://npm.io/package/@xyd-js/ui.md) 0.0.0-build-868a460-20261012182029
- [downloadjs](https://npm.io/package/downloadjs.md) ^1.4.7
- [lucide-react](https://npm.io/package/lucide-react.md) ^0.447.0
- [@xyd-js/atlas](https://npm.io/package/@xyd-js/atlas.md) 0.0.0-build-868a460-20261012182029
- [html-to-image](https://npm.io/package/html-to-image.md) ^1.11.13
- [@xyd-js/content](https://npm.io/package/@xyd-js/content.md) 0.0.0-build-868a460-20261012182029
- [@xyd-js/components](https://npm.io/package/@xyd-js/components.md) 0.0.0-build-868a460-20261012182029
- [@xyd-js/theme-cosmo](https://npm.io/package/@xyd-js/theme-cosmo.md) 0.0.0-build-868a460-20261012182029
- [@xyd-js/theme-opener](https://npm.io/package/@xyd-js/theme-opener.md) 0.0.0-build-868a460-20261012182029
- [@xyd-js/theme-poetry](https://npm.io/package/@xyd-js/theme-poetry.md) 0.0.0-build-868a460-20261012182029
- [@xyd-js/theme-picasso](https://npm.io/package/@xyd-js/theme-picasso.md) 0.0.0-build-868a460-20261012182029
- [@storybook/addon-storysource](https://npm.io/package/@storybook/addon-storysource.md) ^8.6.15

## Recent versions

- 0.0.0-build-868a460-20261012182029 (latest) — 2026-10-12
- 0.0.0-canary-868a460-20261012181223 (canary) — 2026-10-12
- 0.0.1-build.180 (build) — 2025-08-12
- 0.0.1-xyd.0 (xyd) — 2025-03-23
- 0.0.0-canary-9351970-20261012155500 — 2026-10-12
- 0.0.0-build-9351970-20261012155412 — 2026-10-12
- 0.0.0-canary-7c3f4e2-20261012152212 — 2026-10-12
- 0.0.0-canary-7c3f4e2-20261012150535 — 2026-10-12
- 0.0.0-build-7c3f4e2-20261012150126 — 2026-10-12
- 0.0.0-build-55c38f4-20261012145000 — 2026-10-12
- 0.0.0-build-0167722-20260922165502 — 2026-09-22
- 0.0.0-build-e981406-20260921220136 — 2026-09-21
- 0.0.0-build-f4affb5-20260921174314 — 2026-09-21
- 0.0.0-build-ca84cb4-20260921123316 — 2026-09-21
- 0.0.0-build-bbc1436-20260921112217 — 2026-09-21
- … 299 more at https://npm.io/package/@xyd-js/storybook/versions

## README

# 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,
  },
})
```

---
_Source: https://npm.io/package/@xyd-js/storybook · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._