jsx-framework-test-pb 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export type { Element, ElementProps, ElementChild, DevElement } from './types';
+export declare function isElement(value: any): value is Element;
+export declare function render(element: any, container: HTMLElement): void;
+import type { Element } from './types';

package/dist/index.js

@@ -0,0 +1,69 @@
+const ELEMENT_TYPE = Symbol.for('your.framework.element');
+export function isElement(value) {
+    return value && value.$$typeof === ELEMENT_TYPE;
+}
+export function render(element, container) {
+    container.innerHTML = '';
+    const domNode = createElement(element);
+    if (domNode) {
+        container.appendChild(domNode);
+    }
+}
+function createElement(element) {
+    if (element === null ||
+        element === undefined ||
+        typeof element === 'boolean') {
+        return null;
+    }
+    if (typeof element === 'string' || typeof element === 'number') {
+        return document.createTextNode(String(element));
+    }
+    if (Array.isArray(element)) {
+        const fragment = document.createDocumentFragment();
+        element.forEach(child => {
+            const node = createElement(child);
+            if (node)
+                fragment.appendChild(node);
+        });
+        return fragment;
+    }
+    if (!isElement(element)) {
+        return null;
+    }
+    const { type, props } = element;
+    if (typeof type === 'function') {
+        const result = type(props);
+        return createElement(result);
+    }
+    if (typeof type === 'string') {
+        const domElement = document.createElement(type);
+        Object.keys(props).forEach(key => {
+            if (key === 'children') {
+                const children = Array.isArray(props.children)
+                    ? props.children
+                    : [props.children];
+                children.forEach(child => {
+                    const childNode = createElement(child);
+                    if (childNode) {
+                        domElement.appendChild(childNode);
+                    }
+                });
+            }
+            else if (key.startsWith('on') && typeof props[key] === 'function') {
+                const eventName = key.substring(2).toLowerCase();
+                domElement.addEventListener(eventName, props[key]);
+            }
+            else if (key === 'className') {
+                domElement.setAttribute('class', props[key]);
+            }
+            else if (key === 'style' && typeof props[key] === 'object') {
+                Object.assign(domElement.style, props[key]);
+            }
+            else if (key !== 'key') {
+                domElement.setAttribute(key, props[key]);
+            }
+        });
+        return domElement;
+    }
+    return null;
+}

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,6 @@
+import type { DevElement, ElementProps } from './types';
+export declare function jsxDEV(type: string | Function, props: ElementProps, key?: string, isStaticChildren?: boolean, source?: {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+}, self?: any): DevElement;

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,11 @@
+const ELEMENT_TYPE = Symbol.for('your.framework.element');
+export function jsxDEV(type, props, key, isStaticChildren, source, self) {
+    return {
+        $$typeof: ELEMENT_TYPE,
+        type,
+        props,
+        key: key ?? null,
+        _source: source,
+        _self: self,
+    };
+}

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,3 @@
+import type { Element, ElementProps } from './types';
+export declare function jsx(type: string | Function, props: ElementProps, key?: string): Element;
+export declare const jsxs: typeof jsx;

package/dist/jsx-runtime.js

@@ -0,0 +1,10 @@
+const ELEMENT_TYPE = Symbol.for('your.framework.element');
+export function jsx(type, props, key) {
+    return {
+        $$typeof: ELEMENT_TYPE,
+        type,
+        props,
+        key: key ?? null,
+    };
+}
+export const jsxs = jsx;

package/dist/types.d.ts

@@ -0,0 +1,48 @@
+export interface Element {
+    $$typeof: symbol;
+    type: string | Function;
+    props: ElementProps;
+    key: string | null;
+}
+export interface DevElement extends Element {
+    _source?: {
+        fileName: string;
+        lineNumber: number;
+        columnNumber: number;
+    };
+    _self?: any;
+}
+export interface ElementProps {
+    children?: ElementChild | ElementChild[];
+    [key: string]: any;
+}
+export type ElementChild = Element | string | number | boolean | null | undefined;
+declare global {
+    namespace JSX {
+        interface Element {
+        }
+        interface IntrinsicElements {
+            div: ElementProps;
+            span: ElementProps;
+            h1: ElementProps;
+            h2: ElementProps;
+            h3: ElementProps;
+            h4: ElementProps;
+            h5: ElementProps;
+            h6: ElementProps;
+            p: ElementProps;
+            button: ElementProps;
+            input: ElementProps;
+            a: ElementProps;
+            img: ElementProps;
+            ul: ElementProps;
+            ol: ElementProps;
+            li: ElementProps;
+            [elemName: string]: ElementProps;
+        }
+        interface ElementChildrenAttribute {
+            children: {};
+        }
+    }
+}
+export {};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "jsx-framework-test-pb",
+  "version": "0.0.1",
+  "description": "",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "default": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "default": "./dist/jsx-dev-runtime.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  },
+  "files": [
+    "dist"
+  ]
+}