Gist 3a03bac4ed27ab3c1ca3d87cc21fcd9d

100%

Gist 3a03bac4ed27ab3c1ca3d87cc21fcd9d

✓ Published0🌍 Public

Last edited Jul 16, 2024

Created on Jul 16, 2024

This userscript adds a fixed "EDIT" link to the top-right corner of GitBook documentation pages for two specific sites: OpenBlocks and OpenBrush. The script determines which documentation site is currently open by checking the URL, then constructs the corresponding GitBook editing URL by replacing the documentation domain prefix with the appropriate GitBook organization and space path. It uses the Tampermonkey API and plain DOM manipulation to create the anchor element, set its styles, and update the link dynamically on mouse movement.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist ac3b3d8bc1faa1422b4260218a23d444

A userscript injects a persistent "EDIT" link into Gitbook documentation pages. The script uses the Tampermonkey API via a `@match` directive and runs on `docs.openbrush.app`. It appends a fixed-position anchor element to the document body with `appendChild`, styling it through inline CSS properties. The link’s `href` updates on mouseover by replacing the current URL’s path with an equivalent Gitbook editor address, using `document.location.href` and string concatenation. The code relies on `setTimeout` to delay injection by one second, ensuring the page has loaded before modification.

Aandybak

88% match

Loading thumbnail…

[building-blocks](http://github.com/enjalot/building-blocks)

A bookmarklet that redirects any bl.ocks.org or gist.github.com URL to the corresponding page on blockbuilder.org. The page displays a draggable link, which users add to their bookmark bar. It uses JavaScript string replacement via `window.location` and `String.replace` to rewrite the URL, requiring no external libraries beyond the included D3 3.5.5 script, though the code does not rely on D3 for its core functionality.

KKerchoo

63% match

Loading thumbnail…

Gist 2aa1cc8e6a4bd43cc1b184cd303e5225

This visualization is a technical note, presented as a simple text document, that explains how to use a Git rebase to edit, rename, or delete specific commits, whether they are local or remote. The example does not render any graphical data; instead, it shows a code snippet and a text explanation in Spanish, directly referencing an Atlassian Confluence page for further details. The entire piece is a static text block, with no interactive or dynamic elements, serving solely as a reference guide.

MMistyBlunch

59% match

Loading thumbnail…

Gist b995be5f5dd35af1b422

This example demonstrates a bookmarklet that appends a user-defined string to the end of the current URL. It shows the effect of redirecting the browser to the modified address when activated from a bookmark. The code uses the native `window.location.href` property in JavaScript to read and update the URL, with a placeholder string that the user replaces before saving the bookmark. The rendering approach is purely browser-based navigation, with no external libraries or data sources involved.

Aac1714

57% match

Loading thumbnail…

Gist 7f5cc15d0eae9281c33b735420ae8ee0

This example transforms a PmWiki source page into a searchable interface for code snippets. It fetches the page’s source via the `fetch` API, splits it into lines, and tokenizes text wrapped in `@@` delimiters. Each snippet becomes a clickable link that queries GitHub’s gist search for matches by the user “Utopiah”. The script uses `document.querySelectorAll` to locate existing `<code>` elements in the page and replaces their content with the generated anchor tags, while logging any unmatched snippets. It relies on vanilla DOM manipulation and URL construction, with no external visualization libraries.

UUtopiah

57% match

Loading thumbnail…

Gist 8e4a7859bf351698daff

This example displays a collection of Git command-line snippets organized by workflow categories, with each command as a labeled node. The visualization uses D3.js to render these commands as interactive text elements, applying a force-directed layout to spatially group related commands like repository creation, branching, and syncing. The code references `d3.forceSimulation` for positioning nodes and includes the raw command strings from a public Gist, with no external data fetching. Each node displays its command syntax and a brief comment, while the layout dynamically adjusts to avoid overlap based on the text content.

LLayne Smith

56% match

Loading thumbnail…

Gist 96829331ffd980ee6a4f3ab1196708f1

This visualization presents a structured Git cheat sheet, organizing commands into clear categories like configuration, local and remote branch management, and advanced operations. It demonstrates a comprehensive set of command-line workflows, including branching, merging, stashing, and comparing changes, each paired with practical usage examples. The rendering relies on standard Markdown code blocks and inline formatting to distinguish commands, comments, and options, providing a reference-style layout rather than a data-driven graphic.

JJaxonDvl

56% match

Loading thumbnail…

Clone gist in Desktop

This userscript adds a “Clone in Desktop” button to individual gist pages on GitHub. It targets the existing download button’s list item and duplicates it, then rewrites the anchor’s `href` to use the `github-mac://openRepo/` protocol with the repository URL taken from the page’s hidden `url-field` input. The script also swaps the button’s label and icon classes (`octicon-cloud-download` to `octicon-device-desktop`) and inserts the new element before the original. It relies on plain DOM manipulation via `querySelector`, `createElement`, and `innerHTML`, with no external libraries.

Aabernier

56% match