momotaro98/page-contents-sidebar

Chrome extension app: Sidebar for showing list of the page contents

page-contents-sidebar

Sidebar Extension for Markdown on Gist

Features

• Display header title of Markdown file
• Jump to target area
• Change the depth of the display header
• Track and focus on current browsing points
• Change the sidebar width
• The sidebar can be hidden with a single button

Future

Scheduled to support other sites such as GitHub and Confluence.

Development

Start development

$ cd page-contents-sidebar
$ npm install

Build, run, and watch app

Modify src files and run and watch app by building with gulp

$ npm start

Inspect app

Open tmp/app directory as extension in Chrome browser, chrome://extensions/

Deployment app to Chrome Extension

0. Update version of package.json
1. Run npm run-script build or gulp build and check tmp/app TODO: Use npm dist with zip the dir
2. Create a zip file of tmp/app
3. Go to Chrome Ex Dashboard and upload the zip file
4. Push update to master and create release and tag

page-contents-sidebar's Issues

Unable to show Index When URL link in the Markdown text.

When the URL link is in Markdown like [google] (https://google.com),
The list in the sidebar is displayed only up to that link position.

Bug: Invalid height position in this way.

https://github.com/momotaro98/md-index-sideviewer/blob/master/src/mdisviewer.js#L51

この書き方だとハイライト部分表示が不適切である。
該当スコープ内のとき、対象のタイトルにちゃんとハイライトされるように修正すべし。

http://twilyze.hatenablog.jp/entry/hatena-blog-custom2
を参考にしたりする。