@snipform/html-intellisense

Editor IntelliSense support for SnipForm custom HTML attributes:

• if-error
• then-* / else-*
• error-class / valid-class / *-style
• on-loading-*
• on-submit-*

This package contains no runtime JS - it only ships editor metadata.

Install

npm install @snipform/html-intellisense --save-dev

VS Code Setup

Add this to your .vscode/settings.json (or global settings.json):

{
  "html.customData": [
    "./node_modules/@snipform/html-intellisense/vscode/html-custom-data.json"
  ]
}

JetBrains (PhpStorm / WebStorm) Setup

JetBrains will auto-discover web-types from installed npm deps

Now in any HTML-like file (HTML, Astro, some Svelte/Blade templates etc.) you’ll get:

• autocomplete for:

  • error
  • then-show, then-hide, then-class, then-text, then-style
  • else-class, else-text, else-style
  • error-class, error-style, valid-class, valid-style
  • on-loading-, on-submit-

• hover descriptions for some attributes

Notes

• This package is purely for editor UX, it is safe in any project (no runtime, no side effects).