How to Write a Compass Plugin
summary
Compass exposes a plugin API for Electron apps built with NodeJS and React; the implementation uses an app registry with activate/unactivated hooks, webpack standalone development, and a template that generates component, actions and store boilerplate. The demo builds a tiny header plugin that runs the connectionStatus command on the admin DB to show the authenticated user, compiles and loads into Compass successfully, and surfaces security blocks for disallowed outgoing connections while moving toward a permissions/app‑store model.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:34Agenda
- 2:18Compass
- 7:10Compass Plugin Roles
- 10:20React Plugin Overview
- 12:41Lifecycle Hooks
- 15:12Plugin Example
- 16:21Getting the Template
- 20:39Setting up the Store
- 24:00Updating the Component
- 29:10Security Restrictions
- 30:01Future Plans
- 31:47Questions
- 33:04Debugging
related talks
24mRunning plugins within a web app
48mGetting Started with Electron
25mSpinning up an Electron App - Desktop Apps in JavaScript
52mBridging the gap between mobile web and native development
26mNode on the Desktop: Building Apps with Electron v1
28mWriting command-line interfaces (CLIs) with React. Wait, what? Yeah!
44mNode & Express as Workflow Tools
13mBuild your own Node js app in the browser with WebContainer API