Skip to main content
SimilarExport ZIP
100%

Async network download

✓ Published0🌍 Public
KKevinGutowski
Last edited Mar 24, 2021
Created on Mar 24, 2021

This example demonstrates asynchronous network downloading within Sketch, fetching a remote sketch file from a GitHub URL. It shows how a document is downloaded and then opened programmatically, with the resulting native Sketch document logged to the console. The code uses the Sketch JavaScript API, including `sketch/async` to create a fiber for managing the operation, and `NSURLSession` with `downloadTaskWithURL:completionHandler:` to perform the download. Upon completion, a completion block reads the downloaded file into an `MSDocument`, error handling is included, and the fiber is cleaned up after processing.

AI-generated description

Similar vizzes

Loading thumbnail…

Reading/writing a sketch file without opening it

This example demonstrates direct, scripted access to Sketch design files without opening the Sketch application, showing both how to read an existing `.sketch` document and how to write a new one. In the reading script, the code uses Sketch’s `Document` API alongside native macOS `MSDocument` methods, specifically `readDocumentFromURL_ofType_error`, to load a file from a hardcoded file path and log its JavaScript representation. The writing script similarly uses `MSDocument`’s `writeToURL_ofType_options_error` to save a new file to a given URL. Both scripts rely on the `sketch` module and coercive bridging from native objects via `Document.fromNative`. The data source is a local file path (`/Users/kgutowski/Downloads/Test.sketch`), and the concrete interaction is entirely file-based, with no visual output rendered.

KKevinGutowski
65% match
Loading thumbnail…

fetch data asynchrously

This example demonstrates how to retrieve data from a remote URL asynchronously using JavaScript. It fetches a CSV file containing CSS named colors from a GitHub gist via the `fetch` API, converts the response to text with `response.text()`, and logs the raw content to the browser console. The code defines a reusable `fetchText` function that wraps the asynchronous fetch and text extraction in a promise chain with `.then()`. The HTML file is minimal, relying entirely on the external `index.js` script for functionality, and no visualization or rendering occurs beyond the console output.

AAbhay kumar singh
61% match
Loading thumbnail…

Data Fetcher (Asnyc/Await Promise.Then)

This example demonstrates two techniques for fetching remote data in JavaScript and logging the results to the console. The page uses the Fetch API to retrieve a CSV file of CSS named colors from a GitHub gist, with the data returned as raw text. The code contrasts the use of `async`/`await` syntax within an `async function` against the older `Promise` chaining approach via `.then()` methods. Both methods successfully retrieve the same resource, while a plain `console.log` statement prints a separate message to show the order of execution. The example is implemented as a minimal HTML page inside a React project scaffold.

Jjunxiangyao
60% match
Loading thumbnail…

Early Stage Fetching

This example demonstrates early-stage data fetching with the browser’s native Fetch API, loading a CSV file of CSS named colors from a GitHub gist. It shows two asynchronous techniques: a standard promise chain using `fetch().then()` and `response.text()`, and an `async`/`await` pattern within a custom `myFetcher` function. Both approaches log the fetched text to the console, highlighting the sequence of network requests before any page content renders. The code uses no external libraries, relying solely on vanilla JavaScript and the Fetch API.

RRichard Burd
59% match
Loading thumbnail…

Fork - Loading data

This example demonstrates how to load a CSV file from a remote URL and print its contents to the browser console. It uses the Fetch API with an asynchronous `async`/`await` pattern to request the raw data from a GitHub Gist and parse the response as text. The code includes a commented-out promise-based alternative, showing two approaches for handling asynchronous data retrieval. No visualization is rendered; the focus is solely on the data-loading step that would precede any chart or graph.

DDeepak Tomson
59% match
Loading thumbnail…

Episode 13 - Loading Data with Fetch, Promises, Aync & Await

This example demonstrates loading external data from a CSV file using the browser’s Fetch API combined with async/await syntax. The code defines an asynchronous function that fetches a text file from a GitHub gist URL and logs the raw CSV contents to the browser console. It shows a minimal HTML page with a large message element but performs no visible rendering; the focus is solely on asynchronously retrieving and printing the text data. The page uses vanilla JavaScript, with no external libraries or frameworks.

Zzjulijie0618
59% match
Loading thumbnail…

Gist 1a03bf15beee9f72953b414669e44576

This example demonstrates a Node.js utility that asynchronously fetches the HTTP status code for a given URL. It first reads a text file using the `fs.readFile` method to extract a domain or URL from its first line, then passes that address to the `request` library’s `getStatusCodeAsync` function, which returns the server’s response code. The visualization shows how file I/O and network requests are chained through callbacks, highlighting the flow of data from local storage to remote servers without any graphical rendering.

MMailnickko
59% match
Loading thumbnail…

Gist 859941ebbbd6686689c4c870c1e5cf18

This example demonstrates a chained asynchronous workflow that reads a GitHub username from a local file, fetches the corresponding GitHub profile via the GitHub API, and writes the profile data as JSON to another file. It uses the Promise-based functions `pluckFirstLineFromFile`, `getGitHubProfileAsync`, and `asynWrite`, structured with `then` and `catch` handlers to manage data flow and error logging. The code illustrates how to sequence file I/O and network requests without callback nesting, relying on async/await-style chaining through native JavaScript Promises.

MMailnickko
58% match