dist/core.d.ts

@@ -62,26 +62,42 @@ declare global
     readonly noreactive: <T extends object>(obj: T) => T
     readonly stateFields: <T extends object>(obj: T) => VanX.StateOf<T>
     readonly raw: <T extends object>(obj: T) => T
-    readonly list: <T extends object, ElementType extends Element>(container: (() => ElementType) | ElementType, items: T,itemFunc: (v: Van.State<VanX.ValueType<T>>, deleter: () => void, k: VanX.KeyType<T>) => Node) => ElementType
+    readonly list: <T extends object, ElementType extends Element>(
+      container: (() => ElementType) | ElementType,
+      items: T,itemFunc: (v: Van.State<VanX.ValueType<T>>, deleter: () => void, k: VanX.KeyType<T>) => Node
+    ) => ElementType
     readonly replace: <T extends object>(obj: T, replacement: VanX.ReplacementFunc<T> | T) => T
     readonly compact: <T extends object>(obj: T) => T
+    // my addition
+    readonly Store: <T extends object>(obj:T, key:string)=>T
   };
 
   namespace Gale { 
     type KeyQuery = "@";
-    type KeyPseudo = ":";
+    type KeyState = ":";
     type KeyChild = ".";
     type KeyGroup = "^";
-    type UserStyles = Partial<CSSStyleDeclaration> & {[key: `${KeyQuery|KeyPseudo|KeyChild|KeyGroup}${string}`]: UserStyles }
+    type UserStyles = Partial<CSSStyleDeclaration> & {[key: `${KeyQuery|KeyState|KeyChild|KeyGroup}${string}`]: UserStyles }
     type UserSheet = Record<string, UserStyles>
     type CollectKeys<Obj> = {[Key in keyof Obj]: Obj[Key] extends object ? Key | CollectKeys<Obj[Key]> : Key }[keyof Obj]
     type FilterKeys<Keys> = Keys extends `${KeyChild|KeyGroup}${infer Rest}` ? Keys : never
     type CrossMultiply<A, B> = A extends string ? B extends string ? `${A}${B}` : never : never 
     type CrossMultiplyRecord<Rec> = keyof Rec | { [K in keyof Rec]: K extends string ? CrossMultiply<K, FilterKeys<CollectKeys<Rec[K]>>> : never }[keyof Rec]
-    type Tier = (selector:string, obj:UserStyles)=>string;
+    type Tier = (selector:string, obj:UserStyles, suffix:string)=>string;
-    type CreateSheet = <T extends UserSheet>(sheet:UserSheet&T)=> ((...args:CrossMultiplyRecord<T>[])=>string)&{css:string}
+    type CreateSheet = <T extends UserSheet>(sheet:UserSheet&T, hash?:string)=>{
+      Tag:(...args:CrossMultiplyRecord<T>[])=>string,
+      CSS:string,
+      DOM:Elemental<CrossMultiplyRecord<T>>,
+      H:Circular<CrossMultiplyRecord<T>, Van.TagFunc<HTMLDivElement>>
     }
     
+
+    type Elemental<T extends string> = {[K in keyof HTMLElementTagNameMap]: Van.TagFunc<HTMLElementTagNameMap[K]>&Circular<T, Van.TagFunc<HTMLElementTagNameMap[K]>>}
+
+    type Circular<Keys extends string, Func> = {
+        [K in Keys]: Circular<Keys, Func>&Func
+    };
+    
+  }
   const Gale:Gale.CreateSheet
-
 }

src/hmr.js

@@ -1,92 +0,0 @@
-//@ts-check
-// hmr
-const HMR = globalThis.HMR = {
-    Time: 0,
-    /** @type {Record<string, string>} */
-    Temp:{},
-    Tick()
-    {
-        for(const k in HMR.Temp)
-        {
-            sessionStorage.setItem(k, HMR.Temp[k]);
-        } 
-        HMR.Temp = {};
-        HMR.Time = 0;
-    },
-    /** @type {(key:string, value:string)=>void} */
-    Save(key, value)
-    {
-        this.Temp[key] = value;
-        if(!this.Time)
-        {
-            this.Time = setTimeout(this.Tick, 500);
-        }
-        console.log("SAVE", key, value);
-    },
-    /** @type {(key:string)=>string|null} */
-    Load(key)
-    {
-        const value = sessionStorage.getItem(key);
-        console.log("LOAD", key, value);
-        return value;
-    },
-
-    /** @type {string|undefined} */
-    _ID: undefined,
-    _index: 0,
-    /** @type {(id:string|undefined = undefined)=>void} */
-    StartID(id)
-    {
-        this._index = 0;
-        this._ID = id;
-    },
-    NextID()
-    {
-        return this._ID ? this._ID + "_" + (this._index++) + "_" : "";
-    },
-
-    BindVan()
-    {
-        //bind Van
-        const origninalState = globalThis.van.state;
-        globalThis.van.state =(value, key="")=>
-        {
-            const type = typeof value;
-            let reader =d=>d;
-            let writer =d=>d?.toString() || null;
-
-            switch(type)
-            {
-                case "boolean" :
-                    reader =(data)=> data === "true"; break;
-                case "number" :
-                    reader = parseFloat; break;
-                case "object" :
-                    reader = JSON.parse;
-                    writer = JSON.stringify;
-                    break;
-            }
-
-            const fullKey = "HMR_" + HMR.NextID() + key;
-            const stringValue = HMR.Load(fullKey);
-            const signal = origninalState((stringValue ? reader(stringValue) : value));
-            van.derive(()=>HMR.Save(fullKey, writer(signal.val)));
-
-            return signal;
-        };
-    },
-
-    BindVanX()
-    {
-        //bind VanX
-        const originalReactive = globalThis.vanX.reactive;
-        globalThis.vanX.reactive =(obj, id)=>
-        {
-            HMR.StartID(id);
-            const state = originalReactive(obj);
-            HMR.StartID();
-            return state;
-        }
-    }
-
-}