0.2.0-alpha.14

Author: DeepDoge

deno.json

@@ -1,6 +1,6 @@
 {
     "name": "@purifyjs/core",
-    "version": "0.2.0-alpha.13",
+    "version": "0.2.0-alpha.14",
     "workspace": ["./apps/vite", "./apps/size"],
     "exports": {
         ".": "./lib/mod.ts",

lib/tags.test.ts

@@ -22,10 +22,12 @@ _(() => {
 declare const svgElement: SVGSVGElement;
 declare const divElement: HTMLDivElement;
 declare const divElementWithLifecycle: WithLifecycle<HTMLDivElement>;
+declare const formElementWithLifecycle: WithLifecycle<HTMLFormElement>;
 _(() => {
     const svgBuilder = new Builder(svgElement);
     const divBuilder = new Builder(divElement);
     const divWithLifecycleBuilder = new Builder(divElementWithLifecycle);
+    const formWithLifecycleBuilder = new Builder(formElementWithLifecycle);
 
     svgBuilder.replaceChildren("123");
     /// @ts-expect-error Don't allow signals on elements without lifecycle
@@ -49,4 +51,9 @@ _(() => {
     divWithLifecycleBuilder.replaceChildren$(divWithLifecycleBuilder);
     divWithLifecycleBuilder.ariaLabel(ref("foo"));
     divWithLifecycleBuilder.$effect(() => {});
+
+    // Form element sometimes might cause issues since it has [key: string] and [index: number] in it, so be careful, keep this in mind
+    formWithLifecycleBuilder.replaceChildren$("");
+    formWithLifecycleBuilder.$effect(() => {});
+    formWithLifecycleBuilder.ariaAtomic("");
 });

lib/tags.ts

@@ -138,6 +138,8 @@ type ProxyNodeFunctionArgs<
     : T extends WithLifecycle ? RecursiveSignalAndArrayArgs<Args>
     : RecursiveArrayArgs<Args>;
 
+type _ = Extract<{ a: 123; [key: string]: any }, { [key: `${any}${any}`]: any }>;
+
 export type Builder<T extends Node = Node> =
     & {
         [K in keyof T as If<IsReflectFunction<T, K>, K>]: T[K] extends (...args: infer Args) => any ? (...args: Args) => Builder<T> : never;
@@ -149,7 +151,7 @@ export type Builder<T extends Node = Node> =
         [K in keyof T as If<IsProxyableFunction<T, K>, K>]: (...args: ProxyFunctionArgs<T, K>) => Builder<T>;
     }
     & {
-        [K in keyof T & string as If<IsProxyableNodeFunction<T, K>, `${K}$`>]: (...args: ProxyNodeFunctionArgs<T, K>) => Builder<T>;
+        [K in keyof T as If<IsProxyableNodeFunction<T, K>, `${K & string}$`>]: (...args: ProxyNodeFunctionArgs<T, K>) => Builder<T>;
     }
     & {
         $node: T;