Merge branch 'main' into add/c-lang/beginner/setup

Author: wappon28dev

.cspell.json

@@ -20,11 +20,14 @@
     "hackathons",
     "iconify",
     "JPDOC",
+    "nanostores",
     "noto",
     "nowrap",
     "palt",
     "pandacss",
     "partytown",
-    "rgba"
+    "rgba",
+    "sysken",
+    "syslearn"
   ]
 }

.gitignore

@@ -21,3 +21,5 @@ pnpm-debug.log*
 .DS_Store
 
 tsconfig.tsbuildinfo
+
+generated/

.vscode/extensions.json

@@ -1,4 +1,7 @@
 {
-  "recommendations": ["astro-build.astro-vscode"],
+  "recommendations": [
+    "astro-build.astro-vscode",
+    "mizdra.css-modules-kit-vscode"
+  ],
   "unwantedRecommendations": []
 }

.vscode/settings.json

@@ -40,7 +40,8 @@
     "less",
     "scss",
     "pcss",
-    "postcss"
+    "postcss",
+    "mdx"
   ],
   "cSpell.words": []
 }

astro.config.mjs

@@ -3,20 +3,16 @@ import react from "@astrojs/react";
 import starlight from "@astrojs/starlight";
 import remarkMermaid from "@southball/remark-mermaid";
 import compress from "astro-compress";
-import icon from "astro-icon";
 import metaTags from "astro-meta-tags";
 import { defineConfig } from "astro/config";
-import rehypeExternalLinks from "rehype-external-links";
 import wikiLinkPlugin from "remark-wiki-link-plus";
+import starlightSidebarTopics from "starlight-sidebar-topics";
+import Icons from "unplugin-icons/vite";
 
 // https://astro.build/config
 export default defineConfig({
   integrations: [
     metaTags(),
-    icon({
-      include: { "mdi": ["launch"], "material-symbols": ["*"] },
-      iconDir: "src/assets/icons",
-    }),
     compress({
       HTML: false,
       CSS: false,
@@ -40,56 +36,64 @@ export default defineConfig({
       logo: {
         src: "./src/assets/icons/logo/sym.svg",
       },
-      social: {
-        "github": "https://github.com/SystemEngineeringTeam/SysLearn",
-        "x.com": "https://x.com/set_official",
-        "instagram": "https://www.instagram.com/ait.sysken",
-      },
+      social: [
+        { icon: "github", label: "GitHub", href: "https://github.com/SystemEngineeringTeam/SysLearn" },
+        { icon: "x.com", label: "X", href: "https://x.com/set_official" },
+        { icon: "instagram", label: "Instagram", href: "https://www.instagram.com/ait.sysken" },
+      ],
       components: {
-        Sidebar: "src/components/starlight/Sidebar.astro",
+        Footer: "src/components/starlight/Footer.astro",
       },
       customCss: [
         "@fontsource-variable/inter",
         "@fontsource-variable/noto-sans-jp",
         "src/styles/global.css",
         "src/styles/fonts.css",
       ],
-      sidebar: [
-        {
-          label: "ホーム",
-          items: [
-            {
-              label: "はじめに",
-              link: "/",
-            },
-            {
-              label: "困ったときは",
-              autogenerate: { directory: "help/" },
-            },
-          ],
-        },
-        {
-          label: "C言語",
-          items: [
-            {
-              label: "基礎コース",
-              autogenerate: { directory: "textbook/c-lang/beginner" },
-            },
-          ],
-        },
-        {
-          label: "Web",
-          items: [
-            {
-              label: "授業ついていくもんコース",
-              autogenerate: { directory: "textbook/web/for-classes" },
-            },
-            {
-              label: "ハッカソン出れるもんコース",
-              autogenerate: { directory: "textbook/web/web/for-hackathons" },
-            },
-          ],
-        },
+      plugins: [
+        starlightSidebarTopics([
+          {
+            label: "ホーム",
+            link: "/",
+            icon: "rocket",
+            items: [
+              {
+                label: "はじめに",
+                link: "/",
+              },
+              {
+                label: "困ったときは",
+                autogenerate: { directory: "help/" },
+              },
+            ],
+          },
+          {
+            label: "C言語",
+            link: "/textbook/c-lang/beginner/01--setup",
+            icon: "document",
+            items: [
+              {
+                label: "基礎コース",
+                autogenerate: { directory: "textbook/c-lang/beginner" },
+              },
+            ],
+          },
+          {
+            label: "Web",
+            link: "/textbook/web",
+            icon: "document",
+            items: [
+              {
+                label: "授業ついていくもんコース",
+                autogenerate: { directory: "textbook/web/for-classes" },
+              },
+              {
+                label: "ハッカソン出れるもんコース",
+                autogenerate: { directory: "textbook/web/for-hackathons" },
+              },
+            ],
+          },
+        ]),
       ],
     }),
     react(),
@@ -114,4 +118,13 @@ export default defineConfig({
       ],
     ],
   },
+  vite: {
+    plugins: [
+      Icons({
+        compiler: "jsx",
+        autoInstall: true,
+        jsx: "react",
+      }),
+    ],
+  },
 });