@vimpak/jsx 0.3.0 → 0.5.0

package/README.md

@@ -36,42 +36,26 @@ const html = await render(<Greeting name="World" />);
 // Output: <h1>Hello, World!</h1>
 ```
 
-### Fragments
-
-```tsx
-function Page() {
-  return (
-    <>
-      <h1>Title</h1>
-      <p>Content</p>
-    </>
-  );
-}
-```
-
-### Safe HTML
+### Async Components
 
-Use the `safe` prop to render raw HTML:
+Components can be asynchronous:
 
 ```tsx
-function Component() {
-  return <div safe="<strong>Bold text</strong>" />;
+async function User({ id }: { id: string }) {
+  const user = await fetchUser(id);
+  return <div>{user.name}</div>;
 }
-```
 
-### Styles
-
-```tsx
-function Styled() {
-  return <div style={{ color: "red", fontSize: "16px" }}>Styled</div>;
-}
+const html = await render(<User id="1" />);
 ```
 
+The `render` function awaits all async components automatically.
+
 ### Context
 
 ```tsx
 class AppContext {
-  async getTheme() {
+  getTheme() {
     return "dark";
   }
 }
@@ -79,7 +63,8 @@ class AppContext {
 const ctx = new AppContext();
 
 function Greeting(props: { name: string }, ctx: AppContext) {
-  return <div></div>;
+  const theme = ctx.getTheme();
+  return <div className={theme}>{props.name}</div>;
 }
 
 function App() {
@@ -93,20 +78,23 @@ function App() {
 const html = await render(<App />, ctx);
 ```
 
-### Async Components
+### Safe HTML
 
-Components can be asynchronous:
+Use the `safe` prop to render raw HTML:
 
 ```tsx
-async function User({ id }: { id: string }) {
-  const user = await fetchUser(id);
-  return <div>{user.name}</div>;
+function Component() {
+  return <div safe="<strong>Bold text</strong>" />;
 }
-
-const html = await render(<User id="1" />);
 ```
 
-The `render` function awaits all async components automatically.
+### Styles
+
+```tsx
+function Styled() {
+  return <div style={{ color: "red", fontSize: "16px" }}>Styled</div>;
+}
+```
 
 ## API
 

package/dist/html.d.ts

@@ -428,9 +428,6 @@ declare namespace JSX {
         height?: undefined | number | string;
         width?: undefined | number | string;
     }
-    interface HtmlUnspecifiedTag extends HtmlTag, Record<string, any> {
-        of: string;
-    }
     interface HtmlBodyTag {
         onafterprint?: undefined | string;
         onbeforeprint?: undefined | string;
@@ -685,7 +682,6 @@ declare namespace JSX {
         switch: HtmlSvgTag;
         symbol: HtmlSvgTag;
         table: HtmlTableTag;
-        tag: HtmlUnspecifiedTag;
         tbody: HtmlTag;
         td: HtmlTableDataCellTag;
         template: HtmlTag;

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "name": "@vimpak/jsx",
   "collaborators": [
     "Sudesh Yadav <sudeshyadav955@gmail.com>"
@@ -8,6 +8,10 @@
   "files": [
     "./dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sudesh955/jsx"
+  },
   "main": "./dist/index.js",
   "exports": {
     ".": {