@esportsplus/reactivity 0.29.11 → 0.29.13

package/build/types.d.ts

@@ -5,7 +5,7 @@ interface Computed<T> {
     cleanup: VoidFunction | VoidFunction[] | null;
     deps: Link | null;
     depsTail: Link | null;
-    fn: (onCleanup?: (fn: VoidFunction) => typeof fn) => T;
+    fn: (onCleanup: (fn: VoidFunction) => typeof fn) => T;
     height: number;
     nextHeap: Computed<unknown> | undefined;
     prevHeap: Computed<unknown>;
@@ -29,7 +29,7 @@ type Reactive<T> = T extends (...args: unknown[]) => Promise<infer R> ? (R | und
 } : T extends (...args: any[]) => infer R ? R & {
     readonly [READONLY]: true;
 } : T extends (infer U)[] ? U[] & Pick<ReactiveArray<U>, 'clear' | 'dispose' | 'on' | 'once'> : T extends Record<PropertyKey, unknown> ? {
-    [K in keyof T]: Reactive<T[K]>;
+    [K in keyof T]: T[K] extends (infer U)[] ? Reactive<U[]> : T[K];
 } & {
     dispose: VoidFunction;
 } : T;

package/package.json

@@ -4,7 +4,7 @@
     "@esportsplus/utilities": "^0.27.2"
   },
   "devDependencies": {
-    "@esportsplus/typescript": "^0.27.2",
+    "@esportsplus/typescript": "^0.27.3",
     "@types/node": "^25.0.3",
     "vite": "^7.3.1"
   },
@@ -35,7 +35,7 @@
   },
   "type": "module",
   "types": "build/index.d.ts",
-  "version": "0.29.11",
+  "version": "0.29.13",
   "scripts": {
     "build": "tsc",
     "build:test": "pnpm build && vite build --config test/vite.config.ts",

package/src/types.ts

@@ -7,7 +7,7 @@ interface Computed<T> {
     cleanup: VoidFunction | VoidFunction[] | null;
     deps: Link | null;
     depsTail: Link | null;
-    fn: (onCleanup?: (fn: VoidFunction) => typeof fn) => T;
+    fn: (onCleanup: (fn: VoidFunction) => typeof fn) => T;
     height: number;
     nextHeap: Computed<unknown> | undefined;
     prevHeap: Computed<unknown>;
@@ -43,7 +43,7 @@ type Reactive<T> = T extends (...args: unknown[]) => Promise<infer R>
         : T extends (infer U)[]
             ? U[] & Pick<ReactiveArray<U>, 'clear' | 'dispose' | 'on' | 'once'>
             : T extends Record<PropertyKey, unknown>
-                ? { [K in keyof T]: Reactive<T[K]>; } & { dispose: VoidFunction }
+                ? { [K in keyof T]: T[K] extends (infer U)[] ? Reactive<U[]> : T[K]; } & { dispose: VoidFunction }
                 : T;
 
 type Signal<T> = {

package/test/range.ts

@@ -0,0 +1,45 @@
+import { reactive, root } from '@esportsplus/reactivity';
+// import { html, type Attributes } from '@esportsplus/template';
+// import form from '~/components/form';
+import './scss/index.scss';
+
+
+export default function(
+    this: { attributes?: Record<PropertyKey, unknown> } | any,
+    attributes: Record<PropertyKey, unknown> & { max: number, min: number, state?: { active: boolean, error: string, value: number } }
+) {
+    let { max, min } = attributes,
+        state = attributes.state || reactive({
+            active: false,
+            error: '',
+            value: 0
+        });
+
+    if (attributes?.value) {
+        state.value = Number( attributes.value );
+    }
+
+    // @ts-ignore
+    return html`
+        <input
+            class='range --border-state --border-black'
+            style='${() => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`}'
+            type='range'
+            ${this?.attributes}
+            ${attributes}
+            ${{
+                class: () => state.active && '--active',
+                onfocusin: () => {
+                    state.active = true;
+                },
+                onfocusout: () => {
+                    state.active = false;
+                },
+                oninput: (e: any) => {
+                    state.value = Number((e.target as HTMLInputElement).value);
+                },
+                value: root(() => (attributes?.value as number) || state.value || 0)
+            }}
+        />
+    `;
+};