commit 172fe69359cb1be5df454d5eebfc0d7e9dc38b02 Author: Martin Dimitrov Date: Sat Sep 28 08:30:55 2024 -0700 create websocket cache server diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9b1ee42 --- /dev/null +++ b/.gitignore @@ -0,0 +1,175 @@ +# Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore + +# Logs + +logs +_.log +npm-debug.log_ +yarn-debug.log* +yarn-error.log* +lerna-debug.log* +.pnpm-debug.log* + +# Caches + +.cache + +# Diagnostic reports (https://nodejs.org/api/report.html) + +report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json + +# Runtime data + +pids +_.pid +_.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover + +lib-cov + +# Coverage directory used by tools like istanbul + +coverage +*.lcov + +# nyc test coverage + +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) + +.grunt + +# Bower dependency directory (https://bower.io/) + +bower_components + +# node-waf configuration + +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) + +build/Release + +# Dependency directories + +node_modules/ +jspm_packages/ + +# Snowpack dependency directory (https://snowpack.dev/) + +web_modules/ + +# TypeScript cache + +*.tsbuildinfo + +# Optional npm cache directory + +.npm + +# Optional eslint cache + +.eslintcache + +# Optional stylelint cache + +.stylelintcache + +# Microbundle cache + +.rpt2_cache/ +.rts2_cache_cjs/ +.rts2_cache_es/ +.rts2_cache_umd/ + +# Optional REPL history + +.node_repl_history + +# Output of 'npm pack' + +*.tgz + +# Yarn Integrity file + +.yarn-integrity + +# dotenv environment variable files + +.env +.env.development.local +.env.test.local +.env.production.local +.env.local + +# parcel-bundler cache (https://parceljs.org/) + +.parcel-cache + +# Next.js build output + +.next +out + +# Nuxt.js build / generate output + +.nuxt +dist + +# Gatsby files + +# Comment in the public line in if your project uses Gatsby and not Next.js + +# https://nextjs.org/blog/next-9-1#public-directory-support + +# public + +# vuepress build output + +.vuepress/dist + +# vuepress v2.x temp and cache directory + +.temp + +# Docusaurus cache and generated files + +.docusaurus + +# Serverless directories + +.serverless/ + +# FuseBox cache + +.fusebox/ + +# DynamoDB Local files + +.dynamodb/ + +# TernJS port file + +.tern-port + +# Stores VSCode versions used for testing VSCode extensions + +.vscode-test + +# yarn v2 + +.yarn/cache +.yarn/unplugged +.yarn/build-state.yml +.yarn/install-state.gz +.pnp.* + +# IntelliJ based IDEs +.idea + +# Finder (MacOS) folder config +.DS_Store diff --git a/README.md b/README.md new file mode 100644 index 0000000..6a3e40b --- /dev/null +++ b/README.md @@ -0,0 +1,15 @@ +# websocket-http-cache + +To install dependencies: + +```bash +bun install +``` + +To run: + +```bash +bun run index.ts +``` + +This project was created using `bun init` in bun v1.1.29. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime. diff --git a/bun.lockb b/bun.lockb new file mode 100755 index 0000000..f24a9b7 Binary files /dev/null and b/bun.lockb differ diff --git a/package.json b/package.json new file mode 100644 index 0000000..bd30c3b --- /dev/null +++ b/package.json @@ -0,0 +1,14 @@ +{ + "name": "websocket-http-cache", + "module": "src/server.ts", + "type": "module", + "devDependencies": { + "@types/bun": "latest" + }, + "peerDependencies": { + "typescript": "^5.0.0" + }, + "dependencies": { + "hono": "^4.6.3" + } +} \ No newline at end of file diff --git a/src/WebSocketLifeCycle.ts b/src/WebSocketLifeCycle.ts new file mode 100644 index 0000000..b8395a3 --- /dev/null +++ b/src/WebSocketLifeCycle.ts @@ -0,0 +1,59 @@ + +export class WebSocketLifecycle { + cachedValue: string = ""; + reconnectTimer?: Timer; + + socket?: WebSocket; + readonly socketUrl: string; + readonly name: string; + + private messages: string[]; + + constructor(socketUrl: string, name: string) { + this.name = name; + this.socketUrl = socketUrl; + this.messages = [""]; + } + + public registerWebSocketHandler() { + this.socket = new WebSocket(this.socketUrl); + + // message is received + this.socket.addEventListener("message", event => { + console.log(`WS: ${this.socketUrl} got message`, event) + this.messages = [event.data]; + }); + + // socket opened + this.socket.addEventListener("open", event => { + console.log(`WS: ${this.socketUrl} opened`); + + if (this.reconnectTimer) { + console.log(`WS: ${this.socketUrl} cancelling reconnect timer`) + clearInterval(this.reconnectTimer); + this.reconnectTimer = undefined; + } + }); + + // socket closed + this.socket.addEventListener("close", event => { + console.log(`WS: ${this.socketUrl} closed`); + if (!this.reconnectTimer) { + console.log(`WS: ${this.socketUrl} scheduling reconnect every 5s`); + this.reconnectTimer = setInterval(() => { + console.log(`WS: ${this.socketUrl} trying to reconnect`); + this.registerWebSocketHandler(); + }, 5000); + } + }); + + // error handler + this.socket.addEventListener("error", event => { + console.error(`WS: ${this.socketUrl} error: `, event); + }); + } + + public getLatestMessage(): any { + return JSON.parse(this.messages[0]); + } +} \ No newline at end of file diff --git a/src/WebhookServer.ts b/src/WebhookServer.ts new file mode 100644 index 0000000..7c19c89 --- /dev/null +++ b/src/WebhookServer.ts @@ -0,0 +1,37 @@ +import { Hono } from "hono"; +import { prettyJSON } from "hono/pretty-json"; +import { serve } from "bun"; +import type { WebSocketLifecycle } from "./WebSocketLifeCycle"; + +export class WebhookServer { + readonly app: Hono; + readonly websockets: WebSocketLifecycle[]; + + constructor(websockets: WebSocketLifecycle[]) { + this.websockets = websockets; + this.app = new Hono(); + + this.app.use(prettyJSON()); + + this.app.get(`/api/:wsName`, async (c) => { + const wsName = c.req.param('wsName'); + + const webSocket = this.websockets.find(ws => ws.name === wsName); + + if (!webSocket) { + return c.json({ + err: "unknown websocket", + }, 404); + } + + return c.json(webSocket.getLatestMessage(), 200); + }); + } + + listen(port: number) { + return serve({ + fetch: this.app.fetch, + port, + }); + } +} diff --git a/src/server.ts b/src/server.ts new file mode 100644 index 0000000..ec758b8 --- /dev/null +++ b/src/server.ts @@ -0,0 +1,8 @@ +import { WebhookServer } from "./WebhookServer"; +import { WebSocketLifecycle } from "./WebSocketLifeCycle"; + +const socket = new WebSocketLifecycle("wss://ntfy.chromart.cc/buzzer/ws", "buzzer"); +socket.registerWebSocketHandler(); + +const wsServer = new WebhookServer([socket]); +wsServer.listen(8080); \ No newline at end of file diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..238655f --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,27 @@ +{ + "compilerOptions": { + // Enable latest features + "lib": ["ESNext", "DOM"], + "target": "ESNext", + "module": "ESNext", + "moduleDetection": "force", + "jsx": "react-jsx", + "allowJs": true, + + // Bundler mode + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "noEmit": true, + + // Best practices + "strict": true, + "skipLibCheck": true, + "noFallthroughCasesInSwitch": true, + + // Some stricter flags (disabled by default) + "noUnusedLocals": false, + "noUnusedParameters": false, + "noPropertyAccessFromIndexSignature": false + } +}