の表示のたびに毎回全ファイルを読むのは非効率なので、
+ // cloudflareでない場合でも事前生成済みファイルがあれば利用
+ try {
+ const termsJson = await readPublicFile(
+ `docs/${langId}/termDefinitions.json`
+ );
+ return JSON.parse(termsJson) as TermDefinition[];
+ } catch (e) {
+ // not found?
+ console.warn(`failed to read docs/${langId}/termDefinitions.json:`, e);
+ }
+ const terms: TermDefinition[] = [];
+ const langEntry = await getPagesListForLang(langId);
+ const codeBlockRegex = /^(`{3,})(.*)\n([\s\S]*?)\n^\1/gm;
+ for (const page of langEntry.pages) {
+ const sections = await getMarkdownSections(langId, page.slug);
+ for (const section of sections) {
+ if (section.term && section.term.length >= 1) {
+ terms.push({
+ term: section.term,
+ page: page.slug,
+ id: section.id,
+ title: section.title,
+ rawContentWithoutCode: section.rawContent.replace(
+ codeBlockRegex,
+ ""
+ ),
+ });
+ }
+ }
+ }
+ return terms;
+ }
+}
diff --git a/scripts/generateDocsMeta.ts b/scripts/generateDocsMeta.ts
index aa7744c0..cb4b98c5 100644
--- a/scripts/generateDocsMeta.ts
+++ b/scripts/generateDocsMeta.ts
@@ -1,9 +1,14 @@
// Generates public/docs/{lang}/{pageId}/sections.yml for each page directory.
// Each sections.yml lists the .md files in that directory in display order.
-import { writeFile } from "node:fs/promises";
+import { unlink, writeFile } from "node:fs/promises";
import { join } from "node:path";
-import { getMarkdownSections, getPagesList } from "@/lib/docs";
+import {
+ getMarkdownSections,
+ getPagesList,
+ getTermDefinitions,
+} from "@/lib/docs";
+import { existsSync } from "node:fs";
const docsDir = join(process.cwd(), "public", "docs");
@@ -16,6 +21,19 @@ console.log(
);
for (const lang of langEntries) {
+ if (existsSync(join(docsDir, lang.id, "termDefinitions.json"))) {
+ await unlink(join(docsDir, lang.id, "termDefinitions.json"));
+ }
+ const terms = await getTermDefinitions(lang.id);
+ await writeFile(
+ join(docsDir, lang.id, "termDefinitions.json"),
+ JSON.stringify(terms),
+ "utf-8"
+ );
+ console.log(
+ `Generated ${lang.id}/termDefinitions.json (${terms.length} definitions, ${terms.reduce((sum, td) => sum + td.term.length, 0)} terms)`
+ );
+
for (const page of lang.pages) {
const sections = await getMarkdownSections(lang.id, page.slug);
await writeFile(
From dd6b823e918592722be02df5a919da06f4bf35da Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Tue, 28 Jul 2026 02:32:07 +0900
Subject: [PATCH 04/21] =?UTF-8?q?daisyui=E3=81=AEtooltip=E3=81=A7term?=
=?UTF-8?q?=E3=82=92=E5=AE=9F=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/(docs)/@docs/[lang]/[pageId]/page.tsx | 24 +++---
app/lib/docs.ts | 8 +-
app/markdown/term.tsx | 96 ++++++++++++++---------
3 files changed, 78 insertions(+), 50 deletions(-)
diff --git a/app/(docs)/@docs/[lang]/[pageId]/page.tsx b/app/(docs)/@docs/[lang]/[pageId]/page.tsx
index 154184e5..dc860432 100644
--- a/app/(docs)/@docs/[lang]/[pageId]/page.tsx
+++ b/app/(docs)/@docs/[lang]/[pageId]/page.tsx
@@ -10,6 +10,7 @@ import {
import {
getMarkdownSections,
getPagesListForLang,
+ getTermDefinitions,
LangId,
PagePath,
PageSlug,
@@ -18,6 +19,7 @@ import { cacheLife, cacheTag } from "next/cache";
import { isCloudflare } from "@/lib/detectCloudflare";
import { DocsAutoRedirect } from "./autoRedirect";
import { dateReviver } from "@/lib/dateReviver";
+import { TermDefinitionProvider } from "@/markdown/term";
export async function generateMetadata({
params,
@@ -60,17 +62,21 @@ export default async function Page({
const context = await initContext();
const chatHistories = await getChatFromCache(path, context.userId);
+ const termDefinitions = await getTermDefinitions(lang);
+
return (
<>
-
+
+
+
);
diff --git a/app/lib/docs.ts b/app/lib/docs.ts
index 537990c2..26f3af3f 100644
--- a/app/lib/docs.ts
+++ b/app/lib/docs.ts
@@ -398,6 +398,7 @@ export async function getTermDefinitions(
}
const terms: TermDefinition[] = [];
const langEntry = await getPagesListForLang(langId);
+ const headingRegex = /^#+(.*)$/m;
const codeBlockRegex = /^(`{3,})(.*)\n([\s\S]*?)\n^\1/gm;
for (const page of langEntry.pages) {
const sections = await getMarkdownSections(langId, page.slug);
@@ -408,10 +409,9 @@ export async function getTermDefinitions(
page: page.slug,
id: section.id,
title: section.title,
- rawContentWithoutCode: section.rawContent.replace(
- codeBlockRegex,
- ""
- ),
+ rawContentWithoutCode: section.rawContent
+ .replace(codeBlockRegex, "")
+ .replace(headingRegex, ""),
});
}
}
diff --git a/app/markdown/term.tsx b/app/markdown/term.tsx
index fcbb6cab..3e1fdbb8 100644
--- a/app/markdown/term.tsx
+++ b/app/markdown/term.tsx
@@ -1,49 +1,71 @@
-import { JSX } from "react";
+"use client";
+
+import { createContext, JSX, ReactNode, useContext } from "react";
import { ExtraProps } from "react-markdown";
import { onlyText } from "react-children-utilities";
+import { LangId, TermDefinition } from "@/lib/docs";
+import Link from "next/link";
+import { StyledMarkdown } from "./markdown";
+
+const TermDefinitionContext = createContext<{
+ lang: LangId;
+ termDefinitions: TermDefinition[];
+} | null>(null);
+export function TermDefinitionProvider({
+ lang,
+ termDefinitions,
+ children,
+}: {
+ lang: LangId;
+ termDefinitions: TermDefinition[];
+ children: ReactNode;
+}) {
+ return (
+
+ {children}
+
+ );
+}
/**
* https://github.com/ut-code/utcode-learn/blob/main/src/components/Term/index.tsx をもとに独自実装
* Copyright (c) 2023 ut.code();
*/
export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
- // 動作確認用
- return <>[{props.children} → term:{onlyText(props.children)}];
+ // termDefinitionの取得がasync関数であり、clientコンポーネントから直接取得できないので、
+ // @docs/lang/pageId/page.tsx で取得したものをcontextに渡してそれを取得する
+ const { lang, termDefinitions } = useContext(TermDefinitionContext) ?? {};
+
+ if (!termDefinitions) {
+ return props.children;
+ }
- // const term = props.id
- // ? terms.find((term) => term.id === props.id)
- // : terms.find(
- // (term) =>
- // term.name === onlyText(props.children) ||
- // term.aliases.includes(onlyText(props.children)),
- // );
- // if (!term)
- // throw new Error(
- // `${props.id ? props.id : onlyText(props.children)}という用語は定義されていません`,
- // );
+ const termText = onlyText(props.children);
+ const term = termDefinitions.find((t) => t.term.includes(termText));
+ if (!term) {
+ console.error(`'${termText}'という用語は定義されていません`);
+ return props.children;
+ }
- // const wrap = (content: JSX.Element) => {
+ // [{props.children} → term:{onlyText(props.children)}]
- // return (
- //
- //
- // {term.definition}
- // {shouldLinkToReferencePage && (
- //
- // {referencePageTitle} へ
- //
- //
- // )}
- //
- // }
- // >
- // {content}
- //
- // );
- // };
+ return (
+
+
+
+
+ - {term.page}
+ - {term.title}
+
+
+
+
+
+ {props.children}
+
+
+ );
}
From 0eb26b4d9ce5ef7c8f1b6485d5f4281a8aeaed1b Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Wed, 29 Jul 2026 00:31:05 +0900
Subject: [PATCH 05/21] =?UTF-8?q?daisyui=E3=81=AEtooltip=E3=81=8B=E3=82=89?=
=?UTF-8?q?floating-ui=E3=81=AB=E7=A7=BB=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
cannot be descendant of
エラーを避けるためportal型tooltipのほうがよい
---
app/markdown/term.tsx | 89 +++++++--
package-lock.json | 426 +++++++++++++++++++++++++++++++++---------
package.json | 1 +
3 files changed, 416 insertions(+), 100 deletions(-)
diff --git a/app/markdown/term.tsx b/app/markdown/term.tsx
index 3e1fdbb8..a27bbba1 100644
--- a/app/markdown/term.tsx
+++ b/app/markdown/term.tsx
@@ -1,11 +1,25 @@
"use client";
-import { createContext, JSX, ReactNode, useContext } from "react";
+import { createContext, JSX, ReactNode, useContext, useState } from "react";
import { ExtraProps } from "react-markdown";
import { onlyText } from "react-children-utilities";
import { LangId, TermDefinition } from "@/lib/docs";
import Link from "next/link";
import { StyledMarkdown } from "./markdown";
+import {
+ useFloating,
+ autoUpdate,
+ offset,
+ flip,
+ shift,
+ useHover,
+ useFocus,
+ useDismiss,
+ useRole,
+ useInteractions,
+ FloatingPortal,
+} from "@floating-ui/react";
+import clsx from "clsx";
const TermDefinitionContext = createContext<{
lang: LangId;
@@ -36,6 +50,37 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
// @docs/lang/pageId/page.tsx で取得したものをcontextに渡してそれを取得する
const { lang, termDefinitions } = useContext(TermDefinitionContext) ?? {};
+ // 1. Manage the tooltip's open state
+ const [isOpen, setIsOpen] = useState(false);
+
+ // 2. Setup Floating UI
+ const { refs, floatingStyles, context } = useFloating({
+ open: isOpen,
+ onOpenChange: setIsOpen,
+ placement: "top", // Preferred placement
+ // Make sure the tooltip stays anchored to the trigger when scrolling/resizing
+ whileElementsMounted: autoUpdate,
+ middleware: [
+ offset(2), // Gap between trigger and tooltip
+ flip(), // Flip to bottom if no space on top
+ shift(), // Keep tooltip on screen
+ ],
+ });
+
+ // 3. Setup interactions (trigger on hover, focus, and dismiss on click outside/escape)
+ const hover = useHover(context, { move: false });
+ const focus = useFocus(context);
+ const dismiss = useDismiss(context);
+ const role = useRole(context, { role: "tooltip" });
+
+ // Merge the interactions into prop getters
+ const { getReferenceProps, getFloatingProps } = useInteractions([
+ hover,
+ focus,
+ dismiss,
+ role,
+ ]);
+
if (!termDefinitions) {
return props.children;
}
@@ -47,25 +92,39 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
return props.children;
}
- // [{props.children} → term:{onlyText(props.children)}]
-
return (
-
-
-
-
- - {term.page}
- - {term.title}
-
-
-
-
+ <>
{props.children}
-
+ {isOpen && (
+
+
+
+
+ - {term.page}
+ - {term.title}
+
+
+
+
-
- - {term.page}
+
+ - {term.pageIndex}. {term.pageName}
- {term.title}
diff --git a/scripts/generateDocsMeta.ts b/scripts/generateDocsMeta.ts
index cb4b98c5..18e33dad 100644
--- a/scripts/generateDocsMeta.ts
+++ b/scripts/generateDocsMeta.ts
@@ -31,7 +31,7 @@ for (const lang of langEntries) {
"utf-8"
);
console.log(
- `Generated ${lang.id}/termDefinitions.json (${terms.length} definitions, ${terms.reduce((sum, td) => sum + td.term.length, 0)} terms)`
+ `Generated ${lang.id}/termDefinitions.json (${terms.length} definitions, ${terms.reduce((sum, td) => sum + td.alias.length, 0)} terms)`
);
for (const page of lang.pages) {
From 7a14bbfaf1a2fad5062d3b8e1086c25d9cdb6755 Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Wed, 29 Jul 2026 02:03:18 +0900
Subject: [PATCH 07/21] =?UTF-8?q?=E3=83=81=E3=83=A3=E3=83=83=E3=83=88?=
=?UTF-8?q?=E3=81=A8term=E3=81=AE=E4=B8=AD=E3=81=A7=E3=81=AF=E3=82=B3?=
=?UTF-8?q?=E3=83=BC=E3=83=89=E3=83=96=E3=83=AD=E3=83=83=E3=82=AF=E3=81=A8?=
=?UTF-8?q?=E3=83=81=E3=83=A3=E3=83=83=E3=83=88=E3=81=A8term=E3=82=92?=
=?UTF-8?q?=E7=84=A1=E5=8A=B9=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../@docs/[lang]/[pageId]/pageContent.tsx | 1 +
app/featureCard.tsx | 1 +
app/markdown/codeBlock.tsx | 9 +++++----
app/markdown/markdown.tsx | 17 +++++++++++++----
4 files changed, 20 insertions(+), 8 deletions(-)
diff --git a/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx b/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx
index 29bc52d3..55b98e18 100644
--- a/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx
+++ b/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx
@@ -159,6 +159,7 @@ export function PageContent(props: PageContentProps) {
diff --git a/app/featureCard.tsx b/app/featureCard.tsx
index 69ca1fb5..0d973b69 100644
--- a/app/featureCard.tsx
+++ b/app/featureCard.tsx
@@ -181,6 +181,7 @@ Pythonは整数 (\`int\`) と浮動小数点数 (\`float\`) を区別します
浮動小数点数 (\`float\`) は、他の言語の double 型に相当する倍精度浮動小数点数です。
`}
replacedRange={[{ start: 64, end: 120, id: "sample" }]}
+ interactive
/>
diff --git a/app/markdown/codeBlock.tsx b/app/markdown/codeBlock.tsx
index 9e2164e7..18f96038 100644
--- a/app/markdown/codeBlock.tsx
+++ b/app/markdown/codeBlock.tsx
@@ -9,18 +9,19 @@ import { ExtraProps } from "react-markdown";
import { StyledSyntaxHighlighter } from "./styledSyntaxHighlighter";
export function AutoCodeBlock({
+ interactive,
node,
className,
ref,
style,
...props
-}: JSX.IntrinsicElements["code"] & ExtraProps) {
+}: JSX.IntrinsicElements["code"] & ExtraProps & { interactive: boolean }) {
const match = /^language-(\w+)(-repl|-exec|-readonly)?\:?(.+)?$/.exec(
className || ""
);
if (match) {
const language = langConstants(match[1] as MarkdownLang | undefined);
- if (match[2] === "-exec" && match[3]) {
+ if (interactive && match[2] === "-exec" && match[3]) {
/*
```python-exec:main.py
hello, world!
@@ -40,7 +41,7 @@ export function AutoCodeBlock({
/>
);
}
- } else if (match[2] === "-repl") {
+ } else if (interactive && match[2] === "-repl") {
// repl付きの言語指定
if (!match[3]) {
console.error(
@@ -56,7 +57,7 @@ export function AutoCodeBlock({
/>
);
}
- } else if (match[3]) {
+ } else if (interactive && match[3]) {
// ファイル名指定がある場合、ファイルエディター
return (
{props.content}
@@ -30,7 +31,8 @@ export function StyledMarkdown(props: {
}
// TailwindCSSがh1などのタグのスタイルを消してしまうので、手動でスタイルを指定する必要がある
-const components: Components = {
+// チャット回答、term定義内などではコードブロックの操作やtermリンクを無効化したbaseComponentを使用
+const baseComponents: Components = {
h1: ({ children }) => {children},
h2: ({ children }) => {children},
h3: ({ children }) => {children},
@@ -55,8 +57,15 @@ const components: Components = {
),
hr: () => null,
- pre: ({ node, ...props }) => props.children,
- code: AutoCodeBlock,
+ pre: ({ children }) => children,
+ code: (props) => ,
+ ins: ({ children }) => children,
+ q: ({ children }) => children,
+};
+// ドキュメント本文で使うフルバージョン:
+const interactiveComponents: Components = {
+ ...baseComponents,
+ code: (props) => ,
ins: MultiHighlightTag,
q: Term,
};
From 13766cff2af032956c2ea5bde9da6bf9d90adaff Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Wed, 29 Jul 2026 14:22:26 +0900
Subject: [PATCH 08/21] =?UTF-8?q?term=E8=89=B2=E5=A4=89=E6=9B=B4=E3=80=81?=
=?UTF-8?q?=E3=82=A8=E3=83=A9=E3=83=BC=E8=A1=A8=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/markdown/term.tsx | 21 ++++++++++++++++-----
1 file changed, 16 insertions(+), 5 deletions(-)
diff --git a/app/markdown/term.tsx b/app/markdown/term.tsx
index 050d6c49..ffbf1004 100644
--- a/app/markdown/term.tsx
+++ b/app/markdown/term.tsx
@@ -88,8 +88,17 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
const termText = onlyText(props.children);
const term = termDefinitions.find((t) => t.alias.includes(termText));
if (!term) {
- console.error(`'${termText}'という用語は定義されていません`);
- return props.children;
+ console.error(`'${termText}' という用語は定義されていません`);
+ return (
+
+
+ {props.children}
+
+
+ );
}
return (
@@ -98,7 +107,7 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
ref={refs.setReference}
{...getReferenceProps()}
href={`/${lang}/${term.pageSlug}#${term.id}`}
- className="inline-block link link-info decoration-dotted underline-offset-[0.2rem]"
+ className="link link-info decoration-dotted underline-offset-[0.2rem]"
>
{props.children}
@@ -110,14 +119,16 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
style={floatingStyles}
{...getFloatingProps()}
className={clsx(
- "max-w-sm rounded-box bg-primary-content/60 border border-primary text-base-content",
+ "max-w-sm rounded-box bg-base-100/60 border border-info text-base-content",
"p-1 shadow-xl backdrop-blur-xs z-50",
"text-justify"
)}
>
- - {term.pageIndex}. {term.pageName}
+ -
+ {term.pageIndex}. {term.pageName}
+
- {term.title}
From e0a2020d2c12c6b746b2eb436e88e55fcbb7cdb2 Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Wed, 29 Jul 2026 16:00:32 +0900
Subject: [PATCH 09/21] =?UTF-8?q?pagesList=E3=82=92=E4=BF=9D=E6=8C=81?=
=?UTF-8?q?=E3=81=99=E3=82=8B=E3=82=B0=E3=83=AD=E3=83=BC=E3=83=90=E3=83=AB?=
=?UTF-8?q?=E3=81=AAcontext=E3=82=92=E8=BF=BD=E5=8A=A0=E3=80=81pagesList?=
=?UTF-8?q?=E3=81=AE=E5=8F=96=E5=BE=97=E3=82=92=E6=B8=9B=E3=82=89=E3=81=99?=
=?UTF-8?q?=E4=BB=A3=E3=82=8F=E3=82=8A=E3=81=ABdocs=E3=81=AE=E5=90=84?=
=?UTF-8?q?=E7=A8=AE=E9=96=A2=E6=95=B0=E5=86=85=E3=81=A7=E3=83=91=E3=83=A9?=
=?UTF-8?q?=E3=83=A1=E3=83=BC=E3=82=BF=E3=81=AE=E3=83=90=E3=83=AA=E3=83=87?=
=?UTF-8?q?=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/(docs)/@chat/chat/[chatId]/chatArea.tsx | 24 +++++++++++-----
app/(docs)/@chat/chat/[chatId]/page.tsx | 25 ++++++++---------
app/(docs)/@docs/[lang]/[pageId]/page.tsx | 14 ++--------
.../@docs/[lang]/[pageId]/pageContent.tsx | 28 +++++++++++--------
app/layout.tsx | 5 +++-
app/lib/docs.ts | 26 +++++++++++++----
app/markdown/term.tsx | 9 ++++--
app/pagesListContext.tsx | 26 +++++++++++++++++
app/sidebar.tsx | 4 ++-
9 files changed, 108 insertions(+), 53 deletions(-)
create mode 100644 app/pagesListContext.tsx
diff --git a/app/(docs)/@chat/chat/[chatId]/chatArea.tsx b/app/(docs)/@chat/chat/[chatId]/chatArea.tsx
index e3300cc9..6b8038f7 100644
--- a/app/(docs)/@chat/chat/[chatId]/chatArea.tsx
+++ b/app/(docs)/@chat/chat/[chatId]/chatArea.tsx
@@ -4,9 +4,16 @@ import { ChatAreaStateUpdater } from "@/(docs)/chatAreaState";
import { useStreamingChatContext } from "@/(docs)/streamingChatContext";
import { deleteChatAction } from "@/actions/deleteChat";
import { ChatWithMessages } from "@/lib/chatHistory";
-import { LanguageEntry, MarkdownSection, PageEntry } from "@/lib/docs";
+import {
+ LangId,
+ LanguageEntry,
+ MarkdownSection,
+ PageEntry,
+ PageSlug,
+} from "@/lib/docs";
import { Heading } from "@/markdown/heading";
import { StyledMarkdown } from "@/markdown/markdown";
+import { usePagesListForLang } from "@/pagesListContext";
import clsx from "clsx";
import Link from "next/link";
import { useRouter } from "next/navigation";
@@ -70,12 +77,15 @@ export function ChatAreaContainer(props: {
interface Props {
chatId: string;
chatData: ChatWithMessages;
- targetLang: LanguageEntry | undefined;
- targetPage: PageEntry | undefined;
+ langId: LangId;
+ pageSlug: PageSlug;
targetSection: MarkdownSection | undefined;
}
export function ChatAreaContent(props: Props) {
- const { chatId, chatData, targetLang, targetPage, targetSection } = props;
+ const { chatId, chatData, langId, pageSlug, targetSection } = props;
+
+ const langEntry = usePagesListForLang(langId);
+ const pageEntry = langEntry?.pages.find((p) => p.slug === pageSlug);
const messagesAndDiffs = [
...chatData.messages.map((msg) => ({ type: "message" as const, ...msg })),
@@ -97,13 +107,13 @@ export function ChatAreaContent(props: Props) {
-
-
- {targetLang?.name}
+
+ {langEntry?.name}
-
- {targetPage?.index}. {targetPage?.name}
+ {pageEntry?.index}. {pageEntry?.name}
-
diff --git a/app/(docs)/@chat/chat/[chatId]/page.tsx b/app/(docs)/@chat/chat/[chatId]/page.tsx
index 00484739..726fbc6b 100644
--- a/app/(docs)/@chat/chat/[chatId]/page.tsx
+++ b/app/(docs)/@chat/chat/[chatId]/page.tsx
@@ -4,7 +4,11 @@ import {
getChatOne,
initContext,
} from "@/lib/chatHistory";
-import { getMarkdownSections, getPagesListForLang, LangId } from "@/lib/docs";
+import {
+ getMarkdownSections,
+ LangId,
+ PageSlug,
+} from "@/lib/docs";
import { ChatAreaContainer, ChatAreaContent } from "./chatArea";
import { cacheLife, cacheTag } from "next/cache";
import { isCloudflare } from "@/lib/detectCloudflare";
@@ -29,16 +33,11 @@ export default async function ChatPage({
);
}
- const targetLang = await getPagesListForLang(
- chatData.section.pagePath.split("/")[0] as LangId
- );
- const targetPage = targetLang?.pages.find(
- (page) => page.slug === chatData.section.pagePath.split("/")[1]
- );
- const sections =
- targetLang && targetPage
- ? await getMarkdownSections(targetLang.id, targetPage.slug)
- : [];
+ const [langId, pageSlug] = chatData.section.pagePath.split("/") as [
+ LangId,
+ PageSlug,
+ ];
+ const sections = await getMarkdownSections(langId, pageSlug);
const targetSection = sections.find((sec) => sec.id === chatData.sectionId);
return (
@@ -46,8 +45,8 @@ export default async function ChatPage({
diff --git a/app/(docs)/@docs/[lang]/[pageId]/page.tsx b/app/(docs)/@docs/[lang]/[pageId]/page.tsx
index dc860432..ae168fb0 100644
--- a/app/(docs)/@docs/[lang]/[pageId]/page.tsx
+++ b/app/(docs)/@docs/[lang]/[pageId]/page.tsx
@@ -46,14 +46,6 @@ export default async function Page({
params: Promise<{ lang: LangId; pageId: PageSlug }>;
}) {
const { lang, pageId } = await params;
- const langEntry = await getPagesListForLang(lang);
- const pageEntryIndex =
- langEntry?.pages.findIndex((p) => p.slug === pageId) ?? -1;
- const pageEntry = langEntry?.pages[pageEntryIndex];
- if (!langEntry || !pageEntry) notFound();
-
- const prevPage = langEntry.pages[pageEntryIndex - 1];
- const nextPage = langEntry.pages[pageEntryIndex + 1];
// server componentなのでuseMemoいらない
const path = { lang: lang, page: pageId };
@@ -70,10 +62,8 @@ export default async function Page({
diff --git a/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx b/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx
index 55b98e18..e94d1501 100644
--- a/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx
+++ b/app/(docs)/@docs/[lang]/[pageId]/pageContent.tsx
@@ -8,29 +8,35 @@ import clsx from "clsx";
import { PageTransition } from "./pageTransition";
import {
DynamicMarkdownSection,
- LanguageEntry,
+ LangId,
MarkdownSection,
- PageEntry,
PagePath,
+ PageSlug,
SectionId,
} from "@/lib/docs";
import { Heading } from "@/markdown/heading";
import Link from "next/link";
import { useChatId } from "@/(docs)/chatAreaState";
import { ChatWithMessages } from "@/lib/chatHistory";
+import { usePagesListForLang } from "@/pagesListContext";
interface PageContentProps {
splitMdContent: MarkdownSection[];
- langEntry: LanguageEntry;
- pageEntry: PageEntry;
- prevPage?: PageEntry;
- nextPage?: PageEntry;
+ langId: LangId;
+ pageSlug: PageSlug;
path: PagePath;
chatHistories: ChatWithMessages[];
}
export function PageContent(props: PageContentProps) {
const { setSidebarMdContent } = useSidebarMdContext();
- const { splitMdContent, pageEntry, path, chatHistories } = props;
+ const { splitMdContent, langId, pageSlug, path, chatHistories } = props;
+
+ const langEntry = usePagesListForLang(langId);
+ const pageEntryIndex =
+ langEntry?.pages.findIndex((p) => p.slug === pageSlug) ?? -1;
+ const pageEntry = langEntry?.pages[pageEntryIndex];
+ const prevPage = langEntry?.pages[pageEntryIndex - 1];
+ const nextPage = langEntry?.pages[pageEntryIndex + 1];
const [sectionInView, setSectionInView] = useState([]);
const sectionRefs = useRef>([]);
@@ -143,7 +149,7 @@ export function PageContent(props: PageContentProps) {
}}
>
- 第{pageEntry.index}章: {pageEntry.title}
+ 第{pageEntry?.index}章: {pageEntry?.title}
{dynamicMdContent.map((section, index) => (
@@ -173,8 +179,8 @@ export function PageContent(props: PageContentProps) {
))}
@@ -184,7 +190,7 @@ export function PageContent(props: PageContentProps) {
+
diff --git a/app/lib/docs.ts b/app/lib/docs.ts
index 12405ab3..9c8e9b95 100644
--- a/app/lib/docs.ts
+++ b/app/lib/docs.ts
@@ -67,9 +67,7 @@ export type MarkdownSection = z.output;
export interface TermDefinition {
alias: string[];
- pageSlug: PageSlug;
- pageIndex: number;
- pageName: string;
+ page: PageSlug;
id: SectionId;
title: string;
rawContentWithoutCode: string;
@@ -99,6 +97,9 @@ export type DynamicMarkdownSection = z.output<
/**
* 各言語のindex.ymlから読み込んだデータにid,index等を追加したデータ型
+ *
+ * getPagesList() で取得できるが、クライアントコンポーネントで頻繁に使うので、
+ * layout.tsxでcontextを初期化しておりusePagesList()で取得することもできる (pagesListContext.tsx)
*/
export interface LanguageEntry {
/**
@@ -216,6 +217,10 @@ export async function getPagesList(): Promise {
export async function getPagesListForLang(
langId: LangId
): Promise {
+ if (!(await getLanguageIds()).includes(langId)) {
+ notFound();
+ }
+
const raw = await readPublicFile(`docs/${langId}/index.yml`);
const data = yaml.load(raw) as IndexYml;
return {
@@ -269,6 +274,13 @@ export async function getMarkdownSections(
lang: LangId,
page: PageSlug
): Promise {
+ if (
+ /*!(await getLanguageIds()).includes(lang) || // getPagesListForLangのなかでチェック */
+ !(await getPagesListForLang(lang)).pages.some((p) => p.slug === page)
+ ) {
+ notFound();
+ }
+
if (isCloudflare()) {
const sectionsJson = await readPublicFile(
`docs/${lang}/${page}/sections.json`
@@ -380,6 +392,10 @@ export async function getRevisionOfMarkdownSection(
export async function getTermDefinitions(
langId: LangId
): Promise {
+ if (!(await getLanguageIds()).includes(langId)) {
+ notFound();
+ }
+
if (isCloudflare()) {
const termsJson = await readPublicFile(
`docs/${langId}/termDefinitions.json`
@@ -407,9 +423,7 @@ export async function getTermDefinitions(
if (section.term && section.term.length >= 1) {
terms.push({
alias: section.term,
- pageSlug: page.slug,
- pageIndex: page.index,
- pageName: page.name,
+ page: page.slug,
id: section.id,
title: section.title,
rawContentWithoutCode: section.rawContent
diff --git a/app/markdown/term.tsx b/app/markdown/term.tsx
index ffbf1004..a90d4040 100644
--- a/app/markdown/term.tsx
+++ b/app/markdown/term.tsx
@@ -20,6 +20,7 @@ import {
FloatingPortal,
} from "@floating-ui/react";
import clsx from "clsx";
+import { usePagesListForLang } from "@/pagesListContext";
const TermDefinitionContext = createContext<{
lang: LangId;
@@ -50,6 +51,8 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
// @docs/lang/pageId/page.tsx で取得したものをcontextに渡してそれを取得する
const { lang, termDefinitions } = useContext(TermDefinitionContext) ?? {};
+ const langEntry = usePagesListForLang(lang);
+
// 1. Manage the tooltip's open state
const [isOpen, setIsOpen] = useState(false);
@@ -101,12 +104,14 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
);
}
+ const pageEntry = langEntry?.pages.find((p) => p.slug === term.page);
+
return (
<>
{props.children}
@@ -127,7 +132,7 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
-
- {term.pageIndex}. {term.pageName}
+ {pageEntry?.index}. {pageEntry?.name}
- {term.title}
diff --git a/app/pagesListContext.tsx b/app/pagesListContext.tsx
new file mode 100644
index 00000000..d57be245
--- /dev/null
+++ b/app/pagesListContext.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import { createContext, ReactNode, useContext } from "react";
+import { LangId, LanguageEntry } from "./lib/docs";
+
+const PagesListContext = createContext(null!);
+
+export function PagesListContextProvider({
+ pagesList,
+ children,
+}: {
+ pagesList: LanguageEntry[];
+ children: ReactNode;
+}) {
+ return (
+
+ {children}
+
+ );
+}
+
+export const usePagesList = () => useContext(PagesListContext);
+export function usePagesListForLang(lang?: LangId) {
+ const pagesList = useContext(PagesListContext);
+ return pagesList.find((p) => p.id === lang);
+}
diff --git a/app/sidebar.tsx b/app/sidebar.tsx
index ac1787d3..7bdd7ff9 100644
--- a/app/sidebar.tsx
+++ b/app/sidebar.tsx
@@ -20,6 +20,7 @@ import {
import clsx from "clsx";
import { LanguageIcon } from "@/terminal/icons";
import { RuntimeLang } from "@my-code/runtime/languages";
+import { usePagesList } from "./pagesListContext";
export interface ISidebarMdContext {
loadedPath: PagePath | null;
@@ -78,11 +79,12 @@ export function SidebarMdProvider({ children }: { children: ReactNode }) {
);
}
-export function Sidebar({ pagesList }: { pagesList: LanguageEntry[] }) {
+export function Sidebar() {
const pathname = usePathname();
const pathnameMatch = pathname.match(/^\/([\w-_]+)\/([\w-_]+).*?/);
const currentLang = pathnameMatch?.[1] as LangId;
const currentPageId = pathnameMatch?.[2] as PageSlug;
+ const pagesList = usePagesList();
const sidebarContext = useSidebarMdContext();
// sidebarMdContextの情報が古かったら使わない
const sidebarMdContent =
From 182fe2a5b2c152b363c3015e4804ba52c8c90b23 Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Wed, 29 Jul 2026 16:31:13 +0900
Subject: [PATCH 10/21] =?UTF-8?q?=E5=88=A5=E3=83=9A=E3=83=BC=E3=82=B8?=
=?UTF-8?q?=E3=81=B8=E3=81=AE=E5=86=85=E9=83=A8=E3=83=AA=E3=83=B3=E3=82=AF?=
=?UTF-8?q?=E3=82=92term=E3=81=A8=E5=90=8C=E6=A7=98=E3=81=AB=E5=AE=9F?=
=?UTF-8?q?=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 23 ++++++++-
app/(docs)/@docs/[lang]/[pageId]/page.tsx | 6 ++-
app/markdown/term.tsx | 62 +++++++++++++++++++++--
3 files changed, 86 insertions(+), 5 deletions(-)
diff --git a/README.md b/README.md
index 09b11f42..3df5880e 100644
--- a/README.md
+++ b/README.md
@@ -189,7 +189,28 @@ Cloudflare Worker のビルドログとステータス表示が見れますが
````
- 練習問題のファイル名は不都合がなければ `practice(章番号)_(問題番号).拡張子` で統一。空でもよいのでファイルコードブロックとexecコードブロックを置く
-## markdown仕様
+### 内部リンク
+
+```
+[[用語]]
+```
+と書くと、`term: - 用語` が定義されている別のセクションへのリンクになり、ポップアップでその内容も表示されます。
+
+markdown書式も利用可能です。 `[[ほげ**ふが**]]` は `term: - ほげふが` へのリンクになり、表示は「ほげ**ふが**」になります。ただし `**[[ふが]]**` はリンクの色が優先されるのに対し `[[**ふが**]]` は強調の色が優先されます。
+
+```
+[[./1-foo]]
+[[./1]]
+```
+と書くと、同じ言語のページID `1-foo` またはindex `1` (ページのindexはindex.ymlの記述順で0-based) へのリンクになり、表示は「第1章」になります
+
+```
+[[./prev]]
+[[./next]]
+```
+と書くと、同じ言語の前のページ・次のページへのリンクになり、表示は「第1章」(実際の章番号)になります
+
+### コード実行環境仕様
実行環境の説明は ./packages/runtime/README.md を参照
diff --git a/app/(docs)/@docs/[lang]/[pageId]/page.tsx b/app/(docs)/@docs/[lang]/[pageId]/page.tsx
index ae168fb0..842e0509 100644
--- a/app/(docs)/@docs/[lang]/[pageId]/page.tsx
+++ b/app/(docs)/@docs/[lang]/[pageId]/page.tsx
@@ -58,7 +58,11 @@ export default async function Page({
return (
<>
-
+
(null);
export function TermDefinitionProvider({
lang,
+ page,
termDefinitions,
children,
}: {
lang: LangId;
+ page: PageSlug;
termDefinitions: TermDefinition[];
children: ReactNode;
}) {
return (
-
+
{children}
);
@@ -49,7 +52,8 @@ export function TermDefinitionProvider({
export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
// termDefinitionの取得がasync関数であり、clientコンポーネントから直接取得できないので、
// @docs/lang/pageId/page.tsx で取得したものをcontextに渡してそれを取得する
- const { lang, termDefinitions } = useContext(TermDefinitionContext) ?? {};
+ const { lang, page, termDefinitions } =
+ useContext(TermDefinitionContext) ?? {};
const langEntry = usePagesListForLang(lang);
@@ -91,6 +95,58 @@ export default function Term(props: JSX.IntrinsicElements["q"] & ExtraProps) {
const termText = onlyText(props.children);
const term = termDefinitions.find((t) => t.alias.includes(termText));
if (!term) {
+ const internalLink = (pageEntry: PageEntry) => (
+
+
+ 第{pageEntry.index}章
+
+
+ );
+
+ // ./1, ./1-foo, ./next, ./prev →同じ言語のドキュメントへのリンクで、「第n章」
+ const pageIndexMatch = termText.match(/^.\/(\d+)$/);
+ const pageSlugMatch = termText.match(/^.\/([0-9a-zA-Z_-]+)$/);
+ if (
+ pageIndexMatch &&
+ langEntry &&
+ Number(pageIndexMatch[1]) < langEntry.pages.length
+ ) {
+ return internalLink(langEntry.pages[Number(pageIndexMatch[1])]);
+ }
+ if (
+ pageSlugMatch &&
+ langEntry?.pages.find((p) => p.slug === pageSlugMatch[1])
+ ) {
+ return internalLink(
+ langEntry.pages.find((p) => p.slug === pageSlugMatch[1])!
+ );
+ }
+ const currentPageIndex = langEntry?.pages.findIndex((p) => p.slug === page);
+ if (
+ pageSlugMatch &&
+ langEntry &&
+ pageSlugMatch[1] === "prev" &&
+ currentPageIndex !== undefined
+ ) {
+ // ./prev → 前のページ
+ return internalLink(langEntry.pages[currentPageIndex - 1]);
+ }
+ if (
+ pageSlugMatch &&
+ langEntry &&
+ pageSlugMatch[1] === "next" &&
+ currentPageIndex !== undefined
+ ) {
+ // ./next → 次のページ
+ return internalLink(langEntry.pages[currentPageIndex + 1]);
+ }
+
console.error(`'${termText}' という用語は定義されていません`);
return (
Date: Fri, 31 Jul 2026 00:43:35 +0900
Subject: [PATCH 11/21] =?UTF-8?q?alert=E3=81=A8blockquote=E3=82=92?=
=?UTF-8?q?=E5=AE=9F=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/daisyAlertIcon.tsx | 21 +++--
app/markdown/markdown.tsx | 33 +++++++
app/markdown/remarkGithubAlerts.ts | 145 +++++++++++++++++++++++++++++
app/page.tsx | 2 +-
app/terminal/editor.tsx | 2 +-
app/terminal/exec.tsx | 2 +-
app/terminal/page.tsx | 2 +-
app/terminal/repl.tsx | 2 +-
8 files changed, 196 insertions(+), 13 deletions(-)
create mode 100644 app/markdown/remarkGithubAlerts.ts
diff --git a/app/daisyAlertIcon.tsx b/app/daisyAlertIcon.tsx
index ebeef52e..7c3351c5 100644
--- a/app/daisyAlertIcon.tsx
+++ b/app/daisyAlertIcon.tsx
@@ -1,12 +1,17 @@
+import clsx from "clsx";
+
// https://daisyui.com/components/alert/ のコード例のsvgのコピペ
-export function DaisyInfoIcon() {
+/**
+ * 色を変える場合は のように使う
+ */
+export function DaisyInfoIcon({ className }: { className?: string }) {
return (
-
+
プログラミング未経験の方、何から始めればいいかわからない...という方は、
diff --git a/app/terminal/editor.tsx b/app/terminal/editor.tsx
index aef2e0f6..14d2547b 100644
--- a/app/terminal/editor.tsx
+++ b/app/terminal/editor.tsx
@@ -86,7 +86,7 @@ export function EditorComponent(props: EditorProps) {
return (
diff --git a/app/terminal/exec.tsx b/app/terminal/exec.tsx
index 7bf12e59..b6b7e28d 100644
--- a/app/terminal/exec.tsx
+++ b/app/terminal/exec.tsx
@@ -139,7 +139,7 @@ export function ExecFile(props: ExecProps) {
return (
diff --git a/app/terminal/page.tsx b/app/terminal/page.tsx
index c7b57a2c..ba9a32ec 100644
--- a/app/terminal/page.tsx
+++ b/app/terminal/page.tsx
@@ -308,7 +308,7 @@ function MochaTest() {
) : (
-
+
テストが完了しました
)}
diff --git a/app/terminal/repl.tsx b/app/terminal/repl.tsx
index ca90efeb..3af039ce 100644
--- a/app/terminal/repl.tsx
+++ b/app/terminal/repl.tsx
@@ -462,7 +462,7 @@ export function ReplTerminal({
return (
From f72dba007701e507478d7dec3ed9fa64258e64ea Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Fri, 31 Jul 2026 22:10:35 +0900
Subject: [PATCH 12/21] =?UTF-8?q?blockquote=E3=81=A7=E3=81=AF=E3=81=AA?=
=?UTF-8?q?=E3=81=8Faside=E3=81=AB=E5=A4=89=E6=9B=B4=E3=80=81=E3=83=8D?=
=?UTF-8?q?=E3=82=B9=E3=83=88=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/markdown/markdown.tsx | 27 ++++++++++++++++++++++++---
app/markdown/remarkGithubAlerts.ts | 2 +-
2 files changed, 25 insertions(+), 4 deletions(-)
diff --git a/app/markdown/markdown.tsx b/app/markdown/markdown.tsx
index dc4e093e..b0631d55 100644
--- a/app/markdown/markdown.tsx
+++ b/app/markdown/markdown.tsx
@@ -16,6 +16,7 @@ import {
DaisySuccessIcon,
DaisyWarningIcon,
} from "@/daisyAlertIcon";
+import { CSSProperties } from "react";
export function StyledMarkdown(props: {
content: string;
@@ -68,6 +69,20 @@ const baseComponents: Components = {
hr: () => null,
blockquote: ({ node, className, children, ...props }) => (
+ がmx-2 my-2を設定するので、その分広げて相殺
+ className="flex-1 w-full -m-2"
+ >
+ {children}
+
+
+ ),
+ aside: ({ node, className, children, ...props }) => (
+ // remarkGitHubAlerts.ts でalertをasideタグにしている
+
) : null}
- {/* がmx-2 my-2を設定するので、その分広げて相殺 */}
-
{children}
-
+ がmx-2 my-2を設定するので、その分広げて相殺
+ className="flex-1 w-full -m-2 self-center"
+ // alertネスト対応
+ style={{ "--alert-color": "initial" } as CSSProperties}
+ >
+ {children}
+
+
),
pre: ({ children }) => children,
code: (props) => ,
diff --git a/app/markdown/remarkGithubAlerts.ts b/app/markdown/remarkGithubAlerts.ts
index 81313221..40c0d11f 100644
--- a/app/markdown/remarkGithubAlerts.ts
+++ b/app/markdown/remarkGithubAlerts.ts
@@ -56,7 +56,7 @@ type Option = {
*/
export const remarkAlert: Plugin<[Option?], Root> = ({
legacyTitle = false,
- tagName = "blockquote",
+ tagName = "aside",
classNames = "",
} = {}) => {
return (tree) => {
From b3a931b88e98e0502383c2110e516e291b686c2c Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Fri, 31 Jul 2026 22:17:51 +0900
Subject: [PATCH 13/21] =?UTF-8?q?readme=E3=81=ABalert=E3=81=AE=E8=AA=AC?=
=?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 10 ++++++++++
1 file changed, 10 insertions(+)
diff --git a/README.md b/README.md
index 3df5880e..3ef60816 100644
--- a/README.md
+++ b/README.md
@@ -189,6 +189,16 @@ Cloudflare Worker のビルドログとステータス表示が見れますが
````
- 練習問題のファイル名は不都合がなければ `practice(章番号)_(問題番号).拡張子` で統一。空でもよいのでファイルコードブロックとexecコードブロックを置く
+### Alert
+
+GitHubのalert記法の、`NOTE` `TIP` `WARNING` `CAUTION` が使えます。
+`IMPORTANT` はwarningに置き換えられます。
+
+```
+> [!NOTE]
+> Highlights information that users should take into account, even when skimming.
+```
+
### 内部リンク
```
From cdc518580b85d12d2d6b8ac6f1283f0f923030e2 Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Fri, 31 Jul 2026 23:42:47 +0900
Subject: [PATCH 14/21] fix lint
---
app/(docs)/@chat/chat/[chatId]/chatArea.tsx | 8 +-------
app/sidebar.tsx | 8 +-------
2 files changed, 2 insertions(+), 14 deletions(-)
diff --git a/app/(docs)/@chat/chat/[chatId]/chatArea.tsx b/app/(docs)/@chat/chat/[chatId]/chatArea.tsx
index 6b8038f7..0f5413b0 100644
--- a/app/(docs)/@chat/chat/[chatId]/chatArea.tsx
+++ b/app/(docs)/@chat/chat/[chatId]/chatArea.tsx
@@ -4,13 +4,7 @@ import { ChatAreaStateUpdater } from "@/(docs)/chatAreaState";
import { useStreamingChatContext } from "@/(docs)/streamingChatContext";
import { deleteChatAction } from "@/actions/deleteChat";
import { ChatWithMessages } from "@/lib/chatHistory";
-import {
- LangId,
- LanguageEntry,
- MarkdownSection,
- PageEntry,
- PageSlug,
-} from "@/lib/docs";
+import { LangId, MarkdownSection, PageSlug } from "@/lib/docs";
import { Heading } from "@/markdown/heading";
import { StyledMarkdown } from "@/markdown/markdown";
import { usePagesListForLang } from "@/pagesListContext";
diff --git a/app/sidebar.tsx b/app/sidebar.tsx
index 7bdd7ff9..1615ee93 100644
--- a/app/sidebar.tsx
+++ b/app/sidebar.tsx
@@ -1,13 +1,7 @@
"use client";
import Link from "next/link";
import { usePathname } from "next/navigation";
-import {
- DynamicMarkdownSection,
- LangId,
- LanguageEntry,
- PagePath,
- PageSlug,
-} from "@/lib/docs";
+import { DynamicMarkdownSection, LangId, PagePath, PageSlug } from "@/lib/docs";
import { AccountMenu } from "./accountMenu";
import { ThemeToggle } from "./themeToggle";
import {
From d87bc8dcf2201b3e40c1285de552c181826471b5 Mon Sep 17 00:00:00 2001
From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Date: Sat, 1 Aug 2026 15:52:12 +0900
Subject: [PATCH 15/21] =?UTF-8?q?tootlip=E3=81=8C=E9=9A=A0=E3=82=8C?=
=?UTF-8?q?=E3=82=8B=E3=81=AE=E3=82=92=E4=BF=AE=E6=AD=A32?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/terminal/exec.tsx | 2 +-
app/terminal/modal.tsx | 1 +
app/terminal/repl.tsx | 2 +-
3 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/app/terminal/exec.tsx b/app/terminal/exec.tsx
index b6b7e28d..67f96b23 100644
--- a/app/terminal/exec.tsx
+++ b/app/terminal/exec.tsx
@@ -143,7 +143,7 @@ export function ExecFile(props: ExecProps) {
open={isModal}
setOpen={setIsModal}
>
-
+