Some updates

Author: mcjazzyfunky

package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-elements",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "",
   "main": "./index.js",
   "module": "./dist/js-elements.esm.production.js",

rollup.config.js

@@ -42,8 +42,6 @@ function createConfig(pkg, moduleFormat, productive) {
     plugins: [
       resolve(),
       commonjs(),
-      // tslint({
-      //}),
       replace({
         exclude: 'node_modules/**',
         delimiters: ['', ''],

src/main/core/base.ts

@@ -1,4 +1,4 @@
-import { Component, Ctrl, Ref, UIEvent, VNode } from './types'
+import { Component, Ctrl, Props, Ref, UIEvent, VNode } from './types'
 import { h, renderer } from './vdom'
 
 // @ts-ignore
@@ -32,7 +32,7 @@ type Notifier = {
   notify(): void
 }
 
-// === decorators =====================================================
+// === public decorators =============================================
 
 function attr(kind: AttrKind): (proto: object, key: string) => void {
   return (proto: any, key: string) => {
@@ -48,7 +48,7 @@ function attr(kind: AttrKind): (proto: object, key: string) => void {
   }
 }
 
-// === pulbic API ====================================================
+// === public functions ==============================================
 
 function ref<T>(value: T | null = null): Ref<T> {
   return { current: value }
@@ -71,7 +71,7 @@ function event<T extends string, D = null>(
 
 function define(tagName: string, main: () => () => VNode): Component<{}>
 
-function define<P>(
+function define<P extends Props>(
   tagName: string,
   propsClass: { new (): P },
   main: (props: P) => () => VNode

src/main/core/hooks.ts

@@ -451,24 +451,30 @@ export const useInterval = createCoreHook(
 
 // === useTimer ========================================================
 
-export const useTimer = createCoreHook('useTimer', function <
-  T
->(c: Ctrl, delay: number | (() => number), getter: (n: number) => T = getDate as any): () => T {
-  let idx = 0
-  const getDelay = typeof delay === 'function' ? delay : () => delay
-  const [getValue, setValue] = useValue(getter(idx++))
+type TimerSignature = {
+  (delay: number | (() => number)): () => Date
+  <T>(delay: number | (() => number), getValue: (n: number) => T): () => T
+}
 
-  useInterval(
-    () => {
-      setValue(getter(idx++))
-    },
-    () => getDelay()
-  )
+export const useTimer = createHook(
+  'useTimer',
+  (delay: number | (() => number), get: (n: number) => any = getDate) => {
+    let idx = 0
+    const getDelay = typeof delay === 'function' ? delay : () => delay
+    const [getValue, setValue] = useValue(get(idx++))
 
-  return getValue
-})
+    useInterval(
+      () => {
+        setValue(get(idx++))
+      },
+      () => getDelay()
+    )
+
+    return getValue
+  }
+) as TimerSignature
 
-function getDate(idx: number) {
+function getDate() {
   return new Date()
 }
 

src/main/core/types.ts

@@ -3,7 +3,6 @@ export type VElement<T extends Props = Props> = Record<any, any> // TODO
 export type Ref<T> = { current: T | null }
 export type Methods = Record<string, (...args: any[]) => any>
 export type EventHandler<T> = (ev: T) => void
-
 export type UIEvent<T extends string, D = null> = CustomEvent<D> & { type: T }
 
 export type VNode =
@@ -17,7 +16,11 @@ export type VNode =
 export type Task = () => void
 export type Message = { type: string } & Record<string, any>
 export type State = Record<string, any>
-export type Component<P> = (props?: P, ...children: VNode[]) => VElement<P>
+
+export type Component<P> = {
+  (props?: P, ...children: VNode[]): VElement<P>
+  tagName: string
+}
 
 export type MethodsOf<C> = C extends Component<infer P>
   ? P extends { ref?: Ref<infer M> }
@@ -26,8 +29,8 @@ export type MethodsOf<C> = C extends Component<infer P>
   : never
 
 export type Ctrl = {
-  // library agnostic component control functions
   getName(): string
+  getHost(): HTMLElement
   isInitialized(): boolean
   isMounted(): boolean
   hasUpdated(): boolean
@@ -37,12 +40,11 @@ export type Ctrl = {
   beforeUpdate(task: Task): void
   afterUpdate(task: Task): void
   beforeUnmount(task: Task): void
-  getHost(): HTMLElement
 }
 
 export type Store<S extends State> = {
   getState(): S
-  subscribe(listener: () => void): () => void
+  subscribe(subscriber: () => void): () => void
   dispatch(msg: Message): void
   destroy?(): void
 }