@wrnrlr/prelude 0.2.27 → 0.2.29

package/deno.jsonc

@@ -1,6 +1,6 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.2.27",
+  "version": "0.2.28",
   "exports": {
       ".": "./src/mod.ts",
       "./style.css": "./src/style.css"

package/example/widget.html

@@ -68,7 +68,7 @@ import { h, signal, render, Input } from '../src/mod.ts'
 
 function InputExample() {
   const name = signal('Bob')
-  return h(Input, {value:()=>name})
+  return [h(Input, {value:()=>name}), name]
 }
 
 render(InputExample, document.getElementById('input_autosize'))
@@ -135,4 +135,9 @@ label {
   }
 }
 
+input {
+  border: 1px solid gray;
+  padding: 0.5rem;
+}
+
 </style>

package/package.json

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

package/src/form.js

@@ -12,11 +12,16 @@ export function Form(props) {
 }
 
 export function Input(props) {
-  props.onInput = ((e) => props.value((e?.target)?.value))
-  props.autocomplete = props.autocomplete || 'off'
+  // props.onInput = ((e) => props.value((e?.target)?.value))
+  // const autocomplete = props.autocomplete || 'off'
   // const onInput = ((e) => props.value((e?.target)?.value))
   if (props.autosize) props.ref = (r) => props.autosize(r, props)
-  return h('input', props)
+  return h('input', {
+    // value: props.value,
+    onInput: ((e) => props.value((e?.target)?.value)),
+    // autocomplete,
+    ...props
+  })
 }
 
 export function autosize(r, props) {

package/src/mod.ts

@@ -7,7 +7,7 @@ export {r, type Runtime} from './runtime.ts'
 export type * from './hyperscript.ts'
 export {hyperscript} from './hyperscript.ts'
 export {h} from './web.ts'
-export {Router} from './router.js'
+export {useNavigate, useParams, useSearch, Router} from './router.js'
 export {Switch, Match} from './switch.ts'
 export {resource,makeAbortable,abortable} from './resource.js'
 import {r} from './runtime.ts'