✨ 07

Author: wappon28dev

src/components/Sandpack.astro

@@ -6,6 +6,7 @@ import { Sandpack as Sandpack_ } from "@codesandbox/sandpack-react";
 type Props = ComponentProps<typeof Sandpack_>;
 
 const props = Astro.props;
+const {options, ...rest} = props;
 ---
 
 <style>
@@ -31,12 +32,14 @@ const props = Astro.props;
       client:only="react"
       options={{
         showInlineErrors: true,
+        showConsoleButton: true,
+        showLineNumbers: true,
         editorHeight: 500,
-        ...props.options
+        ...options,
       }}
       template="static"
       theme="light"
-      {...props}
+      {...rest}
     >
 
     <slot />

src/components/SyscatComment.astro

@@ -1,5 +1,6 @@
 ---
 import { Image } from "astro:assets";
+import { FrontmatterError } from "@/lib/utils/error";
 import { SYSCAT } from "@/lib/utils/syscat";
 
 
@@ -8,6 +9,16 @@ type Props = {
 };
 
 const { type } = Astro.props as Props;
+
+const entry = SYSCAT[type ?? "DEFAULT"];
+
+if (entry == null) {
+  throw new FrontmatterError(
+    `Unknown SYSCAT entry for type \`${type}\``,
+    `シスにゃんの種別 (\`${type}\`) が不明です.  使用可能な種別は \`src/lib/utils/syscat.ts\` を参照してください.`,
+  );
+}
+
 ---
 
 <div class="syscat-comment">

src/content/docs/textbook/web/for-classes/03--html-structure-hierarchy.mdx

@@ -4,7 +4,6 @@ description: HTMLの入れ子構造と親子関係を学び、divとspanの使
 slug: textbook/web/for-classes/html-structure-hierarchy
 sidebar:
   order: 3
-next: false
 ---
 
 import { Aside, LinkCard } from "@astrojs/starlight/components";