100%

dotgrid swift

✓ Published0🌍 Public

Last edited Feb 13, 2018

Created on Feb 13, 2018

This example shows a native macOS window that loads the dotgrid drawing application as a full-screen web view. The Swift code creates an `NSWindow` and embeds a `WKWebView` configured with JavaScript and developer extras enabled, then navigates to `http://chis.cloud/dotgrid`. It builds a minimal app shell with a File menu for quitting and uses `NSApplicationDelegate` callbacks to manage the window lifecycle. The rendering approach relies entirely on the web content displayed inside the `WKWebView`.

AI-generated description

dotgrid swift

what

WKWebview shell for dotgrid macOS app

needs

Swift 4 compiler
strip – to make the app even smaller

todo

[ ] remove that annoying beep when keypress

[ ] drag/drop on main window (maybe via JS injected)

[ ] touchbar support (exposed to JS)

[ ] clipboard support (exposed to JS)

[ ] load/save dialogs

Similar vizzes

Loading thumbnail…

Basic Window Loading a URL

This example demonstrates a Sketch plugin that opens a floating panel and loads a remote SVG image from the Sketch website into a web view. The plugin uses AppKit’s `NSPanel` to create a borderless, floating window with hidden minimize and zoom buttons. It initializes a `WKWebView` from the WebKit framework, configures it with developer extras enabled, and loads the specified URL via `NSURLRequest`. The panel is centered and kept on top using `NSFloatingWindowLevel`.

KKevinGutowski

67% match

Loading thumbnail…

Progressbar modal

This example demonstrates a modal progress bar displayed over the main application window, using a native macOS sheet to block interaction while a short task runs. The code creates an `NSProgressIndicator` with a blue tint, embeds it in an `NSWindow` configured as a document-modal sheet, and attaches it via `beginSheet_completionHandler` on `NSApplication.sharedApplication().mainWindow()`. The progress animation starts immediately, and the sheet closes after a three-second delay using `setTimeout` and `endSheet`, illustrating Apple’s AppKit APIs in JavaScript via JSTalk-style syntax.

KKevinGutowski

60% match

Loading thumbnail…

Replicating Sketch's Preview window

This example demonstrates a Sketch plugin that mirrors the application’s Preview window into a floating panel, replicating the live webview content. It uses Sketch’s JavaScript API, including `NSApplication`, `NSPanel`, and `NSThread`, to locate the Preview window, copy its webview configuration, and load the same URL into a new `MSMirrorWebView`. The panel is styled as a floating, closable window without minimize or zoom buttons, and the mirrored webview is added as its only subview. The code does not process data but directly clones an existing UI component.

KKevinGutowski

60% match

Loading thumbnail…

Gist 03ea367d00ac593217cf6770ee1cc539

This example demonstrates a Sketch plugin that launches a floating panel window with a table view interface. The code uses Sketch’s JavaScript API, `NSThread`, `NSPanel`, and `NSMakeRect` to construct a 312×210 pixel textured window, position it at the screen center, and set it to float above other windows. It manages a thread dictionary key to prevent duplicate panels, toggling the window open or closed on repeated plugin runs. The plugin calls `document.showMessage()` for user feedback and hides the miniaturize and zoom buttons via `standardWindowButton`, with the table view setup currently stubbed out.

KKevinGutowski

58% match

Loading thumbnail…

Gist 86435

This example demonstrates a command-line tool for capturing full-page screenshots of websites using MacRuby and WebKit. It shows a configurable web capture system that loads a URL, optionally resizes the viewport, waits for a specified delay, and saves the rendered page as a PNG. The code relies on the WebKit framework’s WebView and frame load delegation, alongside NSBitmapImageRep to rasterize the view’s content. Users specify options like width, height, output filename, and delay via Ruby’s OptionParser.

CCaged

58% match

Loading thumbnail…

Gist 28617

This example uses a Ruby script to capture full-page screenshots of websites by automating a hidden WebView. It first loads a given URL, waits for the page to finish rendering, then saves the rendered content as a PNG file. The code leverages MacRuby’s WebKit framework, specifically `WebView` and `NSBitmapImageRep`, to render and capture the page. It supports optional width, height, delay, and output filename parameters, with a default width of 1024 pixels and a fallback to ruby-lang.org if no URL is provided.

CCaged

57% match

Loading thumbnail…

Gist 402351

This example shows an Objective-C class definition, `ITCocoaWindowAdapter`, which subclasses `NSWindow` to manage a window reference and event handling. The code declares an `OpaqueWindowPtr` structure and an `OpaqueEventHandlerRef` to track the underlying Carbon window and event handler, alongside flags for focus searching and drawing via HIView. It includes an `NSGraphicsContext` for drawing operations. The snippet relies on the AppKit and Carbon APIs, specifically `NSWindow`, `NSGraphicsContext`, and opaque pointer types, to adapt Cocoa window behavior for legacy drawing and event processing. The visualization is a static code listing without data or rendering logic.

CCaged

57% match

Loading thumbnail…

Creating a Sketch NSPanel

This example demonstrates how to create a custom, frameless floating panel with a vibrant, translucent background using the Sketch JavaScript API. The script creates an `NSPanel` with a titled, closable, and resizable window, and applies a `NSVisualEffectView` with a vibrant light appearance to achieve a frosted-glass effect. It uses `NSLayoutConstraint` objects to anchor the visual effect to the panel’s content view. The panel’s close button is handled via `setCOSJSTargetFunction`, which cleans up the panel reference and stops the script’s keep-alive loop.

KKevinGutowski

56% match