spark-html-language-server 0.1.0 → 0.1.2

package/README.md

@@ -58,6 +58,32 @@ has. It does not type-check across files (props completion reads the target
 file's `export let` names, not their types), and remote URL imports are not
 resolved.
 
+## The Spark family
+
+Small, single-purpose packages that share one philosophy: no compiler, no
+virtual DOM, no build step required. Add only what you use.
+
+| Package | What it does |
+|---|---|
+| [`spark-html`](https://www.npmjs.com/package/spark-html) | The runtime — components, reactivity, stores, forms, scoped styles. 13 kB gzip, 0 deps. |
+| [`spark-html-router`](https://www.npmjs.com/package/spark-html-router) | `<template route>` routing — nested routes/layouts, `route.query`, active links. |
+| [`spark-html-theme`](https://www.npmjs.com/package/spark-html-theme) | Dark/light/system theming in one line — persisted, no flash. |
+| [`spark-html-head`](https://www.npmjs.com/package/spark-html-head) | Reactive `<title>`/`<meta>` per route + a `head` store. |
+| [`spark-html-motion`](https://www.npmjs.com/package/spark-html-motion) | Enter/leave transitions on if/each blocks — `transition="fade|slide|scale"`. |
+| [`spark-html-devtools`](https://www.npmjs.com/package/spark-html-devtools) | In-page devtools — live stores, component tree, patch activity. |
+| [`spark-html-query`](https://www.npmjs.com/package/spark-html-query) | Declarative async data — a self-fetching store (`loading`/`error`/`data`/`refetch`). |
+| [`spark-html-persist`](https://www.npmjs.com/package/spark-html-persist) | Persist stores to localStorage/sessionStorage in one line. |
+| [`spark-html-websocket`](https://www.npmjs.com/package/spark-html-websocket) | A WebSocket as a reactive store — auto-reconnect, JSON, `send()`. |
+| [`spark-prerender`](https://www.npmjs.com/package/spark-prerender) | Build-time SEO prerender + sitemap/robots — no SSR server. |
+| [`spark-html-image`](https://www.npmjs.com/package/spark-html-image) | Build-time image optimization — webp/avif + responsive `srcset`, zero config. |
+| [`spark-html-font`](https://www.npmjs.com/package/spark-html-font) | Font loading optimizer — preload + size-adjusted fallbacks, no FOUT. |
+| [`spark-html-manifest`](https://www.npmjs.com/package/spark-html-manifest) | PWA manifest + icons + head tags (and optional service worker) from one config. |
+| [`spark-html-offline`](https://www.npmjs.com/package/spark-html-offline) | Offline URL imports — a service worker that caches CDN components. |
+| [`spark-html-sri`](https://www.npmjs.com/package/spark-html-sri) | Subresource Integrity — hash + verify assets and remote components. |
+| [`create-spark-html-app`](https://www.npmjs.com/package/create-spark-html-app) | Scaffold a Vite + spark-html app in one command. |
+| [`prettier-plugin-spark`](https://www.npmjs.com/package/prettier-plugin-spark) | Prettier for components — formats `<script>`/`<style>`, markup stays byte-for-byte. |
+| [`spark-html-language-server`](https://www.npmjs.com/package/spark-html-language-server) | LSP — diagnostics, go-to-definition, prop autocomplete, hover docs. |
+
 ## License
 
 MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spark-html-language-server",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Language server (LSP) for spark-html single-file components — diagnostics (undefined bindings, unused imports, script errors, missing key), go-to-definition for component imports and symbols, prop autocomplete from export let, and hover docs for every directive. Zero dependencies.",
   "type": "module",
   "main": "./src/index.js",

package/src/analyze.js

@@ -343,11 +343,15 @@ function analyzeTemplate(text, tpl) {
     });
   }
 
-  // <template await="expr"> — `await` is in scope inside (then/catch included).
+  // <template await="expr"> — `await` is in scope inside (then/catch included),
+  // and an `as="user"` alias binds that name inside the block too.
   const awaitRe = /<template\b[^>]*\bawait\s*=\s*"([^"]*)"/gi;
   while ((m = awaitRe.exec(tpl)) !== null) {
     const content = templateContentRange(tpl, m.index);
-    if (content) awaitBlocks.push({ content });
+    const tagEnd = tpl.indexOf('>', m.index);
+    const tag = tpl.slice(m.index, tagEnd === -1 ? tpl.length : tagEnd);
+    const asName = tag.match(/\bas\s*=\s*"\s*([A-Za-z_$][\w$]*)\s*"/)?.[1] || null;
+    if (content) awaitBlocks.push({ content, asName });
     let expr = m[1];
     let exprOffset = m.index + m[0].length - m[1].length - 1;
     const once = expr.match(/^once\(([\s\S]*)\)$/);
@@ -421,6 +425,11 @@ export function analyze(text) {
       if (b.content && offset < b.content.start && offset >= b.attrOffset &&
           (name === b.itemVar || name === b.indexVar)) return true;
     }
+    // <template await … as="user"> binds the alias inside the block.
+    for (const b of t.awaitBlocks) {
+      if (b.asName === name && b.content &&
+          offset >= b.content.start && offset < b.content.end) return true;
+    }
     return false;
   };