typo

mehm8128 · mehm8128 · commit 79d0fe7173c2 · 2025-09-16T23:30:55.000+09:00
diff --git a/README.md b/README.md
@@ -21,11 +21,11 @@ pnpm install @mehm8128/rehype-toc
 ### astro.config.mjs
 
 ```ts
-import { rehypeCollapsableToc } from "@mehm8128/rehype-toc";
+import { rehypeCollapsibleToc } from "@mehm8128/rehype-toc";
 
 export default defineConfig({
   markdown: {
-    rehypePlugins: [rehypeCollapsableToc],
+    rehypePlugins: [rehypeCollapsibleToc],
   },
 });
 ```
@@ -34,8 +34,8 @@ export default defineConfig({
 
 ```ts
 import { rehype } from "rehype"
-import { rehypeCollapsableToc } from "@mehm8128/rehype-toc";
+import { rehypeCollapsibleToc } from "@mehm8128/rehype-toc";
 
 const input = "<h2 id="heading-id"><a href="#heading-id">Heading</a></h2>";
-const { value } = await rehype().use(rehypeCollapsableToc).process(input);
+const { value } = await rehype().use(rehypeCollapsibleToc).process(input);
 ```
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
 	},
 	"homepage": "https://github.com/mehm8128/rehype-toc",
 	"license": "MIT",
-	"description": "rehype plugin to generate a collapsable table of contents",
+	"description": "rehype plugin to generate a collapsible table of contents",
 	"keywords": [
 		"rehype",
 		"toc",
diff --git a/src/index.ts b/src/index.ts
@@ -1,7 +1,7 @@
 import type { Element, ElementContent, Root, Text } from 'hast'
 import { visit } from 'unist-util-visit'
 
-export const rehypeCollapsableToc = () => {
+export const rehypeCollapsibleToc = () => {
 	return (tree: Root) => {
 		const rootUlElement: Element = {
 			type: 'element',
@@ -14,7 +14,7 @@ export const rehypeCollapsableToc = () => {
 			visitorCallback(node, rootUlElement)
 		})
 
-		const detailsElement = createCollapsableToc(rootUlElement)
+		const detailsElement = createCollapsibleToc(rootUlElement)
 		tree.children.unshift(detailsElement)
 	}
 }
@@ -140,7 +140,7 @@ const createListItemElement = (node: Element): Element => {
 	}
 }
 
-const createCollapsableToc = (rootUlElement: Element): Element => {
+const createCollapsibleToc = (rootUlElement: Element): Element => {
 	const summaryElement: Element = {
 		type: 'element',
 		tagName: 'summary',
diff --git a/tests/__snapshots__/index.test.ts.snap b/tests/__snapshots__/index.test.ts.snap
@@ -1,13 +1,13 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`rehypeCollapsableToc > h2だけのとき、同じレベルで作成される 1`] = `
+exports[`rehypeCollapsibleToc > h2だけのとき、同じレベルで作成される 1`] = `
 "<details><summary>目次</summary><ol><li><a href="#Heading 1">Heading 1</a></li><li><a href="#Heading 2">Heading 2</a></li><li><a href="#Heading 3">Heading 3</a></li></ol></details><html><head></head><body><h2 id="heading-1"><a href="#heading-1">Heading 1</a></h2>
       <h2 id="heading-2"><a href="#heading-2">Heading 2</a></h2>
       <h2 id="heading-3"><a href="#heading-3">Heading 3</a></h2>
       </body></html>"
 `;
 
-exports[`rehypeCollapsableToc > h2以外で同じレベルの見出しが適切に作成される 1`] = `
+exports[`rehypeCollapsibleToc > h2以外で同じレベルの見出しが適切に作成される 1`] = `
 "<details><summary>目次</summary><ol><li><a href="#Heading 1">Heading 1</a><ol><li><a href="#Heading 1-1">Heading 1-1</a><ol><li><a href="#Heading 1-2">Heading 1-2</a><ol><li><a href="#Heading 1-2-1">Heading 1-2-1</a><ol><li><a href="#Heading 1-2-2">Heading 1-2-2</a></li></ol></li></ol></li></ol></li></ol></li></ol></details><html><head></head><body><h2 id="heading-1"><a href="#heading-1">Heading 1</a></h2>
       <h3 id="heading-1-1"><a href="#heading-1-1">Heading 1-1</a></h3>
       <h3 id="heading-1-2"><a href="#heading-1-2">Heading 1-2</a></h3>
@@ -16,7 +16,7 @@ exports[`rehypeCollapsableToc > h2以外で同じレベルの見出しが適切
     </body></html>"
 `;
 
-exports[`rehypeCollapsableToc > 低いレベルの見出しに戻るときにも適切に作成される 1`] = `
+exports[`rehypeCollapsibleToc > 低いレベルの見出しに戻るときにも適切に作成される 1`] = `
 "<details><summary>目次</summary><ol><li><a href="#Heading 1">Heading 1</a><ol><li><a href="#Heading 1-1">Heading 1-1</a><ol><li><a href="#Heading 1-1-1">Heading 1-1-1</a><ol><li><a href="#Heading 2">Heading 2</a><ol><li><a href="#Heading 2-1">Heading 2-1</a></li></ol></li></ol></li></ol></li></ol></li><li><a href="#Heading 3">Heading 3</a></li></ol></details><html><head></head><body><h2 id="heading-1"><a href="#heading-1">Heading 1</a></h2>
       <h3 id="heading-1-1"><a href="#heading-1-1">Heading 1-1</a></h3>
       <h4 id="heading-1-1-1"><a href="#heading-1-1-1">Heading 1-1-1</a></h4>
diff --git a/tests/index.test.ts b/tests/index.test.ts
@@ -1,15 +1,15 @@
 import { rehype } from 'rehype'
 import { describe, expect, test } from 'vitest'
-import { rehypeCollapsableToc } from '../src'
+import { rehypeCollapsibleToc } from '../src'
 
-describe('rehypeCollapsableToc', () => {
+describe('rehypeCollapsibleToc', () => {
 	test('h2だけのとき、同じレベルで作成される', async () => {
 		const input = `
       <h2 id="heading-1"><a href="#heading-1">Heading 1</a></h2>
       <h2 id="heading-2"><a href="#heading-2">Heading 2</a></h2>
       <h2 id="heading-3"><a href="#heading-3">Heading 3</a></h2>
       `
-		const { value } = await rehype().use(rehypeCollapsableToc).process(input)
+		const { value } = await rehype().use(rehypeCollapsibleToc).process(input)
 		expect(value).toMatchSnapshot()
 	})
 	test('h2以外で同じレベルの見出しが適切に作成される', async () => {
@@ -20,7 +20,7 @@ describe('rehypeCollapsableToc', () => {
       <h4 id="heading-1-2-1"><a href="#heading-1-2-1">Heading 1-2-1</a></h4>
       <h4 id="heading-1-2-2"><a href="#heading-1-2-2">Heading 1-2-2</a></h4>
     `
-		const { value } = await rehype().use(rehypeCollapsableToc).process(input)
+		const { value } = await rehype().use(rehypeCollapsibleToc).process(input)
 		expect(value).toMatchSnapshot()
 	})
 	test('低いレベルの見出しに戻るときにも適切に作成される', async () => {
@@ -32,7 +32,7 @@ describe('rehypeCollapsableToc', () => {
       <h4 id="heading-2-1"><a href="#heading-2-1">Heading 2-1</a></h4>
       <h2 id="heading-3"><a href="#heading-3">Heading 3</a></h2>
     `
-		const { value } = await rehype().use(rehypeCollapsableToc).process(input)
+		const { value } = await rehype().use(rehypeCollapsibleToc).process(input)
 		expect(value).toMatchSnapshot()
 	})
 })

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`import type { Element, ElementContent, Root, Text } from 'hast'`
`2`	`2`	`import { visit } from 'unist-util-visit'`
`3`	`3`
`4`		`-export const rehypeCollapsableToc = () => {`
	`4`	`+export const rehypeCollapsibleToc = () => {`
`5`	`5`	`return (tree: Root) => {`
`6`	`6`	`const rootUlElement: Element = {`
`7`	`7`	`type: 'element',`
`@@ -14,7 +14,7 @@ export const rehypeCollapsableToc = () => {`
`14`	`14`	`visitorCallback(node, rootUlElement)`
`15`	`15`	`})`
`16`	`16`
`17`		`- const detailsElement = createCollapsableToc(rootUlElement)`
	`17`	`+ const detailsElement = createCollapsibleToc(rootUlElement)`
`18`	`18`	`tree.children.unshift(detailsElement)`
`19`	`19`	`}`
`20`	`20`	`}`
`@@ -140,7 +140,7 @@ const createListItemElement = (node: Element): Element => {`
`140`	`140`	`}`
`141`	`141`	`}`
`142`	`142`
`143`		`-const createCollapsableToc = (rootUlElement: Element): Element => {`
	`143`	`+const createCollapsibleToc = (rootUlElement: Element): Element => {`
`144`	`144`	`const summaryElement: Element = {`
`145`	`145`	`type: 'element',`
`146`	`146`	`tagName: 'summary',`