Skip to main content
100%

WebExtension main JS to add current URL to PIM (PmWiki POST API)

✓ Published0🌍 Public
UUtopiah
Last edited Mar 13, 2021
Created on Mar 13, 2021

This example shows a browser extension that saves the current tab’s URL into a PmWiki page via a POST API. It uses the WebExtension `browser.browserAction`, `browser.tabs`, and `browser.windows` APIs to track the active tab and trigger the action. The code fetches the existing page content from the PmWiki source URL, appends the current URL to that text, and sends it back with `fetch` using a `POST` request and `application/x-www-form-urlencoded` headers. It also filters supported protocols to only allow HTTP and HTTPS links.

AI-generated description

Similar vizzes

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
58% match
Loading thumbnail…

Chrome Extention

This example shows a simple Chrome extension for saving user-entered text leads into a list. The interface uses an input field and a “SAVE INPUT” button, with saved entries rendered as clickable links in an unordered list. The code uses plain JavaScript event listeners and DOM manipulation, including `getElementById` and `innerHTML`, to update the display dynamically. It relies on HTML, CSS, and JavaScript only, without external libraries, and does not persist data beyond the current session.

GGayan Priyadarshana
50% match
Loading thumbnail…

Web Archive Bookmarklet Code

A one-line JavaScript bookmarklet opens the current page in the Internet Archive’s Wayback Machine. The code triggers `window.open` on the URL formed by concatenating `'https://web.archive.org/web/'` with the live document’s `location.href`. This example demonstrates URL string construction and the Web’s `window.open` API for navigation, with no charting or graphics libraries involved. The plain text snippet contains no data visualization logic, showing instead a minimal utility for historical page capture.

NNGuernse
50% match
Loading thumbnail…

browsing tools dotjs snippets

This example shows a collection of JavaScript snippets that add keyboard and mouse shortcuts to specific websites, such as Forrst and Dribbble. It demonstrates how jQuery is used to bind click handlers to page elements, triggering navigation to the next paginated page, and how a custom keydown handler detects the Control key to open a Dribbble shot in a new window. The code relies on jQuery selectors and CSS properties to identify active elements, and it uses `document.location` for redirection. The snippets are designed for the dotjs browser extension, which injects user scripts into matching sites.

TTBD
49% match
Loading thumbnail…

Instacart Scraper

This example shows a browser extension that automatically visits a queue of URLs and captures matching JSON responses from XHR and fetch requests. It displays real-time progress through the URL queue, tracking completed and pending items, active page loads, and downloaded file counts. The visualization updates every second using popup.js polling with chrome.runtime.sendMessage, while injected.js intercepts network calls before they reach the page and content.js forwards captured data to the background service worker, which saves each response as a JSON file.

SStephen
49% match
Loading thumbnail…

Custom web extension

This example demonstrates a custom web extension that extracts numeric values from specific table cells and injects them into a new visualization table with highlighted yellow data areas. The code uses native DOM APIs such as `document.getElementsByClassName`, `createElement`, and `appendChild` to manipulate the HTML structure. It also parses an XML manifest describing the extension’s parameters using `DOMParser` or the ActiveX `XMLDOM` object, outputting the parameter caption and description via `document.write`. The visualization logic itself remains mostly unimplemented, with initialization and callback functions defined but not executed.

SSebastian Barrett
49% match
Loading thumbnail…

$WikiTitle | {$Group} / {$Title} $ActionTitle

This example turns a web page into a collaborative, multi-user whiteboard and presentation tool. It loads web content as movable cards on a large canvas, where users can drag, snap to a grid, and reposition them. PeerJS enables real-time remote pointers and shared sessions via peer-to-peer connections, while a Jitsi video call can be overlaid for communication. The tool also supports generating a Reveal.js presentation from the arranged cards and toggling a snapping grid for alignment.

UUtopiah
48% match
Loading thumbnail…

Gist 2d272134b57b02eb8cdd0c5904249591

This example tests the archival fidelity of a web page by loading a series of images and scripts that mimic dynamic behavior, including DOM manipulation, AJAX requests, and delayed updates. It uses JavaScript’s `XMLHttpRequest` to fetch remote images and replaces them via base64 data URLs, while `setTimeout` and scroll events trigger asynchronous content changes. The page is rendered within an iframe by the pywb web archiving tool, with a banner and rewrite layer applied. The visualization demonstrates how archived sites handle live interactions and resource loading over time.

NN0taN3rd
48% match