@zenithbuild/language-server 0.6.0 → 0.6.17

package/src/settings.ts

@@ -1,18 +0,0 @@
-export type ComponentScriptsMode = 'forbid' | 'allow';
-
-export interface ZenithServerSettings {
-    componentScripts: ComponentScriptsMode;
-    strictDomLints: boolean;
-}
-
-export const DEFAULT_SETTINGS: ZenithServerSettings = Object.freeze({
-    componentScripts: 'forbid',
-    strictDomLints: false
-});
-
-export function normalizeSettings(input: unknown): ZenithServerSettings {
-    const maybe = (input || {}) as { componentScripts?: unknown; strictDomLints?: unknown };
-    const mode = maybe.componentScripts === 'allow' ? 'allow' : 'forbid';
-    const strictDomLints = maybe.strictDomLints === true;
-    return { componentScripts: mode, strictDomLints };
-}

package/src/types/zenith-compiler.d.ts

@@ -1,3 +0,0 @@
-declare module '@zenithbuild/compiler' {
-  export function compile(source: string, filePath: string): Promise<unknown>;
-}

package/test/contracts.spec.ts

@@ -1,37 +0,0 @@
-import test from 'node:test';
-import assert from 'node:assert/strict';
-import path from 'node:path';
-
-import {
-    stripImportSuffix,
-    isCssContractImportSpecifier,
-    isLocalCssSpecifier,
-    resolveCssImportPath
-} from '../src/contracts';
-
-test('stripImportSuffix removes query/hash suffixes deterministically', () => {
-    assert.equal(stripImportSuffix('./styles/output.css?v=1#hash'), './styles/output.css');
-    assert.equal(stripImportSuffix('./styles/output.css#hash?v=1'), './styles/output.css');
-    assert.equal(stripImportSuffix('./styles/output.css'), './styles/output.css');
-});
-
-test('css contract identifies local and bare css import shapes', () => {
-    assert.equal(isCssContractImportSpecifier('./styles/output.css?v=1'), true);
-    assert.equal(isCssContractImportSpecifier('tailwindcss'), true);
-    assert.equal(isCssContractImportSpecifier('@scope/css'), true);
-    assert.equal(isLocalCssSpecifier('./styles/output.css'), true);
-    assert.equal(isLocalCssSpecifier('../styles/output.css#hash'), true);
-    assert.equal(isLocalCssSpecifier('/src/styles/output.css'), true);
-    assert.equal(isLocalCssSpecifier('tailwindcss'), false);
-});
-
-test('resolveCssImportPath flags project-root traversal escape', () => {
-    const projectRoot = path.join('/tmp', 'zenith-site');
-    const importer = path.join(projectRoot, 'src', 'pages', 'index.zen');
-
-    const ok = resolveCssImportPath(importer, '../styles/output.css?v=1#hash', projectRoot);
-    assert.equal(ok.escapesProjectRoot, false);
-
-    const escaped = resolveCssImportPath(importer, '../../../../outside.css', projectRoot);
-    assert.equal(escaped.escapesProjectRoot, true);
-});

package/test/diagnostics.spec.ts

@@ -1,120 +0,0 @@
-import test from 'node:test';
-import assert from 'node:assert/strict';
-
-import { collectDiagnostics, collectContractDiagnostics, CONTRACT_MESSAGES } from '../src/diagnostics';
-import { buildEventBindingCodeActions } from '../src/code-actions';
-import { DEFAULT_SETTINGS, normalizeSettings } from '../src/settings';
-
-const PROJECT_ROOT = '/tmp/zenith-site';
-
-function doc(uri: string, content: string) {
-    return {
-        uri,
-        getText() {
-            return content;
-        },
-        positionAt(offset: number) {
-            const bounded = Math.max(0, Math.min(offset, content.length));
-            const before = content.slice(0, bounded);
-            const lines = before.split('\n');
-            return {
-                line: lines.length - 1,
-                character: lines[lines.length - 1]?.length || 0
-            };
-        }
-    };
-}
-
-test('component script contract is enforced for components when mode=forbid', () => {
-    const document = doc(
-        'file:///tmp/zenith-site/src/components/Hero.zen',
-        '<section><script>const x = 1;</script><h1>Hero</h1></section>'
-    );
-
-    const diagnostics = collectContractDiagnostics(document, null, DEFAULT_SETTINGS, PROJECT_ROOT);
-    const messageSet = diagnostics.map((item) => item.message);
-    assert.ok(messageSet.includes(CONTRACT_MESSAGES.componentScript));
-});
-
-test('component script contract allows scripts when mode=allow', () => {
-    const document = doc(
-        'file:///tmp/zenith-site/src/components/Hero.zen',
-        '<section><script>const x = 1;</script><h1>Hero</h1></section>'
-    );
-
-    const diagnostics = collectContractDiagnostics(document, null, { componentScripts: 'allow' }, PROJECT_ROOT);
-    const messageSet = diagnostics.map((item) => item.message);
-    assert.ok(!messageSet.includes(CONTRACT_MESSAGES.componentScript));
-});
-
-test('route scripts are allowed by component script contract', () => {
-    const document = doc(
-        'file:///tmp/zenith-site/src/pages/index.zen',
-        '<RootLayout><script>const x = 1;</script><h1>Home</h1></RootLayout>'
-    );
-
-    const diagnostics = collectContractDiagnostics(document, null, DEFAULT_SETTINGS, PROJECT_ROOT);
-    const messageSet = diagnostics.map((item) => item.message);
-    assert.ok(!messageSet.includes(CONTRACT_MESSAGES.componentScript));
-});
-
-test('event binding diagnostics flag onclick and @click and provide quick fixes', () => {
-    const document = doc(
-        'file:///tmp/zenith-site/src/pages/index.zen',
-        '<button onclick="submitForm">Save</button><button @click={submitForm}>Save</button>'
-    );
-
-    const diagnostics = collectContractDiagnostics(document, null, DEFAULT_SETTINGS, PROJECT_ROOT)
-        .filter((item) => String(item.code || '') === 'zenith.event.binding.syntax');
-
-    assert.equal(diagnostics.length, 2);
-    assert.equal(diagnostics[0]?.data?.replacement, 'on:click={submitForm}');
-    assert.equal(diagnostics[1]?.data?.replacement, 'on:click={submitForm}');
-
-    const actions = buildEventBindingCodeActions(document, diagnostics);
-    assert.equal(actions.length, 2);
-    assert.equal(actions[0]?.title, 'Convert to on:click={submitForm}');
-});
-
-test('css import contract flags bare imports and path escapes', () => {
-    const document = doc(
-        'file:///tmp/zenith-site/src/pages/index.zen',
-        '<RootLayout><script>import \"tailwindcss\"; import \"../../../../outside.css\";</script></RootLayout>'
-    );
-
-    const diagnostics = collectContractDiagnostics(document, null, DEFAULT_SETTINGS, PROJECT_ROOT);
-    const messages = diagnostics.map((item) => item.message);
-    assert.ok(messages.includes(CONTRACT_MESSAGES.cssBareImport));
-    assert.ok(messages.includes(CONTRACT_MESSAGES.cssEscape));
-});
-
-test('css import contract allows local precompiled css with suffixes', () => {
-    const document = doc(
-        'file:///tmp/zenith-site/src/pages/index.zen',
-        '<RootLayout><script>import \"../styles/output.css?v=1#hash\";</script></RootLayout>'
-    );
-
-    const diagnostics = collectContractDiagnostics(document, null, DEFAULT_SETTINGS, PROJECT_ROOT);
-    const messages = diagnostics.map((item) => item.message);
-    assert.ok(!messages.includes(CONTRACT_MESSAGES.cssBareImport));
-    assert.ok(!messages.includes(CONTRACT_MESSAGES.cssEscape));
-});
-
-test('ZEN-DOM-QUERY diagnostic appears for querySelector and severity maps with strictDomLints', async () => {
-    const document = doc(
-        'file:///tmp/zenith-site/src/pages/index.zen',
-        '<script lang="ts">\nconst el = document.querySelector(".foo");\n</script>\n<div class="foo">hi</div>'
-    );
-
-    const settingsDefault = normalizeSettings({ strictDomLints: false });
-    const diagnosticsDefault = await collectDiagnostics(document, null, settingsDefault, PROJECT_ROOT);
-    const queryDefault = diagnosticsDefault.filter((d) => d.code === 'ZEN-DOM-QUERY');
-    assert.ok(queryDefault.length >= 1, `expected ZEN-DOM-QUERY diagnostic, got: ${JSON.stringify(diagnosticsDefault.map((d) => d.code))}`);
-    assert.equal(queryDefault[0]?.severity, 2, 'ZEN-DOM-QUERY should be Warning (2) when strictDomLints=false');
-
-    const settingsStrict = normalizeSettings({ strictDomLints: true });
-    const diagnosticsStrict = await collectDiagnostics(document, null, settingsStrict, PROJECT_ROOT);
-    const queryStrict = diagnosticsStrict.filter((d) => d.code === 'ZEN-DOM-QUERY');
-    assert.ok(queryStrict.length >= 1, `expected ZEN-DOM-QUERY diagnostic in strict mode, got: ${JSON.stringify(diagnosticsStrict.map((d) => d.code))}`);
-    assert.equal(queryStrict[0]?.severity, 1, 'ZEN-DOM-QUERY should be Error (1) when strictDomLints=true');
-});

package/test/fixtures/content-plugin.zen

@@ -1,77 +0,0 @@
-<!--
-  Test Fixture: Content Plugin
-  
-  This file tests Zenith features WITH content plugin imported.
-  The LSP should provide content-aware completions and soft warnings.
--->
-<script>
-  import { zenEffect, zenOnMount } from 'zenith'
-  import { zenCollection, getCollection, getEntry } from 'zenith:content'
-  
-  state posts = []
-  state currentPost = null
-  
-  // Define a content collection
-  const blogCollection = zenCollection({
-    name: 'blog',
-    schema: {
-      title: 'string',
-      date: 'date',
-      author: 'string',
-      tags: 'array'
-    }
-  })
-  
-  zenOnMount(async () => {
-    // Get all posts from the collection
-    posts = await getCollection('blog')
-  })
-  
-  async function loadPost(slug) {
-    currentPost = await getEntry('blog', slug)
-  }
-</script>
-
-<div class="blog-list">
-  <h1>Blog Posts</h1>
-  
-  <!-- List all posts -->
-  <ul zen:if="posts.length > 0">
-    <li zen:for="post in posts">
-      <h2>{post.data.title}</h2>
-      <p>By {post.data.author} on {post.data.date}</p>
-      <button onclick={() => loadPost(post.slug)}>Read More</button>
-    </li>
-  </ul>
-  
-  <p zen:if="posts.length === 0">Loading posts...</p>
-  
-  <!-- Current post display -->
-  <article zen:if="currentPost">
-    <h1>{currentPost.data.title}</h1>
-    <div class="meta">
-      <span>By {currentPost.data.author}</span>
-      <span>{currentPost.data.date}</span>
-    </div>
-    <div class="content">
-      {currentPost.content}
-    </div>
-  </article>
-</div>
-
-<style>
-  .blog-list {
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 2rem;
-  }
-  article {
-    margin-top: 2rem;
-    padding-top: 2rem;
-    border-top: 1px solid #eee;
-  }
-  .meta {
-    color: #666;
-    margin-bottom: 1rem;
-  }
-</style>

package/test/fixtures/core-only.zen

@@ -1,59 +0,0 @@
-<!--
-  Test Fixture: Core Only
-  
-  This file tests core Zenith features WITHOUT router or plugins.
-  The LSP should work correctly with just core functionality.
--->
-<script>
-  import { zenEffect, zenOnMount } from 'zenith'
-  
-  state count = 0
-  state message = "Hello, Zenith!"
-  
-  function increment() {
-    count++
-  }
-  
-  zenOnMount(() => {
-    console.log('Component mounted')
-  })
-  
-  zenEffect(() => {
-    console.log('Count changed:', count)
-  })
-</script>
-
-<div class="container">
-  <h1>{message}</h1>
-  
-  <!-- zen:if directive -->
-  <p zen:if="count > 0">Count is positive: {count}</p>
-  
-  <!-- zen:for directive -->
-  <ul>
-    <li zen:for="item in ['a', 'b', 'c']">{item}</li>
-  </ul>
-  
-  <!-- zen:show directive -->
-  <span zen:show="count !== 0">Not zero!</span>
-  
-  <!-- Event handlers -->
-  <button onclick={increment}>Increment</button>
-  <button @click={increment}>Also Increment</button>
-  
-  <!-- Reactive bindings -->
-  <input :value="message" />
-  <div :class="count > 0 ? 'positive' : 'zero'">{count}</div>
-</div>
-
-<style>
-  .container {
-    padding: 1rem;
-  }
-  .positive {
-    color: green;
-  }
-  .zero {
-    color: gray;
-  }
-</style>

package/test/fixtures/no-plugins.zen

@@ -1,115 +0,0 @@
-<!--
-  Test Fixture: No Plugins
-  
-  This file tests behavior when NO external imports are used.
-  The LSP should work with just vanilla Zenith features.
-  
-  Validation rules:
-  - Removing router should not crash the IDE
-  - Missing plugin imports should show soft warnings
-  - Invalid syntax should be surfaced immediately
-  - IDE should never suggest unavailable APIs
--->
-<script>
-  // No imports - just vanilla state and lifecycle
-  state items = ['Apple', 'Banana', 'Cherry']
-  state selectedIndex = 0
-  state filter = ''
-  
-  function selectItem(index) {
-    selectedIndex = index
-  }
-  
-  function addItem() {
-    items = [...items, 'New Item']
-  }
-  
-  function removeItem(index) {
-    items = items.filter((_, i) => i !== index)
-  }
-  
-  // Computed-like pattern
-  function getFilteredItems() {
-    if (!filter) return items
-    return items.filter(item => 
-      item.toLowerCase().includes(filter.toLowerCase())
-    )
-  }
-</script>
-
-<div class="app">
-  <header>
-    <h1>Simple List App</h1>
-    <p>Selected: {items[selectedIndex] || 'None'}</p>
-  </header>
-  
-  <div class="controls">
-    <input 
-      type="text" 
-      placeholder="Filter items..." 
-      :value="filter"
-      oninput={(e) => filter = e.target.value}
-    />
-    <button onclick={addItem}>Add Item</button>
-  </div>
-  
-  <ul class="item-list">
-    <li 
-      zen:for="item, index in getFilteredItems()"
-      :class="index === selectedIndex ? 'selected' : ''"
-    >
-      <span onclick={() => selectItem(index)}>{item}</span>
-      <button onclick={() => removeItem(index)}>Remove</button>
-    </li>
-  </ul>
-  
-  <p zen:if="getFilteredItems().length === 0">
-    No items match the filter.
-  </p>
-  
-  <footer>
-    <p>Total items: {items.length}</p>
-    <p zen:show="filter">Filtered: {getFilteredItems().length}</p>
-  </footer>
-</div>
-
-<style>
-  .app {
-    max-width: 600px;
-    margin: 0 auto;
-    padding: 1rem;
-  }
-  header {
-    margin-bottom: 1rem;
-  }
-  .controls {
-    display: flex;
-    gap: 0.5rem;
-    margin-bottom: 1rem;
-  }
-  .controls input {
-    flex: 1;
-    padding: 0.5rem;
-  }
-  .item-list {
-    list-style: none;
-    padding: 0;
-  }
-  .item-list li {
-    display: flex;
-    justify-content: space-between;
-    padding: 0.5rem;
-    border-bottom: 1px solid #eee;
-    cursor: pointer;
-  }
-  .item-list li.selected {
-    background: #e0f0ff;
-  }
-  .item-list li:hover {
-    background: #f5f5f5;
-  }
-  footer {
-    margin-top: 1rem;
-    color: #666;
-  }
-</style>

package/test/fixtures/router-enabled.zen

@@ -1,76 +0,0 @@
-<!--
-  Test Fixture: Router Enabled
-  
-  This file tests Zenith features WITH router imported.
-  The LSP should provide router-aware completions and hovers.
--->
-<script>
-  import { zenEffect, zenOnMount } from 'zenith'
-  import { ZenLink, useRoute, useRouter, navigate, prefetch } from 'zenith/router'
-  
-  state activeSection = 'home'
-  
-  // Router hooks - should have hover info
-  const route = useRoute()
-  const router = useRouter()
-  
-  zenOnMount(() => {
-    // Prefetch common routes
-    prefetch('/about')
-    prefetch('/blog')
-  })
-  
-  zenEffect(() => {
-    // React to route changes
-    activeSection = route.path.split('/')[1] || 'home'
-  })
-  
-  function goToAbout() {
-    navigate('/about')
-  }
-  
-  function goBack() {
-    router.back()
-  }
-</script>
-
-<nav>
-  <!-- ZenLink components - should have special highlighting and props -->
-  <ZenLink to="/">Home</ZenLink>
-  <ZenLink to="/about" preload>About</ZenLink>
-  <ZenLink to="/blog" preload replace>Blog</ZenLink>
-  
-  <!-- Dynamic route params -->
-  <ZenLink to="/blog/{route.params.slug}">Current Post</ZenLink>
-</nav>
-
-<main>
-  <h1>Current path: {route.path}</h1>
-  
-  <!-- Route params and query -->
-  <p zen:if="route.params.id">Viewing item: {route.params.id}</p>
-  <p zen:if="route.query.search">Searching: {route.query.search}</p>
-  
-  <div class="actions">
-    <button onclick={goToAbout}>Go to About</button>
-    <button onclick={goBack}>Go Back</button>
-  </div>
-  
-  <!-- Slot for page content -->
-  <slot />
-</main>
-
-<style>
-  nav {
-    display: flex;
-    gap: 1rem;
-    padding: 1rem;
-    background: #f0f0f0;
-  }
-  main {
-    padding: 2rem;
-  }
-  .actions {
-    margin-top: 1rem;
-  }
-</style>

package/test/project-root.spec.ts

@@ -1,44 +0,0 @@
-import test from 'node:test';
-import assert from 'node:assert/strict';
-import fs from 'node:fs';
-import os from 'node:os';
-import path from 'node:path';
-
-import { detectProjectRoot } from '../src/project';
-
-function createTempDir(prefix: string): string {
-    return fs.mkdtempSync(path.join(os.tmpdir(), prefix));
-}
-
-test('detectProjectRoot prefers nearest zenith.config.*', () => {
-    const root = createTempDir('zenith-lsp-root-');
-    const nested = path.join(root, 'apps', 'site', 'src', 'pages');
-    fs.mkdirSync(nested, { recursive: true });
-    fs.writeFileSync(path.join(root, 'zenith.config.ts'), 'export default {}\n');
-
-    const detected = detectProjectRoot(path.join(nested, 'index.zen'));
-    assert.equal(detected, root);
-});
-
-test('detectProjectRoot prefers nearest package.json with @zenithbuild/cli', () => {
-    const root = createTempDir('zenith-lsp-pkg-');
-    const nested = path.join(root, 'src', 'components');
-    fs.mkdirSync(nested, { recursive: true });
-    fs.writeFileSync(
-        path.join(root, 'package.json'),
-        JSON.stringify({ dependencies: { '@zenithbuild/cli': '^1.0.0' } }, null, 2)
-    );
-
-    const detected = detectProjectRoot(path.join(nested, 'Hero.zen'));
-    assert.equal(detected, root);
-});
-
-test('detectProjectRoot falls back to matching workspace folder structure', () => {
-    const workspace = createTempDir('zenith-lsp-workspace-');
-    const siteRoot = path.join(workspace, 'site-a');
-    const nested = path.join(siteRoot, 'src', 'pages', 'blog');
-    fs.mkdirSync(nested, { recursive: true });
-
-    const detected = detectProjectRoot(path.join(nested, 'first-post.zen'), [workspace, siteRoot]);
-    assert.equal(detected, siteRoot);
-});

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2022",
-        "module": "commonjs",
-        "lib": [
-            "ES2022"
-        ],
-        "outDir": "./dist",
-        "rootDir": "./src",
-        "strict": true,
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "forceConsistentCasingInFileNames": true,
-        "declaration": true,
-        "resolveJsonModule": true,
-        "moduleResolution": "node"
-    },
-    "include": [
-        "src/**/*"
-    ],
-    "exclude": [
-        "node_modules",
-        "dist"
-    ]
-}

package/tsconfig.test.json

@@ -1,25 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./.test-dist",
-    "rootDir": ".",
-    "declaration": false,
-    "sourceMap": false
-  },
-  "include": [
-    "src/contracts.ts",
-    "src/project.ts",
-    "src/settings.ts",
-    "src/diagnostics.ts",
-    "src/code-actions.ts",
-    "src/imports.ts",
-    "src/metadata/**/*.ts",
-    "src/**/*.d.ts",
-    "test/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    ".test-dist"
-  ]
-}