larasopp 1.0.0

package/README.md

@@ -0,0 +1,37 @@
+# Laravel websocket client
+
+### Connect app to websocket
+```js
+...
+import Larasopp from "Larasopp";
+
+const App = () => {
+	...
+	useEffect(() => {
+		Larasocket.connect({
+			token: 'user token',
+			host: 'ws://127.0.0.1:9002'
+		});
+	});
+	...
+
+```
+
+### Subscribe on channel and bind event
+```js
+const channel = Larasocket.subscribe('channel-1');
+channel.bind('message', function(data) {
+	console.log(data);
+});
+
+// Unsubscribe
+channel.remove();
+```
+
+### Trigger event on subscribe channel
+
+```js
+Larasocket.trigger('channel-1', 'message', {
+	test: "hello world"
+},'public');
+```

package/__tests__/connect.test.js

@@ -0,0 +1,5 @@
+import Larasopp from "../src";
+
+test('Connect', () => {
+	// todo
+});

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "larasopp",
+  "version": "1.0.0",
+  "description": "Websocket client for laravel",
+  "main": "src/index.js",
+  "scripts": {
+    "test": "jest"
+  },
+  "jest": {
+    "transform": {
+      "^.+\\.[t|j]sx?$": "babel-jest"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SergoMorello/larasopp.client.git"
+  },
+  "keywords": [
+    "websocket",
+    "laravel",
+    "react",
+    "broadcast",
+    "events"
+  ],
+  "author": "Sergey Serov",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/SergoMorello/larasopp.client/issues"
+  },
+  "homepage": "https://github.com/SergoMorello/larasopp.client#readme",
+  "devDependencies": {
+    "@babel/preset-env": "^7.20.2",
+    "babel-jest": "^29.4.3",
+    "jest": "^29.4.3"
+  },
+  "dependencies": {
+    "easy-event-emitter": "^1.0.3"
+  }
+}

package/src/index.js

@@ -0,0 +1,124 @@
+import EventEmitter from "easy-event-emitter";
+
+export default class Larasopp {
+	static #token;
+	static #host;
+	static #socket;
+	static #status = false;
+	static #events = new EventEmitter;
+	static #stepReconnect = 0;
+
+	static connect(params) {
+		Larasopp.#host = params.host ?? '127.0.0.1';
+		Larasopp.#token = params.token ?? '0';
+		const onOpen = params.onOpen ?? (()=>{});
+		const onClose = params.onClose ?? (()=>{});
+
+		if (Larasopp.#status) {
+			return;
+		}
+		Larasopp.#socket = new WebSocket(Larasopp.#host + '/token=' + Larasopp.#token);
+
+		Larasopp.#socket.onopen = function(event) {
+			Larasopp.#stepReconnect = 0;
+			Larasopp.#status = true;
+			Larasopp.#events.emit("open", event);
+			onOpen(event);
+		};
+
+		Larasopp.#socket.onclose = function(event) {
+			if (event.wasClean) {
+				console.log('Соединение закрыто чисто');
+			} else {
+				if (Larasopp.#stepReconnect >= 5) {
+					console.log('connect error');
+				}else{
+					setTimeout(() => {
+						console.log('try reconnect...');
+						Larasopp.connect(params);
+						++Larasopp.#stepReconnect;
+					}, 3000);
+				}
+			}
+			Larasopp.#status = false;
+			Larasopp.#events.emit("close", event);
+			onClose(event);
+		};
+
+		Larasopp.#socket.onmessage = function(event) {
+			if (Larasopp.#_isJsonString(event.data)) {
+				const json = JSON.parse(event.data);
+				
+				Larasopp.#events.emit(json.channel + ':' + json.event, json.message);
+			}
+		};
+
+		Larasopp.#socket.onerror = function(error) {
+			Larasopp.#events.emit("error", error);
+		};
+	}
+
+	static disconnect() {
+		Larasopp.#socket.close();
+	}
+
+	static #_isJsonString(str) {
+		try {
+			JSON.parse(str);
+		} catch (e) {
+			return false;
+		}
+		return true;
+	}
+
+	static subscribe(channel) {
+		if (Larasopp.#status) {
+			Larasopp.send({
+				subscribe: channel
+			});
+		}else{
+			const event = Larasopp.#events.addListener('open',() => {
+				Larasopp.send({
+					subscribe: channel
+				});
+				event.remove();
+			});
+		}
+		
+		return {
+			bind: (event, callback) => {
+				const retEvent = Larasopp.#events.addListener(channel + ':' + event, callback);
+				return {
+					remove: () => {
+						Larasopp.send({
+							unsubscribe: channel
+						});
+						retEvent.remove();
+					}
+				}
+			},
+			remove: () => {
+				Larasopp.send({
+					unsubscribe: channel
+				});
+			}
+		}
+	}
+
+	static trigger(channel, event, message, access) {
+		Larasopp.send({
+			channel: channel,
+			event: event,
+			message: message,
+			type: access ?? 'public'
+		});
+	}
+
+	static send(message, json) {
+		json = json ?? true;
+		if (!Larasopp.#status) {
+			return;
+		}
+		Larasopp.#socket.send(json ? JSON.stringify(message) : message);
+	}
+}