sheel-deer 1.0.0

package/.vscode/launch.json

@@ -0,0 +1,51 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run Elen Icon Theme",
+      "type": "extensionHost",
+      "request": "launch",
+      "preLaunchTask": "build: elen-icon-theme",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}/elen-icon-theme",
+        "${workspaceFolder}"
+      ]
+    },
+    {
+      "name": "Run Elen Language Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "preLaunchTask": "build: elen",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}/elen",
+        "${workspaceFolder}"
+      ],
+      "outFiles": [
+        "${workspaceFolder}/elen/dist/**/*.js"
+      ]
+    },
+    {
+      "name": "Run Elen Language + Icon Theme",
+      "type": "extensionHost",
+      "request": "launch",
+      "preLaunchTask": "build: extensions",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}/elen",
+        "--extensionDevelopmentPath=${workspaceFolder}/elen-icon-theme",
+        "${workspaceFolder}"
+      ],
+      "outFiles": [
+        "${workspaceFolder}/elen/dist/**/*.js"
+      ]
+    }
+  ],
+  "compounds": [
+    {
+      "name": "Watch Elen Extension",
+      "configurations": [
+        "Run Elen Language Extension"
+      ],
+      "preLaunchTask": "watch: elen"
+    }
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,94 @@
+{
+	"workbench.iconTheme": "elen-icons-v2",
+	"files.associations": {
+		"*.elen": "elen"
+	},
+	"debug.onTaskErrors": "showErrors",
+	"[elen]": {
+		"editor.semanticHighlighting.enabled": false
+	},
+	"editor.tokenColorCustomizations": {
+		"textMateRules": [
+			{
+				"scope": [
+					"entity.name.tag.template.elen",
+					"meta.tag.template.elen entity.name.tag.template.elen"
+				],
+				"settings": {
+					"foreground": "#ffb86c"
+				}
+			},
+			{
+				"scope": [
+					"entity.name.tag.shell.elen",
+					"meta.tag.shell.elen entity.name.tag.shell.elen"
+				],
+				"settings": {
+					"foreground": "#15c01d"
+				}
+			},
+			{
+				"scope": [
+					"entity.name.tag.routes.elen",
+					"meta.tag.routes.elen entity.name.tag.routes.elen"
+				],
+				"settings": {
+					"foreground": "#ff79c6"
+				}
+			},
+			{
+				"scope": [
+					"meta.tag.shell.elen source.ts entity.name.function",
+					"meta.tag.shell.elen source.ts entity.name.function.ts"
+				],
+				"settings": {
+					"foreground": "#f8f8f2"
+				}
+			},
+			{
+				"scope": [
+					"meta.tag.shell.elen source.ts variable.other.property",
+					"meta.tag.shell.elen source.ts variable.other.property.ts"
+				],
+				"settings": {
+					"foreground": "#50fa7b"
+				}
+			},
+			{
+				"scope": [
+					"meta.tag.shell.elen source.ts storage.type",
+					"meta.tag.shell.elen source.ts storage.type.ts"
+				],
+				"settings": {
+					"foreground": "#000000"
+				}
+			},
+			{
+				"scope": [
+					"meta.decorator.annotation.elen"
+				],
+				"settings": {
+					"foreground": "#000000",
+					"fontStyle": "bold"
+				}
+			},
+			{
+				"scope": [
+					"support.type.decorator-target.elen"
+				],
+				"settings": {
+					"foreground": "#f1fa8c"
+				}
+			},
+			{
+				"scope": [
+					"entity.name.tag.style.elen",
+					"meta.tag.style.elen entity.name.tag.style.elen"
+				],
+				"settings": {
+					"foreground": "#55a7ff"
+				}
+			}
+		]
+	}
+}

package/.vscode/tasks.json

@@ -0,0 +1,57 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "build: elen",
+      "type": "shell",
+      "command": "npm",
+      "args": [
+        "run",
+        "compile"
+      ],
+      "options": {
+        "cwd": "${workspaceFolder}/elen"
+      },
+      "problemMatcher": [
+        "$tsc"
+      ],
+      "group": "build"
+    },
+    {
+      "label": "build: elen-icon-theme",
+      "type": "shell",
+      "command": "node",
+      "args": [
+        "-e",
+        "console.log('elen-icon-theme has no build step')"
+      ],
+      "problemMatcher": []
+    },
+    {
+      "label": "build: extensions",
+      "dependsOrder": "sequence",
+      "dependsOn": [
+        "build: elen",
+        "build: elen-icon-theme"
+      ],
+      "problemMatcher": []
+    },
+    {
+      "label": "watch: elen",
+      "type": "shell",
+      "command": "npm",
+      "args": [
+        "run",
+        "watch"
+      ],
+      "options": {
+        "cwd": "${workspaceFolder}/elen"
+      },
+      "isBackground": true,
+      "problemMatcher": [
+        "$tsc-watch"
+      ],
+      "group": "build"
+    }
+  ]
+}

package/App.elen

@@ -0,0 +1,70 @@
+<template>
+
+
+    <h1>TEST</h1>
+    <view></view>
+    
+    //// Those are events, you can write anything here, it will not be compiled. 
+    //// @click, @change, @input, @blur, 
+    //// @focus, @mouseenter, @mouseleave => event => squaring  => writting squaring updates 
+    //// reading squaring from template to template track changes and update the template.
+    //// join events with notations to create dynamic templates.
+    
+    //// Those are events, you can write anything here, it will not be compiled. 
+    //// @click, @change, @input, @blur, 
+    //// @focus, @mouseenter, @mouseleave => event => squaring  => writing squaring updates 
+    //// reading squaring from template to template track changes and update the template.
+    //// join events with notations to create dynamic templates.
+
+    //// Event-to-Component Binding Example
+    //// This section dynamically binds events to component methods and properties.
+    //// Events update the Squaring class data model.
+
+    <button @click="handleClick($event)">Click Me</button>
+    <input @input="updateProperty" placeholder="Type here..." />
+    <Test></Test>
+    <shell>
+        import Test from './Test.elen';
+
+        public class App extends Component {
+            string title = "";
+            boolean exsist = false;
+
+            ///read only
+            Component<Test> cmp;
+
+            ///read only 
+            Notation<boolean> notation;
+            
+            ///read only
+            Event<boolean> event;
+            
+            override void init() {
+                
+            }
+
+            override void loaded() {
+
+            }
+            
+            override void beforeInit(){     
+
+            }
+
+            override void computed() {
+            }
+
+            override string test() {
+                return "test";
+            }
+        }
+    </shell>
+</template>
+
+<visual>
+ .test{
+    background: red;
+    width: 100px;
+    height: 100px;
+ }
+</visual>

package/Test.elen

@@ -0,0 +1,24 @@
+<template>
+    <div class="test">
+        Test component
+    </div>
+    
+    <shell>
+        public class Test extends Component {
+            override void init() {
+            }
+            override void loaded() {
+            }
+        }
+    </shell>
+
+</template>
+
+<visual>
+ .test {
+    background: blue;
+    width: 120px;
+    height: 120px;
+    color: white;
+ }
+</visual>

package/compile-all-ts.js

@@ -0,0 +1,76 @@
+// This script recursively finds all .ts files in the workspace and compiles them using the TypeScript compiler API.
+// It can be run with `ts-node` or as a Node.js script after compilation.
+
+const ts = require('typescript');
+const fs = require('fs');
+const path = require('path');
+
+process.on('uncaughtException', (err) => {
+    console.error('Uncaught Exception:', err);
+    process.exit(1);
+});
+process.on('unhandledRejection', (reason, promise) => {
+    console.error('Unhandled Rejection:', reason);
+    process.exit(1);
+});
+
+function findAllTsFiles(dir, fileList = []) {
+    const files = fs.readdirSync(dir);
+    files.forEach(file => {
+        const filePath = path.join(dir, file);
+        const stat = fs.statSync(filePath);
+        if (stat.isDirectory()) {
+            findAllTsFiles(filePath, fileList);
+        } else if (file.endsWith('.ts')) {
+            fileList.push(filePath);
+        }
+    });
+    return fileList;
+}
+
+function compileTsFile(filePath, rootDir, outDir) {
+    const program = ts.createProgram([filePath], {
+        outDir,
+        module: ts.ModuleKind.CommonJS,
+        target: ts.ScriptTarget.ES2020,
+        esModuleInterop: true,
+        strict: true,
+        skipLibCheck: true,
+        types: ['node'],
+    });
+    const emitResult = program.emit();
+    const allDiagnostics = ts.getPreEmitDiagnostics(program).concat(emitResult.diagnostics);
+    allDiagnostics.forEach(diagnostic => {
+        if (diagnostic.file) {
+            const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(diagnostic.start);
+            const message = ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n');
+            console.log(`${diagnostic.file.fileName} (${line + 1},${character + 1}): ${message}`);
+        } else {
+            console.log(ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n'));
+        }
+    });
+    if (emitResult.emitSkipped) {
+        throw new Error(`Failed to compile ${filePath}`);
+    }
+}
+
+function main() {
+    const rootDir = path.resolve(__dirname, '.');
+    const outDir = path.resolve(rootDir, 'dist');
+    const tsFiles = findAllTsFiles(rootDir);
+    if (tsFiles.length === 0) {
+        console.log('No TypeScript files found.');
+        return;
+    }
+    tsFiles.forEach(tsFile => {
+        compileTsFile(tsFile, rootDir, outDir);
+    });
+    console.log('All TypeScript files compiled successfully.');
+}
+
+try {
+    main();
+} catch (err) {
+    console.error('Error during TypeScript compilation:', err);
+    process.exit(1);
+}

package/dist/index.es.js

@@ -0,0 +1 @@
+

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(n){typeof define=="function"&&define.amd?define(n):n()})(function(){"use strict"});

package/elen/App.elen

@@ -0,0 +1,7 @@
+<template>
+  <shell>
+  </shell>
+</template>
+
+
+

package/elen/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2026 koick
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/elen/dist/extension.js

@@ -0,0 +1,130 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deactivate = exports.activate = void 0;
+const path = __importStar(require("path"));
+const vscode = __importStar(require("vscode"));
+const hoverDocs = {
+    "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;
+});
+function activate(context) {
+    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) => {
+        const names = new Set();
+        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, currentDir) => {
+        const items = [];
+        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 = [];
+            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;
+        }
+    }, '.', '/', '@'));
+}
+exports.activate = activate;
+function deactivate() {
+}
+exports.deactivate = deactivate;

package/elen/dist/init.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const icon = path_1.default.join(__dirname, '..', 'icon.svg');
+// Always resolve src directory relative to project root, not dist
+const srcDir = path_1.default.resolve(__dirname, '../src');
+function addIconToElenFiles(dir) {
+    const files = fs_1.default.readdirSync(dir);
+    files.forEach(file => {
+        const fullPath = path_1.default.join(dir, file);
+        const stat = fs_1.default.statSync(fullPath);
+        if (stat.isDirectory()) {
+            addIconToElenFiles(fullPath);
+        }
+        else if (file.endsWith('.elen')) {
+            fs_1.default.readFile(file, 'utf-8', (err, data) => {
+                console.log(data);
+                console.log(err);
+            });
+        }
+    });
+}
+addIconToElenFiles(srcDir);
+exports.default = addIconToElenFiles;