Saturday | 23 NOV 2024
[ previous ]
[ next ]

Minimap for a Web Page

Title:
Date: 2024-11-03
Tags:  

I expected there to be a few minimap packages as that seems like a useful feature. The idea is to give a web page a little minimap with highlighted points of interest. A good example is vscode where you get a structural overview of the entire file that you can scroll around which would then scroll the main editor pane.

Unfortunately there doesn't seem to be much packages. I was able to get pagemap working but it feels fragile and it is cumbersome to use.

https://github.com/lrsjng/pagemap

For now I'm using this package but it might be fun to build out my own solution.

This library works well with sveltekit, just make sure to import it as is.

import pagemap from 'pagemap';

I got some strange errors when using the import * syntax about the pagemap function not being defined. It worked in dev mode but when running build things got weird.