jsx-framework-pb 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1 +1,6 @@
-export { Fragment, K as Key, P as PropsWithChildren, V as VNode, jsx, jsxs } from './jsx-runtime.js';
+export { K as Key, P as PropsWithChildren, V as VNode } from './types-CfBV6pAD.js';
+export { Fragment, jsx, jsxs } from './jsx-runtime.js';
+
+declare function render(vnode: any, container: HTMLElement): void;
+
+export { render };

package/dist/index.js

@@ -3,9 +3,43 @@ import {
   jsx,
   jsxs
 } from "./chunk-XVAMNTOW.js";
+
+// src/render.ts
+function render(vnode, container) {
+  container.appendChild(createNode(vnode));
+}
+function createNode(vnode) {
+  var _a, _b;
+  if (typeof vnode === "string" || typeof vnode === "number") {
+    return document.createTextNode(String(vnode));
+  }
+  if ((vnode == null ? void 0 : vnode.type) === Fragment) {
+    const frag = document.createDocumentFragment();
+    normalize((_a = vnode.props) == null ? void 0 : _a.children).forEach(
+      (c) => frag.appendChild(createNode(c))
+    );
+    return frag;
+  }
+  if (typeof (vnode == null ? void 0 : vnode.type) === "function") {
+    return createNode(vnode.type(vnode.props));
+  }
+  const el = document.createElement(vnode.type);
+  const { children, ...props } = (_b = vnode.props) != null ? _b : {};
+  for (const key in props) {
+    el[key] = props[key];
+  }
+  normalize(children).forEach(
+    (c) => el.appendChild(createNode(c))
+  );
+  return el;
+}
+function normalize(children) {
+  return children == null ? [] : Array.isArray(children) ? children : [children];
+}
 export {
   Fragment,
   jsx,
-  jsxs
+  jsxs,
+  render
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../src/render.ts"],"sourcesContent":["import { Fragment } from './jsx-runtime';\r\nimport type { VNode } from './types';\r\n\r\nexport function render(vnode: any, container: HTMLElement) {\r\n    container.appendChild(createNode(vnode));\r\n}\r\n\r\nfunction createNode(vnode: any): Node {\r\n    if (typeof vnode === \"string\" || typeof vnode === \"number\") {\r\n        return document.createTextNode(String(vnode));\r\n    }\r\n\r\n    if (vnode?.type === Fragment) {\r\n        const frag = document.createDocumentFragment();\r\n        normalize(vnode.props?.children).forEach(c =>\r\n            frag.appendChild(createNode(c))\r\n        );\r\n        return frag;\r\n    }\r\n\r\n    if (typeof vnode?.type === \"function\") {\r\n        return createNode(vnode.type(vnode.props));\r\n    }\r\n\r\n    const el = document.createElement(vnode.type);\r\n\r\n    const { children, ...props } = vnode.props ?? {};\r\n\r\n    for (const key in props) {\r\n        el[key] = props[key];\r\n    }\r\n\r\n    normalize(children).forEach(c =>\r\n        el.appendChild(createNode(c))\r\n    );\r\n\r\n    return el;\r\n}\r\n\r\nfunction normalize(children: any) {\r\n    return children == null\r\n        ? []\r\n        : Array.isArray(children)\r\n            ? children\r\n            : [children];\r\n}\r\n"],"mappings":";;;;;;;AAGO,SAAS,OAAO,OAAY,WAAwB;AACvD,YAAU,YAAY,WAAW,KAAK,CAAC;AAC3C;AAEA,SAAS,WAAW,OAAkB;AAPtC;AAQI,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;AACxD,WAAO,SAAS,eAAe,OAAO,KAAK,CAAC;AAAA,EAChD;AAEA,OAAI,+BAAO,UAAS,UAAU;AAC1B,UAAM,OAAO,SAAS,uBAAuB;AAC7C,eAAU,WAAM,UAAN,mBAAa,QAAQ,EAAE;AAAA,MAAQ,OACrC,KAAK,YAAY,WAAW,CAAC,CAAC;AAAA,IAClC;AACA,WAAO;AAAA,EACX;AAEA,MAAI,QAAO,+BAAO,UAAS,YAAY;AACnC,WAAO,WAAW,MAAM,KAAK,MAAM,KAAK,CAAC;AAAA,EAC7C;AAEA,QAAM,KAAK,SAAS,cAAc,MAAM,IAAI;AAE5C,QAAM,EAAE,UAAU,GAAG,MAAM,KAAI,WAAM,UAAN,YAAe,CAAC;AAE/C,aAAW,OAAO,OAAO;AACrB,OAAG,GAAG,IAAI,MAAM,GAAG;AAAA,EACvB;AAEA,YAAU,QAAQ,EAAE;AAAA,IAAQ,OACxB,GAAG,YAAY,WAAW,CAAC,CAAC;AAAA,EAChC;AAEA,SAAO;AACX;AAEA,SAAS,UAAU,UAAe;AAC9B,SAAO,YAAY,OACb,CAAC,IACD,MAAM,QAAQ,QAAQ,IAClB,WACA,CAAC,QAAQ;AACvB;","names":[]}

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

@@ -0,0 +1,7 @@
+import { V as VNode } from './types-CfBV6pAD.js';
+
+declare function jsxDEV(type: VNode['type'], props: any, key?: string | number | null, _isStaticChildren?: boolean, _source?: unknown, _self?: unknown): VNode;
+declare const jsxsDEV: typeof jsxDEV;
+declare const Fragment: unique symbol;
+
+export { Fragment, jsxDEV, jsxsDEV };

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,16 @@
+import {
+  jsx
+} from "./chunk-XVAMNTOW.js";
+
+// src/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  return jsx(type, props, key);
+}
+var jsxsDEV = jsxDEV;
+var Fragment = /* @__PURE__ */ Symbol("Fragment");
+export {
+  Fragment,
+  jsxDEV,
+  jsxsDEV
+};
+//# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx-dev-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx-dev-runtime.ts"],"sourcesContent":["import type { VNode } from './types';\r\nimport { jsx } from './jsx-runtime';\r\n\r\nexport function jsxDEV(\r\n    type: VNode['type'],\r\n    props: any,\r\n    key?: string | number | null,\r\n    _isStaticChildren?: boolean,\r\n    _source?: unknown,\r\n    _self?: unknown\r\n): VNode {\r\n    return jsx(type, props, key);\r\n}\r\n\r\nexport const jsxsDEV = jsxDEV;\r\nexport const Fragment = Symbol('Fragment');\r\n"],"mappings":";;;;;AAGO,SAAS,OACZ,MACA,OACA,KACA,mBACA,SACA,OACK;AACL,SAAO,IAAI,MAAM,OAAO,GAAG;AAC/B;AAEO,IAAM,UAAU;AAChB,IAAM,WAAW,uBAAO,UAAU;","names":[]}

package/dist/jsx-runtime.d.ts

@@ -1,21 +1,7 @@
-declare namespace JSX {
-    type Element = VNode;
-    interface IntrinsicElements {
-        [elemName: string]: any;
-    }
-}
-type Key = string | number | null;
-type PropsWithChildren<P = {}> = P & {
-    children?: JSX.Element | JSX.Element[];
-};
-interface VNode<P = any> {
-    type: string | Function;
-    props: P;
-    key: Key;
-}
+import { V as VNode } from './types-CfBV6pAD.js';
 
 declare function jsx(type: VNode["type"], props: any, key?: string | number | null): VNode;
 declare const jsxs: typeof jsx;
 declare const Fragment: unique symbol;
 
-export { Fragment, type Key as K, type PropsWithChildren as P, type VNode as V, jsx, jsxs };
+export { Fragment, jsx, jsxs };

package/dist/types-CfBV6pAD.d.ts

@@ -0,0 +1,17 @@
+declare namespace JSX {
+    type Element = VNode;
+    interface IntrinsicElements {
+        [elemName: string]: any;
+    }
+}
+type Key = string | number | null;
+type PropsWithChildren<P = {}> = P & {
+    children?: JSX.Element | JSX.Element[];
+};
+interface VNode<P = any> {
+    type: string | Function;
+    props: P;
+    key: Key;
+}
+
+export type { Key as K, PropsWithChildren as P, VNode as V };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsx-framework-pb",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "files": [
     "dist"
@@ -15,6 +15,10 @@
     "./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": {