fix : fix working module version 0.0.4

nuzulul · Jun 4, 2024 · 8a26716 · 8a26716
1 parent 7507966
commit 8a26716
Show file tree

Hide file tree

Showing 12 changed files with 44,381 additions and 61 deletions.
diff --git a/README.md b/README.md
@@ -3,6 +3,8 @@
 
 WebpeerJS enables browser to browser connectivity without a central server.
 
+[Demo](https://nuzulul.github.io/webpeerjs/demo/)
+
 ## Example
 
 ```
@@ -16,25 +18,32 @@ void async function main() {
 	
 	const [send,listen,members] = node.joinRoom('myroom')
 	
-	send('hello')
-	
 	listen((message,id) => {
 		console.log(`Message from ${id} : ${message}`)
 	})
 	
 	members((data) => {
 		console.log(`Members : ${data}`)
+		send('hello')
 	})
 	
 }()
 ```
 
 ## Install
 
+NPM :
+
 ```
 npm i webpeerjs
 ```
 
+CDN :
+
+```
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/webpeerjs.min.js"></script>
+```
+
 ## API
 
 - `createWebpeer()` Create a new local node.

diff --git a/config/rollup.config.build.js b/config/rollup.config.build.js
@@ -9,8 +9,7 @@ export default [
       file: 'dist/esm/webpeerjs.js',
       format: 'es',
     }
-  ],
-  plugins: [nodeResolve({browser: true}), commonjs()]
+  ]
 },
 {
   input: 'src/umd.js',

diff --git a/config/tsconfig-esm.json b/config/tsconfig-esm.json
@@ -2,11 +2,11 @@
     "extends": "./tsconfig-base.json",
     "compilerOptions": {
         "module": "esnext",
-        "outDir": "./../src",
+        "outDir": "./../dist/esm",
         "target": "esnext",
 		"emitDeclarationOnly": true,
-		"rootDir": "./../src"
+		"rootDir": "./../dist/esm"
     },
-	"include": ["./../src/webpeerjs.js"],
+	"include": ["./../dist/esm/webpeerjs.js"],
 	"exclude": ["./../node_modules"],
 }
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WebpeerJS</title>
+  </head>
+  <body>
+    <div id="app"><ul id="myList"></ul></div>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/webpeerjs.min.js"></script>
+	<script type="module">
+		void async function main() {
+
+			function write(input){
+				const node = document.createElement("li")
+				const textnode = document.createTextNode(input)
+				node.appendChild(textnode)
+				document.getElementById("myList").appendChild(node)
+			}
+
+			const node = await webpeerjs.createWebpeer()
+
+			write(`My node id : ${node.id}`)
+
+			const room = 'myroom'
+
+			write(`joinRoom : ${room}`)
+
+			const [send,listen,members] = node.joinRoom(room)
+
+			listen((message,id) => {
+				write(`Message from ${id} : ${message}`)
+			})
+
+			members((data) => {
+				write(`Members update : ${data}`)
+				send('hello')
+			})
+
+		}()
+	</script>
+  </body>
+</html>