feat: integrate code group functionality with new component and styling updates

Author: LeadcodeDev

.astro/content-modules.mjs

@@ -1,14 +1,14 @@
 
 export default new Map([
-["src/content/docs/framework/getting-started.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Fgetting-started.mdx&astroContentModuleFlag=true")],
-["src/content/docs/framework/configuration.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Fconfiguration.mdx&astroContentModuleFlag=true")],
 ["src/content/docs/framework/blog.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Fblog.mdx&astroContentModuleFlag=true")],
 ["src/content/docs/framework/docs.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Fdocs.mdx&astroContentModuleFlag=true")],
+["src/content/docs/framework/getting-started.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Fgetting-started.mdx&astroContentModuleFlag=true")],
+["src/content/docs/framework/configuration.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Fconfiguration.mdx&astroContentModuleFlag=true")],
+["src/content/blog/welcome.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fblog%2Fwelcome.mdx&astroContentModuleFlag=true")],
 ["src/content/docs/framework/installation.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Finstallation.mdx&astroContentModuleFlag=true")],
+["src/content/docs/syntax/code-block.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fsyntax%2Fcode-block.mdx&astroContentModuleFlag=true")],
+["src/content/docs/syntax/alert.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fsyntax%2Falert.mdx&astroContentModuleFlag=true")],
 ["src/content/docs/framework/project-structure.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fframework%2Fproject-structure.mdx&astroContentModuleFlag=true")],
 ["src/content/docs/syntax/text.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fsyntax%2Ftext.mdx&astroContentModuleFlag=true")],
-["src/content/docs/syntax/alert.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fsyntax%2Falert.mdx&astroContentModuleFlag=true")],
-["src/content/docs/syntax/code-block.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fsyntax%2Fcode-block.mdx&astroContentModuleFlag=true")],
-["src/content/blog/welcome.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fblog%2Fwelcome.mdx&astroContentModuleFlag=true")],
 ["src/content/docs/syntax/markdown.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fdocs%2Fsyntax%2Fmarkdown.mdx&astroContentModuleFlag=true")]]);
 

.astro/data-store.json

@@ -1,5 +1,5 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1744728126639
+		"lastUpdateCheck": 1746623417127
 	}
 }

.astro/settings.json

@@ -12,14 +12,15 @@ import {
   transformerNotationWordHighlight,
 } from '@shikijs/transformers';
 import tailwindcss from '@tailwindcss/vite';
+import icon from "astro-icon";
 import rehypeCallouts from 'rehype-callouts';
-import rehypeCodeGroup from 'rehype-code-group';
 import rehypeMermaid from 'rehype-mermaid';
+import rehypeCodeGroupReact from './src/lib/plugins/code-group/plugin';
 
 // https://astro.build/config
 export default defineConfig({
   output: 'static',
-  integrations: [react(), mdx()],
+  integrations: [react(), mdx(), icon()],
 
   markdown: {
     shikiConfig: {
@@ -44,19 +45,13 @@ export default defineConfig({
       rehypeMermaid,
       [rehypeCallouts, {
         customClassNames: {
+
           calloutClass: "callout",
           calloutTitleClass: "callout-title",
           calloutContentClass: "callout-content",
         }
       }],
-      [rehypeCodeGroup, {
-        customClassNames: {
-          codeGroupClass: "code-group",
-          tabContainerClass: "tab-container",
-          tabClass: "tab",
-          blockContainerClass: "content-container",
-        }
-      }]
+      rehypeCodeGroupReact
     ],
   },
 

astro.config.mjs

@@ -12,19 +12,25 @@
     "@astrojs/mdx": "^4.2.2",
     "@astrojs/react": "^4.2.2",
     "@expressive-code/plugin-line-numbers": "^0.40.2",
+    "@iconify-json/devicon": "^1.2.23",
+    "@iconify/react": "^6.0.0",
     "@lucide/astro": "^0.488.0",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
     "@radix-ui/react-navigation-menu": "^1.2.5",
     "@radix-ui/react-slot": "^1.1.2",
     "@scalar/api-reference-react": "^0.6.19",
     "@tailwindcss/vite": "^4.0.17",
+    "@types/hast": "^3.0.4",
     "@types/luxon": "^3.6.2",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "astro": "^5.5.5",
+    "astro-icon": "^1.1.5",
     "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "hast": "^1.0.0",
+    "hast-util-to-html": "^9.0.5",
     "lucide-react": "^0.485.0",
     "luxon": "^3.6.1",
     "mermaid": "^11.6.0",
@@ -39,7 +45,9 @@
     "remark-toc": "^9.0.0",
     "tailwind-merge": "^3.0.2",
     "tailwindcss": "^4.0.17",
-    "tw-animate-css": "^1.2.5"
+    "tw-animate-css": "^1.2.5",
+    "unified": "^11.0.5",
+    "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
     "@shikijs/transformers": "^3.2.1"