Upgrade nextra (#226)

* Upgrade deps except react

* Tweak config

* Apply prettier

* Fix metafiles

* Make css compatible with theme

* Fix components imports and usage

Author: abefernan

next.config.mjs

@@ -2,10 +2,10 @@ import nextra from "nextra";
 
 const withNextra = nextra({
   theme: "nextra-theme-docs",
-  themeConfig: "./src/theme.config.js",
+  themeConfig: "./src/theme.config.jsx",
   latex: true,
-  flexsearch: {
-    codeblock: false,
+  search: {
+    codeblocks: false,
   },
 });
 

package-lock.json

@@ -10,27 +10,27 @@
     "start": "next start"
   },
   "dependencies": {
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
-    "class-variance-authority": "^0.7.0",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-tooltip": "^1.1.6",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "next": "^14.2.7",
-    "nextra": "^2.13.4",
-    "nextra-theme-docs": "^2.13.4",
+    "next": "^15.1.4",
+    "nextra": "^3.3.1",
+    "nextra-theme-docs": "^3.3.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sharp": "^0.33.5",
-    "tailwind-merge": "^2.5.2",
+    "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.20",
     "git-format-staged": "^3.1.1",
     "gray-matter": "^4.0.3",
-    "husky": "^9.1.5",
-    "postcss": "^8.4.41",
-    "prettier": "3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.6",
-    "tailwindcss": "^3.4.10"
+    "husky": "^9.1.7",
+    "postcss": "^8.4.49",
+    "prettier": "3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "tailwindcss": "^3.4.17"
   }
 }

package.json

@@ -1,8 +1,4 @@
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import tagsObj from "@/utils/tags.json";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import Link from "next/link";

src/components/TagDots.jsx

@@ -1,6 +1,6 @@
 import tagsObj from "@/utils/tags.json";
-import { useRouter } from "next/router";
 import { useSearchParams } from "next/navigation";
+import { useRouter } from "next/router";
 import TagPill from "./TagPill";
 
 export default function TagFilter() {
@@ -9,16 +9,11 @@ export default function TagFilter() {
   const urlTags = searchParams.getAll("tag");
 
   const routes = Object.entries(tagsObj.routes)
-    .filter(
-      ([, tags]) =>
-        !urlTags.length || urlTags.find((urlTag) => tags.includes(urlTag)),
-    )
+    .filter(([, tags]) => !urlTags.length || urlTags.find((urlTag) => tags.includes(urlTag)))
     .map(([route]) => route)
     .sort();
 
-  const minRouteDepth = Math.min(
-    ...routes.map((route) => route.match(/\//gi).length),
-  );
+  const minRouteDepth = Math.min(...routes.map((route) => route.match(/\//gi).length));
 
   const toggleTag = (selectedTag) => {
     let newTags = [];
@@ -34,17 +29,10 @@ export default function TagFilter() {
 
   return (
     <>
-      <p className="my-4">
-        Select one or more tags to list its associated articles
-      </p>
+      <p className="my-4">Select one or more tags to list its associated articles</p>
       <div className="my-4 flex flex-wrap gap-2">
         {tagsObj.allTags.map((tag) => (
-          <TagPill
-            key={tag}
-            tag={tag}
-            onClick={() => toggleTag(tag)}
-            checked={urlTags.includes(tag)}
-          />
+          <TagPill key={tag} tag={tag} onClick={() => toggleTag(tag)} checked={urlTags.includes(tag)} />
         ))}
       </div>
       {routes.length ? (

src/components/TagFilter.jsx

@@ -0,0 +1,15 @@
+export default {
+  index: "Welcome",
+  core: "CosmWasm Core",
+  wasmd: "Wasmd",
+  ibc: "IBC",
+  sylvia: "Sylvia",
+  storey: "Storey",
+  "cw-storage-plus": "StoragePlus",
+  "cw-multi-test": "MultiTest",
+  "how-to-doc": "How to doc",
+  tags: {
+    display: "hidden",
+  },
+  tutorial: "Tutorial",
+};

src/pages/_app.mdx renamed to src/pages/_app.jsx

@@ -0,0 +1,9 @@
+export default {
+  installation: "Installation",
+  entrypoints: "Entrypoints",
+  architecture: "Architecture",
+  "standard-library": "Standard Library",
+  conventions: "Conventions",
+  advanced: "Advanced",
+  specification: "Specification",
+};