Merge pull request #201 from rikuba/add-typings

Add typings

Author: WebReflection

cjs/index.d.ts

@@ -0,0 +1,3 @@
+import hyper from "..";
+export * from '..';
+export default hyper;

esm/index.d.ts

@@ -0,0 +1,3 @@
+import hyper from "..";
+export * from '..';
+export default hyper;

index.d.ts

@@ -0,0 +1,49 @@
+type TemplateFunction<T> = (template: TemplateStringsArray, ...values: any[]) => T;
+export type BoundTemplateFunction<T extends Element> = TemplateFunction<T>;
+export type WiredTemplateFunction = TemplateFunction<any>;
+
+export declare class Component<T = {}> {
+  handleEvent(e: Event): void;
+  html: WiredTemplateFunction;
+  svg: WiredTemplateFunction;
+  state: T;
+  readonly defaultState: T;
+  setState(state: Partial<T> | ((this: this, state: T) => Partial<T>)): void;
+}
+
+export declare function bind<T extends Element>(element: T): BoundTemplateFunction<T>;
+
+export declare function define(intent: string, callback: Function): void;
+
+export declare function wire(identity?: object | null, type?: 'html' | 'svg'): WiredTemplateFunction;
+export declare function wire(identity?: object | null, type_id?: string): WiredTemplateFunction;
+
+export declare const hyper: {
+  Component: typeof Component;
+  bind: typeof bind;
+  define: typeof define;
+  hyper: typeof hyper;
+  wire: typeof wire;
+
+  // hyper(null, 'html')`HTML`
+  (identity: null | undefined, type?: 'html' | 'svg'): WiredTemplateFunction;
+
+  // hyper('html')`HTML`
+  (type: 'html' | 'svg'): WiredTemplateFunction;
+  
+  // hyper(element)`HTML`
+  <T extends Element>(element: T): BoundTemplateFunction<T>;
+
+  // hyper`HTML`
+  (template: TemplateStringsArray, ...values: any[]): any;
+
+  // hyper(obj, 'html:id')`HTML`
+  // hyper(obj)`HTML`
+  (identity: object, type?: 'html' | 'svg'): WiredTemplateFunction;
+  (identity: object, type_id?: string): WiredTemplateFunction;
+
+  // hyper()`HTML`
+  (): WiredTemplateFunction;
+};
+
+export default hyper;

package.json

@@ -6,6 +6,7 @@
   "browser": "min.js",
   "main": "cjs/index.js",
   "module": "esm/index.js",
+  "types": "index.d.ts",
   "scripts": {
     "add-domdiff": "echo '/* AUTOMATICALLY IMPORTED, DO NOT MODIFY */' > esm/shared/domdiff.js && cat node_modules/domdiff/esm/index.js >> esm/shared/domdiff.js",
     "build": "npm run cjs && npm run max && npm run min && npm run ie && npm test && npm run size",

umd.d.ts

@@ -0,0 +1,3 @@
+import hyper from '.';
+export * from '.';
+export default hyper;