Obsidian Stats logoObsidian Stats

Hub Sidebar

by Saiki77
5
4
3
2
1
Score: 35/100
Install Code

Description

Frame the local graph and outline in a clean, Publish-style right-sidebar card, with a one-click Graph / Incoming / Outgoing switcher. - This plugin has not been manually reviewed by Obsidian staff.

Reviews

No reviews yet.

Stats

stars
78
downloads
0
forks
2
days
NaN
days
NaN
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
0
commits

Latest Version

Invalid date

Changelog

See all version on GitHub

README file from

Github

Hub Sidebar

Give Obsidian's right sidebar an Obsidian Publish ("Obsidian Hub") look — a framed local-graph card and a clean "On this page" outline — plus the one thing CSS can't do: a real, clickable Graph / Incoming / Outgoing switcher on the graph card.

Hub Sidebar

Features

  • Framed graph card — wraps the local graph (and Backlinks / Outgoing Links) in a rounded, borderless box, with adjustable shape and top offset.
  • One-click switcher — buttons on the card morph it between the local graph, incoming links (backlinks), and outgoing links, in place.
  • Section labels — "Interactive graph" / "On this page" headers, Publish-style.
  • Clean outline — a plain-text "On this page" list: no chevrons, no toolbar, with a configurable heading depth (1–3 tiers).
  • Borderless sidebar — removes the hairline borders (the editor↔sidebar divider is an optional toggle).
  • Center note on screen — optional: keeps the editor column centered in the window when the sidebar is open.
  • Right-sidebar toggle — a command (assignable to a hotkey) and an optional status-bar button to hide/show the sidebar.
  • New-tab search: an imprinted search box on the empty "New tab" page. Type to fuzzy-find notes inline — results expand in place and replace the action links; arrow keys + Enter to open. On by default. Optionally show a large quote above it.
  • Templater buttons: configurable icon buttons in each note's header that insert a bound Templater template into the current note. Pick a template, an icon (from Obsidian's built-in set), and a tooltip in settings. Shown only when Templater is installed.

Screenshots

Hub Sidebar in context

Graph and outline alongside a math note

Settings

Outline heading tiers · graph switcher · section labels · hide tab bar · sidebar divider line · graph box shape (with a live preview) · graph box top padding · center note on screen · right-sidebar toggle button · new-tab search field · new-tab quote (size + strength) · search box strength · templater buttons.

Development

A TypeScript project bundled with esbuild (entry src/main.ts → root main.js).

npm install          # install dev dependencies
npm run dev          # esbuild watch build (inline sourcemap, no minify)
npm run build        # tsc --noEmit typecheck, then a minified production bundle
npm run lint         # eslint with the Obsidian plugin-guideline rules

styles.css is hand-written at the repo root and auto-loaded by Obsidian. main.js and styles.css are committed — they are the release assets.

Release

npm version <x.y.z>  # bumps package.json, syncs manifest.json + versions.json, makes a bare tag
git push --follow-tags

Pushing the tag triggers .github/workflows/release.yml, which lints, builds, verifies manifest.json matches the tag, attests build provenance, and publishes a GitHub release with main.js, manifest.json, and styles.css.

Notes

  • Needs Obsidian 1.7.2+ (declared as minAppVersion).
  • Theme-agnostic (core selectors + CSS variables); tuned to sit well with the Minimal theme.
Sponsors