@amodx/schemas 0.0.1 → 0.0.2

package/Inputs/PropertyInput.d.ts

@@ -1,46 +1,44 @@
 import { Pipeline } from "@amodx/core/Pipelines";
 import { SchemaNode } from "../Schemas/SchemaNode";
+type GetPipelineData<Value = any> = {
+    value: Value;
+    input: PropertyInputBase;
+};
+type SetPipelineData<Value = any> = {
+    newValue: Value;
+    input: PropertyInputBase;
+};
 declare class PropertyInputPipelines<Value = any> {
-    onGet: Pipeline<{
-        value: Value;
-        input: PropertyInputBase;
-    }>;
-    onSet: Pipeline<{
-        newValue: any;
-        input: PropertyInputBase;
-    }>;
+    onGet: Pipeline<GetPipelineData<Value>>;
+    onSet: Pipeline<SetPipelineData<Value>>;
 }
-export interface PropertyInputData<Value = any, Properties extends object = any> {
-    type: string;
-    properties: Properties;
+export interface PropertyInputBaseProperties {
     disabled?: boolean;
-    mode?: string;
     required?: boolean;
     validator?: string;
+    variation?: string;
 }
-export interface PropertyInputMetaData {
-    id: string;
-    name: string;
-    [key: string]: any;
-}
-export interface PropertyInputConstructor<Value = any, Properties extends object = any> {
-    Meta: PropertyInputMetaData;
-    Create(overrides: Partial<PropertyInputData<Value, Properties>>): PropertyInputData<Value, Properties>;
-    new (data: PropertyInputData<Value, Properties>, node: SchemaNode): PropertyInputBase<Value, Properties>;
+export interface PropertyInputData<Value = any, Properties extends PropertyInputBaseProperties = PropertyInputBaseProperties> {
+    type: string;
+    properties: Properties;
 }
-export interface PropertyInputBase {
-    init?(): void;
+export interface AbstractPropertyInput<Value extends any = any, Properties extends PropertyInputBaseProperties = PropertyInputBaseProperties> {
+    id: string;
+    name?: string;
+    init?(input: PropertyInputBase<Value, Properties>): void;
+    createProperties(properties: Partial<Properties>): Properties;
+    compare(value1: Value, value2: Value): boolean;
 }
-export declare abstract class PropertyInputBase<Value = any, Properties extends object = any> {
+export declare class PropertyInputBase<Value = any, Properties extends PropertyInputBaseProperties = PropertyInputBaseProperties> {
+    abstractInput: AbstractPropertyInput<Value>;
     data: PropertyInputData<Value, Properties>;
     node: SchemaNode;
-    static CreateBase<Value = any, Properties extends object = any>(data: Partial<PropertyInputConstructor<Value, Properties>>): PropertyInputData<Value, Properties>;
+    private _getData;
+    private _setData;
     pipelines: PropertyInputPipelines<any>;
-    constructor(data: PropertyInputData<Value, Properties>, node: SchemaNode);
-    abstract compare(value1: Value, value2: Value): boolean;
+    constructor(abstractInput: AbstractPropertyInput<Value>, data: PropertyInputData<Value, Properties>, node: SchemaNode);
+    compare(value1: Value, value2: Value): boolean;
     get(): any;
     set(newValue: Value): void;
-    abstract getClass(): PropertyInputConstructor<Value, Properties>;
-    abstract getMeta(): PropertyInputMetaData;
 }
 export {};

package/Inputs/PropertyInput.js

@@ -4,32 +4,36 @@ class PropertyInputPipelines {
     onSet = new Pipeline();
 }
 export class PropertyInputBase {
+    abstractInput;
     data;
     node;
-    static CreateBase(data) {
-        return {
-            type: "",
-            properties: {},
-            ...data,
-        };
-    }
+    _getData;
+    _setData;
     pipelines = new PropertyInputPipelines();
-    constructor(data, node) {
+    constructor(abstractInput, data, node) {
+        this.abstractInput = abstractInput;
         this.data = data;
         this.node = node;
-        if (this.init)
-            this.init();
-    }
-    get() {
-        return this.pipelines.onGet.pipe({
+        this._getData = {
             input: this,
             value: this.node.get(),
-        }).value;
+        };
+        this._setData = {
+            input: this,
+            newValue: this.node.get(),
+        };
+        if (abstractInput.init)
+            abstractInput.init(this);
+    }
+    compare(value1, value2) {
+        return this.abstractInput.compare(value1, value2);
+    }
+    get() {
+        this._getData.value = this.node.get();
+        return this.pipelines.onGet.pipe(this._getData).value;
     }
     set(newValue) {
-        this.node.update(this.pipelines.onSet.pipe({
-            input: this,
-            newValue,
-        }).newValue);
+        this._setData.newValue = newValue;
+        this.node.update(this.pipelines.onSet.pipe(this._setData).newValue);
     }
 }

package/Inputs/PropertyInputRegister.d.ts

@@ -1,7 +1,7 @@
 import { ArrayMap } from "@amodx/core/DataStructures/ArrayMap";
-import { PropertyInputConstructor } from "./PropertyInput";
+import { AbstractPropertyInput } from "./PropertyInput";
 export declare class PropertyInputRegister {
-    static properties: ArrayMap<string, PropertyInputConstructor<any, any>>;
-    static regsiterProperty(...data: PropertyInputConstructor[]): void;
-    static getProperty(id: string): PropertyInputConstructor<any, any>;
+    static properties: ArrayMap<string, AbstractPropertyInput<any, any>>;
+    static regsiterProperty(data: AbstractPropertyInput): void;
+    static getProperty(id: string): AbstractPropertyInput<any, any>;
 }

package/Inputs/PropertyInputRegister.js

@@ -1,8 +1,8 @@
 import { ArrayMap } from "@amodx/core/DataStructures/ArrayMap";
 export class PropertyInputRegister {
     static properties = new ArrayMap();
-    static regsiterProperty(...data) {
-        this.properties.add(data.map((_) => [_.Meta.id, _]));
+    static regsiterProperty(data) {
+        this.properties.set(data.id, data);
     }
     static getProperty(id) {
         const property = this.properties.get(id);

package/Inputs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./registerInput";
+export * from "./PropertyInput";

package/Inputs/index.js

@@ -0,0 +1,2 @@
+export * from "./registerInput";
+export * from "./PropertyInput";

package/Inputs/registerInput.d.ts

@@ -0,0 +1,18 @@
+import { PropertyFC, PropertyRenderFC } from "Property.types";
+import { AbstractPropertyInput, PropertyInputBase, PropertyInputBaseProperties, PropertyInputData } from "./PropertyInput";
+import { SchemaNode } from "../Schemas/SchemaNode";
+export type RegisteredInput<Value extends any = any, Properties extends PropertyInputBaseProperties = PropertyInputBaseProperties> = ((initalProperties?: Partial<Properties>) => PropertyInputData<Value, Properties>) & {
+    id: string;
+    meta: {
+        name: string;
+    };
+    default: PropertyInputBase<Value, Properties>;
+    data: PropertyInputData<Value, Properties>;
+    properties: Properties;
+    value: Value;
+    createPropertyFC(defaultValue: Value): PropertyFC<Value, PropertyInputBase<Value, Properties>>;
+    createPropertyRenderFC<RenderedData extends any = any, Props extends any = any>(fc: (props: {
+        node: SchemaNode<Value, PropertyInputBase<Value, Properties>>;
+    } & Props) => RenderedData): PropertyRenderFC<RenderedData, Value, PropertyInputBase<Value, Properties>, Props>;
+};
+export declare function registerInput<Value extends any, InitalProperties extends object = {}>(data: AbstractPropertyInput<Value, InitalProperties>): RegisteredInput<Value, PropertyInputBaseProperties & InitalProperties>;

package/Inputs/registerInput.js

@@ -0,0 +1,32 @@
+import { PropertyInputRegister } from "./PropertyInputRegister";
+import { Property } from "../Properties/Property";
+export function registerInput(data) {
+    PropertyInputRegister.regsiterProperty(data);
+    const Create = (initalProperties = {}) => {
+        return {
+            type: data.id,
+            properties: data.createProperties(initalProperties),
+        };
+    };
+    return Object.assign(Create, {
+        id: data.id,
+        meta: {
+            name: data.name,
+        },
+        createPropertyFC(defaultValue) {
+            const fc = (id, data = {}) => {
+                return Property.Create({
+                    id,
+                    name: data.name,
+                    value: data.value ? data.value : defaultValue,
+                    initialize: data.initialize,
+                    input: Create(data),
+                });
+            };
+            return fc;
+        },
+        createPropertyRenderFC(fn) {
+            return fn;
+        },
+    });
+}

package/Properties/Property.d.ts

@@ -17,7 +17,7 @@ export declare class Property<Value = any, Input extends PropertyInputData | nul
     input?: Input | undefined;
     editable?: boolean | undefined;
     conditions?: PropertyConditionAction[] | undefined;
-    children?: Property<any>[] | undefined;
+    children?: Property<any, any>[] | undefined;
     static Create<Value = any, Input extends PropertyInputData | null = null>(data: Partial<Property<Value, Input>>): Property<Value, Input>;
     private constructor();
 }

package/Properties.d.ts

@@ -1,17 +1,8 @@
-import { PropertyInputBase, PropertyInputData } from "./Inputs/PropertyInput";
-import { ColorPropertyInput, FilePathPropertyInput, FloatPropertyInput, IntPropertyInput, PasswordPropertyInput, RangePropertyInput, SelectPropertyInput, StringPropertyInput, Vec2PropertyInput, Vec3PropertyInput, CheckboxPropertyInput, DatePropertyInput, TextareaPropertyInput, EmailPropertyInput, UrlPropertyInput } from "./Inputs/DefaultInputs";
+import { PropertyFC } from "./Property.types";
 import { ObjectPath } from "./Properties/ObjectPath";
 import { Property } from "./Properties/Property";
 import { PropertyCondition } from "./Properties/PropertyCondition";
 import { PropertyConditionAction } from "./Properties/PropertyConditionAction";
-import { SchemaNode } from "./Schemas/SchemaNode";
-type PropertyCreateData<Value extends any, Input extends PropertyInputData> = {
-    name?: string;
-    value?: Value;
-    validator?: string;
-    initialize?: (node: SchemaNode) => void;
-} & Partial<Input["properties"]>;
-type PropertyFC<Value extends any, Input extends PropertyInputBase> = (id: string, data?: Exclude<PropertyCreateData<Value, Input["data"]>, "id">) => Property<Value, Input["data"]>;
 export declare const PropConditions: ((data: Property<any, any>, ...conditions: PropertyConditionAction[]) => Property<any, any>) & {
     Action: typeof PropertyConditionAction.Create;
     Condition: typeof PropertyCondition.Create;
@@ -19,26 +10,46 @@ export declare const PropConditions: ((data: Property<any, any>, ...conditions:
 };
 export declare const ObjectProp: (id: string, name: string, ...properties: Property<any, any>[]) => Property<any, null>;
 export declare const AnyProp: PropertyFC<any, any>;
-export declare const StringProp: PropertyFC<string, StringPropertyInput>;
-export declare const PasswordProp: PropertyFC<string, PasswordPropertyInput>;
-export declare const FloatProp: PropertyFC<number, FloatPropertyInput>;
-export declare const IntProp: PropertyFC<number, IntPropertyInput>;
-export declare const RangeProp: PropertyFC<number, RangePropertyInput>;
-export declare const ColorProp: PropertyFC<string, ColorPropertyInput>;
-export declare const SelectProp: PropertyFC<string | number, SelectPropertyInput>;
-export declare const FilePathProp: PropertyFC<string, FilePathPropertyInput>;
+export declare const StringProp: PropertyFC<string, import("./Inputs").PropertyInputBase<string, import("./Inputs").PropertyInputBaseProperties & {
+    min: number;
+    max: number;
+}>>;
+export declare const FloatProp: PropertyFC<number, import("./Inputs").PropertyInputBase<number, import("./Inputs").PropertyInputBaseProperties & {
+    min: number;
+    max: number;
+}>>;
+export declare const IntProp: PropertyFC<number, import("./Inputs").PropertyInputBase<number, import("./Inputs").PropertyInputBaseProperties & {
+    min: number;
+    max: number;
+}>>;
+export declare const RangeProp: PropertyFC<number, import("./Inputs").PropertyInputBase<number, import("./Inputs").PropertyInputBaseProperties & {
+    min: number;
+    max: number;
+    step: number;
+}>>;
+export declare const ColorProp: PropertyFC<string, import("./Inputs").PropertyInputBase<string, import("./Inputs").PropertyInputBaseProperties>>;
+export declare const SelectProp: PropertyFC<string | number, import("./Inputs").PropertyInputBase<string | number, import("./Inputs").PropertyInputBaseProperties & {
+    options: string[] | [string, string | number][];
+    mode?: string;
+}>>;
 export declare const Vec2Prop: PropertyFC<{
     x: number;
     y: number;
-}, Vec2PropertyInput>;
+}, import("./Inputs").PropertyInputBase<{
+    x: number;
+    y: number;
+}, import("./Inputs").PropertyInputBaseProperties & {
+    valueType: "position" | "dimension";
+}>>;
 export declare const Vec3Prop: PropertyFC<{
     x: number;
     y: number;
     z: number;
-}, Vec3PropertyInput>;
-export declare const CheckboxProp: PropertyFC<boolean, CheckboxPropertyInput>;
-export declare const DateProp: PropertyFC<string, DatePropertyInput>;
-export declare const TextareaProp: PropertyFC<string, TextareaPropertyInput>;
-export declare const EmailProp: PropertyFC<string, EmailPropertyInput>;
-export declare const UrlProp: PropertyFC<string, UrlPropertyInput>;
-export {};
+}, import("./Inputs").PropertyInputBase<{
+    x: number;
+    y: number;
+    z: number;
+}, import("./Inputs").PropertyInputBaseProperties & {
+    valueType: "position" | "dimension";
+}>>;
+export declare const BooleanProp: PropertyFC<boolean, import("./Inputs").PropertyInputBase<boolean, import("./Inputs").PropertyInputBaseProperties>>;

package/Properties.js

@@ -1,4 +1,4 @@
-import { ColorPropertyInput, FilePathPropertyInput, FloatPropertyInput, IntPropertyInput, PasswordPropertyInput, RangePropertyInput, SelectPropertyInput, StringPropertyInput, Vec2PropertyInput, Vec3PropertyInput, CheckboxPropertyInput, DatePropertyInput, TextareaPropertyInput, EmailPropertyInput, UrlPropertyInput, } from "./Inputs/DefaultInputs";
+import { ColorPropertyInput, FloatPropertyInput, IntPropertyInput, RangePropertyInput, SelectPropertyInput, StringPropertyInput, Vec2PropertyInput, Vec3PropertyInput, BooleanPropertyInput, } from "./Inputs/DefaultInputs";
 import { ObjectPath } from "./Properties/ObjectPath";
 import { Property } from "./Properties/Property";
 import { PropertyCondition } from "./Properties/PropertyCondition";
@@ -27,213 +27,16 @@ export const AnyProp = (id, data = {}) => {
         input: null,
     });
 };
-export const StringProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "",
-        initialize: data.initialize,
-        input: StringPropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                min: data.min ? data.min : 0,
-                max: data.max ? data.max : Number.MAX_SAFE_INTEGER,
-            },
-        }),
-    });
-};
-export const PasswordProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "",
-        initialize: data.initialize,
-        input: PasswordPropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                min: data.min ? data.min : 0,
-                max: data.max ? data.max : Number.MAX_SAFE_INTEGER,
-            },
-        }),
-    });
-};
-export const FloatProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : 0,
-        initialize: data.initialize,
-        input: FloatPropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                min: data.min ? data.min : 0,
-                max: data.max ? data.max : Number.MAX_VALUE,
-            },
-        }),
-    });
-};
-export const IntProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : 0,
-        initialize: data.initialize,
-        input: IntPropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                min: data.min ? data.min : 0,
-                max: data.max ? data.max : Number.MAX_SAFE_INTEGER,
-            },
-        }),
-    });
-};
-export const RangeProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : 0,
-        initialize: data.initialize,
-        input: RangePropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                min: data.min ? data.min : 0,
-                max: data.max ? data.max : Number.MAX_VALUE,
-                step: data.step ? data.step : 0.1,
-            },
-        }),
-    });
-};
-export const ColorProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "#ffffff",
-        initialize: data.initialize,
-        input: ColorPropertyInput.Create({
-            validator: data.validator,
-            properties: {},
-        }),
-    });
-};
-export const SelectProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "",
-        initialize: data.initialize,
-        input: SelectPropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                options: data.options ? data.options : [],
-                mode: data.mode,
-            },
-        }),
-    });
-};
-export const FilePathProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "#ffffff",
-        initialize: data.initialize,
-        input: FilePathPropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                acceptedFileExtensions: data.acceptedFileExtensions
-                    ? data.acceptedFileExtensions
-                    : [],
-            },
-        }),
-    });
-};
-export const Vec2Prop = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : { x: 0, y: 0 },
-        initialize: data.initialize,
-        input: Vec2PropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                valueType: data.valueType ? data.valueType : "position",
-            },
-        }),
-    });
-};
-export const Vec3Prop = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : { x: 0, y: 0, z: 0 },
-        initialize: data.initialize,
-        input: Vec3PropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                valueType: data.valueType ? data.valueType : "position",
-            },
-        }),
-    });
-};
-export const CheckboxProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : false,
-        initialize: data.initialize,
-        input: CheckboxPropertyInput.Create({
-            validator: data.validator,
-            properties: {},
-        }),
-    });
-};
-export const DateProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "",
-        initialize: data.initialize,
-        input: DatePropertyInput.Create({
-            validator: data.validator,
-            properties: {},
-        }),
-    });
-};
-export const TextareaProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "",
-        initialize: data.initialize,
-        input: TextareaPropertyInput.Create({
-            validator: data.validator,
-            properties: {
-                rows: data.rows ? data.rows : 4,
-                cols: data.cols ? data.cols : 10,
-            },
-        }),
-    });
-};
-export const EmailProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "",
-        initialize: data.initialize,
-        input: EmailPropertyInput.Create({
-            validator: data.validator,
-            properties: {},
-        }),
-    });
-};
-export const UrlProp = (id, data = {}) => {
-    return Property.Create({
-        id,
-        name: data.name,
-        value: data.value ? data.value : "",
-        initialize: data.initialize,
-        input: UrlPropertyInput.Create({
-            validator: data.validator,
-            properties: {},
-        }),
-    });
-};
+export const StringProp = StringPropertyInput.createPropertyFC("");
+export const FloatProp = FloatPropertyInput.createPropertyFC(0);
+export const IntProp = IntPropertyInput.createPropertyFC(0);
+export const RangeProp = RangePropertyInput.createPropertyFC(0);
+export const ColorProp = ColorPropertyInput.createPropertyFC("#ffffff");
+export const SelectProp = SelectPropertyInput.createPropertyFC("");
+export const Vec2Prop = Vec2PropertyInput.createPropertyFC({ x: 0, y: 0 });
+export const Vec3Prop = Vec3PropertyInput.createPropertyFC({
+    x: 0,
+    y: 0,
+    z: 0,
+});
+export const BooleanProp = BooleanPropertyInput.createPropertyFC(false);

package/Property.types.d.ts

@@ -0,0 +1,13 @@
+import { SchemaNode } from "./Schemas/SchemaNode";
+import { PropertyInputBase, PropertyInputData } from "./Inputs/PropertyInput";
+import { Property } from "./Properties/Property";
+export type PropertyCreateData<Value extends any, Input extends PropertyInputData> = {
+    name?: string;
+    value?: Value;
+    initialize?: (node: SchemaNode) => void;
+} & Partial<Input["properties"]>;
+export type PropertyFC<Value extends any, Input extends PropertyInputBase> = (id: string, data?: Exclude<PropertyCreateData<Value, Input["data"]>, "id">) => Property<Value, Input["data"]>;
+export type PropertyRenderFCDefaultProps<Value extends any, Input extends PropertyInputBase> = {
+    node: SchemaNode<Value, Input>;
+};
+export type PropertyRenderFC<RenderedType extends any, Value extends any, Input extends PropertyInputBase, Props extends any = {}> = (props: Props & PropertyRenderFCDefaultProps<Value, Input>) => RenderedType;

package/Property.types.js

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

package/Schema/Node.js

@@ -0,0 +1 @@
+"use strict";

package/Schema/Object.js

@@ -0,0 +1 @@
+"use strict";

package/Schema/Property.js

@@ -0,0 +1 @@
+"use strict";

package/Schema/Schema.d.ts

@@ -0,0 +1,2 @@
+export declare class Schema {
+}

package/Schema/Schema.js

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

package/Schemas/SchemaNode.d.ts

@@ -13,25 +13,30 @@ export declare class TemplateNode {
 declare class SchemaNodeObservers<Value = any, Input extends PropertyInputBase<any, any> = any> {
     stateUpdated: Observable<SchemaNode<Value, Input>>;
     updated: Observable<SchemaNode<Value, Input>>;
+    set: Observable<SchemaNode<Value, Input>>;
     loadedIn: Observable<SchemaNode<Value, Input>>;
     updatedOrLoadedIn: Observable<SchemaNode<Value, Input>>;
     evaluate: Observable<void>;
     validate: Observable<void>;
 }
+type UpdatedPipelineData<Value = any, Input extends PropertyInputBase<any, any> = any> = {
+    newValue: any;
+    node: SchemaNode<Value, Input>;
+};
+type LoadInPipelineData<Value = any, Input extends PropertyInputBase<any, any> = any> = {
+    value: any;
+    node: SchemaNode<Value, Input>;
+};
 declare class SchemaNodePipelines<Value = any, Input extends PropertyInputBase<any, any> = any> {
     onStore: Pipeline<Property<Value, Input["data"]>>;
-    updated: Pipeline<{
-        newValue: any;
-        node: SchemaNode<Value, Input>;
-    }>;
-    loadedIn: Pipeline<{
-        value: any;
-        node: SchemaNode<Value, Input>;
-    }>;
+    updated: Pipeline<UpdatedPipelineData<any, any>>;
+    loadedIn: Pipeline<LoadInPipelineData<any, any>>;
 }
 export declare class SchemaNode<Value = any, Input extends PropertyInputBase<any, any> = any> {
     property: Property<Value, Input["data"]>;
     root: any;
+    private _updateData;
+    private _loadInData;
     children: SchemaNode[] | null;
     conditions: PropertyConditionAction[];
     input: Input | null;