princejs 1.8.4 → 1.8.5

package/Readme.md

@@ -12,7 +12,7 @@
 ---
 
 ## 🚀 Quick Start
-
+s
 ```bash
 bun create princejs my-app
 cd my-app
@@ -122,26 +122,25 @@ app.use(jwt(key));
 app.use(session({ secret: "key" }));
 app.use(compress());
 
-const Page = () => (
-  Html({
-    children: [
-      Head({
-        children: [
-          "Test Page"
-        ]
-      }),
-      Body({
-        children: [
-          H1({
-            children: "Hello World"
-          }),
-          P({
-            children: "This is a test"
-          })
-        ]
-      })
-    ]
-  })
+const Page = () => Html(
+  Head("Test Page"),
+  Body(
+    H1("Hello World"),
+    P("This is a test")
+  )
+);
+
+// With props (optional)
+const Card = (props: any) => Div(
+  { className: "card", style: "padding: 1rem;" },
+  H1(props.title),
+  P(props.content)
+);
+
+// Without props
+const Simple = () => Div(
+  H1("No Props Needed"),
+  P("Just pure content")
 );
 
 const requireAuth = async (req: any, next: any) => {

package/dist/jsx.d.ts

@@ -6,11 +6,11 @@ export declare const jsx: (tag: string | Function, props: JSXProps, ...children:
 export declare const jsxs: (tag: string | Function, props: JSXProps, ...children: any[]) => any;
 export declare const jsxDEV: (tag: string | Function, props: JSXProps, ...children: any[]) => any;
 export declare const Fragment: (props: JSXProps) => any;
-export declare const Html: (props: any) => string;
-export declare const Head: (props: any) => string;
-export declare const Body: (props: any) => string;
-export declare const H1: (props: any) => string;
-export declare const P: (props: any) => string;
-export declare const Div: (props: any) => string;
+export declare const Html: (...children: any[]) => string;
+export declare const Head: (...children: any[]) => string;
+export declare const Body: (...children: any[]) => string;
+export declare const H1: (...children: any[]) => string;
+export declare const P: (...children: any[]) => string;
+export declare const Div: (...args: any[]) => string;
 export declare const render: (jsxContent: any) => Response;
 //# sourceMappingURL=jsx.d.ts.map

package/dist/jsx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx.d.ts","sourceRoot":"","sources":["../src/jsx.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,GAAI,KAAK,MAAM,GAAG,QAAQ,EAAE,OAAO,QAAQ,EAAE,GAAG,UAAU,GAAG,EAAE,KAAG,GAcjF,CAAC;AAEF,eAAO,MAAM,IAAI,QAhBQ,MAAM,GAAG,QAAQ,SAAS,QAAQ,eAAe,GAAG,EAAE,KAAG,GAgB3D,CAAC;AACxB,eAAO,MAAM,MAAM,QAjBM,MAAM,GAAG,QAAQ,SAAS,QAAQ,eAAe,GAAG,EAAE,KAAG,GAiBzD,CAAC;AAC1B,eAAO,MAAM,QAAQ,GAAI,OAAO,QAAQ,QAAmB,CAAC;AAI5D,eAAO,MAAM,IAAI,GAAI,OAAO,GAAG,WAE9B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,GAAG,WAE9B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,GAAG,WAE9B,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,OAAO,GAAG,WAE5B,CAAC;AAEF,eAAO,MAAM,CAAC,GAAI,OAAO,GAAG,WAE3B,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,OAAO,GAAG,WAU7B,CAAC;AAIF,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,aAKrC,CAAC"}
+{"version":3,"file":"jsx.d.ts","sourceRoot":"","sources":["../src/jsx.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,GAAI,KAAK,MAAM,GAAG,QAAQ,EAAE,OAAO,QAAQ,EAAE,GAAG,UAAU,GAAG,EAAE,KAAG,GAcjF,CAAC;AAEF,eAAO,MAAM,IAAI,QAhBQ,MAAM,GAAG,QAAQ,SAAS,QAAQ,eAAe,GAAG,EAAE,KAAG,GAgB3D,CAAC;AACxB,eAAO,MAAM,MAAM,QAjBM,MAAM,GAAG,QAAQ,SAAS,QAAQ,eAAe,GAAG,EAAE,KAAG,GAiBzD,CAAC;AAC1B,eAAO,MAAM,QAAQ,GAAI,OAAO,QAAQ,QAAmB,CAAC;AAG5D,eAAO,MAAM,IAAI,GAAI,GAAG,UAAU,GAAG,EAAE,WAEtC,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,GAAG,UAAU,GAAG,EAAE,WAEtC,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,GAAG,UAAU,GAAG,EAAE,WAEtC,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,GAAG,UAAU,GAAG,EAAE,WAEpC,CAAC;AAEF,eAAO,MAAM,CAAC,GAAI,GAAG,UAAU,GAAG,EAAE,WAEnC,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,GAAG,EAAE,WAoBjC,CAAC;AAaF,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,aAKrC,CAAC"}

package/dist/jsx.js

@@ -11,28 +11,37 @@ var jsx = (tag, props, ...children) => {
 var jsxs = jsx;
 var jsxDEV = jsx;
 var Fragment = (props) => props.children;
-var Html = (props) => {
-  return `<html>${renderChildren(props.children)}</html>`;
+var Html = (...children) => {
+  return `<html>${renderChildren(children)}</html>`;
 };
-var Head = (props) => {
-  return `<head>${renderChildren(props.children)}</head>`;
+var Head = (...children) => {
+  return `<head>${renderChildren(children)}</head>`;
 };
-var Body = (props) => {
-  return `<body>${renderChildren(props.children)}</body>`;
+var Body = (...children) => {
+  return `<body>${renderChildren(children)}</body>`;
 };
-var H1 = (props) => {
-  return `<h1>${renderChildren(props.children)}</h1>`;
+var H1 = (...children) => {
+  return `<h1>${renderChildren(children)}</h1>`;
 };
-var P = (props) => {
-  return `<p>${renderChildren(props.children)}</p>`;
+var P = (...children) => {
+  return `<p>${renderChildren(children)}</p>`;
 };
-var Div = (props) => {
-  const attrs = Object.keys(props).filter((key) => key !== "children").map((key) => {
+var Div = (...args) => {
+  let options = null;
+  let children = args;
+  if (args.length > 0 && isPlainObject(args[0])) {
+    options = args[0];
+    children = args.slice(1);
+  }
+  const attrs = options ? Object.keys(options).map((key) => {
     if (key === "className")
-      return `class="${props[key]}"`;
-    return `${key}="${props[key]}"`;
-  }).join(" ");
-  return `<div ${attrs}>${renderChildren(props.children)}</div>`;
+      return `class="${options[key]}"`;
+    return `${key}="${options[key]}"`;
+  }).join(" ") : "";
+  return `<div${attrs ? " " + attrs : ""}>${renderChildren(children)}</div>`;
+};
+var isPlainObject = (obj) => {
+  return obj !== null && typeof obj === "object" && !Array.isArray(obj) && !(obj instanceof Date) && !(obj instanceof RegExp) && typeof obj !== "string";
 };
 var render = (jsxContent) => {
   const html = typeof jsxContent === "string" ? jsxContent : String(jsxContent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "princejs",
-  "version": "1.8.4",
+  "version": "1.8.5",
   "description": "An easy and fast backend framework that is among the top three — by a 13yo developer, for developers.",
   "main": "dist/prince.js",
   "types": "dist/prince.d.ts",