feat(ts-plugin): rebrand webjs-plugin → @webjskit/ts-plugin, ready for npm

Matches the scope of the three published packages (@webjskit/core,
@webjskit/server, @webjskit/cli). The ts-* naming suffix mirrors the
tsserver-plugin convention (cf. ts-lit-plugin).

  * packages/webjs-plugin → packages/ts-plugin (directory + manifest
    renamed; name is now "@webjskit/ts-plugin").
  * Drops `private: true`; adds publishConfig.access=public, repository,
    homepage, bugs, license, keywords. README.md included in `files`.
  * Updates all in-repo references: blog's tsconfig.json plugin entry,
    blog's devDependency, tests, docs page, AGENTS.md, README, Dockerfile
    COPY. Lockfile regenerated.
  * Website install snippet updated to `npx @webjskit/cli create my-app`
    (+ `npm install && npm run dev`) since all three core packages are
    published to npm now.

All 572 unit tests pass.

Author: vivek7405

AGENTS.md

@@ -631,7 +631,7 @@ Naming convention: derive the scope class from the file path. Slashes
 
 Styles colocate with the markup as `const STYLES = css\`…\`` and
 interpolate via `<style>${STYLES.text}</style>`. `ts-lit-plugin` /
-`webjs-plugin` highlights the CSS and resolves class go-to-definition.
+`@webjskit/ts-plugin` highlights the CSS and resolves class go-to-definition.
 
 Example (page):
 

Dockerfile

@@ -19,7 +19,7 @@ COPY package.json package-lock.json ./
 COPY packages/cli/package.json            ./packages/cli/
 COPY packages/core/package.json           ./packages/core/
 COPY packages/server/package.json         ./packages/server/
-COPY packages/webjs-plugin/package.json   ./packages/webjs-plugin/
+COPY packages/ts-plugin/package.json      ./packages/ts-plugin/
 COPY examples/blog/package.json           ./examples/blog/
 COPY website/package.json                 ./website/
 COPY docs/package.json                    ./docs/

README.md

@@ -163,7 +163,7 @@ Pre-1.0. 571 unit tests (91.6% line coverage), 33 puppeteer e2e tests,
 - **Core:** SSR with DSD (opt-in) + light-DOM hydration (default), fine-grained client renderer, `repeat()`, `Suspense()`, client router with `composedPath()` for shadow DOM, mixed-attribute interpolation, MutationObserver upgrade safety net
 - **Data:** server actions + superjson (Date/Map/Set/BigInt survive the wire), `expose()` for REST, `json()` + `richFetch()` for content-negotiated APIs, `cache()` for server-side query caching with TTL + `invalidate()`
 - **Server:** file router, per-segment middleware, `rateLimit()`, WebSockets + `broadcast()`, CSRF, compression, HTTP/2, 103 Early Hints, health probes, graceful shutdown, `Session` class with `SessionStorage` (cookie or store-backed), NextAuth-style `createAuth()` (Credentials, Google, GitHub)
-- **DX:** TypeScript with zero build, `AGENTS.md` contract, `CLAUDE.md`, live reload in dev, optional esbuild bundle for prod, `webjs-plugin` for tsserver — tag-name and CSS-class-name go-to-definition inside `html\`\`` templates.
+- **DX:** TypeScript with zero build, `AGENTS.md` contract, `CLAUDE.md`, live reload in dev, optional esbuild bundle for prod, `@webjskit/ts-plugin` for tsserver — tag-name and CSS-class-name go-to-definition inside `html\`\`` templates.
 
 ## License
 

docs/app/docs/styling/page.ts

@@ -199,7 +199,7 @@ export default function Post({ params }) {
       </tbody>
     </table>
 
-    <p>Every page wraps its output in <code>&lt;div class="page-&lt;route&gt;"&gt;</code>. Every layout wraps in <code>&lt;div class="layout-&lt;name&gt;"&gt;</code>. Components scope via their tag name. Styles colocate with the markup as <code>const STYLES = css\`…\`</code> and interpolate via <code>&lt;style&gt;\${STYLES.text}&lt;/style&gt;</code> — <code>ts-lit-plugin</code> / <code>webjs-plugin</code> highlights the CSS and resolves class go-to-definition inside those blocks.</p>
+    <p>Every page wraps its output in <code>&lt;div class="page-&lt;route&gt;"&gt;</code>. Every layout wraps in <code>&lt;div class="layout-&lt;name&gt;"&gt;</code>. Components scope via their tag name. Styles colocate with the markup as <code>const STYLES = css\`…\`</code> and interpolate via <code>&lt;style&gt;\${STYLES.text}&lt;/style&gt;</code> — <code>ts-lit-plugin</code> / <code>@webjskit/ts-plugin</code> highlights the CSS and resolves class go-to-definition inside those blocks.</p>
 
     <h3>Page scope</h3>
     <pre>// app/dashboard/page.ts

examples/blog/package.json

@@ -24,6 +24,6 @@
     "prisma": "^5.22.0",
     "ts-lit-plugin": "^2.0.2",
     "typescript": "^6.0.3",
-    "webjs-plugin": "0.1.0"
+    "@webjskit/ts-plugin": "0.1.0"
   }
 }

examples/blog/tsconfig.json

@@ -15,7 +15,7 @@
     "jsx": "preserve",
     "plugins": [
       { "name": "ts-lit-plugin", "strict": true },
-      { "name": "webjs-plugin" }
+      { "name": "@webjskit/ts-plugin" }
     ]
   },
   "include": [

package-lock.json

@@ -1,9 +1,9 @@
-# webjs-plugin
+# @webjskit/ts-plugin
 
 A TypeScript language-service plugin for webjs. Gives editors that speak
 `tsserver` (VS Code, Neovim via `nvim-lspconfig` / `typescript-tools.nvim`,
 Zed, WebStorm) go-to-definition for custom element tag names used inside
-`html\`\`` tagged template literals.
+`` html`` `` tagged template literals.
 
 ```ts
 import { Counter } from './counter.ts';
@@ -16,7 +16,7 @@ render(html`
 
 ## Why this exists
 
-`ts-lit-plugin` — the standard tsserver plugin for `html\`\`` intelligence —
+`ts-lit-plugin` — the standard tsserver plugin for `` html`` `` intelligence —
 resolves tag names via the Lit ecosystem's conventions:
 
 - `customElements.define('my-el', MyEl)` direct static calls
@@ -30,15 +30,15 @@ indirection the plugin can't statically trace.
 
 This plugin fills the gap by recognising the `static tag` pattern
 directly. It runs *alongside* `ts-lit-plugin` (which still handles
-attribute completions, diagnostics, etc.) — webjs-plugin's only job is
+attribute completions, diagnostics, etc.) — this plugin's only job is
 tag → class resolution.
 
 ## Install
 
 In your webjs app:
 
 ```sh
-npm i -D webjs-plugin
+npm i -D @webjskit/ts-plugin
 ```
 
 Add to `tsconfig.json`:
@@ -48,15 +48,15 @@ Add to `tsconfig.json`:
   "compilerOptions": {
     "plugins": [
       { "name": "ts-lit-plugin", "strict": true },
-      { "name": "webjs-plugin" }
+      { "name": "@webjskit/ts-plugin" }
     ]
   }
 }
 ```
 
 Plugin order matters — list `ts-lit-plugin` first so attribute
-intelligence comes from its registry; `webjs-plugin` contributes the
-definition when ts-lit-plugin's is empty.
+intelligence comes from its registry; `@webjskit/ts-plugin` contributes
+the definition when ts-lit-plugin's is empty.
 
 After install, make your editor use the **workspace's** TypeScript
 (check `:LspInfo` in Neovim, or the TypeScript version indicator in
@@ -68,7 +68,7 @@ A class counts as a webjs component when:
 
 - It's a `class` declaration (named or exported default).
 - It extends an identifier called `WebComponent` (or anything that resolves
-  to `webjs`'s `WebComponent` base).
+  to `@webjskit/core`'s `WebComponent` base).
 - It has a `static tag = '<tag-name>'` field with a string literal value
   containing a hyphen (HTML spec requirement).
 
@@ -78,4 +78,4 @@ version. The map is rebuilt on file change.
 
 ## License
 
-MIT.
+MIT

packages/webjs-plugin/README.md packages/ts-plugin/README.mdpackages/webjs-plugin/README.md renamed to packages/ts-plugin/README.md

@@ -0,0 +1,33 @@
+{
+  "name": "@webjskit/ts-plugin",
+  "version": "0.1.0",
+  "type": "commonjs",
+  "description": "TypeScript language-service plugin for webjs — go-to-definition for custom-element tag names inside html`` tagged templates.",
+  "main": "src/index.js",
+  "peerDependencies": {
+    "typescript": ">=5.0.0"
+  },
+  "files": [
+    "src",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vivek7405/webjs.git",
+    "directory": "packages/ts-plugin"
+  },
+  "homepage": "https://github.com/vivek7405/webjs#readme",
+  "bugs": "https://github.com/vivek7405/webjs/issues",
+  "license": "MIT",
+  "keywords": [
+    "webjs",
+    "webjskit",
+    "typescript",
+    "language-service",
+    "tsserver-plugin",
+    "web-components"
+  ]
+}

packages/ts-plugin/package.json

@@ -1,5 +1,5 @@
 /**
- * webjs-plugin — a TypeScript language-service plugin that resolves
+ * @webjskit/ts-plugin — a TypeScript language-service plugin that resolves
  *
  *   1. Custom-element tag names inside `html\`\`` tagged templates → the
  *      corresponding WebComponent class declaration.
@@ -54,7 +54,7 @@ function init(modules) {
         );
       } catch (e) {
         info.project.projectService.logger?.info?.(
-          `webjs-plugin: getDefinitionAndBoundSpan threw: ${String(e)}`,
+          `@webjskit/ts-plugin: getDefinitionAndBoundSpan threw: ${String(e)}`,
         );
         return upstream;
       }