Showcaseに戻る
macOSiOSAndroid

Pry

Perryで構築された高速なネイティブJSONビューア。ツリーナビゲーション、検索、キーボードショートカット——TypeScriptからネイティブバイナリにコンパイル。

機能

ツリービュー

深くネストされたJSON構造に対応する折りたたみ可能でナビゲート可能なツリー表示。

検索

キーと値のフルテキスト検索と即時ハイライト。

キーボードショートカット

キーボードのみでナビゲート、展開、折りたたみ、コピー。

クリップボードサポート

任意のノードやサブツリーをフォーマット済みJSONとしてクリップボードにコピー。

ステータスバー

ノード数、現在の深さ、ファイルサイズ、パース時間を表示。

シンタックスカラーリング

型ごとに色分けされた値——文字列、数値、ブール値、null。

構築方法

PryはTypeScriptで書かれ、Perryでネイティブバイナリにコンパイルされています。Electronなし、Webビューなし、JavaScriptランタイムなし。

📝

TypeScriptソース

PerryのネイティブUI APIを使用した標準TypeScript

Perry Compile

SWCパース → 型解決 → Craneliftコード生成

🖥️

ネイティブバイナリ

ランタイム依存のないスタンドアロン実行ファイル

pry.ts (simplified)

import { App, TreeView, SearchBar } from "perry/ui";

import { readFile } from "perry/fs";

const data = JSON.parse(readFile(process.argv[2]));

const app = new App("Pry", { width: 800, height: 600 });

app.addSearchBar({ placeholder: "Search JSON..." });

app.addTreeView(data, {

collapsible: true,

syntaxHighlight: true,

copyOnClick: true,

});

app.addStatusBar();

app.run();

プラットフォームサポート

macOS

ネイティブAppKitウィジェット

利用可能

iOS

ネイティブUIKitウィジェット

利用可能

Android

ネイティブViewsウィジェット

利用可能

スクリーンショット

macOSスクリーンショット——近日公開

iOSスクリーンショット——近日公開

スクリーンショットはPryの開発が進むにつれて追加されます。最新情報はGitHubリポジトリをご確認ください。