feat: 既読したテキストブックの管理/表示

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,15 @@ 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 wikiLinkPlugin from "remark-wiki-link-plus";
+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: {
         "html-minifier-terser": {
@@ -43,13 +38,14 @@ 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",
@@ -109,4 +105,13 @@ export default defineConfig({
       [wikiLinkPlugin, { markdownFolder: "src/content/docs" }],
     ],
   },
+  vite: {
+    plugins: [
+      Icons({
+        compiler: "jsx",
+        autoInstall: true,
+        jsx: "react",
+      }),
+    ],
+  },
 });

bun.lock

@@ -1,4 +1,6 @@
 import antfu from "@antfu/eslint-config";
+import cssModulesKit from "@css-modules-kit/eslint-plugin";
+import css from "@eslint/css";
 
 export default antfu(
   {
@@ -59,4 +61,9 @@ export default antfu(
     formatters: true,
     isInEditor: true,
   },
+  {
+    files: ["**/*.css"],
+    language: "css/css",
+    extends: [css.configs.recommended, cssModulesKit.configs.recommended],
+  },
 );