Merge pull request #29 from LuanRoger/ci/check

ci: create check workflow and fix some Biome issues

Author: LuanRoger

.github/workflows/check.yaml

@@ -0,0 +1,19 @@
+name: Check
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 24
+      - name: Install dependencies
+        run: npm ci
+      - name: Run check
+        run: npm run check

apps/app/vitest.config.mts

@@ -9,8 +9,8 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./"),
-      "@repo": path.resolve(__dirname, "../../packages"),
+      "@": path.resolve(import.meta.dirname, "./"),
+      "@repo": path.resolve(import.meta.dirname, "../../packages"),
     },
   },
 });

apps/docs/app/docs/[[...slug]]/page.tsx

@@ -13,7 +13,9 @@ import { getMDXComponents } from "@/mdx-components";
 export default async function Page(props: PageProps<"/docs/[[...slug]]">) {
   const params = await props.params;
   const page = source.getPage(params.slug);
-  if (!page) notFound();
+  if (!page) {
+    notFound();
+  }
 
   const MDX = page.data.body;
 
@@ -42,7 +44,9 @@ export async function generateMetadata(
 ): Promise<Metadata> {
   const params = await props.params;
   const page = source.getPage(params.slug);
-  if (!page) notFound();
+  if (!page) {
+    notFound();
+  }
 
   return {
     title: page.data.title,

apps/docs/app/og/docs/[...slug]/route.tsx

@@ -11,7 +11,9 @@ export async function GET(
 ) {
   const { slug } = await params;
   const page = source.getPage(slug.slice(0, -1));
-  if (!page) notFound();
+  if (!page) {
+    notFound();
+  }
 
   return new ImageResponse(
     <DefaultImage

apps/docs/package.json

@@ -10,6 +10,7 @@
     "postinstall": "fumadocs-mdx"
   },
   "dependencies": {
+    "@repo/design-system": "workspace:*",
     "fumadocs-core": "^16.5.0",
     "fumadocs-mdx": "^14.2.6",
     "fumadocs-ui": "^16.5.0",

apps/docs/postcss.config.mjs

@@ -1,5 +1 @@
-export default {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
+export { default } from "@repo/design-system/postcss.config.mjs";

apps/storybook/.storybook/preview-head.html

@@ -1,20 +1,20 @@
 <!-- https://github.com/vercel/geist-font/issues/72 -->
 
-<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link
   href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=swap"
   rel="stylesheet"
-/>
+>
 
 <style>
-  :root {
-    --font-geist-sans: "Geist", sans-serif;
-    --font-geist-mono: "Geist Mono", monospace;
-  }
-  body {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    touch-action: manipulation;
-  }
+:root {
+  --font-geist-sans: "Geist", sans-serif;
+  --font-geist-mono: "Geist Mono", monospace;
+}
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  touch-action: manipulation;
+}
 </style>

apps/storybook/package.json

@@ -10,8 +10,8 @@
     "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "dependencies": {
-    "@repo/design-system": "workspace:*",
     "@hookform/resolvers": "^5.2.2",
+    "@repo/design-system": "workspace:*",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "input-otp": "^1.4.2",
@@ -25,12 +25,13 @@
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@repo/typescript-config": "workspace:*",
     "@chromatic-com/storybook": "^5.0.0",
+    "@repo/typescript-config": "workspace:*",
     "@storybook/addon-onboarding": "^10.2.7",
     "@storybook/addon-themes": "^10.2.7",
     "@storybook/nextjs": "^10.2.7",
     "@storybook/react": "^10.2.7",
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^25",
     "@types/react": "19.2.13",
     "@types/react-dom": "19.2.3",

apps/storybook/postcss.config.mjs

@@ -1,8 +1 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-};
-
-export default config;
+export { default } from "@repo/design-system/postcss.config.mjs";

apps/storybook/stories/card.stories.tsx

@@ -42,8 +42,11 @@ const meta = {
         <CardDescription>You have 3 unread messages.</CardDescription>
       </CardHeader>
       <CardContent className="grid gap-4">
-        {notifications.map((notification, index) => (
-          <div className="flex items-center gap-4" key={index}>
+        {notifications.map((notification) => (
+          <div
+            className="flex items-center gap-4"
+            key={`notification-${notification.title}`}
+          >
             <BellRing className="size-6" />
             <div>
               <p>{notification.title}</p>