xhd2015
diff --git a/‎LICENSE
+1-1 b/‎LICENSE
+1-1
diff --git a/‎src/README.md
+8-2 b/‎src/README.md
+8-2
diff --git a/‎src/build/build.ts
+8-1 b/‎src/build/build.ts
+8-1
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Nwokoma Uchechukwu
+Copyright (c) 2020 xhd2015
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 
@@ -1,10 +1,16 @@
 # Demos
 Build demo.js:
 ```sh
-bun src/build/build.ts src/demo.ts
-bun src/build/build.ts --watch src/demo.ts
+bun src/build/build.ts --gen-html src/demo.ts
+bun src/build/build.ts --gen-html --watch src/demo.ts
 ```
 
+Open demo.html
+```sh
+open src/demo.html
+```
+
+# Serve via http server
 Serve demo.html
 ```sh
 bun install -g http-server
 
@@ -125,23 +125,30 @@ interface HTMLOptions {
 }
 
 function packHTML(opts?: HTMLOptions) {
-    //  type="module" is required
+    // type="module" is required
+    // comments in generated html like __CUSTOM_EXTENSION_HEAD_BEGIN__
+    // are reserved for other tools to replace with custom content easily
     return `<!DOCTYPE html>
     <html lang="en" style="height: 100%;">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>${opts?.title || "Demo"}</title>
+        <!--__CUSTOM_EXTENSION_HEAD_BEGIN__-->
         <style>
         ${opts?.style || ""} 
         </style>
         <script type="module">
+        <!--__CUSTOM_EXTENSION_IN_SCRIPT__-->
         ${safeScript(opts?.script || "")}
         </script>
+        <!--__CUSTOM_EXTENSION_HEAD_END__-->
     </head>
     <body style="height: 100%;">
         <div id="root" style="height: 100%;"></div>
+        <!--__CUSTOM_EXTENSION_BODY__-->
     </body>
+    <!--__CUSTOM_EXTENSION_TAIL__-->
     </html>
 `
 }