@wrnrlr/prelude 0.2.0 → 0.2.2

package/deno.jsonc

@@ -1,10 +1,9 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "exports": "./src/mod.ts",
   "compilerOptions": {
     "strict": true,
-    // "checkJs": false,
     "lib": ["dom", "dom.iterable", "dom.asynciterable", "deno.ns"]
   },
   "imports": {
@@ -20,10 +19,7 @@
   "tasks": {
     "dev": "deno run -A npm:vite --config www/vite.config.js",
     "test": "deno test -A ./test/*.[jt]s",
-    // "docs": "deno run -A npm:typedoc --options www/typedoc.json",
-    // "build": "deno run -A npm:vite build --mode production --config www/vite.config.js",
-    "release": "deno publish --allow-slow-types --allow-dirty && npm publish --access public",
-    // "clean": "rm -rf dist/ www/dist www/docs"
+    "release": "deno publish --allow-slow-types --allow-dirty && npm publish --access public"
   },
   "lint": {
     "include": ["src"]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wrnrlr/prelude",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "author": "Werner Laurensse",
   "description": "A signal based frontend library with fine-grained reactivity",
   "main": "./src/mod.ts",

package/src/controlflow.ts

@@ -195,7 +195,6 @@ function listArray<T, U extends Mountable>(
     item!.valueSetter?.(newValueGetter)
   }
   function mapper(disposer: ()=>void) {
-    const V = newValue
     const I = i
     const t = {value: newValue, index: I, disposer}
     items.push(t)
@@ -218,7 +217,7 @@ function listArray<T, U extends Mountable>(
   }
 }
 
-function disposeList(list:any[]) {
+function disposeList(list:{disposer?:()=>unknown}[]) {
   for (let i = 0; i < list.length; i++) {
     list[i]?.disposer()
   }

package/src/hyperscript.ts

@@ -22,12 +22,24 @@ export type View = {():void, [ELEMENT]?:boolean}
 
 export type TagParser = <T extends string>(s:T) => {name:string,id?:string,classes:string[],namespace?:string}
 
+export type HyperScript = {
+  (first: Tag): View
+  <P>(first: Tag, second: P): View
+  <C extends Child>(first: Tag, second: C): View
+  <C extends Child, P>(first: Tag, second: P, third: C): View
+
+  (first: Component<Record<string,never>>): View
+  <P extends Record<string, unknown>>(first: Component<P>, second: P): View
+  <C>(first: Component<{children:C}>, second: C): View
+  <P extends Record<string, unknown>, C>(first: Component<P & {children:C}>, second:P, third:C): View
+}
+
 /**
 @param r
 @param patch
 @group Hyperscript
 */
-export function hyperscript(r: Runtime, parseTag: TagParser = parseHtmlTag) {
+export function hyperscript(r: Runtime, parseTag: TagParser = parseHtmlTag): HyperScript {
 
   function item(e: Element, c: Child, m?: null): void {
     if (c===null) return
@@ -45,17 +57,7 @@ export function hyperscript(r: Runtime, parseTag: TagParser = parseHtmlTag) {
     } else e.appendChild(r.text(c.toString()))
   }
 
-  function h(first: Tag): View
-  function h<P>(first: Tag, second: P): View
-  function h<C extends Child>(first: Tag, second: C): View
-  function h<C extends Child, P>(first: Tag, second: P, third: C): View
-
-  function h(first: Component<Record<string,never>>): View
-  function h<P extends Record<string, unknown>>(first: Component<P>, second: P): View
-  function h<C>(first: Component<{children:C}>, second: C): View
-  function h<P extends Record<string, unknown>, C>(first: Component<P & {children:C}>, second:P, third:C): View
-
-  function h<P extends Record<string,unknown>, C = never>(
+  return function h<P extends Record<string,unknown>, C = never>(
     first: Tag | Component<P>,
     second?: P | C,
     third?: C
@@ -73,9 +75,8 @@ export function hyperscript(r: Runtime, parseTag: TagParser = parseHtmlTag) {
 
     let ret:View
 
-    const t1 = typeof first
-    if (t1 === 'string') {
-      const tag = parseTag(first as Tag)
+    if (typeof first === 'string') {
+      const tag = parseTag(first)
       const multiExpression = detectMultiExpression(children) ? null : undefined
       const e = r.element(tag.name)
       const props2 = props as P & {class?: string|(()=>string)}
@@ -95,16 +96,16 @@ export function hyperscript(r: Runtime, parseTag: TagParser = parseHtmlTag) {
           dynamic = true
         } else if (d[k].get) dynamic = true
       }
-      (dynamic ? r.spread : r.assign) (e, props2, !!(children as any)?.length)
+      (dynamic ? r.spread : r.assign) (e, props2, !!(children as {length?: number})?.length)
       item(e, children, multiExpression)
       ret = () => e
     } else {
       const d = Object.getOwnPropertyDescriptors(props)
-      if (children) (props as any).children = children
+      if (children) (props as unknown as {children:unknown}).children = children
       for (const k in d) {
         if (isArray(d[k].value)) {
           const list = d[k].value;
-          (props as any)[k] = () => {
+          (props as Record<string, ()=>unknown>)[k] = () => {
             for (let i = 0; i < list.length; i++)
               while (list[i][ELEMENT]) list[i] = list[i]()
             return list
@@ -120,8 +121,6 @@ export function hyperscript(r: Runtime, parseTag: TagParser = parseHtmlTag) {
     ret[ELEMENT] = true
     return ret
   }
-
-  return h
 }
 
 function detectMultiExpression(children: Child): boolean {

package/src/mod.ts

@@ -1,16 +1,15 @@
-// @ts-nocheck:
-export type {Getter,Setter,Fn,EqualsFn,ErrorFn,RootFn,UpdateFn} from './reactive.ts'
+export type {Getter,Setter,Fn,EqualsFn,ErrorFn,RootFn,UpdateFn,Signal} from './reactive.ts'
 export {signal,effect,untrack,batch,memo,root,wrap,fuse,onMount,onCleanup} from './reactive.ts'
 export {nbsp} from './constants.ts'
 export {Show,List} from './controlflow.ts'
 export {runtime, type Runtime} from './runtime.ts'
 import {runtime, type Runtime} from './runtime.ts'
 export {hyperscript,type Child,type Tag,type View,type Component} from './hyperscript.ts'
-import {hyperscript, parseHtmlTag} from './hyperscript.ts'
+import {hyperscript, parseHtmlTag, type HyperScript} from './hyperscript.ts'
 export {Router} from './router.js'
 export {resource,makeAbortable,abortable} from './resource.js'
 
-const r:Runtime = /*#__PURE__*/ (typeof window === 'object') ? runtime(window as any) : undefined as any
+const r:Runtime = /*#__PURE__*/ (typeof window === 'object') ? runtime(window) : undefined as unknown as Runtime
 
 /** h
 @example Element with a single child
@@ -27,19 +26,14 @@ h(Input,{onInput:e => {}})
 ```
 @group Hyperscript
 */
-const h = /*#__PURE__*/ hyperscript(r, parseHtmlTag)
+export const h: HyperScript = /*#__PURE__*/ hyperscript(r, parseHtmlTag)
 
-const render = /*#__PURE__*/ r?.render
+/** render
 
-// import {signal,wrap} from './reactive.ts'
+Render component to DOM element.
 
-// /**
-// @group Utils
-// */
-// export function $(a:any,b:any):any {
-//   const t = typeof a
-//   if (t==='function') return wrap(a,b)
-//   else return signal(a,b)
-// }
-
-export {h,render}
+```js
+render(()=>'hi', document.body)
+```
+*/
+export const render:(code:()=>void, element:Element, init:unknown) => void = /*#__PURE__*/ r?.render

package/src/runtime.ts

@@ -26,7 +26,7 @@ export type Mountable = HTMLElement | Document | ShadowRoot | DocumentFragment |
 */
 export type Runtime = {
   // window:Window
-  render(code:()=>void, element:Element, init:any): any;
+  render(code:()=>void, element:Element, init:unknown): void;
   insert(parent:Mountable, accessor:any, marker?:Node|null, init?:any): any;
   spread(node:Element, accessor:any, skipChildren?: boolean): void;
   assign(node:Element, props:any, skipChildren?:boolean): void;
@@ -60,9 +60,7 @@ export function runtime(w:Window):Runtime {
     return untrack(fn)
   }
 
-  function render(code: ()=>void, element:Element, init?:any): void
-  function render(code: ()=>void, element:Document, init?:any): void
-  function render(code: ()=>void, element:Element|Document, init?:any): void {
+  function render(code: ()=>void, element:Element|Document, init?: unknown): void {
     if (!element) throw new Error("The `element` passed to `render(..., element)` doesn't exist.");
     root(() => {
       if (element instanceof Document) code()
@@ -340,7 +338,7 @@ function setAttribute(node: Element, name: string, value?: string): undefined {
   value===undefined || value===null ? node.removeAttribute(name) : node.setAttribute(name, value)
 }
 
-function setAttributeNS(node:Node, ns:string, name:string, value?:string):any {
+function setAttributeNS(node:Node, ns:string, name:string, value?:string):void {
   value ? node.setAttributeNS(ns, name, value) : node.removeAttributeNS(ns, name)
 }