nesquick 1.3.0 → 1.5.0

package/lib/For/getMap.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMap = getMap;
 function getMap(props) {
-    if ("ids" in props && props.ids) {
+    const idsCallback = "ids" in props && props.ids?.();
+    if (idsCallback) {
         const childrenMap = new Map();
         let idLength = 0;
         return {
             getId(item, i) {
-                const ids = props.ids(item, i);
+                const ids = idsCallback(item, i);
                 if (!ids || ids.length === 0) {
                     throw new Error(`Invalid ids array length. ids() should not return an empty array`);
                 }
@@ -77,8 +78,9 @@ function getMap(props) {
     }
     else {
         const childrenMap = new Map();
+        const idCallback = "id" in props && props.id?.() || (item => item);
         return {
-            getId: ("id" in props && props.id) || (item => item),
+            getId: idCallback,
             equalsId(a, b) {
                 return a === b;
             },

package/lib/Nesquick.js

@@ -1,6 +1,20 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.JSX = exports.Nesquick = void 0;
+exports.Nesquick = void 0;
 var Nesquick;
 (function (Nesquick) {
     function render(component, parent) {
@@ -14,6 +28,4 @@ var Nesquick;
     Nesquick.render = render;
 })(Nesquick || (exports.Nesquick = Nesquick = {}));
 exports.default = Nesquick;
-var JSX;
-(function (JSX) {
-})(JSX || (exports.JSX = JSX = {}));
+__exportStar(require("./jsx-runtime"), exports);

package/lib/NesquickComponent.js

@@ -6,6 +6,21 @@ const SVGNamespaces = new Map([
     ["xlink", "http://www.w3.org/1999/xlink"],
     ["xml", "http://www.w3.org/XML/1998/namespace"]
 ]);
+function getAttributeNs(attributes, k) {
+    const index = k.indexOf(":");
+    if (index > -1) {
+        const ns = k.substring(0, index);
+        const name = k.substring(index + 1);
+        const namespace = attributes.get(ns);
+        if (namespace != null) {
+            return {
+                namespace: namespace,
+                name: name
+            };
+        }
+    }
+    return null;
+}
 class NesquickComponent {
     constructor(_render, props) {
         this._render = _render;
@@ -14,7 +29,6 @@ class NesquickComponent {
         this._styleSubscriptions = null;
         this._xmlns = null;
         this._children = [];
-        this.props = props;
     }
     render(document) {
         State_1.subscriptions.set(this._subscriptions);
@@ -72,21 +86,6 @@ class NesquickComponent {
     setXmlns(xmlns) {
         this._xmlns = xmlns;
     }
-    _getAttributeNs(attributes, k) {
-        const index = k.indexOf(":");
-        if (index > -1) {
-            const ns = k.substring(0, index);
-            const name = k.substring(index + 1);
-            const namespace = attributes.get(ns);
-            if (namespace != null) {
-                return {
-                    namespace: namespace,
-                    name: name
-                };
-            }
-        }
-        return null;
-    }
     _renderPropsNs(attributes, element, props) {
         for (const k in props) {
             if (k !== "children" && k !== "xmlns" && k !== "ref") {
@@ -98,7 +97,7 @@ class NesquickComponent {
                         element[k.toLowerCase()] = props[k];
                     }
                     else {
-                        const attribute = this._getAttributeNs(attributes, k);
+                        const attribute = getAttributeNs(attributes, k);
                         if (attribute) {
                             (0, State_1.useRender)(props[k], v => {
                                 element.setAttributeNS(attribute.namespace, attribute.name, String(v));
@@ -112,7 +111,7 @@ class NesquickComponent {
                     }
                 }
                 else {
-                    const attribute = this._getAttributeNs(attributes, k);
+                    const attribute = getAttributeNs(attributes, k);
                     if (attribute) {
                         element.setAttributeNS(attribute.namespace, attribute.name, String(props[k]));
                     }

package/lib/cli/nesquick-tsc.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tsc_1 = require("./tsc");
+const transformer_1 = require("./transformer");
+(0, tsc_1.tsc)({
+    argv: process.argv,
+    cwd: process.cwd(),
+    transformers: {
+        before: [transformer_1.transformer]
+    }
+});

package/lib/cli/processArgv.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProject = getProject;
+const Path = require("path");
+function getProject(argv) {
+    let nextIsProject = false;
+    for (let i = 0; i < argv.length; i++) {
+        if (argv[i].startsWith("--")) {
+            nextIsProject = argv[i].substring(2) === "project";
+        }
+        else if (argv[i].startsWith("-")) {
+            nextIsProject = argv[i].substring(1) === "p";
+        }
+        else if (nextIsProject) {
+            return Path.resolve(process.cwd(), argv[i]);
+        }
+    }
+    return null;
+}

package/lib/cli/transformer.js

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformer = void 0;
+const TS = require("typescript");
+function getSingleIdentifier(node) {
+    let identifier = null;
+    node.forEachChild(node => {
+        if (TS.isIdentifier(node)) {
+            if (identifier != null) {
+                return node;
+            }
+            identifier = node;
+        }
+    });
+    return identifier;
+}
+function getSingleBody(node) {
+    let body = null;
+    node.forEachChild(node => {
+        if (body != null) {
+            return node;
+        }
+        body = node;
+    });
+    return body;
+}
+function createSpreadCheckFunction(fName) {
+    const obj = TS.factory.createIdentifier("obj");
+    const check = TS.factory.createIdentifier("check");
+    const res = TS.factory.createIdentifier("res");
+    const k = TS.factory.createIdentifier("k");
+    const v = TS.factory.createIdentifier("v");
+    return TS.factory.createFunctionDeclaration(void 0, void 0, fName, void 0, [
+        TS.factory.createParameterDeclaration(void 0, void 0, obj),
+        TS.factory.createParameterDeclaration(void 0, void 0, check)
+    ], void 0, TS.factory.createBlock([
+        TS.factory.createVariableStatement(void 0, TS.factory.createVariableDeclarationList([
+            TS.factory.createVariableDeclaration(res, void 0, void 0, TS.factory.createCallExpression(TS.factory.createPropertyAccessExpression(TS.factory.createIdentifier("Object"), "create"), void 0, [TS.factory.createNull()]))
+        ], TS.NodeFlags.Const)),
+        TS.factory.createForInStatement(TS.factory.createVariableDeclarationList([TS.factory.createVariableDeclaration(k)], TS.NodeFlags.Const), obj, TS.factory.createBlock([
+            TS.factory.createVariableStatement(void 0, TS.factory.createVariableDeclarationList([
+                TS.factory.createVariableDeclaration(v, void 0, void 0, TS.factory.createElementAccessExpression(obj, k))
+            ], TS.NodeFlags.Const)),
+            TS.factory.createIfStatement(TS.factory.createBinaryExpression(TS.factory.createPrefixUnaryExpression(TS.SyntaxKind.ExclamationToken, check), TS.factory.createToken(TS.SyntaxKind.BarBarToken), TS.factory.createBinaryExpression(TS.factory.createTypeOfExpression(v), TS.factory.createToken(TS.SyntaxKind.ExclamationEqualsEqualsToken), TS.factory.createStringLiteral("function"))), TS.factory.createBlock([
+                TS.factory.createExpressionStatement(TS.factory.createBinaryExpression(TS.factory.createElementAccessExpression(res, k), TS.factory.createToken(TS.SyntaxKind.EqualsToken), TS.factory.createArrowFunction(void 0, void 0, [], void 0, TS.factory.createToken(TS.SyntaxKind.EqualsGreaterThanToken), v)))
+            ], true), TS.factory.createBlock([
+                TS.factory.createExpressionStatement(TS.factory.createBinaryExpression(TS.factory.createElementAccessExpression(res, k), TS.factory.createToken(TS.SyntaxKind.EqualsToken), v))
+            ], true))
+        ], true)),
+        TS.factory.createReturnStatement(res)
+    ], true));
+}
+const transformer = context => {
+    return sourceFile => {
+        let hasSpreadChecker = false;
+        const spreadCheckerName = TS.factory.createUniqueName("_spread");
+        const processNode = (node, options) => {
+            let hasCallExpression = false;
+            node = TS.visitEachChild(node, node => {
+                const res = visitGeneric(node, options);
+                hasCallExpression = hasCallExpression || res.hasCallExpression;
+                return res.node;
+            }, context);
+            return { node, hasCallExpression };
+        };
+        const visitGeneric = (node, options) => {
+            let hasCallExpression = TS.isCallExpression(node);
+            if (TS.isJsxSpreadAttribute(node)) {
+                hasSpreadChecker = true;
+                const expression = visitGeneric(node.expression, {}).node;
+                if (TS.isExpression(expression)) {
+                    const callExpression = TS.factory.createCallExpression(spreadCheckerName, void 0, [expression, options.userComponent ? TS.factory.createFalse() : TS.factory.createTrue()]);
+                    node = TS.factory.updateJsxSpreadAttribute(node, callExpression);
+                }
+            }
+            else if (TS.isJsxOpeningLikeElement(node)) {
+                const firstLetter = node.tagName.getText()[0];
+                const userComponent = firstLetter !== firstLetter.toLowerCase();
+                const res = processNode(node, { userComponent });
+                node = res.node;
+                hasCallExpression = hasCallExpression || res.hasCallExpression;
+            }
+            else if (TS.isJsxAttribute(node)) {
+                node = TS.visitEachChild(node, node => {
+                    const res = visitGeneric(node, { ...options, isJsxAttribute: true });
+                    hasCallExpression = hasCallExpression || res.hasCallExpression;
+                    return res.node;
+                }, context);
+            }
+            else if (TS.isJsxExpression(node)) {
+                node = TS.visitEachChild(node, node => visitorExpression(node, { ...options, isJsxAttribute: false }), context);
+            }
+            else if (options.isJsxAttribute && TS.isStringLiteral(node)) {
+                const returnNode = TS.visitNode(node, node => visitorExpression(node, { ...options, isJsxAttribute: false }), TS.isExpression);
+                if (TS.isStringLiteral(returnNode)) {
+                    node = returnNode;
+                }
+                else {
+                    node = TS.factory.createJsxExpression(void 0, returnNode);
+                }
+            }
+            else {
+                node = TS.visitEachChild(node, node => {
+                    const res = visitGeneric(node, { ...options, isJsxAttribute: false });
+                    hasCallExpression = hasCallExpression || res.hasCallExpression;
+                    return res.node;
+                }, context);
+            }
+            return { node, hasCallExpression };
+        };
+        const visitorExpression = (node, options) => {
+            if (TS.isParenthesizedExpression(node)) {
+                const body = getSingleBody(node);
+                if (body) {
+                    node = body;
+                }
+            }
+            if (TS.isCallExpression(node)) {
+                let identifier = null;
+                if (node.arguments.length === 0 && (identifier = getSingleIdentifier(node)) != null) {
+                    return visitGeneric(identifier, {}).node;
+                }
+            }
+            const res = visitGeneric(node, {});
+            node = res.node;
+            if (TS.isExpression(node)) {
+                if (options.userComponent || (res.hasCallExpression && !TS.isFunctionLike(node) && !TS.isJsxElement(node) && !TS.isJsxOpeningLikeElement(node))) {
+                    node = TS.factory.createArrowFunction(void 0, void 0, [], void 0, TS.factory.createToken(TS.SyntaxKind.EqualsGreaterThanToken), node);
+                }
+            }
+            return node;
+        };
+        sourceFile = TS.visitNode(sourceFile, node => visitGeneric(node, {}).node, TS.isSourceFile);
+        if (hasSpreadChecker) {
+            sourceFile = TS.factory.updateSourceFile(sourceFile, [
+                ...sourceFile.statements,
+                createSpreadCheckFunction(spreadCheckerName)
+            ]);
+        }
+        return sourceFile;
+    };
+};
+exports.transformer = transformer;

package/lib/cli/tsc.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tsc = tsc;
+const TS = require("typescript");
+const processArgv_1 = require("./processArgv");
+function tsc(options) {
+    const oldDir = process.cwd();
+    try {
+        if (options.cwd !== oldDir) {
+            process.chdir(options.cwd);
+        }
+        let project = (0, processArgv_1.getProject)(options.argv);
+        if (project == null) {
+            const configPath = TS.findConfigFile(options.cwd, TS.sys.fileExists, "tsconfig.json");
+            if (configPath != null) {
+                project = configPath;
+            }
+        }
+        if (!project) {
+            throw new Error("tsconfig.json not found");
+        }
+        const res = TS.readConfigFile(project, TS.sys.readFile);
+        const formatHost = {
+            getCanonicalFileName: f => f,
+            getCurrentDirectory: TS.sys.getCurrentDirectory,
+            getNewLine: () => TS.sys.newLine,
+        };
+        if (res.error) {
+            console.error(TS.formatDiagnosticsWithColorAndContext([res.error], formatHost));
+            throw new Error(`Error reading ${project}`);
+        }
+        else if (res.config == null) {
+            throw new Error(`Error reading ${project}`);
+        }
+        else {
+            const jsonConfig = TS.parseJsonConfigFileContent(res.config, TS.sys, options.cwd, {}, project);
+            const program = TS.createProgram({
+                options: jsonConfig.options,
+                rootNames: jsonConfig.fileNames,
+                configFileParsingDiagnostics: jsonConfig.errors
+            });
+            const preDiagnostics = TS.getPreEmitDiagnostics(program);
+            const programEmit = program.emit(void 0, void 0, void 0, void 0, options.transformers);
+            const allDiagnostics = [...preDiagnostics, ...programEmit.diagnostics, ...jsonConfig.errors];
+            if (allDiagnostics.length) {
+                console.error(TS.formatDiagnosticsWithColorAndContext(allDiagnostics, formatHost));
+                throw new Error(`Error compiling project`);
+            }
+        }
+    }
+    finally {
+        if (options.cwd !== oldDir) {
+            process.chdir(oldDir);
+        }
+    }
+}

package/lib/index.js

@@ -16,6 +16,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Nesquick"), exports);
 __exportStar(require("./For/For"), exports);
+__exportStar(require("./cli/transformer"), exports);
 __exportStar(require("./State"), exports);
 __exportStar(require("./NesquickFragment"), exports);
 __exportStar(require("./NesquickComponent"), exports);
+__exportStar(require("./jsx-runtime"), exports);
+__exportStar(require("./plugins/viteTransformerPlugin"), exports);

package/lib/jsx-runtime.js

@@ -1,29 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.jsx = void 0;
-exports.functionizeProps = functionizeProps;
+exports.JSX = exports.jsx = exports.Fragment = void 0;
 exports.jsxs = jsxs;
 const NesquickComponent_1 = require("./NesquickComponent");
 const NesquickFragment_1 = require("./NesquickFragment");
-const Fragment = Symbol();
-function functionizeProps(props) {
-    for (const k in props) {
-        if (typeof props[k] !== "function") {
-            const v = props[k];
-            props[k] = () => v;
-        }
-    }
-}
+exports.Fragment = Symbol();
 function jsxs(type, props, key) {
-    if (type === Fragment) {
+    if (type === exports.Fragment) {
         return new NesquickFragment_1.NesquickFragment(props.children);
     }
-    if (typeof type !== "string") {
-        functionizeProps(props);
-    }
-    else if (key !== undefined) {
+    if (key !== undefined) {
         props.key = key;
     }
     return new NesquickComponent_1.NesquickComponent(type, props);
 }
 exports.jsx = jsxs;
+var JSX;
+(function (JSX) {
+})(JSX || (exports.JSX = JSX = {}));

package/lib/plugins/viteTransformerPlugin.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.viteTransformerPlugin = void 0;
+const TS = require("typescript");
+const transformer_1 = require("../cli/transformer");
+exports.viteTransformerPlugin = {
+    name: "nesquick-transformer",
+    enforce: "pre",
+    transform(code, id) {
+        if (id.endsWith(".ts") || id.endsWith(".tsx")) {
+            const result = TS.transpileModule(code, {
+                compilerOptions: {
+                    target: TS.ScriptTarget.ESNext,
+                    module: TS.ModuleKind.ESNext,
+                    jsx: TS.JsxEmit.Preserve,
+                },
+                transformers: {
+                    before: [transformer_1.transformer],
+                },
+                fileName: id
+            });
+            return {
+                code: result.outputText,
+                map: result.sourceMapText ? JSON.parse(result.sourceMapText) : null
+            };
+        }
+    }
+};

package/lib/types/For/For.d.ts

@@ -3,12 +3,12 @@ import { NesquickFragment } from "../NesquickFragment";
 type ChildRender<T> = (item: T, i: () => number) => JSX.Element;
 export type ForProps<T> = {
     each: T[];
-    children: ChildRender<T>;
+    children: ChildRender<NoInfer<T>>;
 } & ({
     ids?: never;
-    id: (item: T, i: number) => unknown;
+    id: (item: NoInfer<T>, i: number) => unknown;
 } | {
-    ids: (item: T, i: number) => unknown[];
+    ids: (item: NoInfer<T>, i: number) => unknown[];
     id?: never;
 } | {
     ids?: never;

package/lib/types/Nesquick.d.ts

@@ -4,67 +4,4 @@ export declare namespace Nesquick {
 }
 export { Children, Child };
 export default Nesquick;
-type HasUndefined<T, K extends keyof T> = {
-    [L in K]-?: T[K] | undefined;
-} extends {
-    [L in K]?: T[K];
-} ? undefined extends T[K] ? true : false : false;
-declare const WrappedFunctionType: unique symbol;
-type WrappedFunction<T> = (() => T) & {
-    readonly [WrappedFunctionType]?: T;
-};
-type UserProp<T> = T extends (...args: any[]) => any ? T : WrappedFunction<T>;
-type UserProps<T> = {
-    readonly [K in keyof T]: K extends keyof JSX.ElementChildrenAttribute ? T[K] : HasUndefined<T, K> extends true ? UserProp<T[K] | undefined> : UserProp<Exclude<T[K], undefined>>;
-};
-type JSXProp<T> = T extends {
-    readonly [WrappedFunctionType]?: infer R;
-} ? R : T;
-type JSXProps<T> = keyof T extends never ? {} : {
-    [K in keyof T]: JSXProp<T[K]>;
-};
-export type Generic<T> = T extends (...args: any) => infer R ? R : T;
-export { UserProps as Props };
-export type Component<P = {}> = (props: UserProps<P>) => JSX.Element;
-export declare namespace JSX {
-    export type JSXEvent<T extends Event, T2 extends EventTarget> = T & {
-        currentTarget: T2;
-    };
-    export type JSXHTMLEvent<T extends EventTarget> = {
-        [K in keyof HTMLElementEventMap as `on${Capitalize<K>}`]?: (e: JSXEvent<HTMLElementEventMap[K], T>) => void;
-    };
-    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>, JSXSVGEvent<T> {
-        [k: string]: any;
-        style?: Style;
-        xmlns?: string | null;
-        ref?: ((el: T) => void) | null;
-    }
-    export type Style = StyleProps | string;
-    export type StyleProps = {
-        [K in keyof CSSStyleDeclaration]?: CSSStyleDeclaration[K] extends Function ? never : CSSStyleDeclaration[K] | (() => CSSStyleDeclaration[K]);
-    };
-    export type HTMLProps<T extends HTMLElement = HTMLElement> = Props<T>;
-    export type SVGProps<T extends SVGElement = SVGElement> = Props<T>;
-    export type IntrinsicElements = {
-        [K in keyof HTMLElementTagNameMap]: HTMLProps<HTMLElementTagNameMap[K]>;
-    } & {
-        [K in keyof SVGElementTagNameMap]: SVGProps<SVGElementTagNameMap[K]>;
-    };
-    export type Element = NesquickComponent<any>;
-    export type ElementType = keyof IntrinsicElements | Component<any> | typeof NesquickComponent<any>;
-    const NotEmptyObject: unique symbol;
-    export type IntrinsicAttributes = {
-        [NotEmptyObject]?: typeof NotEmptyObject;
-    };
-    export interface ElementAttributesProperty {
-        props: {};
-    }
-    export interface ElementChildrenAttribute {
-        children: {};
-    }
-    export type LibraryManagedAttributes<_, P> = JSXProps<P>;
-    export {};
-}
+export * from "./jsx-runtime";

package/lib/types/NesquickComponent.d.ts

@@ -32,7 +32,6 @@ export declare class NesquickComponent<P extends ComponentProps = {}> {
     constructor(_render: string | FunctionComponent<P>, props: P);
     render(document: VeactDocument): Node;
     setXmlns(xmlns: XmlNs | null): void;
-    private _getAttributeNs;
     private _renderPropsNs;
     private _renderProps;
     private _renderStyles;

package/lib/types/cli/nesquick-tsc.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/lib/types/cli/processArgv.d.ts

@@ -0,0 +1 @@
+export declare function getProject(argv: string[]): string | null;

package/lib/types/cli/transformer.d.ts

@@ -0,0 +1,2 @@
+import * as TS from "typescript";
+export declare const transformer: TS.TransformerFactory<TS.SourceFile>;

package/lib/types/cli/tsc.d.ts

@@ -0,0 +1,7 @@
+import * as TS from "typescript";
+export type CompileOptions = {
+    argv: string[];
+    cwd: string;
+    transformers?: TS.CustomTransformers;
+};
+export declare function tsc(options: CompileOptions): void;

package/lib/types/index.d.ts

@@ -1,5 +1,8 @@
 export * from "./Nesquick";
 export * from "./For/For";
+export * from "./cli/transformer";
 export * from "./State";
 export * from "./NesquickFragment";
 export * from "./NesquickComponent";
+export * from "./jsx-runtime";
+export * from "./plugins/viteTransformerPlugin";

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

@@ -1,7 +1,65 @@
 import { FunctionComponent, ComponentProps, NesquickComponent } from "./NesquickComponent";
 import { NesquickFragment } from "./NesquickFragment";
-declare const Fragment: unique symbol;
-export declare function functionizeProps(props: ComponentProps): void;
+export declare const Fragment: unique symbol;
 export declare function jsxs<P extends ComponentProps>(type: string | FunctionComponent<P> | typeof Fragment, props: P, key?: string | number | null): NesquickFragment | NesquickComponent<P>;
 export declare const jsx: typeof jsxs;
-export type { Fragment };
+type HasUndefined<T, K extends keyof T> = {
+    [L in K]-?: T[L] | undefined;
+} extends {
+    [L in K]?: T[L];
+} ? undefined extends T[K] ? true : false : false;
+declare const WrappedFunctionType: unique symbol;
+type WrappedFunction<T> = (() => T) & {
+    readonly [WrappedFunctionType]?: T;
+};
+type UserProps<T> = {
+    readonly [K in keyof T]: K extends keyof JSX.ElementChildrenAttribute ? T[K] : WrappedFunction<HasUndefined<T, K> extends true ? T[K] : Exclude<T[K], undefined>>;
+};
+type JSXProp<T> = T extends WrappedFunction<infer R> ? R : T;
+type JSXProps<T> = keyof T extends never ? {} : {
+    [K in keyof T]: JSXProp<T[K]>;
+};
+export { UserProps as Props };
+export type Component<P = {}> = (props: UserProps<P>) => JSX.Element;
+export declare namespace JSX {
+    export type JSXEvent<T extends Event, T2 extends EventTarget> = T & {
+        currentTarget: T2;
+    };
+    export type JSXHTMLEvent<T extends EventTarget> = {
+        [K in keyof HTMLElementEventMap as `on${Capitalize<K>}`]?: (e: JSXEvent<HTMLElementEventMap[K], T>) => void;
+    };
+    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>, JSXSVGEvent<T> {
+        [k: string]: any;
+        style?: Style;
+        xmlns?: string | null;
+        ref?: ((el: T) => void) | null;
+    }
+    export type Style = StyleProps | string;
+    export type StyleProps = {
+        [K in keyof CSSStyleDeclaration]?: CSSStyleDeclaration[K] extends Function ? never : CSSStyleDeclaration[K] | (() => CSSStyleDeclaration[K]);
+    };
+    export type HTMLProps<T extends HTMLElement = HTMLElement> = Props<T>;
+    export type SVGProps<T extends SVGElement = SVGElement> = Props<T>;
+    export type IntrinsicElements = {
+        [K in keyof HTMLElementTagNameMap]: HTMLProps<HTMLElementTagNameMap[K]>;
+    } & {
+        [K in keyof SVGElementTagNameMap]: SVGProps<SVGElementTagNameMap[K]>;
+    };
+    export type Element = NesquickComponent<any>;
+    export type ElementType = keyof IntrinsicElements | Component<any> | typeof NesquickComponent<any>;
+    const NotEmptyObject: unique symbol;
+    export type IntrinsicAttributes = {
+        [NotEmptyObject]?: typeof NotEmptyObject;
+    };
+    export interface ElementAttributesProperty {
+        props: {};
+    }
+    export interface ElementChildrenAttribute {
+        children: {};
+    }
+    export type LibraryManagedAttributes<_, P> = JSXProps<P>;
+    export {};
+}

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

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

package/package.json

@@ -1,19 +1,43 @@
 {
   "name": "nesquick",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "React-like library with focus on drawing performance",
-  "types": "./lib/types",
-  "main": "./lib",
+  "types": "./lib/types/index.d.ts",
+  "main": "./lib/index.js",
   "typesVersions": {
     "*": {
-      "jsx-runtime": ["./lib/types/jsx-runtime.d.ts"],
-      "jsx-dev-runtime": ["./lib/types/jsx-dev-runtime.d.ts"]
+      ".": [
+        "./lib/types/index.d.ts"
+      ],
+      "jsx-runtime": [
+        "./lib/types/jsx-runtime.d.ts"
+      ],
+      "jsx-dev-runtime": [
+        "./lib/types/jsx-dev-runtime.d.ts"
+      ]
     }
   },
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./jsx-runtime": {
+      "types": "./lib/types/jsx-runtime.d.ts",
+      "default": "./lib/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./lib/types/jsx-dev-runtime.d.ts",
+      "default": "./lib/jsx-dev-runtime.js"
+    }
+  },
+  "bin": {
+    "nesquick-tsc": "lib/cli/nesquick-tsc.js",
+    "ntsc": "lib/cli/nesquick-tsc.js"
+  },
   "sideEffects": false,
   "files": [
     "lib/",
-    "no-transformer/",
     "jsx-runtime.js",
     "jsx-dev-runtime.js"
   ],
@@ -41,7 +65,7 @@
   "devDependencies": {
     "@types/jsdom": "^21.1.7",
     "@types/node": "^22.7.8",
-    "arrange-act-assert": "^2.9.3",
+    "arrange-act-assert": "^2.10.0",
     "jsdom": "^26.1.0",
     "typescript": "^5.6.3"
   }