Upgrade nextra

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.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"
   }
 }

src/components/TagDots.jsx

@@ -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/TagFilter.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/pages/_meta.js

@@ -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/core/_meta.js

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

src/pages/core/advanced/_meta.js

@@ -0,0 +1,3 @@
+export default {
+  "measuring-time": "Measuring time",
+};

src/pages/core/architecture/_meta.js

@@ -0,0 +1,8 @@
+export default {
+  semantics: "Semantics",
+  "actor-model": "Actor Model",
+  events: "Events",
+  gas: "Gas",
+  pinning: "Pinning",
+  transactions: "Transactions",
+};

src/pages/core/conventions/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  "library-feature": "Library feature",
+  "enum-dispatch": "Enum dispatch",
+};

src/pages/core/entrypoints/_meta.js

@@ -0,0 +1,7 @@
+export default {
+  instantiate: "Instantiate",
+  execute: "Execute",
+  query: "Query",
+  migrate: "Migrate",
+  sudo: "Sudo",
+};

src/pages/core/specification/_meta.js

@@ -0,0 +1,3 @@
+export default {
+  "instantiate2-algo": "Instantiate2 Algorithm",
+};

src/pages/core/standard-library/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  math: "Math",
+  cryptography: "Cryptography",
+};

src/pages/core/standard-library/cryptography/_meta.js

@@ -0,0 +1,6 @@
+export default {
+  ed25519: "Ed25519",
+  p256: "P-256",
+  k256: "K-256",
+  "bls12-381": "BLS12-381",
+};

src/pages/core/standard-library/math/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  decimals: "Decimals",
+  integers: "Integers",
+};

src/pages/cw-multi-test/_meta.js

@@ -0,0 +1,9 @@
+export default {
+  installation: "Installation",
+  features: "Features",
+  "getting-started": "Getting started",
+  app: "App",
+  "app-builder": "AppBuilder",
+  blocks: "Blocks",
+  addresses: "Addresses",
+};

src/pages/cw-multi-test/addresses.mdx

@@ -2,7 +2,7 @@
 tags: ["multitest", "addresses"]
 ---
 
-import { Cards, Card } from "nextra/components";
+import { Cards } from "nextra/components";
 
 # Addresses
 
@@ -11,7 +11,7 @@ The following chapters provide useful explanations of how addresses are managed
 Click on any of the cards below to learn more about each address category.
 
 <Cards>
-  <Card title="User address" href="addresses/user-address" icon="" children="" />
-  <Card title="Contract address" href="addresses/contract-address" icon="" children="" />
-  <Card title="Validator address" href="addresses/validator-address" icon="" children="" />
+  <Cards.Card title="User address" href="addresses/user-address" icon="" children="" />
+  <Cards.Card title="Contract address" href="addresses/contract-address" icon="" children="" />
+  <Cards.Card title="Validator address" href="addresses/validator-address" icon="" children="" />
 </Cards>

src/pages/cw-multi-test/addresses/_meta.json → src/pages/cw-multi-test/addresses/_meta.js

@@ -1,5 +1,5 @@
-{
+export default {
   "user-address": "User address",
   "contract-address": "Contract address",
-  "validator-address": "Validator address"
-}
+  "validator-address": "Validator address",
+};

src/pages/cw-multi-test/getting-started.mdx

@@ -2,7 +2,7 @@
 tags: ["multitest", "getting started"]
 ---
 
-import { Cards, Card } from "nextra/components";
+import { Cards } from "nextra/components";
 
 # Getting started
 
@@ -19,6 +19,6 @@ pure CosmWasm libraries and the other using the Sylvia framework. The functional
 **counter** smart contract is the same in both versions.
 
 <Cards>
-  <Card title="Counter" href="getting-started/counter" icon="" children="" />
-  <Card title="Writing tests" href="getting-started/writing-tests" icon="" children="" />
+  <Cards.Card title="Counter" href="getting-started/counter" icon="" children="" />
+  <Cards.Card title="Writing tests" href="getting-started/writing-tests" icon="" children="" />
 </Cards>

src/pages/cw-multi-test/getting-started/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  counter: "Counter",
+  "writing-tests": "Writing tests",
+};

src/pages/cw-multi-test/getting-started/counter.mdx

@@ -2,7 +2,7 @@
 tags: ["multitest", "getting started", "counter"]
 ---
 
-import { Callout, Cards, Card } from "nextra/components";
+import { Callout, Cards } from "nextra/components";
 
 # Counter
 
@@ -132,13 +132,13 @@ contract.
 </Callout>
 
 <Cards>
-  <Card
+  <Cards.Card
     title="Counter smart contract written using pure CosmWasm libraries"
     href="counter/counter-cosmwasm"
     icon=""
     children=""
   />
-  <Card
+  <Cards.Card
     title="Counter smart contract written using Sylvia framework"
     href="counter/counter-sylvia"
     icon=""

src/pages/cw-multi-test/getting-started/counter/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  "counter-cosmwasm": "CosmWasm",
+  "counter-sylvia": "Sylvia",
+};

src/pages/cw-multi-test/getting-started/counter/counter-cosmwasm.mdx

@@ -2,7 +2,7 @@
 tags: ["multitest", "getting started", "counter", "CosmWasm"]
 ---
 
-import { Card, Cards } from "nextra/components";
+import { Cards } from "nextra/components";
 
 # Counter written in CosmWasm
 
@@ -477,8 +477,8 @@ Having the **counter** smart contract prepared, you can begin writing tests usin
 or you might want to check the Sylvia version of the **counter** smart contract first.
 
 <Cards>
-  <Card title="Writing tests" href="../writing-tests" icon="" children="" />
-  <Card
+  <Cards.Card title="Writing tests" href="../writing-tests" icon="" children="" />
+  <Cards.Card
     title="Counter written using the Sylvia framework"
     href="counter-sylvia"
     icon=""