nesquick 1.3.0 → 1.4.0

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;
@@ -72,21 +87,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 +98,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 +112,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,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformer = void 0;
+exports.createCheckFunction = createCheckFunction;
+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 createCheckFunction(fName) {
+    return TS.factory.createFunctionDeclaration(void 0, void 0, fName, void 0, [TS.factory.createParameterDeclaration(void 0, void 0, TS.factory.createIdentifier("v"))], void 0, TS.factory.createBlock([
+        TS.factory.createReturnStatement(TS.factory.createConditionalExpression(TS.factory.createBinaryExpression(TS.factory.createTypeOfExpression(TS.factory.createIdentifier("v")), TS.factory.createToken(TS.SyntaxKind.EqualsEqualsEqualsToken), TS.factory.createStringLiteral("function")), TS.factory.createToken(TS.SyntaxKind.QuestionToken), TS.factory.createIdentifier("v"), TS.factory.createToken(TS.SyntaxKind.ColonToken), TS.factory.createArrowFunction(void 0, void 0, [], void 0, TS.factory.createToken(TS.SyntaxKind.EqualsGreaterThanToken), TS.factory.createIdentifier("v"))))
+    ]));
+}
+const transformer = context => {
+    return sourceFile => {
+        let hasChecker = false;
+        const checkerName = TS.factory.createUniqueName("_check");
+        const visitGeneric = (node, options) => {
+            let hasSpread = options.userComponent && TS.isJsxSpreadAttribute(node);
+            let hasCallExpression = TS.isCallExpression(node);
+            if (TS.isJsxOpeningLikeElement(node)) {
+                const firstLetter = node.tagName.getText()[0];
+                const userComponent = firstLetter !== firstLetter.toLowerCase();
+                node = TS.visitEachChild(node, node => {
+                    const res = visitGeneric(node, { userComponent });
+                    hasSpread = hasSpread || res.hasSpread;
+                    hasCallExpression = hasCallExpression || res.hasCallExpression;
+                    return res.node;
+                }, context);
+                if (userComponent && hasSpread) {
+                    const symbol = TS.factory.createCallExpression(TS.factory.createPropertyAccessExpression(TS.factory.createIdentifier("Symbol"), "for"), void 0, [TS.factory.createStringLiteral("$nesquickSpreadProps")]);
+                    if (TS.isJsxOpeningLikeElement(node)) {
+                        const attributes = TS.factory.updateJsxAttributes(node.attributes, [
+                            ...node.attributes.properties,
+                            TS.factory.createJsxSpreadAttribute(TS.factory.createObjectLiteralExpression([
+                                TS.factory.createPropertyAssignment(TS.factory.createComputedPropertyName(symbol), TS.factory.createTrue())
+                            ]))
+                        ]);
+                        if (TS.isJsxOpeningElement(node)) {
+                            node = TS.factory.updateJsxOpeningElement(node, node.tagName, node.typeArguments, attributes);
+                        }
+                        else if (TS.isJsxSelfClosingElement(node)) {
+                            node = TS.factory.updateJsxSelfClosingElement(node, node.tagName, node.typeArguments, attributes);
+                        }
+                    }
+                }
+            }
+            else if (TS.isJsxAttribute(node)) {
+                node = TS.visitEachChild(node, node => {
+                    const res = visitGeneric(node, { ...options, isJsxAttribute: true });
+                    hasSpread = hasSpread || res.hasSpread;
+                    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 });
+                    hasSpread = hasSpread || res.hasSpread;
+                    hasCallExpression = hasCallExpression || res.hasCallExpression;
+                    return res.node;
+                }, context);
+            }
+            return { hasSpread, hasCallExpression, node };
+        };
+        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) {
+                    node = identifier;
+                }
+                else {
+                    node = TS.factory.createArrowFunction(void 0, void 0, [], void 0, TS.factory.createToken(TS.SyntaxKind.EqualsGreaterThanToken), TS.visitNode(node, node => visitGeneric(node, {}).node, TS.isConciseBody));
+                }
+            }
+            else {
+                const res = visitGeneric(node, {});
+                node = res.node;
+                if (TS.isExpression(node) && !TS.isFunctionLike(node) && !TS.isJsxElement(node) && !TS.isJsxOpeningLikeElement(node)) {
+                    if (res.hasCallExpression) {
+                        node = TS.factory.createArrowFunction(void 0, void 0, [], void 0, TS.factory.createToken(TS.SyntaxKind.EqualsGreaterThanToken), TS.visitNode(node, node => visitGeneric(node, {}).node, TS.isConciseBody));
+                    }
+                    else if (options.userComponent) {
+                        hasChecker = true;
+                        node = TS.factory.createCallExpression(checkerName, void 0, [node]);
+                    }
+                }
+            }
+            return node;
+        };
+        sourceFile = TS.visitNode(sourceFile, node => visitGeneric(node, {}).node, TS.isSourceFile);
+        if (hasChecker) {
+            sourceFile = TS.factory.updateSourceFile(sourceFile, [
+                ...sourceFile.statements,
+                createCheckFunction(checkerName)
+            ]);
+        }
+        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,21 @@
 "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;
-        }
-    }
-}
+const propsSpreadSymbol = Symbol.for("$nesquickSpreadProps");
+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/no-transformer/jsx-dev-runtime.js

@@ -0,0 +1,22 @@
+"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.jsxDEV = jsxDEV;
+const jsx_runtime_1 = require("./jsx-runtime");
+__exportStar(require("./jsx-runtime"), exports);
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+    return (0, jsx_runtime_1.jsx)(type, props, key);
+}

package/lib/no-transformer/jsx-runtime.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JSX = exports.jsx = exports.Fragment = void 0;
+exports.functionizeProps = functionizeProps;
+exports.jsxs = jsxs;
+const NesquickComponent_1 = require("../NesquickComponent");
+const NesquickFragment_1 = require("../NesquickFragment");
+exports.Fragment = Symbol();
+function functionizeProps(props) {
+    for (const k in props) {
+        if (k !== "children" && typeof props[k] !== "function") {
+            const v = props[k];
+            props[k] = () => v;
+        }
+    }
+}
+function jsxs(type, props, key) {
+    if (type === exports.Fragment) {
+        return new NesquickFragment_1.NesquickFragment(props.children);
+    }
+    if (typeof type !== "string") {
+        functionizeProps(props);
+    }
+    else 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/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,3 @@
+import * as TS from "typescript";
+export declare function createCheckFunction(fName: TS.Identifier): TS.FunctionDeclaration;
+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,72 @@
 import { FunctionComponent, ComponentProps, NesquickComponent } from "./NesquickComponent";
 import { NesquickFragment } from "./NesquickFragment";
-declare const Fragment: unique symbol;
-export declare function functionizeProps(props: ComponentProps): void;
-export declare function jsxs<P extends ComponentProps>(type: string | FunctionComponent<P> | typeof Fragment, props: P, key?: string | number | null): NesquickFragment | NesquickComponent<P>;
+declare const propsSpreadSymbol: unique symbol;
+export declare const Fragment: unique symbol;
+export declare function jsxs<P extends ComponentProps & {
+    [propsSpreadSymbol]?: true;
+}>(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[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 {};
+}

package/lib/types/no-transformer/jsx-dev-runtime.d.ts

@@ -0,0 +1,9 @@
+import { Fragment } from "./jsx-runtime";
+import { FunctionComponent, ComponentProps } from "../NesquickComponent";
+export * from "./jsx-runtime";
+type JsxSource = {
+    fileName: string;
+    lineNumber: number;
+    columnNumber?: number;
+};
+export declare function jsxDEV<P extends ComponentProps>(type: string | FunctionComponent<P> | typeof Fragment, props: P, key: string | number | null, _isStaticChildren: boolean, _source: JsxSource, _self: any): import("..").NesquickFragment | import("../NesquickComponent").NesquickComponent<P>;

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

@@ -0,0 +1,72 @@
+import { FunctionComponent, ComponentProps, NesquickComponent } from "../NesquickComponent";
+import { NesquickFragment } from "../NesquickFragment";
+export declare const Fragment: unique symbol;
+export declare function functionizeProps(props: ComponentProps): void;
+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;
+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: infer A) => infer R ? (((...args: A) => R) | 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;
+} ? (T | R) : T extends (...args: any[]) => any ? T : (T | (() => 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 JSXElements = {
+        [K in keyof HTMLElementTagNameMap]: HTMLProps<HTMLElementTagNameMap[K]>;
+    } & {
+        [K in keyof SVGElementTagNameMap]: SVGProps<SVGElementTagNameMap[K]>;
+    };
+    export type Element = NesquickComponent<any>;
+    export interface IntrinsicElements extends JSXElements {
+    }
+    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,15 +1,44 @@
 {
   "name": "nesquick",
-  "version": "1.3.0",
+  "version": "1.4.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": {
     "*": {
+      ".": ["./lib/types/index.d.ts"],
       "jsx-runtime": ["./lib/types/jsx-runtime.d.ts"],
-      "jsx-dev-runtime": ["./lib/types/jsx-dev-runtime.d.ts"]
+      "jsx-dev-runtime": ["./lib/types/jsx-dev-runtime.d.ts"],
+      "no-transformer/jsx-runtime": ["./lib/types/jsx-runtime.d.ts"],
+      "no-transformer/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"
+    },
+    "./no-transformer/jsx-runtime": {
+      "types": "./lib/types/no-transformer/jsx-runtime.d.ts",
+      "default": "./lib/no-transformer/jsx-runtime.js"
+    },
+    "./no-transformer/jsx-dev-runtime": {
+      "types": "./lib/types/no-transformer/jsx-dev-runtime.d.ts",
+      "default": "./lib/no-transformer/jsx-dev-runtime.js"
+    }
+  },
+  "bin": {
+    "nesquick-tsc": "lib/cli/nesquick-tsc.js",
+    "ntsc": "lib/cli/nesquick-tsc.js"
+  },
   "sideEffects": false,
   "files": [
     "lib/",