Overview
VS Code extension project for AbsoluteJS. It currently ships HTML and HTMX hover support for island authoring, HTMX-native streaming primitives, and style module import navigation.
VS Code Extension
absolutejs-vscodev0.0.9alphaDev ToolsHover docs, autocomplete and go-to-definition for AbsoluteJS island authoring in plain HTML files.
VS Code support for AbsoluteJS projects, starting with HTML and HTMX island authoring. Raw HTML editors do not read framework runtime types or TypeScript DOM declarations the way TSX and SFC tooling does, so the extension uses VS Code HTML custom data to bring hover docs, autocomplete and enumerated value suggestions to plain .html files. It is the dedicated home for AbsoluteJS editor tooling.
#Installation
BASH
code --install-extension AbsoluteJS.absolutejs-vscode#Capabilities
Overview
VS Code extension project for AbsoluteJS. It currently ships HTML and HTMX hover support for island authoring, HTMX-native streaming primitives, and style module import navigation.
It adds hover and autocomplete support for:
Show 7 more
framework
component
hydrate
props
data-absolute-slot
This project is the dedicated home for AbsoluteJS editor tooling. Today it focuses on plain .html files, where TypeScript declarations alone are not enough.
What it adds
Tag docs for and
Attribute docs for island authoring, HTMX streaming authoring, and AbsoluteJS transport markers
Enumerated value suggestions for framework and hydrate modes
Show 1 more
Go-to-definition from AbsoluteJS style module imports such as .module.scss
Why this exists
Raw HTML editors do not read framework runtime types or TypeScript DOM declarations for custom element hover the way TSX and SFC tooling does. VS Code HTML custom data is the correct integration point for this experience.
Island tag docs
Hover and autocomplete docs for the absolute-island and abs-htmx-stream-slot tags in plain HTML files.
Attribute documentation
Attribute docs for island authoring (framework, component, hydrate, props), HTMX streaming authoring and AbsoluteJS transport markers such as data-absolute-slot.
Enumerated value suggestions
Enumerated completions for the framework attribute (react, svelte, vue, angular) and hydrate modes (load, idle, visible, none).
Style module navigation
Go-to-definition from AbsoluteJS style module imports such as *.module.scss.
Outcomes
What you can build
Install
Install the packaged .vsix file from VS Code:
What it adds
Tag docs for and
Hardening checklist
Production guidance
Make every external boundary explicitPin the deployed absolutejs-vscode version, replace example or memory-backed dependencies with durable implementations, bound external calls, protect credentials, and emit enough evidence to retry or recover safely.
Follow in order
Troubleshooting path
1
Trace from the first failed boundary
Reproduce the smallest canonical absolutejs-vscode example, confirm the supported entry point and version in the API explorer, then inspect the first boundary that did not produce its documented result.
#Install
Partial snippetInstall from the CLI, or via Extensions > ... > Install from VSIX... inside VS Code.
BASH
# From the Marketplace
code --install-extension AbsoluteJS.absolutejs-vscode
# Or install a packaged .vsix directly
code --install-extension absolutejs-vscode-0.0.9.vsix#Island Authoring in HTML
Partial snippetThe extension documents both tags and suggests enumerated values for framework and hydrate in plain HTML files.
HTML
<!-- Hover any tag or attribute for docs; values are autocompleted -->
<absolute-island
framework="react"
component="Counter"
hydrate="visible"
props='{"start":0}'
></absolute-island>
<abs-htmx-stream-slot
src="/api/feed"
trigger="load"
swap="innerHTML"
target="#feed"
></abs-htmx-stream-slot>Alpha
Early 0.0.x. Today the extension focuses on plain .html files, where TypeScript declarations alone are not enough; activation also covers JavaScript and TypeScript (including JSX/TSX) files.
Current package surface