New extensions: side panel and outliner

[CloudHill]

outliner

as suggested by #252.
the outliner is a panel extension that displays a table of contents listing the current page's header blocks.
you can navigate to any header by clicking on it on the panel.

side panel

the side panel extension serves as a container for other mods to display some information on a panel.
the extension will only execute if any panel extension is enabled.

creating a panel extension

to create a panel extension, add a panel key to mod.js with either a string or an object value.
it is also recommended to add panel to the extension's tags.

• as a string, the value should be a relative path to an html file to be rendered on the panel.
• as an object, the value can have the following properties:

key	description	type
html	relative path to an html file to be rendered on the panel.	string
name (optional)	title to be displayed on the panel - falls back to the name defined in the exports object.	string
icon (optional)	relative path to an svg to be displayed as the panel's icon - falls back to the first letter of name.	string
js (optional)	relative path to a js module. the module should return an object with functions that will be executed in various events.	string
fullHeight (optional)	by default, the panel will shrink to its content's height when unlocked. set to true to prevent this.	boolean
reload (optional)	set to true to show a reload button on the panel	boolean

example:

module.exports = {
  id: '87e077cc-5402-451c-ac70-27cc4ae65546',
  tags: ['extension', 'panel'],
  name: 'outliner',
  desc: 'table of contents.',
  version: '1.0.0',
  author: 'CloudHill',
  panel: {
    html: "panel.html",
    name: "Outline",
    icon: "icon.svg",
    js: "panel.js",
  }
};

panel event functions

your js module should return an object with one or more of these functions:

• onLoad() runs after your html is rendered.
• onSwitch() runs when the user switches to another panel extension.
• onUnlock() runs when the panel is unlocked.
• onLock() runs when the panel is locked.
• onResize() runs when the user resizes the panel using the resize handle.

[admiraldus]

can you make an animation almost same to the left sidebar?

[woniuxia]

looking forward！

[laichunguang1]

Thank you! This extionsion is awesome. But I could I scroll in outliner when my table of contents is too long? Because it only show the front part of it.

[dragonwocky]

@laichunguang1 see #881, not being able to scroll is a bug

[laichunguang1]

I see, thank you. Hope it will be fixed soon!

…

On Sat, Jan 29, 2022 at 8:47 PM Tom ***@***.***> wrote: @laichunguang1 <https://github.com/laichunguang1> see notion-enhancer/notion-enhancer#881 <#881>, not being able to scroll is a bug — Reply to this email directly, view it on GitHub <#284 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APH2F2FC62PHFIP5CGY4J5LUYSKDTANCNFSM4T7EG3GQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were mentioned.Message ID: ***@***.***>