From e5859b41cff1ff371937a3940a5108e04d8789a4 Mon Sep 17 00:00:00 2001 From: iCrawl Date: Thu, 13 Apr 2023 19:09:56 +0200 Subject: [PATCH] chore: storybook --- .vscode/extensions.json | 1 - .vscode/settings.json | 1 - .yarnrc.yml | 5 + apps/guide/.eslintrc.json | 2 +- apps/guide/.prettierrc.cjs | 8 +- apps/guide/package.json | 24 +- apps/guide/src/app/error.tsx | 2 +- apps/guide/src/app/global-error.tsx | 6 +- apps/guide/src/app/guide/[[...slug]]/page.tsx | 2 +- apps/guide/src/app/guide/layout.tsx | 6 +- apps/guide/src/app/layout.tsx | 2 +- apps/guide/src/app/loading.tsx | 2 +- apps/guide/src/app/not-found.tsx | 4 +- apps/guide/src/app/page.tsx | 4 +- apps/guide/src/components/ExternalLink.tsx | 2 +- apps/guide/src/components/Footer.tsx | 16 +- apps/guide/src/components/Header.tsx | 10 +- apps/guide/src/components/Nav.tsx | 2 +- apps/guide/src/components/Outline.tsx | 4 +- apps/guide/src/components/PageButton.tsx | 2 +- apps/guide/src/components/ThemeSwitcher.tsx | 2 +- apps/website/.eslintrc.json | 2 +- apps/website/.prettierrc.cjs | 8 +- apps/website/package.json | 28 +- .../[package]/[version]/[item]/not-found.tsx | 4 +- .../packages/[package]/[version]/error.tsx | 2 +- .../packages/[package]/[version]/layout.tsx | 6 +- .../packages/[package]/[version]/page.tsx | 2 +- .../src/app/docs/packages/[package]/page.tsx | 6 +- apps/website/src/app/docs/packages/page.tsx | 10 +- apps/website/src/app/error.tsx | 2 +- apps/website/src/app/global-error.tsx | 6 +- apps/website/src/app/layout.tsx | 2 +- apps/website/src/app/loading.tsx | 2 +- apps/website/src/app/not-found.tsx | 4 +- apps/website/src/app/page.tsx | 14 +- apps/website/src/components/Anchor.tsx | 2 +- apps/website/src/components/CmdK.tsx | 10 +- apps/website/src/components/Footer.tsx | 16 +- apps/website/src/components/Header.tsx | 14 +- .../src/components/InheritanceText.tsx | 2 +- apps/website/src/components/Nav.tsx | 2 +- apps/website/src/components/Outline.tsx | 4 +- .../src/components/OverloadSwitcher.tsx | 6 +- apps/website/src/components/PackageSelect.tsx | 8 +- apps/website/src/components/Panel.tsx | 2 +- apps/website/src/components/Property.tsx | 8 +- apps/website/src/components/PropertyList.tsx | 2 +- .../src/components/SyntaxHighlighter.tsx | 2 +- apps/website/src/components/Table.tsx | 2 +- .../src/components/TableOfContentItems.tsx | 6 +- apps/website/src/components/ThemeSwitcher.tsx | 2 +- apps/website/src/components/VersionSelect.tsx | 6 +- .../documentation/HierarchyText.tsx | 2 +- .../section/DocumentationSection.tsx | 2 +- .../documentation/section/MethodsSection.tsx | 2 +- .../components/documentation/tsdoc/TSDoc.tsx | 4 +- .../src/components/model/enum/EnumMember.tsx | 4 +- .../components/model/method/MethodHeader.tsx | 8 +- package.json | 10 +- packages/actions/package.json | 2 +- packages/brokers/package.json | 2 +- packages/builders/package.json | 4 +- packages/collection/package.json | 2 +- packages/core/package.json | 6 +- packages/discord.js/package.json | 4 +- packages/formatters/package.json | 4 +- packages/next/package.json | 4 +- packages/proxy/package.json | 2 +- packages/rest/package.json | 6 +- packages/scripts/package.json | 2 +- packages/ui/.eslintrc.json | 9 +- packages/ui/.gitignore | 1 + packages/ui/.ladle/components.tsx | 5 - packages/ui/.storybook/main.ts | 21 + packages/ui/.storybook/preview.css | 7 + packages/ui/.storybook/preview.ts | 28 + packages/ui/package.json | 26 +- packages/ui/src/lib/components/Alert.tsx | 2 +- .../ui/src/lib/components/Section.stories.tsx | 65 +- .../ui/src/lib/components/discord/Message.tsx | 2 +- .../lib/components/discord/MessageAuthor.tsx | 4 +- .../components/discord/MessageAuthorReply.tsx | 2 +- .../components/discord/MessageBaseReply.tsx | 2 +- .../lib/components/discord/MessageEmbed.tsx | 2 +- .../components/discord/MessageInteraction.tsx | 2 +- packages/ui/vite.config.ts | 2 +- packages/util/package.json | 2 +- packages/voice/package.json | 2 +- packages/ws/package.json | 4 +- yarn.lock | 4674 ++++++++++++----- 91 files changed, 3660 insertions(+), 1571 deletions(-) delete mode 100644 packages/ui/.ladle/components.tsx create mode 100644 packages/ui/.storybook/main.ts create mode 100644 packages/ui/.storybook/preview.css create mode 100644 packages/ui/.storybook/preview.ts diff --git a/.vscode/extensions.json b/.vscode/extensions.json index b1c467403..192cc66f4 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -9,7 +9,6 @@ "christian-kohler.npm-intellisense", "christian-kohler.path-intellisense", "antfu.unocss", - "astro-build.astro-vscode", "unifiedjs.vscode-mdx" ] } diff --git a/.vscode/settings.json b/.vscode/settings.json index 90194ce05..53daf1e1a 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,7 +1,6 @@ { "eslint.workingDirectories": [{ "pattern": "./apps/*" }, { "pattern": "./packages/*" }], "eslint.validate": ["javascript", "javascriptreact", "astro", "typescript", "typescriptreact"], - "prettier.documentSelectors": ["**/*.astro"], "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "editor.codeActionsOnSave": { diff --git a/.yarnrc.yml b/.yarnrc.yml index 77aea0556..d7eb258e4 100644 --- a/.yarnrc.yml +++ b/.yarnrc.yml @@ -11,3 +11,8 @@ plugins: spec: 'https://github.com/Dcard/yarn-plugins/releases/latest/download/plugin-docker-build.js' yarnPath: .yarn/releases/yarn-3.5.0.cjs + +packageExtensions: + '@storybook/core-common@*': + dependencies: + '@storybook/react-vite': '7.0.4' diff --git a/apps/guide/.eslintrc.json b/apps/guide/.eslintrc.json index d4eb55f48..612db2721 100644 --- a/apps/guide/.eslintrc.json +++ b/apps/guide/.eslintrc.json @@ -1,5 +1,5 @@ { - "extends": ["../../.eslintrc.json", "neon/react", "neon/next", "neon/edge", "neon/prettier"], + "extends": ["../../.eslintrc.json", "neon/react", "neon/next", "neon/edge", "@unocss", "neon/prettier"], "settings": { "react": { "version": "detect" diff --git a/apps/guide/.prettierrc.cjs b/apps/guide/.prettierrc.cjs index d23089afe..f004026c7 100644 --- a/apps/guide/.prettierrc.cjs +++ b/apps/guide/.prettierrc.cjs @@ -1,7 +1 @@ -module.exports = { - ...require('../../.prettierrc.json'), - plugins: [ - 'prettier-plugin-tailwindcss', // MUST come last - ], - pluginSearchDirs: false, -}; +module.exports = require('../../.prettierrc.json'); diff --git a/apps/guide/package.json b/apps/guide/package.json index 5f7e7d202..46ad617da 100644 --- a/apps/guide/package.json +++ b/apps/guide/package.json @@ -43,13 +43,13 @@ }, "homepage": "https://discord.js.org", "dependencies": { - "@code-hike/mdx": "^0.8.1", + "@code-hike/mdx": "^0.8.2", "@discordjs/ui": "workspace:^", "@react-icons/all-files": "^4.1.0", "@vercel/analytics": "^0.1.11", - "@vercel/edge-config": "^0.1.6", - "@vercel/og": "^0.5.1", - "ariakit": "^2.0.0-next.43", + "@vercel/edge-config": "^0.1.7", + "@vercel/og": "^0.5.2", + "ariakit": "^2.0.0-next.44", "cmdk": "^0.2.0", "contentlayer": "^0.3.1", "next": "^13.3.0", @@ -73,27 +73,27 @@ "@testing-library/react": "^14.0.0", "@testing-library/user-event": "^14.4.3", "@types/node": "18.15.11", - "@types/react": "^18.0.33", + "@types/react": "^18.0.35", "@types/react-dom": "^18.0.11", - "@unocss/cli": "^0.51.0", - "@unocss/reset": "^0.51.0", + "@unocss/cli": "^0.51.4", + "@unocss/eslint-config": "^0.51.4", + "@unocss/reset": "^0.51.4", "@vitejs/plugin-react": "^3.1.0", - "@vitest/coverage-c8": "^0.29.8", + "@vitest/coverage-c8": "^0.30.1", "concurrently": "^8.0.1", "cross-env": "^7.0.3", "eslint": "^8.38.0", "eslint-config-neon": "^0.1.42", "eslint-formatter-pretty": "^5.0.0", - "happy-dom": "^9.1.9", + "happy-dom": "^9.5.0", "hast-util-to-string": "^2.0.0", "hastscript": "^7.2.0", "html-escaper": "^3.0.3", "lighthouse": "^10.1.0", "prettier": "^2.8.7", - "prettier-plugin-tailwindcss": "^0.2.7", "typescript": "^5.0.4", - "unocss": "^0.51.0", - "vercel": "^28.18.4", + "unocss": "^0.51.4", + "vercel": "^28.18.5", "vitest": "^0.29.8" }, "engines": { diff --git a/apps/guide/src/app/error.tsx b/apps/guide/src/app/error.tsx index 9ccf5a764..cf88c8951 100644 --- a/apps/guide/src/app/error.tsx +++ b/apps/guide/src/app/error.tsx @@ -4,7 +4,7 @@ export default function Error({ error }: { error: Error }) { console.error(error); return ( -
+

500

Error.

diff --git a/apps/guide/src/app/global-error.tsx b/apps/guide/src/app/global-error.tsx index df0bca3cc..6a453879d 100644 --- a/apps/guide/src/app/global-error.tsx +++ b/apps/guide/src/app/global-error.tsx @@ -8,10 +8,10 @@ export default function GlobalError({ error }: { error: Error }) { return ( - + -
-
+
+

500

Error.

diff --git a/apps/guide/src/app/guide/[[...slug]]/page.tsx b/apps/guide/src/app/guide/[[...slug]]/page.tsx index f53346ac0..280bb632f 100644 --- a/apps/guide/src/app/guide/[[...slug]]/page.tsx +++ b/apps/guide/src/app/guide/[[...slug]]/page.tsx @@ -14,7 +14,7 @@ export default function Page({ params }: { params: { slug: string[] } }) { } return ( -
+
); diff --git a/apps/guide/src/app/guide/layout.tsx b/apps/guide/src/app/guide/layout.tsx index 3ca17f08d..ec6f48902 100644 --- a/apps/guide/src/app/guide/layout.tsx +++ b/apps/guide/src/app/guide/layout.tsx @@ -9,12 +9,12 @@ export default function Layout({ children }: PropsWithChildren) {
-
-
+
+
-
+
{children}
diff --git a/apps/guide/src/app/layout.tsx b/apps/guide/src/app/layout.tsx index be78f82b5..89da47dd6 100644 --- a/apps/guide/src/app/layout.tsx +++ b/apps/guide/src/app/layout.tsx @@ -77,7 +77,7 @@ export const metadata: Metadata = { export default function RootLayout({ children }: PropsWithChildren) { return ( - + {children} diff --git a/apps/guide/src/app/loading.tsx b/apps/guide/src/app/loading.tsx index c7af01dbe..8852a4546 100644 --- a/apps/guide/src/app/loading.tsx +++ b/apps/guide/src/app/loading.tsx @@ -1,6 +1,6 @@ export default function Loading() { return ( -
+
+

404

Not found.

Take me back diff --git a/apps/guide/src/app/page.tsx b/apps/guide/src/app/page.tsx index 8b84f3550..4ae27b01f 100644 --- a/apps/guide/src/app/page.tsx +++ b/apps/guide/src/app/page.tsx @@ -3,10 +3,10 @@ import vercelLogo from '~/assets/powered-by-vercel.svg'; export default function Page() { return ( -
+
+

{title}

diff --git a/apps/guide/src/components/Footer.tsx b/apps/guide/src/components/Footer.tsx index 2dc94f476..f2b3cec8e 100644 --- a/apps/guide/src/components/Footer.tsx +++ b/apps/guide/src/components/Footer.tsx @@ -4,10 +4,10 @@ import vercelLogo from '~/assets/powered-by-vercel.svg'; export default function Footer() { return (