[PR #6770] [MERGED] 🎨 Storybook docs #25339

Closed
opened 2026-04-16 18:32:24 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6770
Author: @MikesGlitch
Created: 1/24/2026
Status: Merged
Merged: 1/28/2026
Merged by: @MikesGlitch

Base: masterHead: storybook-ui-components


📝 Commits (10+)

📊 Changes

11 files changed (+1179 additions, -83 deletions)

View changed files

📝 .gitignore (+3 -0)
📝 package.json (+2 -0)
packages/component-library/.oxlintrc.json (+3 -0)
packages/component-library/.storybook/main.ts (+43 -0)
packages/component-library/.storybook/manager.ts (+74 -0)
packages/component-library/.storybook/preview.tsx (+88 -0)
📝 packages/component-library/package.json (+9 -1)
packages/component-library/src/Button.stories.ts (+100 -0)
packages/component-library/src/Introduction.mdx (+27 -0)
upcoming-release-notes/6770.md (+6 -0)
📝 yarn.lock (+824 -82)

📄 Description

Adding Storybook to our component library.

This should help developers understand how to use components. Useful for:

  • Theme development
  • Plugin development
  • All other contributors using the UI components

Idea for subdomain to deploy this to: design.actualbudget.org

866785fa-6ac4-48a8-8eee-9454f5a54a8b.webm


Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 28 14.47 MB → 14.47 MB (+569 B) +0.00%
loot-core 1 5.84 MB 0%
api 1 4.38 MB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
28 14.47 MB → 14.47 MB (+569 B) +0.00%
Changeset
File Δ Size
locale/de.json 📈 +569 B (+0.32%) 175.37 kB → 175.93 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
static/js/de.js 175.37 kB → 175.93 kB (+569 B) +0.32%

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
static/js/index.js 9.24 MB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 12.94 kB 0%
static/js/workbox-window.prod.es5.js 5.64 kB 0%
static/js/da.js 106.62 kB 0%
static/js/en-GB.js 7.18 kB 0%
static/js/en.js 162.2 kB 0%
static/js/es.js 171.21 kB 0%
static/js/fr.js 179.72 kB 0%
static/js/it.js 171.54 kB 0%
static/js/nb-NO.js 157.23 kB 0%
static/js/nl.js 103.35 kB 0%
static/js/pl.js 88.64 kB 0%
static/js/pt-BR.js 146.24 kB 0%
static/js/ru.js 106.97 kB 0%
static/js/sv.js 78.2 kB 0%
static/js/th.js 182.35 kB 0%
static/js/uk.js 215.11 kB 0%
static/js/resize-observer.js 18.37 kB 0%
static/js/BackgroundImage.js 120.54 kB 0%
static/js/ReportRouter.js 1.11 MB 0%
static/js/narrow.js 641.19 kB 0%
static/js/TransactionList.js 105.97 kB 0%
static/js/wide.js 159.97 kB 0%
static/js/AppliedFilters.js 9.71 kB 0%
static/js/usePayeeRuleCounts.js 11.79 kB 0%
static/js/useTransactionBatchActions.js 13.23 kB 0%
static/js/FormulaEditor.js 1.04 MB 0%

loot-core

Total

Files count Total bundle size % Changed
1 5.84 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.-4eQWbrL.js 5.84 MB 0%

api

Total

Files count Total bundle size % Changed
1 4.38 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
bundle.api.js 4.38 MB 0%

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/6770 **Author:** [@MikesGlitch](https://github.com/MikesGlitch) **Created:** 1/24/2026 **Status:** ✅ Merged **Merged:** 1/28/2026 **Merged by:** [@MikesGlitch](https://github.com/MikesGlitch) **Base:** `master` ← **Head:** `storybook-ui-components` --- ### 📝 Commits (10+) - [`07bb0e8`](https://github.com/actualbudget/actual/commit/07bb0e82677adb8c01e005c868e99c98eaf0a4e7) start to a storybook - [`7fb6466`](https://github.com/actualbudget/actual/commit/7fb6466f6efb2cfdf44e0f1a492e35c79113b6bc) release notes - [`e0705c1`](https://github.com/actualbudget/actual/commit/e0705c142d1406c2a44da4cb0424b27ac6ec286f) commit the release notes - [`25e6fb8`](https://github.com/actualbudget/actual/commit/25e6fb88709490ac66448f9b9511fe7952dcba84) add test:web back - [`d0bffe3`](https://github.com/actualbudget/actual/commit/d0bffe320f4adf566a7d952d4efe1801256a9fb7) adding some scripts to the main package for storybook - [`cc47a89`](https://github.com/actualbudget/actual/commit/cc47a89eeaf4728db3916e58ffe36faa15698084) styled it up a bit - [`099975c`](https://github.com/actualbudget/actual/commit/099975ca3f839555c006240d687a8f3a1cb951fd) remove unneeded icon - [`175dc9a`](https://github.com/actualbudget/actual/commit/175dc9a1885067c523c977aa47e3c4c719712d0f) lint - [`fbd3f7b`](https://github.com/actualbudget/actual/commit/fbd3f7bfe104b098ac055e1bb726538463f44d3f) remove needless comment - [`ec44e1b`](https://github.com/actualbudget/actual/commit/ec44e1b605934c786bc221246c94d7ed176f667f) moving clarifying comment ### 📊 Changes **11 files changed** (+1179 additions, -83 deletions) <details> <summary>View changed files</summary> 📝 `.gitignore` (+3 -0) 📝 `package.json` (+2 -0) ➕ `packages/component-library/.oxlintrc.json` (+3 -0) ➕ `packages/component-library/.storybook/main.ts` (+43 -0) ➕ `packages/component-library/.storybook/manager.ts` (+74 -0) ➕ `packages/component-library/.storybook/preview.tsx` (+88 -0) 📝 `packages/component-library/package.json` (+9 -1) ➕ `packages/component-library/src/Button.stories.ts` (+100 -0) ➕ `packages/component-library/src/Introduction.mdx` (+27 -0) ➕ `upcoming-release-notes/6770.md` (+6 -0) 📝 `yarn.lock` (+824 -82) </details> ### 📄 Description <!-- Thank you for submitting a pull request! Make sure to follow the instructions to write release notes for your PR — it should only take a minute or two: https://github.com/actualbudget/docs#writing-good-release-notes. Try running yarn generate:release-notes *before* pushing your PR for an interactive experience. --> Adding Storybook to our component library. This should help developers understand how to use components. Useful for: - Theme development - Plugin development - All other contributors using the UI components Idea for subdomain to deploy this to: `design.actualbudget.org` [866785fa-6ac4-48a8-8eee-9454f5a54a8b.webm](https://github.com/user-attachments/assets/a87d8a2a-1238-43a8-9170-33705034147a) <!--- actual-bot-sections ---> <hr /> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 28 | 14.47 MB → 14.47 MB (+569 B) | +0.00% loot-core | 1 | 5.84 MB | 0% api | 1 | 4.38 MB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 28 | 14.47 MB → 14.47 MB (+569 B) | +0.00% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `locale/de.json` | 📈 +569 B (+0.32%) | 175.37 kB → 175.93 kB </details> <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** Asset | File Size | % Changed ----- | --------- | --------- static/js/de.js | 175.37 kB → 175.93 kB (+569 B) | +0.32% **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/index.js | 9.24 MB | 0% static/js/indexeddb-main-thread-worker-e59fee74.js | 12.94 kB | 0% static/js/workbox-window.prod.es5.js | 5.64 kB | 0% static/js/da.js | 106.62 kB | 0% static/js/en-GB.js | 7.18 kB | 0% static/js/en.js | 162.2 kB | 0% static/js/es.js | 171.21 kB | 0% static/js/fr.js | 179.72 kB | 0% static/js/it.js | 171.54 kB | 0% static/js/nb-NO.js | 157.23 kB | 0% static/js/nl.js | 103.35 kB | 0% static/js/pl.js | 88.64 kB | 0% static/js/pt-BR.js | 146.24 kB | 0% static/js/ru.js | 106.97 kB | 0% static/js/sv.js | 78.2 kB | 0% static/js/th.js | 182.35 kB | 0% static/js/uk.js | 215.11 kB | 0% static/js/resize-observer.js | 18.37 kB | 0% static/js/BackgroundImage.js | 120.54 kB | 0% static/js/ReportRouter.js | 1.11 MB | 0% static/js/narrow.js | 641.19 kB | 0% static/js/TransactionList.js | 105.97 kB | 0% static/js/wide.js | 159.97 kB | 0% static/js/AppliedFilters.js | 9.71 kB | 0% static/js/usePayeeRuleCounts.js | 11.79 kB | 0% static/js/useTransactionBatchActions.js | 13.23 kB | 0% static/js/FormulaEditor.js | 1.04 MB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 5.84 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- kcab.worker.-4eQWbrL.js | 5.84 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 4.38 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- bundle.api.js | 4.38 MB | 0% </div> </details> </details> <!--- bundlestats-action-comment key:combined end ---> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-16 18:32:24 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#25339