chore: bump deps

fellipeutaka · Oct 9, 2024 · 99507ab · 99507ab
1 parent 7a154fe
commit 99507ab
Show file tree

Hide file tree

Showing 27 changed files with 1,788 additions and 1,764 deletions.
diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml
@@ -20,16 +20,14 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20.12.2] # Same as the version in .nvmrc
+        node-version: [20.17.0] # Same as the version in .nvmrc
     steps:
       - name: Checkout Repo
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - uses: pnpm/action-setup@v3
-        with:
-          version: 9.5.0 # Same as the version in package.json
+      - uses: pnpm/action-setup@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4

diff --git a/.husky/commit-msg b/.husky/commit-msg
@@ -1 +1 @@
-pnpm commitlint --edit ${1}
+node_modules/.bin/commitlint --edit ${1}
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -1 +1 @@
-pnpm lint-staged
+node_modules/.bin/lint-staged
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v20.12.2
+v20.17.0
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -16,5 +16,14 @@
   ],
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.tsdk": "node_modules\\typescript\\lib",
-  "editor.defaultFormatter": "biomejs.biome"
+  "editor.defaultFormatter": "biomejs.biome",
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[tailwindcss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }
diff --git a/apps/www/package.json b/apps/www/package.json
@@ -15,8 +15,8 @@
     "@kanpeki/hooks": "workspace:*",
     "@kanpeki/ui": "workspace:*",
     "@kanpeki/utils": "workspace:*",
-    "@react-aria/interactions": "^3.22.1",
-    "@tanstack/react-virtual": "^3.10.1",
+    "@react-aria/interactions": "^3.22.3",
+    "@tanstack/react-virtual": "^3.10.8",
     "@vercel/analytics": "^1.3.1",
     "@vercel/speed-insights": "^1.0.12",
     "geist": "^1.3.1",
@@ -27,16 +27,16 @@
   },
   "devDependencies": {
     "@kanpeki/tsconfig": "workspace:*",
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
     "@types/unist": "^3.0.3",
     "clsx": "^2.1.1",
-    "postcss": "^8.4.41",
-    "rehype-pretty-code": "^0.13.2",
+    "postcss": "^8.4.47",
+    "rehype-pretty-code": "^0.14.0",
     "rehype-slug": "^6.0.0",
-    "shiki": "^1.13.0",
+    "shiki": "^1.22.0",
     "tailwind-variants": "^0.2.1",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.13",
     "tailwindcss-animate": "^1.0.7",
     "unist-builder": "^4.0.0",
     "unist-util-visit": "^5.0.0",

diff --git a/apps/www/postcss.config.cjs b/apps/www/postcss.config.cjs
diff --git a/apps/www/postcss.config.js b/apps/www/postcss.config.js
@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;
diff --git a/apps/www/src/components/mobile-nav.tsx b/apps/www/src/components/mobile-nav.tsx
@@ -74,28 +74,27 @@ export function MobileNav({ mainNav, sidebarNav }: MobileNavProps) {
                 {sidebarNav.map((item) => (
                   <div key={item.title} className="flex flex-col gap-3 pt-6">
                     <h4 className="font-medium">{item.title}</h4>
-                    {item?.items?.length &&
-                      item.items.map((item) => (
-                        <Fragment key={item.href}>
-                          {!item.disabled &&
-                            (item.href ? (
-                              <MobileLink
-                                href={item.href}
-                                onOpenChange={setOpen}
-                                className="text-muted-foreground"
-                              >
-                                {item.title}
-                                {item.label && (
-                                  <span className="ml-2 rounded-md bg-[#adfa1d] px-1.5 py-0.5 text-[#000000] text-xs leading-none no-underline group-hover:no-underline">
-                                    {item.label}
-                                  </span>
-                                )}
-                              </MobileLink>
-                            ) : (
-                              item.title
-                            ))}
-                        </Fragment>
-                      ))}
+                    {item.items?.map((item) => (
+                      <Fragment key={item.href}>
+                        {!item.disabled &&
+                          (item.href ? (
+                            <MobileLink
+                              href={item.href}
+                              onOpenChange={setOpen}
+                              className="text-muted-foreground"
+                            >
+                              {item.title}
+                              {item.label && (
+                                <span className="ml-2 rounded-md bg-[#adfa1d] px-1.5 py-0.5 text-[#000000] text-xs leading-none no-underline group-hover:no-underline">
+                                  {item.label}
+                                </span>
+                              )}
+                            </MobileLink>
+                          ) : (
+                            item.title
+                          ))}
+                      </Fragment>
+                    ))}
                   </div>
                 ))}
               </div>

diff --git a/apps/www/src/content/docs/dark-mode/astro.mdx b/apps/www/src/content/docs/dark-mode/astro.mdx
@@ -74,7 +74,7 @@ import "@fontsource/geist-mono";
     <title>Kanpeki</title>
     <ThemeHead />
   </head>
-  <body class="relative min-h-dvh bg-background">
+  <body className="relative min-h-dvh bg-background">
     <slot />
   </body>
 </html>

diff --git a/apps/www/src/lib/rehype-pre-element.ts b/apps/www/src/lib/rehype-pre-element.ts
@@ -3,6 +3,8 @@ import { visit } from "unist-util-visit";
 // biome-ignore lint/suspicious/noExplicitAny: any is required for unist-util-visit
 type SAFE_ANY = any;
 
+const EVENT_REGEX = /event="([^"]*)"/;
+
 const visitCallback = (node: SAFE_ANY) => {
   if (node?.type === "element" && node?.tagName === "pre") {
     const [codeEl] = node.children;
@@ -11,12 +13,10 @@ const visitCallback = (node: SAFE_ANY) => {
     }
 
     if (codeEl.data?.meta) {
-      // Extract event from meta and pass it down the tree.
-      const regex = /event="([^"]*)"/;
-      const match = codeEl.data?.meta.match(regex);
+      const match = codeEl.data?.meta.match(EVENT_REGEX);
       if (match) {
         node.__event__ = match ? match[1] : null;
-        codeEl.data.meta = codeEl.data.meta.replace(regex, "");
+        codeEl.data.meta = codeEl.data.meta.replace(EVENT_REGEX, "");
       }
     }
 

diff --git a/apps/www/src/styles/globals.css b/apps/www/src/styles/globals.css
@@ -1,95 +1,92 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
-
-    --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
-
-    --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
-
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
-
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
-
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
-
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
-
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-    --ring: 240 10% 3.9%;
-
-    --radius: 0.5rem;
-  }
-
-  .dark:root {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
-
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
-
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
-
-    --primary: 50 100% 50%;
-    --primary-foreground: 240 5.9% 10%;
-
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
-
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
-
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
-
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 240 4.9% 83.9%;
-  }
-
-  * {
-    @apply border-border;
-  }
-
-  html {
-    scroll-behavior: smooth;
-  }
-
-  body {
-    font-feature-settings:
-      "rlig" 1,
-      "calt" 1;
-  }
-
-  ::-webkit-scrollbar {
-    @apply size-1;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    @apply bg-foreground/40 rounded-lg transition-colors;
-  }
-
-  ::-webkit-scdrollbar-thumb:hover,
-  ::-webkit-scrollbar-thumb:active {
-    @apply bg-foreground/60;
-  }
-}
-
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 10% 3.9%;
+
+    --radius: 0.5rem;
+  }
+
+  .dark:root {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+
+    --primary: 50 100% 50%;
+    --primary-foreground: 240 5.9% 10%;
+
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+  }
+
+  * {
+    @apply border-border;
+  }
+
+  html {
+    scroll-behavior: smooth;
+  }
+
+  body {
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+
+  ::-webkit-scrollbar {
+    @apply size-1;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    @apply bg-foreground/40 rounded-lg transition-colors;
+  }
+
+  ::-webkit-scdrollbar-thumb:hover,
+  ::-webkit-scrollbar-thumb:active {
+    @apply bg-foreground/60;
+  }
+}