docs(readme): update for v0.7.0

Author: FBIKdot

README.md

@@ -18,36 +18,20 @@ Example: [PCS-OS](https://github.com/FBIKdot/PCS-OS)
 You can access Hnxml Standard through:
 
 - Website generated by [Typedoc](https://typedoc.org/):
-  [hnxml.js.org](https://hnxml.js.org)
+  [hnxml.js.org](https://hnxml.js.org) (Most recommended)
 - Source code: [GitHub Repository](https://github.com/Modern-School/hnxml)
+- [JSR package page](https://jsr.io/@modernschoolproject/hnxml/doc)
 
 ## Use `hnxml.js` with TSX
 
-Add package `@modernschoolproject/hnxml`
+Add package `@modernschoolproject/hnxml`. Check
+[the hnxml JSR package page](https://jsr.io/@modernschoolproject/hnxml/doc) to
+see how to install JSR packages using other package managers.
 
 ```bash
-# deno 
-deno add jsr:@modernschoolproject/hnxml
-```
-
-```bash
-# npm
-npx jsr add @modernschoolproject/hnxml
-```
-
-```bash
-# yarn
-yarn add jsr:@modernschoolproject/hnxml
-```
-
-```bash
-# pnpm
-pnpm i jsr:@modernschoolproject/hnxml
-```
-
-```bash
-# bun
-bunx jsr add @modernschoolproject/hnxml
+deno add jsr:@modernschoolproject/hnxml # deno 
+npx jsr add @modernschoolproject/hnxml # npm
+pnpm i jsr:@modernschoolproject/hnxml # pnpm
 ```
 
 Edit `compilerOptions` in `tsconfig.json` or `deno.json`
@@ -61,22 +45,12 @@ Edit `compilerOptions` in `tsconfig.json` or `deno.json`
 }
 ```
 
-Then declare `JSX.IntrinsicElements` for the Hacknet Extension XML types you
-want to generate.
-
-For example, if you want to use `Mission` and `Actions`:
+Then create a `.jsx` or `.tsx` file and import render from `hnxml/jsx`. For
+example:
 
-```ts
-import { render } from "@modernschoolproject/hnxml";
-
-declare module "@modernschoolproject/hnxml/jsx-runtime" {
-  namespace JSX {
-    type IntrinsicElements =
-      & import("@modernschoolproject/hnxml/jsx/mission").MissionElements
-      & import("@modernschoolproject/hnxml/jsx/action").TriggerElements
-      & import("@modernschoolproject/hnxml/jsx/task").TaskElements;
-  }
-}
+```tsx
+// main.tsx
+import { render } from "@modernschoolproject/hnxml/jsx";
 
 console.log(
   render(
@@ -87,6 +61,43 @@ console.log(
     >
       ...
     </mission>,
-  ).end({ headless: true, allowEmptyTags: true }),
+  ).end({
+    headless: true,
+    prettyPrint: true,
+    allowEmptyTags: false,
+    spaceBeforeSlash: true,
+  }),
+);
+```
+
+Tips: you can use this way to set default `XMLBuilderCreateOptions`.
+
+```tsx
+// render.ts
+import { render as _render } from "hnxml/jsx";
+import { JsxXmlElement } from "hnxml/jsx-runtime";
+
+export function render(element: JsxXmlElement): string {
+  return _render(element).end({
+    headless: true,
+    prettyPrint: true,
+    allowEmptyTags: false,
+    spaceBeforeSlash: true,
+  });
+}
+```
+
+```tsx
+// main.tsx
+import { render } from "./render.ts";
+
+console.log(
+  <mission
+    id="missionID"
+    activeCheck="true"
+    shouldIgnoreSenderVerification="true"
+  >
+    ...
+  </mission>,
 );
 ```