sheel-deer 1.0.0

package/elen/extension.ts

@@ -0,0 +1,122 @@
+import * as path from 'path';
+import * as vscode from 'vscode';
+
+const hoverDocs: Record<string, string> = {
+    "shell": "<shell> contains Elen component code and is highlighted as TypeScript inside .elen files.",
+    "routes": "<routes> defines route-aware components and navigation targets in index.html.",
+    "Component": "Component is the base Elen component class used by all shell components.",
+    "@input": "@input declares a data input property for the component.",
+    "@output": "@output declares an event output emitted by the component.",
+    "@component": "@component imports a component into the current shell component as a directive.",
+    "@components": "@components imports multiple component directives into the current shell component.",
+    "override": "override marks lifecycle hooks and methods that replace a parent implementation.",
+    "void": "void is the Elen/TypeScript return type for functions without a value.",
+    "string": "string is a primitive Elen/TypeScript type for text.",
+    "boolean": "boolean is a primitive Elen/TypeScript type for true/false values.",
+    "number": "number is a primitive Elen/TypeScript type for numeric values."
+};
+
+const decoratorCompletions = [
+    "@input",
+    "@output",
+    "@component",
+    "@components"
+].map((label) => {
+    const item = new vscode.CompletionItem(label, vscode.CompletionItemKind.Keyword);
+    item.detail = "Elen decorator";
+    item.insertText = label;
+    return item;
+});
+
+export function activate(context: vscode.ExtensionContext) {
+    context.subscriptions.push(
+        vscode.languages.registerHoverProvider({ language: 'elen' }, {
+            provideHover(document, position) {
+                const wordRange = document.getWordRangeAtPosition(position, /[@A-Za-z0-9_]+/);
+                if (!wordRange) {
+                    return;
+                }
+                const word = document.getText(wordRange);
+                const text = hoverDocs[word];
+                if (text) {
+                    return new vscode.Hover(text);
+                }
+                return undefined;
+            }
+        })
+    );
+
+    const extractComponentClasses = async (files: vscode.Uri[]): Promise<string[]> => {
+        const names = new Set<string>();
+        for (const uri of files) {
+            const doc = await vscode.workspace.openTextDocument(uri);
+            const text = doc.getText();
+            for (const match of text.matchAll(/\bclass\s+([A-Z][a-zA-Z0-9_]*)\s+extends\s+Component\b/g)) {
+                names.add(match[1]);
+            }
+        }
+        return Array.from(names).sort();
+    };
+
+    const importFileCompletionItems = async (currentPrefix: string, currentDir: string): Promise<vscode.CompletionItem[]> => {
+        const items: vscode.CompletionItem[] = [];
+        const files = await vscode.workspace.findFiles('**/*.elen', '**/{dist,node_modules}/**', 100);
+        for (const uri of files) {
+            const relativePath = path.relative(currentDir, uri.fsPath).replace(/\\/g, '/');
+            const candidate = relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
+            if (candidate.startsWith(currentPrefix)) {
+                const completionItem = new vscode.CompletionItem(candidate, vscode.CompletionItemKind.File);
+                completionItem.detail = 'Elen component file';
+                completionItem.insertText = candidate;
+                items.push(completionItem);
+            }
+        }
+        return items;
+    };
+
+    context.subscriptions.push(
+        vscode.languages.registerCompletionItemProvider(
+            { language: 'elen' },
+            {
+                async provideCompletionItems(document, position) {
+                    const items: vscode.CompletionItem[] = [];
+                    const line = document.lineAt(position).text.substring(0, position.character);
+                    const currentDir = path.dirname(document.uri.fsPath);
+
+                    if (/\bimport\s+[A-Za-z0-9_]*$/.test(line)) {
+                        ['Component', 'string', 'boolean', 'number', 'void'].forEach((label) => {
+                            const item = new vscode.CompletionItem(label, vscode.CompletionItemKind.Keyword);
+                            item.detail = 'Elen type or keyword';
+                            items.push(item);
+                        });
+                    }
+
+                    if (/@(?:input|output|component|components)?$/.test(line)) {
+                        items.push(...decoratorCompletions);
+                    }
+
+                    if (/\b@components?\s+[A-Za-z0-9_]*$/.test(line)) {
+                        const files = await vscode.workspace.findFiles('**/*.elen', '**/{dist,node_modules}/**', 100);
+                        const names = await extractComponentClasses(files);
+                        names.forEach((name) => {
+                            const completionItem = new vscode.CompletionItem(name, vscode.CompletionItemKind.Class);
+                            completionItem.detail = 'Elen component class';
+                            items.push(completionItem);
+                        });
+                    }
+
+                    const importPathMatch = /from\s+["']([^"']*)$/.exec(line);
+                    if (importPathMatch) {
+                        items.push(...await importFileCompletionItems(importPathMatch[1], currentDir));
+                    }
+
+                    return items.length ? items : undefined;
+                }
+            },
+            '.', '/', '@'
+        )
+    );
+}
+
+export function deactivate() {
+}