@x-skills-for-ai/angular 1.0.0

package/README.md

@@ -0,0 +1,42 @@
+# xskills-angular
+
+Angular directive for [xskills-core](..).
+
+## Installation
+
+```
+npm install xskills-angular xskills-core @angular/core @angular/common @angular/platform-browser
+```
+
+## Usage
+
+```ts
+import { Component } from '@angular/core';
+import { XSkillDefinition } from 'xskills-core';
+import { XSkillDirective } from 'xskills-angular';
+
+@Component({
+  selector: 'app-counter',
+  standalone: true,
+  imports: [XSkillDirective],
+  template: `
+    <div xSkill [xSkill]="skillDef">
+      <h1>Count: {{ count }}</h1>
+      <p>Open console: await getXSkillsRuntime().execute('increment')</p>
+    </div>
+  `
+})
+export class CounterComponent {
+  count = 0;
+
+  skillDef: XSkillDefinition = {
+    id: 'increment',
+    description: 'Increase counter by 1',
+    handler: () => this.count++
+  };
+}
+```
+
+The directive automatically registers the skill on init and unregisters on destroy.
+
+See [example.component.ts](example.component.ts).

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './xskills.directive';

package/dist/index.js

@@ -0,0 +1 @@
+export * from './xskills.directive';

package/dist/xskills.directive.d.ts

@@ -0,0 +1,8 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { XSkillDefinition } from '@x-skills-for-ai/core';
+export declare class XSkillDirective implements OnInit, OnDestroy {
+    def: XSkillDefinition;
+    private unregister;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

package/dist/xskills.directive.js

@@ -0,0 +1,33 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Directive, Input } from '@angular/core';
+import { getXSkillsRuntime } from '@x-skills-for-ai/core';
+let XSkillDirective = class XSkillDirective {
+    def;
+    unregister = null;
+    ngOnInit() {
+        if (this.def) {
+            this.unregister = getXSkillsRuntime().register(this.def);
+        }
+    }
+    ngOnDestroy() {
+        this.unregister?.();
+    }
+};
+__decorate([
+    Input('xSkill'),
+    __metadata("design:type", Object)
+], XSkillDirective.prototype, "def", void 0);
+XSkillDirective = __decorate([
+    Directive({
+        selector: '[xSkill]'
+    })
+], XSkillDirective);
+export { XSkillDirective };

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@x-skills-for-ai/angular",
+  "version": "1.0.0",
+  "description": "Angular service for xskills-core integration",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@angular/core": "^17.0.0"
+  },
+  "dependencies": {
+    "@x-skills-for-ai/core": "^1.0.0"
+  },
+  "devDependencies": {
+    "@angular/core": "^17.0.0",
+    "typescript": "^5.5.4",
+    "rimraf": "^5.0.0"
+  },
+  "scripts": {
+    "build": "rimraf dist && tsc",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "xskills",
+    "angular",
+    "skills"
+  ],
+  "author": "",
+  "license": "MIT"
+}