ajo 0.1.13 → 0.1.14

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "ajo",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "ajo is a JavaScript view library for building user interfaces",
   "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.cjs",
+  "types": "./types.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -16,12 +17,13 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "types.ts"
   ],
   "devDependencies": {
-    "jsdom": "^23.0.1",
-    "vite": "^5.0.10",
-    "vitest": "^1.0.4"
+    "jsdom": "24.0.0",
+    "vite": "5.0.12",
+    "vitest": "1.2.1"
   },
   "keywords": [
     "ui",

package/types.ts

@@ -0,0 +1,69 @@
+declare namespace Ajo {
+
+    interface VNode<TTag = Tag> extends Partial<AjoProps<ElementType<TTag>>> {
+        nodeName: TTag,
+        [key: string]: unknown,     
+    }
+
+    type Child = null | undefined | boolean | bigint | number | string | symbol | Node | VNode | Iterable<Child>
+
+    type Tag = keyof (HTMLElementTagNameMap & SVGElementTagNameMap)
+
+    type ElementType<TTag> =
+        TTag extends keyof HTMLElementTagNameMap
+        ? HTMLElementTagNameMap[TTag]
+        : TTag extends keyof SVGElementTagNameMap
+        ? SVGElementTagNameMap[TTag]
+        : HTMLElement
+
+    type AjoProps<TElement> = {
+        key: unknown,
+        skip: boolean,
+        memo: unknown,
+        ref: (el: TElement | null) => void,
+        children: Child,
+    }
+
+    type SetProps<TTag> = {
+        [K in keyof ElementType<TTag> as `set:${Exclude<K, symbol>}`]: ElementType<TTag>[K]
+    }
+
+    type AttrProps<T> = {
+        [K in keyof T as `attr:${Exclude<K, symbol>}`]: T[K]
+    }
+
+    type Context<TArgs> = {
+        $args: TArgs
+        next: () => void
+        throw: (error?: unknown) => void
+        return: () => void
+        refresh: () => void
+        [Symbol.iterator]: () => Generator<TArgs, void, TArgs>
+    }
+
+    type Function<TArgs = {}> = (args: TArgs) => Child
+
+    type Component<TArgs = {}, TTag extends Tag = 'div'> = {
+        (this: ElementType<TTag> & Context<TArgs>, args: TArgs): Generator<Child, void, Child>
+    } & (TTag extends 'div' ? { is?: TTag } : { is: TTag })
+}
+
+declare namespace JSX {
+
+    type IntrinsicElements = {
+        [TTag in Ajo.Tag]: Partial<Ajo.SetProps<TTag> & Ajo.AjoProps<Ajo.ElementType<TTag>>>
+    }
+
+    type IntrinsicAttributes = Partial<Ajo.AttrProps<any> & Omit<Ajo.AjoProps<any>, "skip" | "ref">>
+}
+
+declare namespace React {
+    export const createElement: typeof import('ajo').h
+    export const Fragment: typeof import('ajo').Fragment
+}
+
+declare module 'ajo' {
+    function Fragment({ children }: { children: Ajo.Child }): typeof children
+    function h<TProps = {}>(type: Ajo.Tag | Ajo.Function<TProps> | Ajo.Component<TProps>, props?: TProps | null, ...children: Ajo.Child[]): Ajo.VNode<typeof type>
+    function render(h: Ajo.Child, el: Element): void
+}