How alanrk/tabmark-bookmark-new-tab works
TabMark is a Chrome/Edge extension that turns bookmarks into a customizable new-tab dashboard, with search and browser-navigation features. The main user workflow is opening a new tab, browsing bookmark folders or quick links, and launching a destination or search. The README also documents sidebar access, floating-ball shortcuts, bookmark context actions, wallpaper and theme customization, and browser shortcuts. Several of these capabilities are represented by their apparent source modules; unsampled implementation details and wiring are not asserted.
Main entry points: script.js Bookmark Dashboard · quick-links.js Quick Links · search-engine-dropdown.js Search Engine Picker · sidepanel-manager.js Sidebar Manager
Components 21
New-Tab Dashboard
- Bookmark Dashboard
src/script.js - Browser Bookmarks
src/script.js - Quick Links
src/quick-links.js - Gesture Navigation
src/gesture-navigation.js
Search and Shortcuts
- Search Engine Picker
src/search-engine-dropdown.js - Search Destinations
- Floating Shortcuts
src/content.js
Sidebar Navigation
- Bookmark Sidebar
src/sidepanel.html - Sidebar Manager
src/sidepanel-manager.js - Sidebar Navigation
src/sidepanel-navigation.js - Embedded Navigation
src/navigation-handler.js
Settings and Appearance
- Settings Manager
src/settings.js - Wallpaper Controls
src/wallpaper.js - Welcome Setup
src/onboarding.js
Extension Services
- Browser Shortcuts
src/quick-links.js - Background Worker
src/background.js - Feature Tips
src/feature-tips.js - Icon Utilities
src/icons.js
Other components
- User
- Browser APIs
- Websites and Search Engines
Connections 25
- User → Bookmark Dashboard: opens
README.md - Bookmark Dashboard → Browser Bookmarks: reads bookmarks
src/script.js - Bookmark Dashboard → Search Engine Picker: initializes
src/script.js - Bookmark Dashboard → Gesture Navigation: initializes
src/script.js - Bookmark Dashboard → Feature Tips: initializes
src/script.js - Bookmark Dashboard → Quick Links: displays
- Bookmark Dashboard → Browser APIs: uses bookmark API
src/script.js - User → Quick Links: opens shortcuts
README.md - Quick Links → Icon Utilities: uses icons
src/quick-links.js - Quick Links → Sidebar Manager: loads destination
src/quick-links.js - Search Engine Picker → Icon Utilities: uses icons
src/search-engine-dropdown.js - User → Search Engine Picker: searches
README.md - Search Engine Picker → Websites and Search Engines: opens search
- User → Bookmark Sidebar: opens sidebar
README.md - Bookmark Sidebar → Sidebar Manager: manages content
- Sidebar Manager → Browser APIs: reads preferences
src/sidepanel-manager.js - Sidebar Navigation → Browser APIs: stores navigation state
src/sidepanel-navigation.js - Embedded Navigation → Sidebar Manager: updates history
- User → Floating Shortcuts: opens shortcuts
README.md - User → Settings Manager: customizes
README.md - Settings Manager → Browser APIs: stores preferences
src/settings.js - User → Wallpaper Controls: chooses wallpaper
README.md - User → Browser Shortcuts: opens tools
README.md - User → Welcome Setup: starts setup
- Background Worker → Browser APIs: handles extension events