Pathom Viz

Pathom viz is a set of vizualization tools to support the development and inspection of Graph API’s built with the Pathom library.

Table of Contents

• 1. Available tools
  • 1.1. Workspaces Pathom card
  • 1.2. D3 Trace Timeline
  • 1.3. Fulcro Codemirror editor
  • 1.4. CodeMirror pathom-mode
• 2. Fulcro Inspect integration
• 3. Support

1. Available tools

1.1. Workspaces Pathom card

If you are using Workspaces, this is a great way to try out your parser as a card.

Here is an example of using the card with a Pathom local parser:

(ns my-workspace-cards
  (:require [nubank.workspaces.core :as ws]
            [com.wsscode.pathom.viz.workspaces :as pvw]))

(ws/defcard simple-parser-demo
  (pvw/pathom-card {::pvw/parser parser}))

This will provide you a codemirror editor with query tracing support, like this:

1.2. D3 Trace Timeline

The tracing visualization is used by Pathom to provide an efficient way to understand whats happening during the processing of a specific query. But the trace code is generic and you can use it to represent any kind of timeline that follows the same structure.

1.3. Fulcro Codemirror editor

If you like to embed a Pathom query editor you can use the codemirror components provided at the com.wsscode.pathom.viz.codemirror namespace. The major painpoint is usually maintaing the index updated and

1.4. CodeMirror pathom-mode

2. Fulcro Inspect integration

The simplest way to leverage the available tools here is though Fulcro Inspect, you can just install the Chrome extension and it will automatically hook into a Fulcro app and run queries against a Pathom remote.

3. Support

Get support at #pathom channel in Clojurians Slack.