tungsten 0.2.1 → 0.2.2

package/dist/hooks/useState.js

@@ -0,0 +1,37 @@
+import { getCurrentComponent } from "./getCurrentComponent.js";
+import { TungstenError, TungstenProductionError } from "../TungstenError.js";
+import { isDev } from "../isDev.js";
+const thisHook = 'useState';
+// overloads just so TS errs say defaultValue not args
+// export function useState<T extends undefined>(defaultValue?: T): [T, (newValue: T) => void]
+// export function useState<T>(defaultValue: T): [T, (newValue: T) => void]
+// export function useState<T>(...args: T extends undefined ? [defaultValue?: T] : [defaultValue: T])
+//     : [T, (newValue: T) => void] {
+export function useState(...defaultValue) {
+  // what do we do here?
+  const c = getCurrentComponent();
+  if (c === undefined) {
+    if (isDev) throw new TungstenError(`Invalid call to ${thisHook} outside of a component`);else throw new TungstenProductionError();
+  }
+  const index = c.useStateIndex++;
+  //console.log('c.state', c.state)
+  //console.log('looking for'. indexOf.toString(), 'in component')
+  function update(newValue) {
+    //console.log('useState update, setting to', newValue)
+    // do we need to check whether anything changed?
+    // we have to be careful with checking, because we need to
+    //  check any value queued to be put into state,
+    // not just current state value
+    //if (newValue !== c.state[])
+    c.state[index] = newValue;
+    c.update(); // queues an update
+  }
+  if (index.toString() in c.state) {
+    //console.log('useState re-run', c.state[index])
+    return [c.state[index], update];
+  } else {
+    //console.log('useState initial run')
+    c.state[index] = defaultValue[0];
+    return [defaultValue[0], update]; // eslint-disable-line no-type-assertion/no-type-assertion -- args[0] can only be undefined if T includes undefined 
+  }
+}

package/dist/htmlEntities.d.ts

@@ -0,0 +1,2 @@
+export declare function htmlEntities(str: string): string;
+//# sourceMappingURL=htmlEntities.d.ts.map

package/dist/htmlEntities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlEntities.d.ts","sourceRoot":"","sources":["../src/htmlEntities.ts"],"names":[],"mappings":"AACA,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAMvC"}

package/dist/htmlEntities.js

@@ -0,0 +1,10 @@
+export function htmlEntities(str) {
+  return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+//// !!!! Alternate
+// function escape(string) {
+//     string = string.replace(/./gm, function(s) {
+//         return (s.match(/[a-z0-9\s]+/i)) ? s : '&#' + s.charCodeAt(0) + ';'
+//     })
+//     return string
+// }

package/dist/htmlEventHandlerKey.d.ts

@@ -0,0 +1,3 @@
+import type { HtmlEventName } from './htmlEvents.js';
+export declare function htmlEventHandlerKey(eventName: HtmlEventName): string;
+//# sourceMappingURL=htmlEventHandlerKey.d.ts.map

package/dist/htmlEventHandlerKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlEventHandlerKey.d.ts","sourceRoot":"","sources":["../src/htmlEventHandlerKey.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,aAAa,GAAG,MAAM,CAEpE"}

package/dist/htmlEventHandlerKey.js

@@ -0,0 +1,3 @@
+export function htmlEventHandlerKey(eventName) {
+  return '__tungsten_' + eventName + '_handler';
+}

package/dist/htmlEvents.d.ts

@@ -0,0 +1,6 @@
+export type HtmlEvent = 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onMouseMove' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOver' | 'onMouseOut' | 'onKeyDown' | 'onKeyUp' | 'onKeyPress' | 'onFocus' | 'onBlur' | 'onChange' | 'onInput' | 'onSubmit' | 'onReset' | 'onScroll' | 'onLoad' | /*'onUnload' | 'onBeforeUnload' |*/ 'onError' | /*'onHashChange' |*/ 'onAbort' | /*'onReadyStateChange' |*/ 'onTimeUpdate' | 'onProgress' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationIteration' | 'onTransitionEnd' | 'onCopy' | 'onCut' | 'onPaste' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onDragEnter' | /*'onDragExit' |*/ 'onDragLeave' | 'onDragOver' | 'onDragDrop';
+export declare function StringIsHtmlEvent(string: string): string is HtmlEvent;
+export type HtmlEventName = keyof HTMLElementEventMap;
+export type HtmlEvents = Record<HtmlEvent, HtmlEventName>;
+export declare const htmlEvents: HtmlEvents;
+//# sourceMappingURL=htmlEvents.d.ts.map

package/dist/htmlEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlEvents.d.ts","sourceRoot":"","sources":["../src/htmlEvents.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAC9I,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GACvI,mCAAmC,CAAC,SAAS,GAAG,oBAAoB,CAAC,SAAS,GAAG,0BAA0B,CAAC,cAAc,GAAG,YAAY,GAAG,kBAAkB,GAC9J,gBAAgB,GAAG,sBAAsB,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,WAAW,GACzI,aAAa,GAAG,kBAAkB,CAAC,aAAa,GAAG,YAAY,GAAG,YAAY,CAAA;AAE9E,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,IAAI,SAAS,CAErE;AAMD,MAAM,MAAM,aAAa,GAAG,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;AAEzD,eAAO,MAAM,UAAU,EAAE,UA2CxB,CAAA"}

package/dist/htmlEvents.js

@@ -0,0 +1,47 @@
+export function StringIsHtmlEvent(string) {
+  return string in htmlEvents;
+}
+export const htmlEvents = {
+  onClick: 'click',
+  onMouseDown: 'mousedown',
+  onMouseUp: 'mouseup',
+  onMouseMove: 'mousemove',
+  onMouseEnter: 'mouseenter',
+  onMouseLeave: 'mouseleave',
+  onMouseOver: 'mouseover',
+  onMouseOut: 'mouseout',
+  onKeyDown: 'keydown',
+  onKeyUp: 'keyup',
+  onKeyPress: 'keypress',
+  onFocus: 'focus',
+  onBlur: 'blur',
+  onChange: 'change',
+  onInput: 'input',
+  onSubmit: 'submit',
+  onReset: 'reset',
+  onScroll: 'scroll',
+  onLoad: 'load',
+  //onUnload: 'unload',
+  //onBeforeUnload: 'beforeunload',
+  onError: 'error',
+  //onHashChange: 'hashchange',
+  onAbort: 'abort',
+  //onReadyStateChange: 'readystatechange',
+  onTimeUpdate: 'timeupdate',
+  onProgress: 'progress',
+  onAnimationStart: 'animationstart',
+  onAnimationEnd: 'animationend',
+  onAnimationIteration: 'animationiteration',
+  onTransitionEnd: 'transitionend',
+  onCopy: 'copy',
+  onCut: 'cut',
+  onPaste: 'paste',
+  onDrag: 'drag',
+  onDragStart: 'dragstart',
+  onDragEnd: 'dragend',
+  onDragEnter: 'dragenter',
+  //onDragExit: 'dragexit',
+  onDragLeave: 'dragleave',
+  onDragOver: 'dragover',
+  onDragDrop: 'drop'
+};

package/dist/hydrate/hydrate.d.ts

@@ -0,0 +1,5 @@
+import type { InstanceConfig } from '../Instance/InstanceConfig.js';
+import type { AppRoutes } from '../routing/AppRoutes.js';
+import { TungstenBaseComponentType } from '../Components.jsx';
+export declare function hydrate(appRoutes: AppRoutes, RootComponent: TungstenBaseComponentType | null, instanceConfig: InstanceConfig): Promise<void>;
+//# sourceMappingURL=hydrate.d.ts.map

package/dist/hydrate/hydrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.d.ts","sourceRoot":"","sources":["../../src/hydrate/hydrate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAQnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AA0BxD,OAAO,EAAE,yBAAyB,EAAoD,MAAM,mBAAmB,CAAA;AAiC/G,wBAAsB,OAAO,CACzB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,yBAAyB,GAAG,IAAI,EAC/C,cAAc,EAAE,cAAc,iBAyDjC"}