improve types by using interfaces where recommended

Author: ryupold

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ryupold/vode",
-    "version": "1.6.7",
+    "version": "1.6.8",
     "description": "a minimalist web framework",
     "author": "Michael Scherbakow (ryupold)",
     "license": "MIT",

src/vode.ts

@@ -27,11 +27,11 @@ export type Effect<S> =
 
 export type EventFunction<S> = (state: S, evt: Event) => Patch<S>;
 
-export type Props<S> = Partial<
+export interface Props<S> extends Partial<
     Omit<HTMLElement,
         keyof (DocumentFragment & ElementCSSInlineStyle & GlobalEventHandlers)> &
     { [K in keyof EventsMap]: EventFunction<S> | Patch<S> } // all on* events
-> & {
+> {
     [_: string]: unknown,
     xmlns?: string | null,
     class?: ClassProp,
@@ -60,27 +60,29 @@ export type StyleProp =
     | string
     | "" | null | undefined; // no style
 
-export type EventsMap =
-    & { [K in keyof HTMLElementEventMap as `on${K}`]: HTMLElementEventMap[K] }
-    & { [K in keyof WindowEventMap as `on${K}`]: WindowEventMap[K] }
-    & { [K in keyof SVGElementEventMap as `on${K}`]: SVGElementEventMap[K] }
-    & { onsearch: Event };
+type EventsMapBase =
+  & { [K in keyof HTMLElementEventMap as `on${K}`]: HTMLElementEventMap[K] }
+  & { [K in keyof WindowEventMap as `on${K}`]: WindowEventMap[K] }
+  & { [K in keyof SVGElementEventMap as `on${K}`]: SVGElementEventMap[K] };
+
+export interface EventsMap extends EventsMapBase {}
 
 export type PropertyValue<S> =
     | string | boolean | null | undefined | void
     | StyleProp | ClassProp
     | Patch<S>;
 
 export type Dispatch<S> = (action: Patch<S>) => void;
-export type PatchableState<S = object> = S & { patch: Dispatch<S> };
+export interface Patchable<S = object> { patch: Dispatch<S>; }
+export type PatchableState<S = object> = S & Patchable<S>;
 
 export const globals = {
     currentViewTransition: <ViewTransition | null | undefined>undefined,
     requestAnimationFrame: !!window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : ((cb: () => void) => cb()),
     startViewTransition: !!document.startViewTransition ? document.startViewTransition.bind(document) : null,
 };
 
-export type ContainerNode<S = PatchableState> = HTMLElement & {
+export interface ContainerNode<S = PatchableState> extends HTMLElement {
     /** the `_vode` property is added to the container in `app()`.
      * it contains all necessary stuff for the vode app to function.
      * remove the container node to clear vodes resources */