@adaas/are 0.0.2 → 0.0.4

package/dist/node/lib/AreWatcher/AreWatcher.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreWatcher/AreWatcher.component.ts"],"names":["AreWatcher","A_Component","A_Frame"],"mappings":"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","file":"AreWatcher.component.js","sourcesContent":["import { A_Component } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\n\n@A_Frame.Component({\n    namespace: 'A-ARE',\n    name: 'AreWatcher',\n    description: 'AreWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework.'\n})\nexport class AreWatcher extends A_Component {\n\n    private readonly handlers: Set<(url: URL) => void> = new Set();\n    private current: URL = new URL(window.location.href);\n\n    constructor() {\n        super();\n        this.patchHistory();\n        this.attachListeners();\n    }\n\n    // ── Public ────────────────────────────────────────────────────────────────\n\n    onChange(handler: (url: URL) => void): () => void {\n        this.handlers.add(handler);\n        return () => this.handlers.delete(handler);   // returns unsubscribe fn\n    }\n\n    get url(): URL {\n        return this.current;\n    }\n\n    destroy(): void {\n        window.removeEventListener('popstate', this.onPopState);\n        window.removeEventListener('hashchange', this.onHashChange);\n        window.removeEventListener('urlchange', this.onURLChange);\n        this.handlers.clear();\n    }\n\n    // ── Listeners ─────────────────────────────────────────────────────────────\n\n    private onPopState = (): void => {\n        this.notify();\n    }\n\n    private onHashChange = (): void => {\n        this.notify();\n    }\n\n    private onURLChange = (): void => {\n        this.notify();\n    }\n\n    private attachListeners(): void {\n        window.addEventListener('popstate', this.onPopState);\n        window.addEventListener('hashchange', this.onHashChange);\n        window.addEventListener('urlchange', this.onURLChange);   // custom event from patch\n    }\n\n    // ── Patch pushState / replaceState ────────────────────────────────────────\n\n    private patchHistory(): void {\n        const patch = (original: typeof history.pushState) =>\n            function (this: History, ...args: Parameters<typeof history.pushState>) {\n                original.apply(this, args);\n                window.dispatchEvent(new Event('urlchange'));\n            };\n\n        history.pushState = patch(history.pushState);\n        history.replaceState = patch(history.replaceState);\n    }\n\n    // ── Notify ────────────────────────────────────────────────────────────────\n\n    private notify(): void {\n        const next = new URL(window.location.href);\n\n        if (next.href === this.current.href) return;   // no actual change\n\n        this.current = next;\n\n        for (const handler of this.handlers) {\n            handler(this.current);\n        }\n    }\n}"]}

package/dist/node/lib/AreWatcher/AreWatcher.component.mjs

@@ -0,0 +1,71 @@
+import { __decorateClass } from '../../chunk-EQQGB2QZ.mjs';
+import { A_Component } from '@adaas/a-concept';
+import { A_Frame } from '@adaas/a-frame';
+
+let AreWatcher = class extends A_Component {
+  constructor() {
+    super();
+    this.handlers = /* @__PURE__ */ new Set();
+    this.current = new URL(window.location.href);
+    // ── Listeners ─────────────────────────────────────────────────────────────
+    this.onPopState = () => {
+      this.notify();
+    };
+    this.onHashChange = () => {
+      this.notify();
+    };
+    this.onURLChange = () => {
+      this.notify();
+    };
+    this.patchHistory();
+    this.attachListeners();
+  }
+  // ── Public ────────────────────────────────────────────────────────────────
+  onChange(handler) {
+    this.handlers.add(handler);
+    return () => this.handlers.delete(handler);
+  }
+  get url() {
+    return this.current;
+  }
+  destroy() {
+    window.removeEventListener("popstate", this.onPopState);
+    window.removeEventListener("hashchange", this.onHashChange);
+    window.removeEventListener("urlchange", this.onURLChange);
+    this.handlers.clear();
+  }
+  attachListeners() {
+    window.addEventListener("popstate", this.onPopState);
+    window.addEventListener("hashchange", this.onHashChange);
+    window.addEventListener("urlchange", this.onURLChange);
+  }
+  // ── Patch pushState / replaceState ────────────────────────────────────────
+  patchHistory() {
+    const patch = (original) => function(...args) {
+      original.apply(this, args);
+      window.dispatchEvent(new Event("urlchange"));
+    };
+    history.pushState = patch(history.pushState);
+    history.replaceState = patch(history.replaceState);
+  }
+  // ── Notify ────────────────────────────────────────────────────────────────
+  notify() {
+    const next = new URL(window.location.href);
+    if (next.href === this.current.href) return;
+    this.current = next;
+    for (const handler of this.handlers) {
+      handler(this.current);
+    }
+  }
+};
+AreWatcher = __decorateClass([
+  A_Frame.Component({
+    namespace: "A-ARE",
+    name: "AreWatcher",
+    description: "AreWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework."
+  })
+], AreWatcher);
+
+export { AreWatcher };
+//# sourceMappingURL=AreWatcher.component.mjs.map
+//# sourceMappingURL=AreWatcher.component.mjs.map

package/dist/node/lib/AreWatcher/AreWatcher.component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/AreWatcher/AreWatcher.component.ts"],"names":[],"mappings":"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","file":"AreWatcher.component.mjs","sourcesContent":["import { A_Component } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\n\n@A_Frame.Component({\n    namespace: 'A-ARE',\n    name: 'AreWatcher',\n    description: 'AreWatcher is a component that observes browser navigation events (history pushState, replaceState, and popstate) and notifies registered handlers when the URL changes, enabling client-side routing and reactive route-based rendering within the ARE framework.'\n})\nexport class AreWatcher extends A_Component {\n\n    private readonly handlers: Set<(url: URL) => void> = new Set();\n    private current: URL = new URL(window.location.href);\n\n    constructor() {\n        super();\n        this.patchHistory();\n        this.attachListeners();\n    }\n\n    // ── Public ────────────────────────────────────────────────────────────────\n\n    onChange(handler: (url: URL) => void): () => void {\n        this.handlers.add(handler);\n        return () => this.handlers.delete(handler);   // returns unsubscribe fn\n    }\n\n    get url(): URL {\n        return this.current;\n    }\n\n    destroy(): void {\n        window.removeEventListener('popstate', this.onPopState);\n        window.removeEventListener('hashchange', this.onHashChange);\n        window.removeEventListener('urlchange', this.onURLChange);\n        this.handlers.clear();\n    }\n\n    // ── Listeners ─────────────────────────────────────────────────────────────\n\n    private onPopState = (): void => {\n        this.notify();\n    }\n\n    private onHashChange = (): void => {\n        this.notify();\n    }\n\n    private onURLChange = (): void => {\n        this.notify();\n    }\n\n    private attachListeners(): void {\n        window.addEventListener('popstate', this.onPopState);\n        window.addEventListener('hashchange', this.onHashChange);\n        window.addEventListener('urlchange', this.onURLChange);   // custom event from patch\n    }\n\n    // ── Patch pushState / replaceState ────────────────────────────────────────\n\n    private patchHistory(): void {\n        const patch = (original: typeof history.pushState) =>\n            function (this: History, ...args: Parameters<typeof history.pushState>) {\n                original.apply(this, args);\n                window.dispatchEvent(new Event('urlchange'));\n            };\n\n        history.pushState = patch(history.pushState);\n        history.replaceState = patch(history.replaceState);\n    }\n\n    // ── Notify ────────────────────────────────────────────────────────────────\n\n    private notify(): void {\n        const next = new URL(window.location.href);\n\n        if (next.href === this.current.href) return;   // no actual change\n\n        this.current = next;\n\n        for (const handler of this.handlers) {\n            handler(this.current);\n        }\n    }\n}"]}

package/dist/node/lib/AreWatcher/AreWatcher.constants.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/node/lib/AreWatcher/AreWatcher.constants.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/node/lib/AreWatcher/AreWatcher.constants.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=AreWatcher.constants.js.map
+//# sourceMappingURL=AreWatcher.constants.js.map

package/dist/node/lib/AreWatcher/AreWatcher.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AreWatcher.constants.js"}

package/dist/node/lib/AreWatcher/AreWatcher.constants.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=AreWatcher.constants.mjs.map
+//# sourceMappingURL=AreWatcher.constants.mjs.map

package/dist/node/lib/AreWatcher/AreWatcher.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AreWatcher.constants.mjs"}

package/dist/node/lib/AreWatcher/AreWatcher.context.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/node/lib/AreWatcher/AreWatcher.context.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/node/lib/AreWatcher/AreWatcher.context.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=AreWatcher.context.js.map
+//# sourceMappingURL=AreWatcher.context.js.map

package/dist/node/lib/AreWatcher/AreWatcher.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AreWatcher.context.js"}

package/dist/node/lib/AreWatcher/AreWatcher.context.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=AreWatcher.context.mjs.map
+//# sourceMappingURL=AreWatcher.context.mjs.map

package/dist/node/lib/AreWatcher/AreWatcher.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AreWatcher.context.mjs"}

package/dist/node/lib/AreWatcher/AreWatcher.types.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/node/lib/AreWatcher/AreWatcher.types.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/node/lib/AreWatcher/AreWatcher.types.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=AreWatcher.types.js.map
+//# sourceMappingURL=AreWatcher.types.js.map

package/dist/node/lib/AreWatcher/AreWatcher.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AreWatcher.types.js"}

package/dist/node/lib/AreWatcher/AreWatcher.types.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=AreWatcher.types.mjs.map
+//# sourceMappingURL=AreWatcher.types.mjs.map

package/dist/node/lib/AreWatcher/AreWatcher.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AreWatcher.types.mjs"}

package/jest.config.ts

@@ -2,25 +2,36 @@ import type { Config } from '@jest/types';
 
 // Sync object
 const config: Config.InitialOptions = {
-    verbose: true,
-
-    transform: {
-        '^.+\\.tsx?$': 'ts-jest'
-    },
+   displayName: 'adaas-a-concept',
+    preset: 'ts-jest',
+    testEnvironment: 'node',
+    resetModules: true,
+    rootDir: '.',
+    testMatch: ['<rootDir>/tests/**/*.test.ts'],
+    setupFilesAfterEnv: ['<rootDir>/tests/jest.setup.ts'],
     moduleNameMapper: {
-        "@adaas/are/constants/(.*)": ["<rootDir>/src/constants/$1"],
-        "@adaas/are/lib/(.*)": ["<rootDir>/src/lib/$1"],
-        "@adaas/are/decorators/(.*)": ["<rootDir>/src/decorators/$1"],
-        "@adaas/are/types/(.*)": ["<rootDir>/src/types/$1"],
-        "@adaas/are/helpers/(.*)": ["<rootDir>/src/helpers/$1"],
-        "@adaas/are/defaults/(.*)": ["<rootDir>/src/defaults/$1"],
-
-        "@adaas/are/context/(.*)": ["<rootDir>/src/context/$1"],
-        "@adaas/are/components/(.*)": ["<rootDir>/src/components/$1"],
-        "@adaas/are/containers/(.*)": ["<rootDir>/src/containers/$1"],
-        "@adaas/are/entities/(.*)": ["<rootDir>/src/entities/$1"],
-        "@adaas/are/channels/(.*)": ["<rootDir>/src/channels/$1"],
-    }
-
+        "@adaas/are/helpers/(.*)": "<rootDir>/src/helpers/$1",
+        "@adaas/are/constants/(.*)": "<rootDir>/src/constants/$1",
+        "@adaas/are/containers/(.*)": "<rootDir>/src/containers/$1",
+        "@adaas/are/loader/(.*)": "<rootDir>/src/lib/AreLoader/$1",
+        "@adaas/are/tokenizer/(.*)": "<rootDir>/src/lib/AreTokenizer/$1",
+        "@adaas/are/compiler/(.*)": "<rootDir>/src/lib/AreCompiler/$1",
+        "@adaas/are/transformer/(.*)": "<rootDir>/src/lib/AreTransformer/$1",
+        "@adaas/are/interpreter/(.*)": "<rootDir>/src/lib/AreInterpreter/$1",
+        "@adaas/are/lifecycle/(.*)": "<rootDir>/src/lib/AreLifecycle/$1",
+        "@adaas/are/component/(.*)": "<rootDir>/src/lib/AreComponent/$1",
+        "@adaas/are/event/(.*)": "<rootDir>/src/lib/AreEvent/$1",
+        "@adaas/are/node/(.*)": "<rootDir>/src/lib/AreNode/$1",
+        "@adaas/are/store/(.*)": "<rootDir>/src/lib/AreStore/$1",
+        "@adaas/are/scene/(.*)": "<rootDir>/src/lib/AreScene/$1",
+        "@adaas/are/instruction/(.*)": "<rootDir>/src/lib/AreInstruction/$1",
+        "@adaas/are/syntax/(.*)": "<rootDir>/src/lib/AreSyntax/$1",
+        "@adaas/are/attribute/(.*)": "<rootDir>/src/lib/AreAttribute/$1",
+        "@adaas/are/watcher/(.*)": "<rootDir>/src/lib/AreWatcher/$1",
+        "@adaas/are/signals/(.*)": "<rootDir>/src/lib/AreSignals/$1",
+        "@adaas/are/engine/(.*)": "<rootDir>/src/lib/AreEngine/$1",
+        "@adaas/are/engines/html/(.*)": "<rootDir>/src/engines/html/$1",
+    },
+    collectCoverageFrom: ['src/**/*.ts', '!src/**/*.d.ts']
 };
 export default config;

package/package.json

@@ -1,9 +1,36 @@
 {
   "name": "@adaas/are",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "A-Concept Rendering Engine (ARE) is a powerful rendering engine designed to work seamlessly with the A-Concept framework. It provides developers with the tools and capabilities needed to create dynamic and interactive user interfaces for web applications.",
-  "author": "ADAAS <contact-us@adaas.org>",
-  "license": "ISC",
+  "keywords": [
+    "a-concept",
+    "a-frame",
+    "a-utils",
+    "rendering-engine",
+    "web-components",
+    "virtual-dom",
+    "reactivity-system",
+    "template-syntax",
+    "lifecycle-management",
+    "event-handling",
+    "state-management",
+    "scene-graph",
+    "instruction-set",
+    "are-engine"
+  ],
+  "license": "Apache-2.0",
+  "author": {
+    "name": "ADAAS YAZILIM LİMİTED ŞİRKETİ",
+    "email": "contact-us@adaas.org"
+  },
+  "homepage": "https://github.com/ADAAS-org/adaas-are#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ADAAS-org/adaas-are.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ADAAS-org/adaas-are/issues"
+  },
   "exports": {
     ".": {
       "browser": {
@@ -41,31 +68,20 @@
   "scripts": {
     "test": "jest",
     "example:jumpstart": "nodemon ./examples/jumpstart/concept.ts",
+    "example:dashboard": "nodemon ./examples/dashboard/concept.ts",
+    "example:auxta": "nodemon ./examples/auxta/concept.ts",
     "test:test": "nodemon ./src/test/app.ts",
-    "release": " npm run build && git add . && git commit -m \"new version created :: $(cat package.json | grep version | head -1  | awk -F: '{ print $2 }'  | sed 's/[\",]//g')\" && npm version patch && npm publish --access public",
-    "preversion": "echo test",
-    "version": "echo git add .",
-    "postversion": "git push --no-verify && git push --tags --no-verify && echo \"\n======Version Pushed Successfully=====\n\" ",
+    "release": "npm test && npm run build && git add . && git commit -m \"chore: prepare release $npm_package_version\" && npm version patch",
+    "preversion": "",
+    "version": "git add -A",
+    "postversion": "git push --no-verify && git push --tags --no-verify && npm publish --access public && echo \"\\n======Version Published Successfully=====\\n\"",
     "echo-version": "echo $npm_package_version",
     "build": "tsup --config tsup.config.ts"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ADAAS-org/adaas-are.git"
-  },
-  "keywords": [
-    "sdk",
-    "ai",
-    "rag"
-  ],
-  "bugs": {
-    "url": "https://github.com/ADAAS-org/adaas-are/issues"
-  },
-  "homepage": "https://github.com/ADAAS-org/adaas-are#readme",
   "dependencies": {
-    "@adaas/a-concept": "^0.3.1",
-    "@adaas/a-frame": "^0.0.10",
-    "@adaas/a-utils": "^0.3.3"
+    "@adaas/a-concept": "^0.3.13",
+    "@adaas/a-frame": "^0.0.22",
+    "@adaas/a-utils": "^0.3.18"
   },
   "devDependencies": {
     "@types/chai": "^4.3.14",

package/src/index.ts

@@ -1,15 +1,92 @@
-export * from './lib/AreApp';
-export * from './lib/AreComponent';
-export * from './lib/AreCompiler';
-export * from './lib/AreEvent';
-export * from './lib/AreIndex';
-export * from './lib/AreNode';
-export * from './lib/AreScene';
-export * from './lib/AreSceneInstruction';
-export * from './lib/AreSyntax';
-export * from './lib/AreRoot';  
-export * from './lib/AreStore';
-export * from './lib/AreProps';
-
-export * from './engines/html';
-export * from './signals'
+// ─── AreComponent (ARE base class & context) ─────────────────────────────────
+export * from './lib/AreComponent/Are.component';
+export * from './lib/AreComponent/Are.constants';
+export * from './lib/AreComponent/Are.context';
+export * from './lib/AreComponent/Are.types';
+
+// ─── AreNode ──────────────────────────────────────────────────────────────────
+export * from './lib/AreNode/AreNode.entity';
+export * from './lib/AreNode/AreNode.constants';
+export * from './lib/AreNode/AreNode.types';
+export * from './lib/AreNode/AreNode.error';
+
+// ─── AreAttribute ─────────────────────────────────────────────────────────────
+export * from './lib/AreAttribute/AreAttribute.entity';
+export * from './lib/AreAttribute/AreAttribute.constants';
+export * from './lib/AreAttribute/AreAttribute.types';
+
+// ─── AreSyntax ────────────────────────────────────────────────────────────────
+export * from './lib/AreSyntax/AreSyntax.context';
+export * from './lib/AreSyntax/AreSyntax.constants';
+export * from './lib/AreSyntax/AreSyntax.types';
+export * from './lib/AreSyntax/AreSyntax.error';
+
+// ─── AreTokenizer ─────────────────────────────────────────────────────────────
+export * from './lib/AreTokenizer/AreTokenizer.component';
+export * from './lib/AreTokenizer/AreTokenizer.error';
+
+// ─── AreCompiler ─────────────────────────────────────────────────────────────
+export * from './lib/AreCompiler/AreCompiler.component';
+export * from './lib/AreCompiler/AreCompiler.types';
+export * from './lib/AreCompiler/AreCompiler.error';
+
+// ─── AreTransformer ───────────────────────────────────────────────────────────
+export * from './lib/AreTransformer/AreTransformer.component';
+export * from './lib/AreTransformer/AreTransformer.constants';
+export * from './lib/AreTransformer/AreTransformer.types';
+
+// ─── AreInterpreter ───────────────────────────────────────────────────────────
+export * from './lib/AreInterpreter/AreInterpreter.component';
+export * from './lib/AreInterpreter/AreInterpreter.constants';
+export * from './lib/AreInterpreter/AreInterpreter.types';
+export * from './lib/AreInterpreter/AreInterpreter.error';
+
+// ─── AreStore ─────────────────────────────────────────────────────────────────
+export * from './lib/AreStore/AreStore.context';
+export * from './lib/AreStore/AreStore.constants';
+export * from './lib/AreStore/AreStore.types';
+
+// ─── AreEvent ─────────────────────────────────────────────────────────────────
+export * from './lib/AreEvent/AreEvent.context';
+export * from './lib/AreEvent/AreEvent.types';
+
+// ─── AreScene ─────────────────────────────────────────────────────────────────
+export * from './lib/AreScene/AreScene.context';
+export * from './lib/AreScene/AreScene.constants';
+export * from './lib/AreScene/AreScene.types';
+export * from './lib/AreScene/AreScene.error';
+
+// ─── AreInstruction ───────────────────────────────────────────────────────────
+export * from './lib/AreInstruction/AreInstruction.entity';
+export * from './lib/AreInstruction/AreInstruction.constants';
+export * from './lib/AreInstruction/AreInstruction.types';
+export * from './lib/AreInstruction/AreInstruction.error';
+export * from './lib/AreInstruction/types/AreDeclaration.instruction';
+export * from './lib/AreInstruction/types/AreMutation.instruction';
+
+// ─── AreLifecycle ─────────────────────────────────────────────────────────────
+export * from './lib/AreLifecycle/AreLifecycle.component';
+export * from './lib/AreLifecycle/AreLifecycle.constants';
+export * from './lib/AreLifecycle/AreLifecycle.types';
+export * from './lib/AreLifecycle/AreLifecycle.error';
+
+// ─── AreLoader ────────────────────────────────────────────────────────────────
+export * from './lib/AreLoader/AreLoader.component';
+export * from './lib/AreLoader/AreLoader.constants';
+export * from './lib/AreLoader/AreLoader.types';
+export * from './lib/AreLoader/AreLoader.error';
+
+// ─── AreWatcher ───────────────────────────────────────────────────────────────
+export * from './lib/AreWatcher/AreWatcher.component';
+export * from './lib/AreWatcher/AreWatcher.constants';
+export * from './lib/AreWatcher/AreWatcher.context';
+export * from './lib/AreWatcher/AreWatcher.types';
+
+// ─── AreSignals ───────────────────────────────────────────────────────────────
+export * from './lib/AreSignals/AreSignal.entity';
+export * from './lib/AreSignals/AreSignals.component';
+export * from './lib/AreSignals/AreSignals.constants';
+export * from './lib/AreSignals/AreSignals.context';
+export * from './lib/AreSignals/AreSignals.types';
+export * from './lib/AreSignals/entities/AreInit.signal';
+export * from './lib/AreSignals/entities/AreRoute.signal';

package/src/lib/AreAttribute/AreAttribute.constants.ts

@@ -0,0 +1,22 @@
+export const AreAttributeFeatures = {
+    /**
+     * Initializes the attribute. This method is called when the attribute is first created and should set up any necessary state or perform any initial processing based on the provided content and context. It can also be used to validate the attribute's content and throw errors if it is invalid.
+     */
+    Init: '_AreAttribute_Init',
+    /**
+     * Uses to generate all rendering instructions for the attribute. This method is called during the compilation phase of the ARE component and should return an array of instructions that describe how to render the attribute based on its content and context. The instructions can include details such as which DOM properties to set, which events to listen for, and how to update the attribute when the underlying data changes.
+     */
+    Transform: '_AreAttribute_Transform',
+    /**
+     * Feature that should convert a directiveAttribute definition into a set of SceneInstructions to be rendered correctly
+     */
+    Compile: '_AreAttribute_Compile',
+    /**
+     * Feature that should update the directiveAttribute based on the changes in the store or other dependencies. This method is called during the update phase of the ARE component and should perform any necessary updates to the attribute based on changes in the underlying data or context. This can include tasks such as updating DOM properties, re-evaluating expressions, or modifying event listeners to ensure that the attribute remains in sync with the current state of the application.
+     */
+    Update: '_AreAttribute_Update',
+    /**
+     * Feature that should validate the attribute's content and context. This method is called during the validation phase of the ARE component and should check whether the attribute's content is valid based on its expected format, type, or other constraints. If the content is invalid, this method should throw an error with a descriptive message to help developers identify and fix the issue.
+     */
+    Validate: '_AreAttribute_Validate',
+} as const

package/src/lib/AreAttribute/AreAttribute.entity.ts

@@ -0,0 +1,136 @@
+import { A_Context, A_Entity, A_Feature, A_Scope } from "@adaas/a-concept";
+import { A_Frame } from "@adaas/a-frame";
+import type { AreNode } from "@adaas/are/node/AreNode.entity";
+import { AreAttributeFeatures } from "./AreAttribute.constants";
+import { AreAttribute_Init, AreAttribute_Serialized } from "./AreAttribute.types";
+
+
+
+@A_Frame.Component({
+    namespace: 'A-ARE',
+    name: 'AreAttribute',
+    description: 'Represents an HTML attribute within the A-Concept Rendering Engine (ARE) framework, encapsulating the attribute\'s name, raw content, evaluated value, and associated features for initialization, transformation, compilation, updating, and validation.'
+})
+export class AreAttribute extends A_Entity<AreAttribute_Init, AreAttribute_Serialized> {
+
+    /**
+     * Property name (e.g. "label")
+     */
+    name!: string;
+    /**
+     * Full raw attribute (e.g. ' :label="buttonLabel" ')
+     */
+    raw!: string;
+    /**
+     * Attribute content (e.g. "buttonLabel")
+     * Example: For a directive like `v-if="condition"`, the raw value is "condition", but the content would be "condition" without the quotes, and the value would be the result of evaluating "condition" in the current scope.
+     */
+    content!: string;
+    /**
+     * The evaluated value of the attribute, which can be different from the raw value depending on the context and type of the attribute. For example, for a directive like `v-if="condition"`, the raw value is "condition", but the evaluated value would be the result of evaluating "condition" in the current scope.
+     */
+    value!: any;
+    /**
+     * The prefix of the attribute, for example for ':label' it would be ':', for 'v-if' it would be 'v-'. This can be used to determine the type of the attribute and how to process it.
+     */
+    prefix!: string;
+    /**
+     * The scope where the attribute is defined, which can be used to access other entities and features within the same scope. This is particularly useful for attributes that need to interact with other parts of the scene or component, as it allows them to access shared data and functionality without needing to pass it explicitly through parameters.
+     */
+    get scope() {
+        return A_Context.scope(this);
+    }
+    /**
+     * The owner node of the attribute, which is the node that the attribute is attached to. This can be used to access the properties and features of the owner node, as well as to determine the context in which the attribute is being used. For example, if the attribute is attached to a button element, the owner would be that button node, and the attribute could use this information to modify the button's behavior or appearance based on its content and context.
+     */
+    get owner(): AreNode {
+        return this.scope.issuer() as AreNode;
+    }
+
+    /**
+     * Initializes the attribute based on the provided properties. This method is called when a new attribute is created and should set up the attribute's state based on the provided properties. It can also be used to generate a unique ASEID for the attribute based on its name and content, which can be used for caching and identification purposes within the ARE framework.
+     * 
+     * @param newEntity 
+     */
+    fromNew(newEntity: AreAttribute_Init): void {
+        // const identity = {
+        //     name: newEntity.name,
+        //     prefix: newEntity.prefix,
+        //     content: newEntity.content,
+        // };
+
+        // const id = A_UtilsHelper.hash(identity);
+
+        this.aseid = this.generateASEID({
+            entity: newEntity.name,
+            // id: id,
+        });
+
+        this.name = newEntity.name;
+        this.prefix = newEntity.prefix;
+        this.raw = newEntity.raw;
+        this.content = newEntity.content;
+    }
+    // =====================================================================================
+    // ------------------------------- Attribute Methods ------------------------------
+    // =====================================================================================
+    /**
+     * Creates a clone of the current attribute instance. This method can be used to create a new instance of the attribute with the same properties and state as the original, which can be useful in scenarios where you want to reuse an attribute's configuration or create variations of it without modifying the original instance.
+     * 
+     * @returns 
+     */
+    clone(): this {
+        return new (this.constructor as new (init: AreAttribute_Init) => this)({
+            name: this.name,
+            raw: this.raw,
+            content: this.content,
+            prefix: this.prefix,
+        });
+    }
+    // =====================================================================================
+    // ------------------------------- Attribute Lifecycle ------------------------------
+    // =====================================================================================
+    /**
+     * Initializes the attribute. This method is called when the attribute is first created and should set up any necessary state or perform any initial processing based on the provided content and context. It can also be used to validate the attribute's content and throw errors if it is invalid.
+     * 
+     * @param scope 
+     */
+    init(scope?: A_Scope) {
+        this.call(AreAttributeFeatures.Init, scope || this.scope);
+    }
+    /**
+     * Generates all rendering instructions for the attribute. This method is called during the compilation phase of the ARE component and should return an array of instructions that describe how to render the attribute based on its content and context. The instructions can include details such as which DOM properties to set, which events to listen for, and how to update the attribute when the underlying data changes.
+     * 
+     * @param scope 
+     */
+    transform(scope?: A_Scope) {
+        this.call(AreAttributeFeatures.Transform, scope || this.scope);
+    }
+    /**
+     * Compiles the attribute. This method should transform attribute details into a set of SceneInstructions. It may also modify attribute value, since this field is editable during runtime.
+     * 
+     * @param scope 
+     */
+    @A_Frame.Method({
+        description: "Compile the attribute. This method should transform attribute details into a set of SceneInstructions. It may also modify attribute value, since this field is editable during runtime.",
+    })
+    compile(scope?: A_Scope) {
+        this.call(AreAttributeFeatures.Compile, scope || this.scope);
+    }
+    /**
+     * Updates the attribute based on changes in the store or other dependencies. This method is called during the update phase of the ARE component and should perform any necessary updates to the attribute based on changes in the underlying data or context. This can include tasks such as updating DOM properties, re-evaluating expressions, or modifying event listeners to ensure that the attribute remains in sync with the current state of the application.
+     * 
+     * @param scope 
+     */
+    update(scope?: A_Scope) {
+        this.call(AreAttributeFeatures.Update, scope || this.scope);
+    }
+    /**
+     * Validates the attribute's content and context. This method is called during the validation phase of the ARE component and should check whether the attribute's content is valid based on its expected format, type, or other constraints. If the content is invalid, this method should throw an error with a descriptive message to help developers identify and fix the issue.
+     * 
+     * @param scope 
+     */
+    validate(scope?: A_Scope): void {
+        this.call(AreAttributeFeatures.Validate, scope || this.scope);
+    }
+}