semmet-angular 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +4 -4
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -1,12 +1,12 @@
1
1
  # semmet-angular
2
2
 
3
- **Real Angular components, same ARIA vocabulary as [Semmet](https://github.com/daniloagostinho/semmet).**
3
+ **Angular schematics that generate real, fully working, accessible components.**
4
4
 
5
- `ng generate semmet-angular:accordion my-faq` scaffolds a standalone, signals-based Angular component — `.ts`/`.html`/`.css` — that implements the W3C ARIA Authoring Practices Guide pattern for real: correct roles and `aria-*` wiring, **and** the keyboard/focus behavior the pattern requires (arrow-key navigation, focus traps, focus restoration...). Unlike Semmet (markup only, by design), here markup alone isn't enough — so the generated component is fully self-contained and functional out of the box.
5
+ `ng generate semmet-angular:accordion my-faq` scaffolds a standalone, signals-based Angular component — `.ts`/`.html`/`.css` — that implements a W3C ARIA Authoring Practices Guide pattern for real: correct roles and `aria-*` wiring, the keyboard/focus behavior the pattern requires (arrow-key navigation, focus traps, focus restoration...), and a consistent visual identity out of the box.
6
6
 
7
- ## Why a separate project from Semmet
7
+ ## Relationship to Semmet
8
8
 
9
- Semmet's whole pitch is "just markup, zero CSS/JS, framework-agnostic" — that's the opposite of what's needed here. Generating a real Angular component means real state, real event handlers, real styling. Same ARIA vocabulary as the source of truth, different product.
9
+ [Semmet](https://github.com/daniloagostinho/semmet) is a VS Code extension that autocompletes the same W3C ARIA vocabulary as plain HTML — no CSS, no JS, framework-agnostic by design. semmet-angular draws from that same vocabulary as its source of truth, but takes the opposite approach on purpose: an Angular component isn't usable with markup alone, so everything generated here — state, event handlers, styling — is fully working from the start, not just structure.
10
10
 
11
11
  ## Usage
12
12
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "semmet-angular",
3
- "version": "0.3.0",
3
+ "version": "0.4.0",
4
4
  "description": "Angular schematics that generate real, ARIA-conformant standalone components (Accordion, Tabs, Dialog, Disclosure, Tooltip...) with signals-based state and keyboard interaction built in.",
5
5
  "publisher": "danilodevsilva",
6
6
  "license": "MIT",