{"id":23379395,"url":"https://github.com/tomasci/bookmarkts","last_synced_at":"2026-05-19T10:39:04.598Z","repository":{"id":256668652,"uuid":"244712455","full_name":"tomasci/bookmarkts","owner":"tomasci","description":"bookmark.ts - simple navigation in big pages using semi-automatic bookmarks","archived":false,"fork":false,"pushed_at":"2020-03-05T11:58:10.000Z","size":19,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T05:51:31.102Z","etag":null,"topics":["bookmarks","frontend","javascript","navigation","typescript","web"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tomasci.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-03T18:34:21.000Z","updated_at":"2021-10-04T01:27:40.000Z","dependencies_parsed_at":"2024-09-12T10:40:45.726Z","dependency_job_id":null,"html_url":"https://github.com/tomasci/bookmarkts","commit_stats":null,"previous_names":["tomasci/bookmarkts"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/tomasci/bookmarkts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomasci%2Fbookmarkts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomasci%2Fbookmarkts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomasci%2Fbookmarkts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomasci%2Fbookmarkts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomasci","download_url":"https://codeload.github.com/tomasci/bookmarkts/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomasci%2Fbookmarkts/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265212855,"owners_count":23728619,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bookmarks","frontend","javascript","navigation","typescript","web"],"created_at":"2024-12-21T19:18:26.634Z","updated_at":"2026-05-19T10:39:04.542Z","avatar_url":"https://github.com/tomasci.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# bookmark.ts\n\nBookmark.ts is the simplest version of [Bookmark.js](https://bespoyasov.ru/bookmark) but recreated in clear TypeScript.\n\n[![version](https://img.shields.io/badge/version-1.3-default.svg?style=flat-square)](https://github.com/tomasci/bookmarkts)\n\n| -                                         | Bookmark.ts   |Bookmark.js    |\n| -                                         | -             |-              |\n| dependencies                              | no            | jQuery        |\n| make BM tree                              | yes           | yes           |\n| show tree onHover beside scrollbar        | yes           | yes           |\n| activates onScroll                        | yes           | yes           |\n| scrollbar associate with links in panel   | yes           | yes           |\n| hash in browser search bar (/uri#hash)    | yes           | yes           |\n| active links (shows where user now)       | no            | yes           |\n| auto-naming (I think no need in that)     | no            | yes           |\n\n\u003c!-- `*` features that can be added later. --\u003e\n\n## Browsers Support\nScript works in all modern browsers (I think).\nI test it only in some of them, so:\n\n| Browser   | Support   | Browser version       |\n| -         | -         | -                     |\n| Chrome    | yes       | 80.0.3987.122 64-bit  |\n| Firefox   | yes       | 73.0.1 64-bit         |\n| Edge*     | yes       | 44.18362.449.0        |\n| Safari    | yes       | iOS 13.3              |\n\n`*` Edge is not on Chromium.\n\n## Installation\n\n1. clone repo\n2. go to repo folder and find `build` folder\n3. in `build/assets` you can find `styles` and `js` folders\n4. copy from `styles` file named `bookmark.css` to your styles folder\n5. copy from `js` file named `bookmark.js` to your scripts folder\n6. open your `layout, template, view or ..` and before `\u003c/head\u003e` add next:\n~~~~\n\u003clink rel=\"preload\" href=\"PATH_TO_YOUR_STYLES/bookmark.css\" as=\"style\"\u003e\n\u003clink rel=\"preload\" href=\"PATH_TO_YOUR_SCRIPTS/bookmark.js\" as=\"script\"\u003e\n\u003clink rel=\"stylesheet\" href=\"PATH_TO_YOUR_STYLES/bookmark.css\"\u003e\n~~~~\n7. before `\u003c/body\u003e` add next:\n~~~~\n\u003cscript src=\"PATH_TO_YOUR_SCRIPTS/bookmark.js\" charset=\"utf-8\" defer\u003e\u003c/script\u003e\n~~~~\n8. Okay, installation now completed.\n\nDon't forget to change `PATH_TO_YOUR_STYLES` and `PATH_TO_YOUR_SCRIPTS` to your paths.\n\n## Usage\n\nTo add new bookmark into panel just follow next steps:\n* to any element `e.g. h1,h2.. p, div, etc` add class `bookmark` and\n* in the same element add `data-bookmark-title=\"Your_title_here\"`\n\nDon't forget to change `Your_title_here` to your title.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomasci%2Fbookmarkts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomasci%2Fbookmarkts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomasci%2Fbookmarkts/lists"}