vsn 0.1.60 → 0.1.61

package/demo/xhr.html

@@ -1,16 +1,35 @@
 <div id="huh-wut" vsn-scope>
     <style>
-        bb {
+        bb,
+        .something-special {
             display: block;
         }
     </style>
     <script vsn-script type="text/vsn">
-        huh_wut = 1;
+        class something-special {
+            func construct() {
+                $color = "#ff00ff";
+                something = "something";
+                @text = 'huh?';
+            }
+
+            func click() {
+            }
+
+            func t() {
+                $color = 'red';
+                @text = 'wut?';
+            }
+        }
+
+        ?>(:parent).huh_wut = 1;
         func add(a, b) {
             ?(bb).@text = `asd 123 ${a} ${b} hmm?`;
             return a + b;
         }
     </script>
+    <div class="something-special" vsn-on:click="t()">asd</div>
+    <div class="something-special" vsn-on:click="t()">asd</div>
     <bb>bb</bb>
     <span vsn-bind="huh_wut"></span>
     <a href="" vsn-on:click|preventdefault="huh_wut = add(huh_wut, 1)">Click me!</a>

package/dist/AST/ClassNode.d.ts

@@ -0,0 +1,20 @@
+import { Scope } from "../Scope";
+import { DOM } from "../DOM";
+import { Tag } from "../Tag";
+import { Token, TreeNode } from "../AST";
+import { Node } from "./Node";
+import { BlockNode } from "./BlockNode";
+export declare class ClassNode extends Node implements TreeNode {
+    readonly name: string;
+    readonly block: BlockNode;
+    static readonly classes: {
+        [name: string]: ClassNode;
+    };
+    protected requiresPrep: boolean;
+    readonly classScope: Scope;
+    constructor(name: string, block: BlockNode);
+    prepare(scope: Scope, dom: DOM, tag?: Tag): Promise<void>;
+    prepareTag(tag: Tag, dom: DOM): Promise<void>;
+    evaluate(scope: Scope, dom: DOM, tag?: Tag): Promise<any>;
+    static parse(lastNode: any, token: any, tokens: Token[]): ClassNode;
+}

package/dist/AST.d.ts

@@ -34,52 +34,53 @@ export declare enum TokenType {
     ELSE_IF = 12,
     ELSE = 13,
     FUNC = 14,
-    NAME = 15,
-    L_BRACE = 16,
-    R_BRACE = 17,
-    L_BRACKET = 18,
-    R_BRACKET = 19,
-    L_PAREN = 20,
-    R_PAREN = 21,
-    TILDE = 22,
-    PERIOD = 23,
-    COMMA = 24,
-    COLON = 25,
-    SEMICOLON = 26,
-    STRING_FORMAT = 27,
-    STRING_LITERAL = 28,
-    NUMBER_LITERAL = 29,
-    BOOLEAN_LITERAL = 30,
-    NULL_LITERAL = 31,
-    STRICT_EQUALS = 32,
-    STRICT_NOT_EQUALS = 33,
-    EQUALS = 34,
-    NOT_EQUALS = 35,
-    GREATER_THAN_EQUAL = 36,
-    LESS_THAN_EQUAL = 37,
-    GREATER_THAN = 38,
-    LESS_THAN = 39,
-    ASSIGN = 40,
-    AND = 41,
-    OR = 42,
-    ADD = 43,
-    SUBTRACT = 44,
-    MULTIPLY = 45,
-    DIVIDE = 46,
-    ADD_ASSIGN = 47,
-    SUBTRACT_ASSIGN = 48,
-    MULTIPLY_ASSIGN = 49,
-    DIVIDE_ASSIGN = 50,
-    EXCLAMATION_POINT = 51,
-    ELEMENT_REFERENCE = 52,
-    ELEMENT_ATTRIBUTE = 53,
-    ELEMENT_STYLE = 54,
-    ELEMENT_QUERY = 55,
-    UNIT = 56,
-    XHR_GET = 57,
-    XHR_POST = 58,
-    XHR_PUT = 59,
-    XHR_DELETE = 60
+    CLASS = 15,
+    NAME = 16,
+    L_BRACE = 17,
+    R_BRACE = 18,
+    L_BRACKET = 19,
+    R_BRACKET = 20,
+    L_PAREN = 21,
+    R_PAREN = 22,
+    TILDE = 23,
+    PERIOD = 24,
+    COMMA = 25,
+    COLON = 26,
+    SEMICOLON = 27,
+    STRING_FORMAT = 28,
+    STRING_LITERAL = 29,
+    NUMBER_LITERAL = 30,
+    BOOLEAN_LITERAL = 31,
+    NULL_LITERAL = 32,
+    STRICT_EQUALS = 33,
+    STRICT_NOT_EQUALS = 34,
+    EQUALS = 35,
+    NOT_EQUALS = 36,
+    GREATER_THAN_EQUAL = 37,
+    LESS_THAN_EQUAL = 38,
+    GREATER_THAN = 39,
+    LESS_THAN = 40,
+    ASSIGN = 41,
+    AND = 42,
+    OR = 43,
+    ADD = 44,
+    SUBTRACT = 45,
+    MULTIPLY = 46,
+    DIVIDE = 47,
+    ADD_ASSIGN = 48,
+    SUBTRACT_ASSIGN = 49,
+    MULTIPLY_ASSIGN = 50,
+    DIVIDE_ASSIGN = 51,
+    EXCLAMATION_POINT = 52,
+    ELEMENT_REFERENCE = 53,
+    ELEMENT_ATTRIBUTE = 54,
+    ELEMENT_STYLE = 55,
+    ELEMENT_QUERY = 56,
+    UNIT = 57,
+    XHR_GET = 58,
+    XHR_POST = 59,
+    XHR_PUT = 60,
+    XHR_DELETE = 61
 }
 export interface TreeNode<T = any> {
     evaluate(scope: Scope, dom: DOM, tag?: Tag): any;

package/dist/DOM.d.ts

@@ -4,6 +4,7 @@ import { WrappedWindow } from "./DOM/WrappedWindow";
 import { WrappedDocument } from "./DOM/WrappedDocument";
 import { Scope } from "./Scope";
 import { EventDispatcher } from "./EventDispatcher";
+import { ClassNode } from "./AST/ClassNode";
 export declare class DOM extends EventDispatcher {
     protected rootElement: Document;
     protected debug: boolean;
@@ -19,6 +20,7 @@ export declare class DOM extends EventDispatcher {
     constructor(rootElement: Document, build?: boolean, debug?: boolean);
     get root(): Tag;
     get(selector: string, create?: boolean, tag?: Tag): Promise<TagList>;
+    prepareDOMClass(className: string, classObject: ClassNode): Promise<void>;
     getFromTag(tag: Tag, selector: string, create?: boolean): Promise<TagList>;
     registerElementInRoot(tag: Tag): void;
     querySelectorAll(q: string, tag?: Tag): NodeList | HTMLElement[];

package/dist/Registry.d.ts

@@ -1,5 +1,6 @@
 import { EventDispatcher } from "./EventDispatcher";
 import { IPromise } from "./SimplePromise";
+import { ClassNode } from "./AST/ClassNode";
 export declare function register(store: string, key?: string, setup?: () => void): (target: any, _key?: string) => void;
 export declare class RegistryStore extends EventDispatcher {
     private timeouts;
@@ -11,7 +12,7 @@ export declare class RegistryStore extends EventDispatcher {
 }
 export declare class Registry extends EventDispatcher {
     protected static _instance: Registry;
-    readonly components: RegistryStore;
+    readonly controllers: RegistryStore;
     readonly classes: RegistryStore;
     readonly models: RegistryStore;
     readonly templates: RegistryStore;
@@ -20,8 +21,7 @@ export declare class Registry extends EventDispatcher {
     readonly formats: RegistryStore;
     readonly attributes: RegistryStore;
     constructor();
-    static component(key?: string, setup?: any): (target: any, _key?: string) => void;
-    static class(key?: string, setup?: any): (target: any, _key?: string) => void;
+    static class(cls: ClassNode): void;
     static controller(key?: string, setup?: any): (target: any, _key?: string) => void;
     static model(key?: string, setup?: any): (target: any, _key?: string) => void;
     static template(key?: string, setup?: any): (target: any, _key?: string) => void;

package/dist/Scope.d.ts

@@ -25,3 +25,6 @@ export declare class Scope extends EventDispatcher {
     unwrap(): void;
     static fromObject(obj: any, parentScope?: Scope): Scope;
 }
+export declare class FunctionScope extends Scope {
+    set(key: string, value: any): void;
+}

package/dist/attributes/ControllerAttribute.d.ts

@@ -1,3 +1,10 @@
-import { ClassConstructor } from "./ClassConstructor";
-export declare class ControllerAttribute extends ClassConstructor {
+import { Attribute } from "../Attribute";
+export declare class ControllerAttribute extends Attribute {
+    static readonly canDefer: boolean;
+    static readonly scoped: boolean;
+    protected attributeKey: string;
+    protected className: string;
+    protected defaultClassName: string;
+    setup(): Promise<void>;
+    protected instantiateClass(cls: any): void;
 }

package/dist/attributes/ModelAttribute.d.ts

@@ -1,4 +1,4 @@
-import { ClassConstructor } from "./ClassConstructor";
-export declare class ModelAttribute extends ClassConstructor {
+import { ControllerAttribute } from "./ControllerAttribute";
+export declare class ModelAttribute extends ControllerAttribute {
     static readonly canDefer: boolean;
 }