Clipboard/Pasteboard reading

100%

Clipboard/Pasteboard reading

✓ Published0🌍 Public

Last edited Sep 9, 2020

Created on Sep 9, 2020

This example demonstrates a live readout of the system clipboard’s contents by inspecting the pasteboard directly. It shows the list of available data types, then retrieves and prints the plain-text and HTML representations, as well as the raw bytes of a custom Apple WebKit type. The code uses the macOS `NSPasteboard` API and its `generalPasteboard()` method to access the current pasteboard item, calling `pasteboardItems()` and then `stringForType` and `dataForType` to extract specific formats. The output is logged to the console, revealing the actual clipboard payload.

AI-generated description

Similar vizzes

Loading thumbnail…

Pasteboard

This example demonstrates the various formats a copied Sketch object can take when retrieved from the system pasteboard. It shows that a single clipboard item contains multiple simultaneously available data representations, including native Sketch JSON, Adobe PDF, and TIFF image data. The visualization uses AppleScript’s `NSPasteboard.generalPasteboard().pasteboardItems()` API to access clipboard contents, then calls `items[0].types()` to list the available MIME types and `items[0].dataForType('com.bohemiancoding.sketch.v3')` to extract the raw binary data, which appears as a hexadecimal dump. The code reveals the clipboard’s multi-format nature without rendering any graphical output.

KKevinGutowski

83% match

Loading thumbnail…

Read/Write Sketch objects from the pasteboard

This example demonstrates how to copy and paste Sketch layer objects through the system pasteboard, showing both read and write operations. The read script retrieves layers from the pasteboard using `MSPasteboardManager.readPasteboardLayersFromPasteboard` and wraps them with the Sketch JavaScript API. The write script takes a selected layer from `doc.selectedLayers`, wraps it in an `MSLayerArray`, and writes it using `MSPasteboardLayers.pasteboardLayersWithLayers` and `MSPasteboardManager.writePasteboardLayers_toPasteboard`. The code relies on the `sketch` module and native Objective-C class access, with `context.document` providing the document’s color space.

KKevinGutowski

66% match

Loading thumbnail…

A Sketch snippet to copy global colors to the pasteboard

This sketch copies all global color assets from a Sketch document to the clipboard as CSS rules, converting each color to hex and generating class names. It uses the Sketch JavaScript API (`sketch.globalAssets`) to access color assets and `NSPasteboard` to write the formatted string. The code iterates through every saved color, builds a CSS block with a `.colorN` selector or the asset’s name, and trims trailing whitespace before showing a confirmation message.

KKevinGutowski

63% match

Loading thumbnail…

SF Symbols -> Sketch

The example imports SVG files from URLs copied to the macOS pasteboard and places them onto a selected artboard in Sketch. It uses the Sketch JavaScript API with `sketch.ShapePath`, `sketch.getSelectedDocument`, and `MSSVGImporter` to parse and convert each SVG into a native layer. The script reads URLs via `NSPasteboard` and `readObjectsForClasses_options`, then positions each imported layer horizontally with an offset of 50 pixels. The code demonstrates batch SVG ingestion from clipboard data into a design document.

KKevinGutowski

54% match

Loading thumbnail…

Markdown Cheatsheet

This example displays the raw content of a Markdown cheatsheet, which is a plain-text file listing markup syntax for headings, emphasis, links, tables, code blocks, lists, and more. The page also includes an inline HTML fragment and a JavaScript console log. The visualization is not driven by data or charting libraries; instead, it relies solely on the browser’s default rendering of the README file and the index.html body, with the latter styled via a simple CSS rule.

CCurran Kelleher

52% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates fetching a CSV file containing CSS named colors and their hexadecimal values from a GitHub Gist, then logging the raw text to the console. The code uses the JavaScript `fetch` API to asynchronously retrieve the remote resource, with a custom `fetchText` helper that extracts the response body as plain text. The visualization does not currently render any graphical output; instead, it serves as a starter template for data acquisition, showing how to load tabular data for future processing or display.

PPiotr Paszek

52% match

Loading thumbnail…

Fork of HTML Starter

A simple web page fetches and parses CSV data, displaying the raw text in the browser console. The code uses the Fetch API to retrieve a CSV file containing CSS named colors from a GitHub gist, then logs the parsed text output. The page itself renders no visual content, serving only as a data-loading exercise. The script contains an asynchronous function that handles the network request and response text conversion, with the parsed data printed for inspection.

CCaparino

51% match

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML!” in large, centered type as a basic demonstration of an HTML page styled with CSS and enhanced with JavaScript. The script fetches a CSV file of CSS named colors from a GitHub gist using the Fetch API and logs the resulting text data to the browser console. No chart or graphical visualization is rendered, but the code illustrates a minimal setup for loading external data into an HTML document.

TTung Pham

50% match