Errors
Click any entry to jump to it. Entries without a line number are global parse errors and aren't pinned to a specific spot in the editor.
Keyboard shortcuts & autocomplete
| ? | Show this help |
| ⌘/Ctrl + Enter | Run program (in manual mode) |
| ⌘/Ctrl + Shift + I | Toggle inspect mode |
| ⌘/Ctrl + Shift + D | Toggle Aktion DevTools (state · profiler · effects) |
| ⌘/Ctrl + S | Save to localStorage (auto on type) |
| ⌘/Ctrl + K | Toggle live / manual run |
| Tab / Enter | Accept the highlighted autocomplete suggestion (Tab otherwise indents / advances snippet fields) |
| Ctrl + Space | Trigger autocomplete |
| Esc | Close popups / exit full-screen |
Smart autocomplete. At the top level, tab through
components, builtins, language keywords
(if, for, function,
effect, try…), the runtime globals
($http, $query, $mutation,
$socket, $sse, $form,
$store, $router,
setTimeout, $storage, $console,
Math, JSON, Object,
Array, Date…), and snippets (router…,
function…, http…, form…,
socket…). Inside a call like
Button("Save", { cursor }) the editor surfaces
named-arg names with their types
(variant:, tone:, icon:,
sx:, animate:…); after the colon, enum-typed
args show their allowed values inline so you can pick one with a
single tab.
Member completion. Type a dot after an object to
see its members: $todos from $http({…})
completes to .data, .error,
.loading, .refetch(),
.cancel(), .onDone; a $query
resource adds .loadMore(), .hasMore,
.loadingMore; a $socket bag adds
.send(), .close(), .status
("connecting" | "open" | "closed"),
.connected, .last, .messages,
.attempts; a $form
handle lists .values, .errors,
.touched, .dirty, .valid,
.submitting, .validating,
.submit(), .setField(),
.reset(); a $store with
history: true adds .undo(),
.redo(), .canUndo, .canRedo;
$util. lists every helper group including the reactive
env getters (.scroll, .viewport,
.breakpoint, .media, .url)
and the new helpers
(.style.cx, .rules.required,
.derived, .worker,
.registerServiceWorker, .vibrate, …);
route. lists path / params /
query / navigate(); and Math.,
JSON., $storage., … list their methods.
Cursor-aware param docs. Hover any identifier,
or just place your cursor inside a
name: value slot, to see the matching parameter's
type, description, and allowed values. The status bar also pins
the active named arg so you always know what you're editing.
Sharing. Use to copy a share link, or to download a standalone HTML file you can host or open offline.
Errors. Click the error pill in the editor's status bar to open the error inspector — every diagnostic, with line numbers and click-to-jump.
DevTools. Click DevTools (or
⌘/Ctrl + Shift + D) to
open the Aktion inspector docked to the page: a live, editable
$state tree, a render profiler with a per-commit
flamegraph, and a timeline of every effect. See the
DevTools guide for details.