build : compress build with terser

nuzulul · Jun 24, 2024 · 1101908 · 1101908
1 parent 521db2c
commit 1101908
Show file tree

Hide file tree

Showing 8 changed files with 156 additions and 18 deletions.
diff --git a/config/rollup.config.build.js b/config/rollup.config.build.js
@@ -1,5 +1,6 @@
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
+import terser from '@rollup/plugin-terser';
 
 export default [
 {
@@ -9,7 +10,8 @@ export default [
       file: 'dist/esm/webpeerjs.js',
       format: 'es',
     }
-  ]
+  ],
+  plugins: [nodeResolve({browser: true}), commonjs(),terser()]
 },
 {
   input: 'src/umd.js',
@@ -20,6 +22,6 @@ export default [
       name: 'webpeerjs',
     }
   ],
-  plugins: [nodeResolve({browser: true}), commonjs()]
+  plugins: [nodeResolve({browser: true}), commonjs(),terser()]
 }
 ]
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,8 +24,8 @@
     "removedir": "node -e \"var fs = require('fs'); try{process.argv.slice(1).map((fpath) => fs.rmdirSync(fpath, { recursive: true }))}catch(err){console.log(`Dist not found`)}; process.exit(0);\"",
     "build-all": "tsc -p config/tsconfig-rollup.json && rollup -c temp/config/rollup.config.build.js && echo {\"type\": \"commonjs\"}>dist\\umd\\package.json && echo {\"type\": \"module\"}>dist\\esm\\package.json",
     "build-types": "tsc -p config/tsconfig-esm.json",
-    "build": "npm run removedir dist temp && npm run build-all && npm run build-types",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "npm run removedir dist temp && npm run build-all",
+    "test": "cd test && cd project && npm start"
   },
   "repository": {
     "type": "git",
@@ -70,6 +70,7 @@
     "@eslint/js": "^9.4.0",
     "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
     "eslint": "^9.4.0",
     "globals": "^15.3.0",

diff --git a/src/config.js b/src/config.js
@@ -1,3 +1,4 @@
+//! WebpeerJS -- https://github.com/nuzulul/webpeerjs
 const prefix = 'webpeerjs'
 export const CONFIG_PREFIX = prefix
 export const CONFIG_PROTOCOL = '/'+prefix+'/1.0.0'

diff --git a/src/webpeerjs.js b/src/webpeerjs.js
@@ -1,3 +1,4 @@
+//! WebpeerJS -- https://github.com/nuzulul/webpeerjs
 import * as config from  './config'
 import { 
 	mkErr,

diff --git a/test/project/distesm.html b/test/project/distesm.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WebpeerJS</title>
+  </head>
+  <body>
+    <h3>Basic Connection Demo of <a href="https://github.com/nuzulul/webpeerjs">WebpeerJS</a></h3>
+	<p><a href="index.html">link</a> | <a href="distesm.html">dist esm</a> | <a href="distumd.html">dist umd</a> </p>
+	<div id="app"><ul id="myList"></ul></div>
+
+	<script type="module">
+
+        import { webpeerjs } from './../../dist/esm/webpeerjs.js'
+
+		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 [broadcast,listen,members] = node.joinRoom(room)
+
+			listen((message,id) => {
+				write(`Message from ${id} : ${message}`)
+			})
+
+			members((data) => {
+				write(`Members update : ${data}`)
+				broadcast('hello')
+			})
+
+		}()
+	</script>
+  </body>
+</html>
diff --git a/test/project/distumd.html b/test/project/distumd.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WebpeerJS</title>
+  </head>
+  <body>
+    <h3>Basic Connection Demo of <a href="https://github.com/nuzulul/webpeerjs">WebpeerJS</a></h3>
+	<p><a href="index.html">link</a> | <a href="distesm.html">dist esm</a> | <a href="distumd.html">dist umd</a> </p>
+	<div id="app"><ul id="myList"></ul></div>
+
+	<script src="./node_modules/webpeerjs/dist/umd/webpeerjs.js"></script>
+	<script>
+
+		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 [broadcast,listen,members] = node.joinRoom(room)
+
+			listen((message,id) => {
+				write(`Message from ${id} : ${message}`)
+			})
+
+			members((data) => {
+				write(`Members update : ${data}`)
+				broadcast('hello')
+			})
+
+		}()
+	</script>
+  </body>
+</html>
diff --git a/test/project/index.html b/test/project/index.html
@@ -7,6 +7,7 @@
   </head>
   <body>
     <h3>Basic Connection Demo of <a href="https://github.com/nuzulul/webpeerjs">WebpeerJS</a></h3>
+	<p><a href="index.html">link</a> | <a href="distesm.html">dist esm</a> | <a href="distumd.html">dist umd</a> </p>
 	<div id="app"><ul id="myList"></ul></div>
 
 	<script type="module">