[PR #1032] [MERGED] Add initial toc component and handling in preview #1097

New issue

Closed

opened 2026-03-03 00:24:37 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 00:24:37 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/BoostIO/BoostNote-App/pull/1032
Author: @Komediruzecki
Created: 6/30/2021
Status: ✅ Merged
Merged: 7/23/2021
Merged by: @Rokt33r

Base: master ← Head: feature/add-toc-generation

📝 Commits (1)

c3e93c9 Add initial toc component and handling in preview

📊 Changes

6 files changed (+194 additions, -1 deletions)

View changed files

📝 package-lock.json (+30 -0)
📝 package.json (+1 -0)
📝 src/cloud/components/atoms/MarkdownView/index.tsx (+6 -1)
📝 src/cloud/components/molecules/Editor/index.tsx (+38 -0)
➕ src/cloud/components/molecules/TableOfContents/index.tsx (+115 -0)
📝 src/cloud/lib/utils/events.ts (+4 -0)

📄 Description

Add linkable headers custom link
Add event for firing focus heading

Tested in dev desktop app (cloud space)
Tested in webapp (cloud space)

Workflow:

User creates document with headings (h1-h6 - depest level 6, can be changed later)
User adds toc with shortcode [[toc]]
User clicks on markdown preview links and navigates to editor heading location
User disables sync and clicks on links (only focuses in editor, markdown preview stays where it is)

Example:

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/BoostIO/BoostNote-App/pull/1032 **Author:** [@Komediruzecki](https://github.com/Komediruzecki) **Created:** 6/30/2021 **Status:** ✅ Merged **Merged:** 7/23/2021 **Merged by:** [@Rokt33r](https://github.com/Rokt33r) **Base:** `master` ← **Head:** `feature/add-toc-generation` --- ### 📝 Commits (1) - [`c3e93c9`](https://github.com/BoostIO/BoostNote-App/commit/c3e93c943cf68c26248ec8f2ba6f413feefdcede) Add initial toc component and handling in preview ### 📊 Changes **6 files changed** (+194 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `package-lock.json` (+30 -0) 📝 `package.json` (+1 -0) 📝 `src/cloud/components/atoms/MarkdownView/index.tsx` (+6 -1) 📝 `src/cloud/components/molecules/Editor/index.tsx` (+38 -0) ➕ `src/cloud/components/molecules/TableOfContents/index.tsx` (+115 -0) 📝 `src/cloud/lib/utils/events.ts` (+4 -0) </details> ### 📄 Description Add linkable headers custom link Add event for firing focus heading Tested in dev desktop app (cloud space) Tested in webapp (cloud space) Workflow: 1. User creates document with headings (h1-h6 - depest level 6, can be changed later) 2. User adds toc with shortcode `[[toc]]` 2. User clicks on markdown preview links and navigates to editor heading location 3. User disables sync and clicks on links (only focuses in editor, markdown preview stays where it is) Example: ![image](https://user-images.githubusercontent.com/18196945/124035691-2d022280-d9fd-11eb-9d1d-11d055f41c92.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-03-03 00:24:37 +03:00

closed this issue
added the
pull-request
label

kerem referenced this issue

2026-03-03 00:24:51 +03:00

[PR #1097] [MERGED] Fix nav team selector for desktop app #1146

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/BoostNote-App#1097

No description provided.

Rows
Columns