tungsten 0.1.6 → 0.1.24

package/dist/componentProxyHandlers.d.ts

@@ -0,0 +1,27 @@
+import { TungstenStatefulComponent, TungstenComponent } from './Components.jsx';
+type StatefulComponentWithState<State extends object> = TungstenStatefulComponent<any, State, any> | TungstenComponent<any, State, any>;
+type StatefulComponentAny = TungstenStatefulComponent<any, any, any> | TungstenComponent<any, any, any>;
+export declare const getStateProxyHandler: <State extends object>(element: StatefulComponentWithState<State>) => {
+    get: (obj: State, key: string | symbol) => unknown;
+    set: (obj: State, key: string | symbol, value: unknown) => boolean;
+    deleteProperty: (obj: State, key: string | symbol) => boolean;
+};
+export declare const getStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => {
+    get: (obj: O, key: string | symbol) => unknown;
+    set: (obj: O, key: string | symbol, value: unknown) => boolean;
+    deleteProperty: (obj: O, key: string | symbol) => boolean;
+};
+export declare const getStateArrayProxyHandler: (element: StatefulComponentAny) => {
+    get: (arr: unknown[], key: string | symbol) => any;
+    set: (arr: unknown[], key: string | symbol, value: unknown) => boolean;
+};
+export declare const getStateMapProxyHandler: (element: StatefulComponentAny) => {
+    get: (map: Map<unknown, unknown>, key: string | symbol) => any;
+};
+export declare const getStateSetProxyHandler: (element: StatefulComponentAny) => {
+    get: (set: Set<unknown>, key: string | symbol) => any;
+};
+export declare function proxyObjectContent<O extends object>(element: StatefulComponentAny, object: O): void;
+export declare function proxyArrayContent<A extends unknown[]>(element: StatefulComponentAny, array: A): void;
+export {};
+//# sourceMappingURL=componentProxyHandlers.d.ts.map

package/dist/componentProxyHandlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentProxyHandlers.d.ts","sourceRoot":"","sources":["../src/componentProxyHandlers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAO/E,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,IAC9C,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAC1C,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;AAExC,KAAK,oBAAoB,GAAG,yBAAyB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAEvG,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,WAAW,0BAA0B,CAAC,KAAK,CAAC;eACtF,KAAK,OAAO,MAAM,GAAG,MAAM;eAK3B,KAAK,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAyBhC,KAAK,OAAO,MAAM,GAAG,MAAM;CAOnD,CAAA;AAGF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,MAAM,WAAW,oBAAoB;eAC3E,CAAC,OAAO,MAAM,GAAG,MAAM;eAKvB,CAAC,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAwB5B,CAAC,OAAO,MAAM,GAAG,MAAM;CAO/C,CAAA;AAGF,eAAO,MAAM,yBAAyB,YAAa,oBAAoB;eACxD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;eAqB/B,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;CAyB5D,CAAA;AAIF,eAAO,MAAM,uBAAuB,YAAa,oBAAoB;eACtD,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CA0CxD,CAAA;AAIF,eAAO,MAAM,uBAAuB,YAAa,oBAAoB;eACtD,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAsC/C,CAAA;AAgCF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CA4BnG;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CA4BpG"}

package/dist/componentProxyHandlers.js

@@ -0,0 +1,302 @@
+import { KeyIsArrayMutatingFunction, KeyIsMapMutatingFunction, KeyIsSetMutatingFunction } from "./mutatingFunctions.js";
+import { objectTypesToProxy } from "./objectTypesToProxy.js";
+import { warn } from "./output.js";
+export const getStateProxyHandler = element => ({
+  get: (obj, key) => {
+    if (key === '__original') return obj; // return the internal object if requested
+    return obj[key]; // Proxy typing allowed accessing keys outside of the type.
+    // So act on that obj as an object that accept all string | symbol keys
+  },
+  set: (obj, key, value) => {
+    //set: (obj: State, key: string, value: unknown) => {
+    //const isObject = (typeof value === 'object' && value !== null)
+    if (Array.isArray(value)) {
+      // arrays
+      obj[key] = new Proxy(value, getStateArrayProxyHandler(element)); // if an array was set, proxy it too
+    } else if (typeof value === 'object' && value !== null && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approved object type
+    ) {
+      // plain objects
+      obj[key] = new Proxy(value, getStateObjectProxyHandler(element)); // if an plan object was set, proxy it too. If an object has a class other than Object, we'll leave it alone
+    } else if (value instanceof Map) {
+      // Maps
+      //console.log('found a Map in state');
+      obj[key] = new Proxy(value, getStateMapProxyHandler(element));
+    } else if (value instanceof Set) {
+      // Sets
+      //console.log('found a Set in state');
+      obj[key] = new Proxy(value, getStateSetProxyHandler(element));
+    } else {
+      obj[key] = value;
+    }
+    //const varKey = key
+    //this.__reactiveUpdate(varKey)
+    if (element.__initialized) element.__queueUpdate();
+    return true;
+  },
+  deleteProperty: (obj, key) => {
+    if (key in obj) {
+      delete obj[key]; // we know key is in obj
+      if (element.__initialized) element.__queueUpdate();
+    }
+    return true;
+  }
+});
+// intercept get sna dsets within state objects to proxy child objects and trigger component updates
+export const getStateObjectProxyHandler = element => ({
+  get: (obj, key) => {
+    if (key === '__original') return obj; // return the internal object if requested
+    return obj[key]; // Proxy typing allowed accessing keys outside of the type.
+    // So act on that obj as an object that accept all string | symbol keys
+  },
+  set: (obj, key, value) => {
+    //console.log('proxied object set')
+    if (Array.isArray(value)) {
+      // arrays
+      obj[key] = new Proxy(value, getStateArrayProxyHandler(element)); // if an array was set, proxy it too
+    } else if (typeof value === 'object' && value !== null
+    // && value.constructor.name === 'Object'
+    && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approve object type
+    ) {
+      // plain objects
+      obj[key] = new Proxy(value, getStateObjectProxyHandler(element)); // if an plan object was set, proxy it too. If an object has a class other than Object, we'll leave it alone
+    } else if (value instanceof Map) {
+      // Maps
+      //console.log('applying a map proxy is state');
+      obj[key] = new Proxy(value, getStateMapProxyHandler(element));
+    } else if (value instanceof Set) {
+      // Sets
+      obj[key] = new Proxy(value, getStateSetProxyHandler(element));
+    } else {
+      obj[key] = value;
+    }
+    //const varKey = key
+    //this.__reactiveUpdate(varKey)
+    if (element.__initialized) element.__queueUpdate();
+    return true;
+  },
+  deleteProperty: (obj, key) => {
+    if (key in obj) {
+      delete obj[key]; // we know key is in obj
+      if (element.__initialized) element.__queueUpdate();
+    }
+    return true;
+  }
+});
+// intercept calls to array prototype funcs that mutate the array, to trigger an update
+export const getStateArrayProxyHandler = element => ({
+  get: (arr, key) => {
+    //console.log('arr key', typeof key)
+    if (typeof key === 'string') {
+      if (key === '__original') return arr; // return the internal object if requested
+      if (KeyIsArrayMutatingFunction(key)) {
+        //console.log('yeah go')
+        return (...args) => {
+          arr[key](
+          // @ts-ignore -- don't wanna deal with args compatibility
+          ...args);
+          // reactivity
+          //const varKey = key
+          //this.__reactiveUpdate(varKey)
+          if (element.__initialized) element.__queueUpdate();
+        };
+      }
+    }
+    // @ts-ignore // TS doesn't like us accessing array by string key
+    return arr[key];
+  },
+  set: (arr, key, value) => {
+    //console.log('proxied array set')
+    //if (typeof key === 'string') {
+    if (Array.isArray(value)) {
+      // arrays
+      // @ts-ignore // TS doesn't like us accessing array by string key
+      arr[key] = new Proxy(value, getStateArrayProxyHandler); // if an array was set, proxy it too
+    } else if (typeof value === 'object' && value !== null
+    // && value.constructor.name === 'Object'
+    && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approve object type
+    ) {
+      // plain objects
+      // @ts-ignore // TS doesn't like us accessing array by string key
+      arr[key] = new Proxy(value, getStateObjectProxyHandler); // if an plan object was set, proxy it too. If an object has a class other than Object, we'll leave it alone
+    } else {
+      // @ts-ignore // TS doesn't like us accessing array by string key
+      arr[key] = value;
+    }
+    // reactivity
+    const varKey = key;
+    warn('__stateArrayProxyHandler set __reactiveUpdate key may overlap between strings and numbers');
+    //this.__reactiveUpdate(String(varKey))
+    if (element.__initialized) element.__queueUpdate();
+    return true;
+  }
+});
+// intercept calls to array prototype funcs that mutate the array, to trigger an update
+export const getStateMapProxyHandler = element => ({
+  get: (map, key) => {
+    //console.log('map get', key)
+    if (typeof key === 'string') {
+      if (key === '__original') return map; // return the internal object if requested
+      if (KeyIsMapMutatingFunction(key)) {
+        if (key === 'set') {
+          // SETTING - should we handle nested objects?
+          return (...args) => {
+            //console.log('map set')
+            map[key](
+            // @ts-ignore -- don't wanna deal with args compatibility
+            ...args);
+            // reactivity
+            //const varKey = key
+            //this.__reactiveUpdate(varKey)
+            if (element.__initialized) element.__queueUpdate();
+          };
+        } else {
+          return (...args) => {
+            //console.log('map', key)
+            map[key](
+            // @ts-ignore -- don't wanna deal with args compatibility
+            ...args);
+            // reactivity
+            //const varKey = key
+            //this.__reactiveUpdate(varKey)
+            if (element.__initialized) element.__queueUpdate();
+          };
+        }
+      }
+    }
+    // @ts-ignore // TS doesn't like us accessing array by string key
+    const v = map[key];
+    if (typeof v === 'function') return v.bind(map);
+    return v;
+    // if (typeof map[key] === 'function') return map[key].bind(map)
+    // // @ts-ignore // TS doesn't like us accessing array by string key
+    // return map[key]
+  }
+});
+// intercept calls to array prototype funcs that mutate the array, to trigger an update
+export const getStateSetProxyHandler = element => ({
+  get: (set, key) => {
+    //console.log('arr key', typeof key)
+    if (typeof key === 'string') {
+      if (key === '__original') return set; // return the internal object if requested
+      if (KeyIsSetMutatingFunction(key)) {
+        if (key === 'add') {
+          // ADDING - should we handle nested objects?
+          return (...args) => {
+            set[key](
+            // @ts-ignore -- don't wanna deal with args compatibility
+            ...args);
+            // reactivity
+            //const varKey = key
+            //this.__reactiveUpdate(varKey)
+            if (element.__initialized) element.__queueUpdate();
+          };
+        } else {
+          return (...args) => {
+            set[key](
+            // @ts-ignore -- don't wanna deal with args compatibility
+            ...args);
+            // reactivity
+            //const varKey = key
+            //this.__reactiveUpdate(varKey)
+            if (element.__initialized) element.__queueUpdate();
+          };
+        }
+      }
+    }
+    // @ts-ignore // TS doesn't like us accessing array by string key
+    const v = set[key];
+    if (typeof v === 'function') return v.bind(set);
+    return v;
+  }
+});
+// export function proxyStateContent<O extends object>(element: StatefulComponentAny, object: O) {
+//     for (const key in object) {
+//         const value = object[key]
+//         if (typeof value === 'object' && value !== null) { // objects, including array
+//             if (Array.isArray(value)) {
+//                 proxyArrayContent(element, value)
+//                 object[key as keyof O] = new Proxy(array, getStateObjectProxyHandler(element))
+//                 //(object[key as keyof O] as unknown[]) = proxyArrayContent(element, value)
+//                 //;(object[key as keyof O] as unknown[]) = new Proxy<unknown[]>(value, getStateArrayProxyHandler(element)) // if an array was set, proxy it too
+//             } else if (
+//                 typeof value === 'object'
+//                 && value !== null
+//                 // && value.constructor.name === 'Object'
+//                 && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approve object type
+//             ) { // plain objects
+//                 proxyObjectContent(element, value)
+//                 ;(object as EverythingObject)[key] = new Proxy(object, getStateObjectProxyHandler(element))
+//                 //object[key] = new Proxy(value, getStateObjectProxyHandler(element))
+//                 //(object[key as keyof O] as EverythingObject)[key] = new Proxy(value, getStateObjectProxyHandler(element)) // if an plan object was set, proxy it too. If an object has a class other than Object, we'll leave it alone
+//             } else if (value instanceof Map) { // Maps
+//                 //console.log('proxying a Map in state');
+//                 (object as EverythingObject)[key] = new Proxy(value, getStateMapProxyHandler(element))
+//             } else if (value instanceof Set) { // Sets
+//                 //console.log('proxying a Set in state');
+//                 (object as EverythingObject)[key] = new Proxy(value, getStateSetProxyHandler(element))
+//             }
+//         }
+//     }
+// }
+export function proxyObjectContent(element, object) {
+  for (const key in object) {
+    const value = object[key];
+    if (typeof value === 'object' && value !== null) {
+      // objects, including array
+      if (Array.isArray(value)) {
+        proxyArrayContent(element, value);
+        object[key] = new Proxy(value, getStateObjectProxyHandler(element));
+        //(object[key as keyof O] as unknown[]) = proxyArrayContent(element, value)
+        //;(object[key as keyof O] as unknown[]) = new Proxy<unknown[]>(value, getStateArrayProxyHandler(element)) // if an array was set, proxy it too
+      } else if (typeof value === 'object' && value !== null
+      // && value.constructor.name === 'Object'
+      && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approve object type
+      ) {
+        // plain objects
+        proxyObjectContent(element, value);
+        object[key] = new Proxy(value, getStateObjectProxyHandler(element));
+        //object[key] = new Proxy(value, getStateObjectProxyHandler(element))
+        //(object[key as keyof O] as EverythingObject)[key] = new Proxy(value, getStateObjectProxyHandler(element)) // if an plan object was set, proxy it too. If an object has a class other than Object, we'll leave it alone
+      } else if (value instanceof Map) {
+        // Maps
+        //console.log('proxying a Map in state');
+        object[key] = new Proxy(value, getStateMapProxyHandler(element));
+      } else if (value instanceof Set) {
+        // Sets
+        //console.log('proxying a Set in state');
+        object[key] = new Proxy(value, getStateSetProxyHandler(element));
+      }
+    }
+  }
+}
+export function proxyArrayContent(element, array) {
+  for (const key in array) {
+    const value = array[key];
+    if (typeof value === 'object' && value !== null) {
+      // objects, including array
+      if (Array.isArray(value)) {
+        proxyArrayContent(element, value);
+        array[key] = new Proxy(value, getStateObjectProxyHandler(element));
+        //(object[key as keyof O] as unknown[]) = proxyArrayContent(element, value)
+        //;(object[key as keyof O] as unknown[]) = new Proxy<unknown[]>(value, getStateArrayProxyHandler(element)) // if an array was set, proxy it too
+      } else if (typeof value === 'object' && value !== null
+      // && value.constructor.name === 'Object'
+      && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approve object type
+      ) {
+        // plain objects
+        proxyObjectContent(element, value);
+        array[key] = new Proxy(value, getStateObjectProxyHandler(element));
+        //object[key] = new Proxy(value, getStateObjectProxyHandler(element))
+        //(object[key as keyof O] as EverythingObject)[key] = new Proxy(value, getStateObjectProxyHandler(element)) // if an plan object was set, proxy it too. If an object has a class other than Object, we'll leave it alone
+      } else if (value instanceof Map) {
+        // Maps
+        //console.log('proxying a Map in state');
+        array[key] = new Proxy(value, getStateMapProxyHandler(element));
+      } else if (value instanceof Set) {
+        // Sets
+        //console.log('proxying a Set in state');
+        array[key] = new Proxy(value, getStateSetProxyHandler(element));
+      }
+    }
+  }
+}

package/dist/componentType.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=componentType.d.ts.map

package/dist/componentType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentType.d.ts","sourceRoot":"","sources":["../src/componentType.ts"],"names":[],"mappings":""}

package/dist/componentType.js

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

package/dist/components/Await.d.ts

@@ -0,0 +1,17 @@
+import type { ContentNode } from '../ContentNode.js';
+import { TungstenStatefulComponent, TungstenComponentPropsBase } from '../Components.jsx';
+type AwaitProps = TungstenComponentPropsBase & {
+    promise: Promise<unknown>;
+    children?: ContentNode | ((result?: unknown) => ContentNode);
+};
+type AwaitState = {
+    done: boolean;
+    result: unknown;
+};
+export declare class Await extends TungstenStatefulComponent<AwaitProps, AwaitState> {
+    state: AwaitState;
+    init: () => void;
+    content: () => ContentNode;
+}
+export {};
+//# sourceMappingURL=Await.d.ts.map

package/dist/components/Await.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Await.d.ts","sourceRoot":"","sources":["../../src/components/Await.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AAEzF,KAAK,UAAU,GAAG,0BAA0B,GAAG;IAC3C,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IACzB,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,WAAW,CAAC,CAAA;CAC/D,CAAA;AAED,KAAK,UAAU,GAAG;IACd,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,qBAAa,KAAM,SAAQ,yBAAyB,CAAC,UAAU,EAAE,UAAU,CAAC;IACxE,KAAK,EAAE,UAAU,CAGhB;IACD,IAAI,aAOH;IAED,OAAO,oBAUN;CACJ"}

package/dist/components/Await.js

@@ -0,0 +1,34 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+//import type { JsxContent } from './JsxContent.js'
+import { TungstenStatefulComponent } from "../Components.js";
+export class Await extends TungstenStatefulComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      done: false,
+      result: undefined
+    });
+    _defineProperty(this, "init", () => {
+      this.props.promise.then(result => {
+        //console.log('await promise done')
+        //console.log('result', result)
+        this.state.result = result;
+        this.state.done = true;
+      });
+    });
+    // mounted = () =>  this.props.promise.then( () => this.state.done = true ) /// perhaps it is necessary to delay
+    _defineProperty(this, "content", () => {
+      if (this.state.done) {
+        if (typeof this.props.children === 'function') {
+          return this.props.children(this.state.result);
+        } else {
+          return this.props.children;
+        }
+      } else {
+        return null;
+      }
+    });
+  }
+}

package/dist/components/GoToComponent.d.ts

@@ -0,0 +1,10 @@
+import { TungstenSimpleComponent } from '../Components.js';
+import type { RouteKey } from '../routing/RouteTypes.js';
+type Props = {
+    to: RouteKey;
+};
+export declare class GoTo extends TungstenSimpleComponent<Props> {
+    content: () => null;
+}
+export {};
+//# sourceMappingURL=GoToComponent.d.ts.map

package/dist/components/GoToComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoToComponent.d.ts","sourceRoot":"","sources":["../../src/components/GoToComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,KAAK,KAAK,GAAG;IACT,EAAE,EAAE,QAAQ,CAAA;CACf,CAAA;AACD,qBAAa,IAAK,SAAQ,uBAAuB,CAAC,KAAK,CAAC;IACpD,OAAO,aAGN;CACJ"}

package/dist/components/GoToComponent.js

@@ -0,0 +1,13 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { TungstenSimpleComponent } from "../Components.js";
+export class GoTo extends TungstenSimpleComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "content", () => {
+      this.__instance.goto(this.props.to);
+      return null;
+    });
+  }
+}

package/dist/components/Lazy.d.ts

@@ -0,0 +1,17 @@
+import { ContentNode } from '../ContentNode.js';
+import { TungstenComponentPropsBase, TungstenStatefulComponent } from '../Components.jsx';
+type AwaitProps = TungstenComponentPropsBase & {
+    promise: Promise<any>;
+    children?: ContentNode | ((result?: any) => ContentNode);
+};
+type AwaitState = {
+    done: boolean;
+    result?: unknown;
+};
+export declare class Lazy extends TungstenStatefulComponent<AwaitProps, AwaitState> {
+    state: AwaitState;
+    init: () => void;
+    content: () => ContentNode;
+}
+export {};
+//# sourceMappingURL=Lazy.d.ts.map

package/dist/components/Lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lazy.d.ts","sourceRoot":"","sources":["../../src/components/Lazy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAEzF,KAAK,UAAU,GAAG,0BAA0B,GAAG;IAC3C,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACrB,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,WAAW,CAAC,CAAA;CAC3D,CAAA;AAED,KAAK,UAAU,GAAG;IACd,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,qBAAa,IAAK,SAAQ,yBAAyB,CAAC,UAAU,EAAE,UAAU,CAAC;IACvE,KAAK,EAAE,UAAU,CAEhB;IACD,IAAI,aAKH;IAED,OAAO,oBAYN;CACJ"}

package/dist/components/Lazy.js

@@ -0,0 +1,32 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { TungstenStatefulComponent } from "../Components.js";
+export class Lazy extends TungstenStatefulComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      done: false
+    });
+    _defineProperty(this, "init", () => {
+      this.props.promise.then(result => {
+        this.state.result = result;
+        this.state.done = true;
+      });
+    });
+    // mounted = () =>  this.props.promise.then( () => this.state.done = true ) /// perhaps it is necessary to delay
+    _defineProperty(this, "content", () => {
+      if (this.state.done) {
+        const children = this.props.children;
+        if (children !== undefined) {
+          if (typeof children === 'function') {
+            return children(this.state.result);
+          } else {
+            return children;
+          }
+        }
+      }
+      return null; // could be when not done, OR when children undefined
+    });
+  }
+}

package/dist/components/Link.d.ts

@@ -0,0 +1,14 @@
+import { AnchorMouseEvent } from '../../types/jsx/html.events.js';
+import type { ContentNode } from '../ContentNode.js';
+import { TungstenSimpleComponent } from '../Components.jsx';
+export type LinkProps = {
+    className?: string | undefined;
+    to: `/${string}`;
+    children: ContentNode;
+};
+export declare class Link extends TungstenSimpleComponent<LinkProps> {
+    href: string;
+    click: (event: AnchorMouseEvent) => void;
+    content: () => ContentNode;
+}
+//# sourceMappingURL=Link.d.ts.map

package/dist/components/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAG3D,MAAM,MAAM,SAAS,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,EAAE,EAAE,IAAI,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAA;CACxB,CAAA;AAED,qBAAa,IAAK,SAAQ,uBAAuB,CAAC,SAAS,CAAC;IACxD,IAAI,SAIe;IACnB,KAAK,UAAW,gBAAgB,UAgB/B;IACD,OAAO,oBAUN;CACJ"}

package/dist/components/Link.js

@@ -0,0 +1,36 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { TungstenSimpleComponent } from "../Components.js";
+import { isProd } from "../isProd.js";
+import { jsx as _jsx } from "tungsten/jsxRuntime.js";
+export class Link extends TungstenSimpleComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "href", isProd && this.__instance.config.staticSite ? this.props.to === '/' ? this.__instance.config.siteBasePath + '/' : this.__instance.config.siteBasePath + this.props.to + '.html' : this.props.to);
+    _defineProperty(this, "click", (event /* Event */) => {
+      // GUARD if control key is pressed, allow the link to be opened in a new tab
+      // should this only apply on chrome?
+      if (event.ctrlKey) return;
+      // GUARD don't do anything if clientSideNavigation is disabled
+      if (!this.__instance.config.clientSideNav) return;
+      //if (this.__instance.config.staticSite) return // temporarily disable this on static sites
+      event.preventDefault();
+      const to = this.props.to;
+      // if (isProd && this.__instance.config.staticSite === true) // add .html suffix for static sites
+      //     to = (this.props.to === '/')
+      //         ? '/'
+      //         : `${to}.html`
+      console.log('go to', to);
+      this.__instance.goto(to);
+    });
+    _defineProperty(this, "content", () => {
+      return _jsx("a", {
+        className: this.props.className,
+        href: this.href,
+        onClick: this.click,
+        children: this.props.children
+      });
+    });
+  }
+}

package/dist/components/Stylesheet.d.ts

@@ -0,0 +1,10 @@
+import { TungstenSimpleComponent } from '../Components.jsx';
+export interface StylesheetProps {
+    children: {
+        href: string;
+    };
+}
+export declare class Stylesheet extends TungstenSimpleComponent<StylesheetProps> {
+    content: () => import("../ContentNode.js").ContentNode;
+}
+//# sourceMappingURL=Stylesheet.d.ts.map

package/dist/components/Stylesheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stylesheet.d.ts","sourceRoot":"","sources":["../../src/components/Stylesheet.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAM3D,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7B;AAED,qBAAa,UAAW,SAAQ,uBAAuB,CAAC,eAAe,CAAC;IACpE,OAAO,gDAON;CACJ"}

package/dist/components/Stylesheet.js

@@ -0,0 +1,19 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { TungstenSimpleComponent } from "../Components.js";
+import { jsx as _jsx } from "tungsten/jsxRuntime.js";
+export class Stylesheet extends TungstenSimpleComponent {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "content", () => {
+      //console.log('site base path', this.__instance.config.siteBasePath)
+      //console.log('href', this.props.children.href)
+      //console.log('Stylesheet href:', this.props.children?.href)
+      return typeof this.props.children?.href === 'string' ? _jsx("link", {
+        rel: "stylesheet",
+        href: this.__instance.config.siteBasePath + this.props.children.href
+      }) : null;
+    });
+  }
+}

package/dist/components/bindable/BindMode.d.ts

@@ -0,0 +1,2 @@
+export type BindMode = 'direct' | 'tuple';
+//# sourceMappingURL=BindMode.d.ts.map

package/dist/components/bindable/BindMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindMode.d.ts","sourceRoot":"","sources":["../../../src/components/bindable/BindMode.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA"}

package/dist/components/bindable/BindMode.js

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

package/dist/components/bindable/BindVariable.d.ts

@@ -0,0 +1,3 @@
+export type BindVariable<O extends object> = [O, keyof O];
+export type TypedBindVariable<O extends object, K extends keyof O> = [O, K];
+//# sourceMappingURL=BindVariable.d.ts.map

package/dist/components/bindable/BindVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindVariable.d.ts","sourceRoot":"","sources":["../../../src/components/bindable/BindVariable.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AAEzD,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA"}

package/dist/components/bindable/BindVariable.js

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

package/dist/components/bindable/BindableCheckbox.d.ts

@@ -0,0 +1,25 @@
+import type { TypedBindVariable } from './BindVariable.js';
+import type { FilterCheckedFunc, InputHTMLAttributes } from '../../../types/jsx/html.js';
+import type { InputKeyboardEvent } from '../../../types/jsx/html.events.js';
+import { TungstenSimpleComponent } from '../../Components.jsx';
+import { DetailedHTMLProps } from '../../../types/jsx/jsx.js';
+type BasicProps = {
+    className?: string;
+    style?: object;
+    css?: string;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+};
+export type BindableCheckboxProps<O extends object, K extends keyof O> = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement, O>, HTMLInputElement> & BasicProps & {
+    bindChecked?: TypedBindVariable<O, K>;
+} & (boolean extends O[K] ? {
+    filter?: FilterCheckedFunc<InputKeyboardEvent, O[K]> | undefined;
+} : {
+    filter: FilterCheckedFunc<InputKeyboardEvent, O[K]>;
+});
+export declare class BindableCheckbox<O extends object, K extends keyof O> extends TungstenSimpleComponent<BindableCheckboxProps<O, K>> {
+    content: () => import("../../ContentNode.js").ContentNode;
+}
+export {};
+//# sourceMappingURL=BindableCheckbox.d.ts.map

package/dist/components/bindable/BindableCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindableCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/bindable/BindableCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACxF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D,KAAK,UAAU,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,IAC/D,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAC7E,UAAU,GACV;IACE,WAAW,CAAC,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;CACxC,GAAG,CACA,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,GACd;IAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;CAAE,GACpE;IAAE,MAAM,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAChE,CAAA;AAGL,qBAAa,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,CAAE,SAAQ,uBAAuB,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3H,OAAO,mDAEN;CACJ"}