jsx-framework-pb 0.0.3 → 0.0.4

package/dist/index.d.ts

@@ -1,2 +1,6 @@
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsx-framework-pb",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "files": [
     "dist"