Pathmarks is a lightweight browser extension to manage and access useful application paths.
- Save and manage custom shortcuts (e.g.
/admin,/config/users) - Search and filter pathmarks by title or path
- Open links in new tabs next to your current one
- Intuitive popup with quick access
- Clean and editable configuration with JSON
-
Install dependencies
npm ci
-
Build the extension
npm run build
This will create a
dist/folder containing the production build. -
Important:
Before building for release, make sure to update the version number in bothmanifest.jsonandpackage.json.
For example:{ "version": "1.1.0" }
- Open Chrome and go to:
chrome://extensions/ - Enable Developer mode (toggle in the top-right corner).
- Click "Load unpacked".
- Select the
dist/folder created from your build. - Test your new features.
If everything works correctly, you can proceed to merge your branch.
After merging your pull request to main, the GitHub Actions pipeline will:
- Run the build command:
npm run build
- Create a ZIP file of the built extension.
- Upload the
.zipas an artifact in the GitHub Action run.
- Go to your GitHub Actions page.
- Open the latest successful run of "Build and Zip Chrome Extension".
- Download the
pathmarks-extensionartifact (it’s a ZIP).
When you download the ZIP from GitHub Actions:
- You’ll get a ZIP that contains a root folder (e.g.
pathmarks/inside the archive). - You must unzip it locally, then:
- Go inside that root folder.
- Re-zip the contents of that folder (so the manifest and other files are at the top level, not nested).
- Go to the Chrome Web Store Developer Dashboard.
- Open your Pathmarks extension.
- Click “Package” → “Upload New Package”.
- Upload the ZIP file you just prepared.
- Click “Publish” to submit the new version for review.
You can define your setup in the Options page like this:
{
"pathmarks": [
{ "title": "Dashboard", "path": "/dashboard" },
{ "title": "User Management", "path": "/config/users" },
{ "title": "Admin Panel", "path": "/admin" },
{ "title": "Audit Logs", "path": "/logs/audit" },
{ "title": "Feature Flags", "path": "/config/flags" },
{ "title": "Permission Settings", "path": "/config/permissions" },
{ "title": "API Explorer", "path": "/docs/api" },
{ "title": "System Monitor", "path": "/monitoring/system" },
{ "title": "Error Tracker", "path": "/errors" },
{ "title": "Support Inbox", "path": "/support/inbox" }
]
}Happy coding! ✨
– The Pathmarks Team