Skip to main content

Components

Slipway is brand new, so we don't have a large collection of Components yet!

If you've created components of your own, that others might like to use, let me know and I can feature the best ones here.

Canvas Components​

A "Canvas Component" is what we call a Component which takes some configuration data and outputs a rendered canvas, ready to drop in to your Rigs.


jamesthurley.github_commit_graph​

A themeable Component which renders the GitHub commit graph for the given username.

Rendered with the default theme:

GitHub Commit Graph with Default Theme

Rendered with a custom theme as an Apple Watch widget:

GitHub Commit Graph with Default Theme


jamesthurley.givenergy_cloud​

Reads solar, battery and power usage information for GivEnergy house batteries and inverters, and displays them in a handy chart. Supports color, or monochrome for eInk displays.

Rendered for a TRMNL eInk screen:

GivEnergy Cloud Rig on TRMNL

Rendered in color as an iPhone widget:

GivEnergy Cloud Rig on iOS


Renderer Components​

Renderers take structured data and output a rendered canvas.

slipwayhq.render​

This renderer uses Adaptive Cards JSON to layout elements on the dashboard, and can call out to other renderers to embed charts, SVGs, or anything else.

slipwayhq.jsx​

Renders JSX markup to an image.

slipwayhq.svg​

Renders SVG markup to an image.

slipwayhq.echarts​

Renders echarts definitions to an image.


Other Components​

slipwayhq.fetch​

Fetches and outputs the requested URLs, files, or anything else supported by the Host API fetch methods. Useful for loading files to provide as an input to other Components.

slipwayhq.modify​

Uses a simple syntax to make changes to JSON. Useful for manipulating the output of one Component before passing it in to another Component.