nesquick 0.0.14 → 0.0.16

package/lib/NesquickComponent.js

@@ -15,6 +15,7 @@ class NesquickComponent {
         this._render = _render;
         this.props = props;
         this._subscriptions = new State_1.Subscriptions();
+        this._xmlns = null;
         this._children = [];
         this.props = props;
     }
@@ -22,11 +23,23 @@ class NesquickComponent {
         State_1.subscriptions.set(this._subscriptions);
         if (typeof this._render === "function") {
             functionizeProps(this.props);
-            const res = this._render(this.props).render(document);
+            const element = this._render(this.props);
+            if (this._xmlns) {
+                element.inheritXmlns(this._xmlns);
+            }
+            const res = element.render(document);
             State_1.subscriptions.reset();
             return res;
         }
-        const element = document.createElement(this._render);
+        if (this.props?.xmlns != null) {
+            if (typeof this.props.xmlns === "function") {
+                this._xmlns = this.props.xmlns();
+            }
+            else {
+                this._xmlns = this.props.xmlns;
+            }
+        }
+        const element = this._xmlns ? document.createElementNS(this._xmlns, this._render) : document.createElement(this._render);
         if (this.props != null) {
             this._renderProps(element, this.props);
         }
@@ -35,9 +48,14 @@ class NesquickComponent {
         State_1.subscriptions.reset();
         return element;
     }
+    inheritXmlns(xmlns) {
+        if (this.props?.xmlns != null) {
+            this._xmlns = xmlns;
+        }
+    }
     _renderProps(element, props) {
         for (const k in props) {
-            if (k !== "children") {
+            if (k !== "children" && k !== "xmlns") {
                 if (typeof props[k] === "function") {
                     if (k.startsWith("on")) {
                         element[k.toLowerCase()] = props[k];
@@ -136,6 +154,9 @@ class NesquickComponent {
         if (child instanceof NesquickFragment_1.NesquickFragment || Array.isArray(child)) {
             nesquickChild.component = null;
             nesquickChild.fragment = Array.isArray(child) ? new NesquickFragment_1.NesquickFragment(child) : child;
+            if (this._xmlns) {
+                nesquickChild.fragment.inheritXmlns(this._xmlns);
+            }
             const node = nesquickChild.fragment.render(document);
             const lastChild = node.lastChild;
             if (nesquickChild.node) {
@@ -149,6 +170,9 @@ class NesquickComponent {
         else if (child instanceof NesquickComponent) {
             nesquickChild.component = child;
             nesquickChild.fragment = null;
+            if (this._xmlns) {
+                child.inheritXmlns(this._xmlns);
+            }
             const node = child.render(document);
             if (nesquickChild.node) {
                 parent.replaceChild(node, nesquickChild.node);

package/lib/types/NesquickComponent.d.ts

@@ -3,6 +3,7 @@ export type Children = Child | Child[];
 export type ChildFunc = () => Exclude<Child, ChildFunc> | Exclude<Child, ChildFunc>[];
 export type ComponentProps = Record<string, any>;
 export type FunctionComponent<P extends ComponentProps = {}> = (props: P) => NesquickComponent<P>;
+export type VeactDocument = Pick<Document, "createElement" | "createElementNS" | "createTextNode" | "createDocumentFragment" | "createComment">;
 type NesquickChild = {
     node: Node | null;
 } & ({
@@ -21,16 +22,18 @@ export declare class NesquickComponent<P extends ComponentProps = {}> {
     private _render;
     protected props: P;
     private _subscriptions;
+    private _xmlns;
     protected _children: NesquickChild[];
     constructor(_render: string | FunctionComponent<P>, props: P);
-    render(document: Document): Node;
+    render(document: VeactDocument): Node;
+    inheritXmlns(xmlns: string | null): void;
     private _renderProps;
-    protected _renderChildren(document: Document, parent: NesquickParent, children?: Children): void;
+    protected _renderChildren(document: VeactDocument, parent: NesquickParent, children?: Children): void;
     protected _pushChild(): NesquickChild;
     protected _spliceChild(i: number): NesquickChild;
     protected _swapChilds(parent: NesquickParent, i1: number, i2: number): void;
     protected _removeChild(i: number): void;
-    protected _renderChild(document: Document, parent: NesquickParent, nesquickChild: NesquickChild, child: Exclude<Child, ChildFunc> | Exclude<Child, ChildFunc>[]): void;
+    protected _renderChild(document: VeactDocument, parent: NesquickParent, nesquickChild: NesquickChild, child: Exclude<Child, ChildFunc> | Exclude<Child, ChildFunc>[]): void;
     dispose(): void;
 }
 import { NesquickFragment } from "./NesquickFragment";

package/lib/types/NesquickFragment.d.ts

@@ -1,12 +1,12 @@
 import { JSX } from "./jsx-runtime";
-import { NesquickComponent, NesquickParent } from "./NesquickComponent";
+import { NesquickComponent, NesquickParent, VeactDocument } from "./NesquickComponent";
 export declare class NesquickFragment extends NesquickComponent<{
     children: any[];
 }> implements NesquickParent {
     private _lastNode;
     private _fragment;
     constructor(children: any[]);
-    render(document: Document): Node;
+    render(document: VeactDocument): Node;
     getDocument(): Document | null;
     getParent(): Node | null;
     appendChild(child: Node): void;

package/lib/types/jsx-runtime.d.ts

@@ -11,14 +11,11 @@ type UserProp<T> = T extends (...args: infer A) => infer R ? (((...args: A) => R
 type ComponentProp<T> = T extends {
     readonly [WrappedFunctionType]?: infer R;
 } ? (T | R) : T extends (...args: any[]) => any ? T : (T | (() => T));
-type UnFunction<T> = T extends {
-    readonly [WrappedFunctionType]?: infer R;
-} ? (T | R) : T;
 type UserProps<T> = {
-    [K in keyof T]: K extends "children" ? T[K] : UserProp<T[K]>;
+    [K in keyof T]: UserProp<T[K]>;
 };
 type JSXProps<T> = keyof T extends never ? {} : {
-    [K in keyof T]: K extends "children" ? UnFunction<T[K]> : ComponentProp<T[K]>;
+    [K in keyof T]: ComponentProp<T[K]>;
 };
 export type Generic<T> = T extends (...args: any) => infer R ? R : T;
 export { UserProps as Props };
@@ -33,9 +30,10 @@ export declare namespace JSX {
     export type JSXSVGEvent<T extends EventTarget> = {
         [K in keyof SVGElementEventMap as `on${Capitalize<K>}`]?: (e: JSXEvent<SVGElementEventMap[K], T>) => void;
     };
-    export interface Props<T extends EventTarget = HTMLElement> extends JSXHTMLEvent<T> {
+    export interface Props<T extends EventTarget = HTMLElement> extends JSXHTMLEvent<T>, JSXSVGEvent<T> {
         [k: string]: any;
         style?: StyleProps;
+        xmlns?: string;
     }
     export type StyleProps = {
         [K in keyof CSSStyleDeclaration]?: CSSStyleDeclaration[K] extends Function ? never : CSSStyleDeclaration[K] | (() => CSSStyleDeclaration[K]);

package/lib/types/plugins/viteTransformerPlugin.d.ts

@@ -1,6 +1,6 @@
 export declare const viteTransformerPlugin: {
     name: string;
-    enforce: string;
+    enforce: "pre";
     transform(code: string, id: string): {
         code: string;
         map: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nesquick",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "React-like library with focus on drawing performance",
   "types": "./lib/types",
   "main": "./lib",