github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-02-05 04:15:08 -05:00
Code Issues Packages Projects Releases Wiki Activity
Files
e7689a1eb7dbcc5d032f1d99ee9e70cb6780f62f
AutoGPT/autogpt_platform/frontend
History
dependabot[bot] d7d69f397f chore(frontend/deps-dev): bump the development-dependencies group across 1 directory with 5 updates (#9150) 
Bumps the development-dependencies group with 5 updates in the
/autogpt_platform/frontend directory:

| Package | From | To |
| --- | --- | --- |
|
[@chromatic-com/storybook](https://github.com/chromaui/addon-visual-tests)
| `3.2.2` | `3.2.3` |
| [@storybook/test-runner](https://github.com/storybookjs/test-runner) |
`0.20.1` | `0.21.0` |
| [concurrently](https://github.com/open-cli-tools/concurrently) |
`9.1.0` | `9.1.1` |
|
[eslint-config-next](https://github.com/vercel/next.js/tree/HEAD/packages/eslint-config-next)
| `15.1.0` | `15.1.3` |
| [tailwindcss](https://github.com/tailwindlabs/tailwindcss) | `3.4.16`
| `3.4.17` |


Updates `@chromatic-com/storybook` from 3.2.2 to 3.2.3
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/chromaui/addon-visual-tests/releases"><code>@​chromatic-com/storybook</code>'s
releases</a>.</em></p>
<blockquote>
<h2>v3.2.3</h2>
<h4>🐛 Bug Fix</h4>
<ul>
<li>Fix reading <code>status</code> of <code>undefined</code> in urql's
<code>didAuthError</code> handler <a
href="https://redirect.github.com/chromaui/addon-visual-tests/pull/349">#349</a>
(<a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>)</li>
<li>Add steps to link for local testing <a
href="https://redirect.github.com/chromaui/addon-visual-tests/pull/347">#347</a>
(<a href="https://github.com/codykaup"><code>@​codykaup</code></a>)</li>
</ul>
<h4>Authors: 2</h4>
<ul>
<li>Cody Kaup (<a
href="https://github.com/codykaup"><code>@​codykaup</code></a>)</li>
<li>Gert Hengeveld (<a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/chromaui/addon-visual-tests/blob/main/CHANGELOG.md"><code>@​chromatic-com/storybook</code>'s
changelog</a>.</em></p>
<blockquote>
<h1>v3.2.3 (Thu Dec 19 2024)</h1>
<h4>🐛 Bug Fix</h4>
<ul>
<li>Fix reading <code>status</code> of <code>undefined</code> in urql's
<code>didAuthError</code> handler <a
href="https://redirect.github.com/chromaui/addon-visual-tests/pull/349">#349</a>
(<a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>)</li>
<li>Add steps to link for local testing <a
href="https://redirect.github.com/chromaui/addon-visual-tests/pull/347">#347</a>
(<a href="https://github.com/codykaup"><code>@​codykaup</code></a>)</li>
</ul>
<h4>Authors: 2</h4>
<ul>
<li>Cody Kaup (<a
href="https://github.com/codykaup"><code>@​codykaup</code></a>)</li>
<li>Gert Hengeveld (<a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>)</li>
</ul>
<hr />
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="871413fd8a"><code>871413f</code></a>
Bump version to: 3.2.3 [skip ci]</li>
<li><a
href="a29f901536"><code>a29f901</code></a>
Update CHANGELOG.md [skip ci]</li>
<li><a
href="982f9cba43"><code>982f9cb</code></a>
Merge pull request <a
href="https://redirect.github.com/chromaui/addon-visual-tests/issues/349">#349</a>
from chromaui/fix-auth-error-handler</li>
<li><a
href="35f989a26b"><code>35f989a</code></a>
Request is optional on error object</li>
<li><a
href="ec0a952a47"><code>ec0a952</code></a>
Merge pull request <a
href="https://redirect.github.com/chromaui/addon-visual-tests/issues/347">#347</a>
from chromaui/cody/cap-2346-write-up-doc-on-how-to-se...</li>
<li><a
href="43ef127485"><code>43ef127</code></a>
Add steps to link for local testing</li>
<li>See full diff in <a
href="https://github.com/chromaui/addon-visual-tests/compare/v3.2.2...v3.2.3">compare
view</a></li>
</ul>
</details>
<br />

Updates `@storybook/test-runner` from 0.20.1 to 0.21.0
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/storybookjs/test-runner/releases"><code>@​storybook/test-runner</code>'s
releases</a>.</em></p>
<blockquote>
<h2>v0.21.0</h2>
<h4>🚀 Enhancement</h4>
<ul>
<li>Release 0.21.0 <a
href="https://redirect.github.com/storybookjs/test-runner/pull/527">#527</a>
(<a href="https://github.com/kaelig"><code>@​kaelig</code></a> <a
href="https://github.com/guspan-tanadi"><code>@​guspan-tanadi</code></a>
<a href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
<li>Feature: Add --listTests flag from Jest <a
href="https://redirect.github.com/storybookjs/test-runner/pull/521">#521</a>
(<a href="https://github.com/kaelig"><code>@​kaelig</code></a>)</li>
</ul>
<h4>🐛 Bug Fix</h4>
<ul>
<li>style(README): highlight Markdown Note section <a
href="https://redirect.github.com/storybookjs/test-runner/pull/523">#523</a>
(<a
href="https://github.com/guspan-tanadi"><code>@​guspan-tanadi</code></a>)</li>
<li>Fix: Handle RSC errors <a
href="https://redirect.github.com/storybookjs/test-runner/pull/526">#526</a>
(<a href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
<h4>Authors: 3</h4>
<ul>
<li>Guspan Tanadi (<a
href="https://github.com/guspan-tanadi"><code>@​guspan-tanadi</code></a>)</li>
<li>Kaelig Deloumeau-Prigent (<a
href="https://github.com/kaelig"><code>@​kaelig</code></a>)</li>
<li>Yann Braga (<a
href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
<h2>v0.21.0-next.1</h2>
<h4>🐛 Bug Fix</h4>
<ul>
<li>Fix: Handle RSC errors <a
href="https://redirect.github.com/storybookjs/test-runner/pull/526">#526</a>
(<a href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
<h4>Authors: 1</h4>
<ul>
<li>Yann Braga (<a
href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
<h2>v0.21.0-next.0</h2>
<h4>🚀 Enhancement</h4>
<ul>
<li>Feature: Add --listTests flag from Jest <a
href="https://redirect.github.com/storybookjs/test-runner/pull/521">#521</a>
(<a href="https://github.com/kaelig"><code>@​kaelig</code></a>)</li>
</ul>
<h4>Authors: 1</h4>
<ul>
<li>Kaelig Deloumeau-Prigent (<a
href="https://github.com/kaelig"><code>@​kaelig</code></a>)</li>
</ul>
<h2>v0.20.2-next.0</h2>
<h4>🐛 Bug Fix</h4>
<ul>
<li>Fix postVisit hook issue <a
href="https://redirect.github.com/storybookjs/test-runner/pull/519">#519</a>
(<a href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
<h4>Authors: 1</h4>
<ul>
<li>Yann Braga (<a
href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/storybookjs/test-runner/blob/v0.21.0/CHANGELOG.md"><code>@​storybook/test-runner</code>'s
changelog</a>.</em></p>
<blockquote>
<h1>v0.21.0 (Fri Dec 20 2024)</h1>
<h4>🚀 Enhancement</h4>
<ul>
<li>Release 0.21.0 <a
href="https://redirect.github.com/storybookjs/test-runner/pull/527">#527</a>
(<a href="https://github.com/kaelig"><code>@​kaelig</code></a> <a
href="https://github.com/guspan-tanadi"><code>@​guspan-tanadi</code></a>
<a href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
<li>Feature: Add --listTests flag from Jest <a
href="https://redirect.github.com/storybookjs/test-runner/pull/521">#521</a>
(<a href="https://github.com/kaelig"><code>@​kaelig</code></a>)</li>
</ul>
<h4>🐛 Bug Fix</h4>
<ul>
<li>style(README): highlight Markdown Note section <a
href="https://redirect.github.com/storybookjs/test-runner/pull/523">#523</a>
(<a
href="https://github.com/guspan-tanadi"><code>@​guspan-tanadi</code></a>)</li>
<li>Fix: Handle RSC errors <a
href="https://redirect.github.com/storybookjs/test-runner/pull/526">#526</a>
(<a href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
<h4>Authors: 3</h4>
<ul>
<li>Guspan Tanadi (<a
href="https://github.com/guspan-tanadi"><code>@​guspan-tanadi</code></a>)</li>
<li>Kaelig Deloumeau-Prigent (<a
href="https://github.com/kaelig"><code>@​kaelig</code></a>)</li>
<li>Yann Braga (<a
href="https://github.com/yannbf"><code>@​yannbf</code></a>)</li>
</ul>
<hr />
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="301bdaed74"><code>301bdae</code></a>
Bump version to: 0.21.0 [skip ci]</li>
<li><a
href="e51456ee77"><code>e51456e</code></a>
Update CHANGELOG.md [skip ci]</li>
<li><a
href="f09c9258ac"><code>f09c925</code></a>
Merge pull request <a
href="https://redirect.github.com/storybookjs/test-runner/issues/527">#527</a>
from storybookjs/release/v0.21.0</li>
<li><a
href="5cd46e3655"><code>5cd46e3</code></a>
Merge branch 'main' into release/v0.21.0</li>
<li><a
href="30d892498f"><code>30d8924</code></a>
Merge pull request <a
href="https://redirect.github.com/storybookjs/test-runner/issues/523">#523</a>
from guspan-tanadi/notehighlight</li>
<li><a
href="9cb0ec2308"><code>9cb0ec2</code></a>
Merge pull request <a
href="https://redirect.github.com/storybookjs/test-runner/issues/526">#526</a>
from storybookjs/fix-rsc-error-handling</li>
<li><a
href="b21c854545"><code>b21c854</code></a>
Merge pull request <a
href="https://redirect.github.com/storybookjs/test-runner/issues/521">#521</a>
from kaelig/add-listTests</li>
<li><a
href="b7a6bca7ce"><code>b7a6bca</code></a>
handle RSC errors</li>
<li><a
href="36573a00b7"><code>36573a0</code></a>
style(README): highlight Markdown Note section</li>
<li><a
href="740607eb10"><code>740607e</code></a>
Add listTests flag from Jest</li>
<li>See full diff in <a
href="https://github.com/storybookjs/test-runner/compare/v0.20.1...v0.21.0">compare
view</a></li>
</ul>
</details>
<br />

Updates `concurrently` from 9.1.0 to 9.1.1
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/open-cli-tools/concurrently/releases">concurrently's
releases</a>.</em></p>
<blockquote>
<h2>v9.1.1</h2>
<h2>What's Changed</h2>
<ul>
<li>fix: support Deno's JSON with comments configuration by <a
href="https://github.com/mahtaran"><code>@​mahtaran</code></a> in <a
href="https://redirect.github.com/open-cli-tools/concurrently/pull/523">open-cli-tools/concurrently#523</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a
href="https://github.com/open-cli-tools/concurrently/compare/v9.1.0...v9.1.1">https://github.com/open-cli-tools/concurrently/compare/v9.1.0...v9.1.1</a></p>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="6cafc606a3"><code>6cafc60</code></a>
9.1.1</li>
<li><a
href="80fceda02e"><code>80fceda</code></a>
fix: support Deno's JSON with comments (<a
href="https://redirect.github.com/open-cli-tools/concurrently/issues/523">#523</a>)</li>
<li><a
href="8d3f9761bf"><code>8d3f976</code></a>
docs: fix inconsistencies in passthrough args page</li>
<li>See full diff in <a
href="https://github.com/open-cli-tools/concurrently/compare/v9.1.0...v9.1.1">compare
view</a></li>
</ul>
</details>
<br />

Updates `eslint-config-next` from 15.1.0 to 15.1.3
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/vercel/next.js/releases">eslint-config-next's
releases</a>.</em></p>
<blockquote>
<h2>v15.1.3</h2>
<blockquote>
<p>[!NOTE]<br />
This release is backporting bug fixes. It does <strong>not</strong>
include all pending features/changes on canary.</p>
</blockquote>
<h3>Core Changes</h3>
<ul>
<li>Retry manifest file loading only in dev mode: <a
href="https://github.com/vercel/next.js/tree/HEAD/packages/eslint-config-next/issues/73900">#73900</a></li>
<li>Use shared worker for lint &amp; typecheck steps: <a
href="https://github.com/vercel/next.js/tree/HEAD/packages/eslint-config-next/issues/74154">#74154</a></li>
</ul>
<h3>Credits</h3>
<p>Huge thanks to <a
href="https://github.com/unstubbable"><code>@​unstubbable</code></a> and
<a href="https://github.com/ztanner"><code>@​ztanner</code></a> for
helping!</p>
<h2>v15.1.2</h2>
<blockquote>
<p>[!NOTE]<br />
This release is backporting bug fixes. It does <strong>not</strong>
include all pending features/changes on canary.</p>
</blockquote>
<h3>Core Changes</h3>
<ul>
<li>Update React from 7283a213-20241206 to 65e06cb7-20241218: <a
href="https://redirect.github.com/vercel/next.js/pull/74117">vercel/next.js#74117</a></li>
</ul>
<h3>Credits</h3>
<p>Huge thanks to <a
href="https://github.com/ztanner"><code>@​ztanner</code></a> for
helping!</p>
<h2>v15.1.1</h2>
<blockquote>
<p>[!NOTE]<br />
This release is backporting bug fixes. It does <strong>not</strong>
include all pending features/changes on canary.</p>
</blockquote>
<h3>Core Changes</h3>
<ul>
<li>fix(turbo): sassOptions silenceDeprecations was not overwritten with
user options: <a
href="https://redirect.github.com/vercel/next.js/pull/73937">vercel/next.js#73937</a></li>
<li>refactor collectAppPageSegments: <a
href="https://redirect.github.com/vercel/next.js/pull/73908">vercel/next.js#73908</a></li>
</ul>
<h3>Credits</h3>
<p>Huge thanks to <a
href="https://github.com/devjiwonchoi"><code>@​devjiwonchoi</code></a>
and <a href="https://github.com/ztanner"><code>@​ztanner</code></a> for
helping!</p>
<h2>v15.1.1-canary.23</h2>
<h3>Misc Changes</h3>
<ul>
<li>docs: remove catch-all for opengraph-image: <a
href="https://github.com/vercel/next.js/tree/HEAD/packages/eslint-config-next/issues/74338">#74338</a></li>
</ul>
<h3>Credits</h3>
<p>Huge thanks to <a
href="https://github.com/leerob"><code>@​leerob</code></a> for
helping!</p>
<h2>v15.1.1-canary.22</h2>
<h3>Misc Changes</h3>
<ul>
<li>Fix typo in generateViewport docs: <a
href="https://github.com/vercel/next.js/tree/HEAD/packages/eslint-config-next/issues/74288">#74288</a></li>
</ul>
<h3>Credits</h3>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="4cbaaa118d"><code>4cbaaa1</code></a>
v15.1.3</li>
<li><a
href="df392a1b97"><code>df392a1</code></a>
v15.1.2</li>
<li><a
href="4384c6834a"><code>4384c68</code></a>
v15.1.1</li>
<li>See full diff in <a
href="https://github.com/vercel/next.js/commits/v15.1.3/packages/eslint-config-next">compare
view</a></li>
</ul>
</details>
<br />

Updates `tailwindcss` from 3.4.16 to 3.4.17
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/tailwindlabs/tailwindcss/releases">tailwindcss's
releases</a>.</em></p>
<blockquote>
<h2>v3.4.17</h2>
<h3>Fixed</h3>
<ul>
<li>Work around Node v22.12+ issue (<a
href="https://redirect.github.com/tailwindlabs/tailwindcss/pull/15421">#15421</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/tailwindlabs/tailwindcss/blob/v3.4.17/CHANGELOG.md">tailwindcss's
changelog</a>.</em></p>
<blockquote>
<h2>[3.4.17] - 2024-12-17</h2>
<h3>Fixed</h3>
<ul>
<li>Work around Node v22.12+ issue (<a
href="https://redirect.github.com/tailwindlabs/tailwindcss/pull/15421">#15421</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="4f9f603e12"><code>4f9f603</code></a>
Fix error</li>
<li><a
href="02faa1529e"><code>02faa15</code></a>
v3.4.17</li>
<li><a
href="e268b2aa96"><code>e268b2a</code></a>
Update changelog</li>
<li><a
href="0a836f76bb"><code>0a836f7</code></a>
Work around issue with Node 22 and Jiti (<a
href="https://redirect.github.com/tailwindlabs/tailwindcss/issues/15421">#15421</a>)</li>
<li>See full diff in <a
href="https://github.com/tailwindlabs/tailwindcss/compare/v3.4.16...v3.4.17">compare
view</a></li>
</ul>
</details>
<br />


Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore <dependency name> major version` will close this
group update PR and stop Dependabot creating any more for the specific
dependency's major version (unless you unignore this specific
dependency's major version or upgrade to it yourself)
- `@dependabot ignore <dependency name> minor version` will close this
group update PR and stop Dependabot creating any more for the specific
dependency's minor version (unless you unignore this specific
dependency's minor version or upgrade to it yourself)
- `@dependabot ignore <dependency name>` will close this group update PR
and stop Dependabot creating any more for the specific dependency
(unless you unignore this specific dependency or upgrade to it yourself)
- `@dependabot unignore <dependency name>` will remove all of the ignore
conditions of the specified dependency
- `@dependabot unignore <dependency name> <ignore condition>` will
remove the ignore condition of the specified dependency and ignore
conditions


</details>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2025-01-02 14:46:55 +00:00
..
.storybook
feat(platform): Agent Store V2 (#8874)
2024-12-13 16:35:02 +00:00
public
refactor(frontend): Update Supabase and backend API management (#9036)
2024-12-18 09:55:23 +00:00
src
fix(frontend): Fix broken block UI layout (#9132)
2024-12-31 09:13:47 +01:00
.env.example
feat(platform): Agent Store V2 (#8874)
2024-12-13 16:35:02 +00:00
.eslintrc.json
tool(platform): Add storybooks to aid UI development (#8274)
2024-10-10 16:35:05 +00:00
.gitignore
feat(platform): Agent Store V2 (#8874)
2024-12-13 16:35:02 +00:00
.prettierignore
refactor: AutoGPT Platform Stealth Launch Repo Re-Org (#8113)
2024-09-20 16:50:43 +02:00
.prettierrc
refactor: AutoGPT Platform Stealth Launch Repo Re-Org (#8113)
2024-09-20 16:50:43 +02:00
components.json
refactor: AutoGPT Platform Stealth Launch Repo Re-Org (#8113)
2024-09-20 16:50:43 +02:00
Dockerfile
feat(platform): Agent Store V2 (#8874)
2024-12-13 16:35:02 +00:00
next.config.mjs
feat(platform): Agent Store V2 (#8874)
2024-12-13 16:35:02 +00:00
package.json
chore(frontend/deps-dev): bump the development-dependencies group across 1 directory with 5 updates (#9150)
2025-01-02 14:46:55 +00:00
playwright.config.ts
feat(platform): Agent Store V2 (#8874)
2024-12-13 16:35:02 +00:00
postcss.config.mjs
refactor: AutoGPT Platform Stealth Launch Repo Re-Org (#8113)
2024-09-20 16:50:43 +02:00
README.md
tool(platform): Add storybooks to aid UI development (#8274)
2024-10-10 16:35:05 +00:00
sentry.client.config.ts
fix(frontend): Remove Sentry Pop-up and add run options (#8138)
2024-09-24 20:01:06 +00:00
sentry.edge.config.ts
fix(platform): Added updated graph meta to include runs (#8088)
2024-09-23 11:31:48 +02:00
sentry.server.config.ts
fix(platform): Added updated graph meta to include runs (#8088)
2024-09-23 11:31:48 +02:00
tailwind.config.ts
feat(platform): Agent Store V2 (#8874)
2024-12-13 16:35:02 +00:00
test-runner-jest.config.js
tool(platform): Add storybooks to aid UI development (#8274)
2024-10-10 16:35:05 +00:00
tsconfig.json
tool(platform): Add storybooks to aid UI development (#8274)
2024-10-10 16:35:05 +00:00
webpack.config.js
refactor: AutoGPT Platform Stealth Launch Repo Re-Org (#8113)
2024-09-20 16:50:43 +02:00
yarn.lock
chore(frontend/deps-dev): bump the development-dependencies group across 1 directory with 5 updates (#9150)
2025-01-02 14:46:55 +00:00

README.md

This is the frontend for AutoGPT's next generation

Getting Started

Run the following installation once.

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Next, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

For subsequent runs, you do not have to npm install again. Simply do npm run dev.

If the project is updated via git, you will need to npm install after each update.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Deploy

TODO

Storybook

Storybook is a powerful development environment for UI components. It allows you to build UI components in isolation, making it easier to develop, test, and document your components independently from your main application.

Purpose in the Development Process

  1. Component Development: Develop and test UI components in isolation.
  2. Visual Testing: Easily spot visual regressions.
  3. Documentation: Automatically document components and their props.
  4. Collaboration: Share components with your team or stakeholders for feedback.

How to Use Storybook

  1. Start Storybook: Run the following command to start the Storybook development server:

    npm run storybook

    This will start Storybook on port 6006. Open http://localhost:6006 in your browser to view your component library.

  2. Build Storybook: To build a static version of Storybook for deployment, use:

    npm run build-storybook

  3. Running Storybook Tests: Storybook tests can be run using:

    npm run test-storybook

    For CI environments, use:

    npm run test-storybook:ci

  4. Writing Stories: Create .stories.tsx files alongside your components to define different states and variations of your components.

By integrating Storybook into our development workflow, we can streamline UI development, improve component reusability, and maintain a consistent design system across the project.

Reference in New Issue View Git Blame Copy Permalink