From 0fd19803f8217071e029b22ee913226ee4477ae4 Mon Sep 17 00:00:00 2001 From: xion Date: Wed, 25 Dec 2024 20:14:50 +0800 Subject: [PATCH] test: test demo --- demo/backend/app.ts | 24 ++++++++++++++++++++++++ demo/index.html | 4 +++- demo/package.json | 5 +++-- demo/src/test2.ts | 26 ++++++++++++++++++++++++++ 4 files changed, 56 insertions(+), 3 deletions(-) create mode 100644 demo/backend/app.ts create mode 100644 demo/src/test2.ts diff --git a/demo/backend/app.ts b/demo/backend/app.ts new file mode 100644 index 0000000..7dae7ea --- /dev/null +++ b/demo/backend/app.ts @@ -0,0 +1,24 @@ +import { App } from '@kevisual/router'; + +const app = new App({ + io: true, +}); + +app + .route({ + path: 'test', + key: 'test', + }) + .define(async (ctx) => { + ctx.body = 'test'; + }) + .addTo(app); + +app.listen(4000, () => { + console.log('Server is running at http://localhost:4000'); +}); + +app.io.addListener('subscribe', async ({ data, end, ws }) => { + console.log('A user connected', data); + ws.send('Hello World'); +}); diff --git a/demo/index.html b/demo/index.html index 7ae983c..7bbc348 100644 --- a/demo/index.html +++ b/demo/index.html @@ -8,6 +8,8 @@ - + + + \ No newline at end of file diff --git a/demo/package.json b/demo/package.json index fc6b079..0e91c21 100644 --- a/demo/package.json +++ b/demo/package.json @@ -10,9 +10,10 @@ "license": "ISC", "description": "", "dependencies": { - "@abearxiong/query": "file:.." + "@abearxiong/query": "file:..", + "@kevisual/router": "0.0.6-alpha-4" }, "devDependencies": { - "vite": "^5.4.3" + "vite": "^6.0.5" } } diff --git a/demo/src/test2.ts b/demo/src/test2.ts new file mode 100644 index 0000000..b1bc2fa --- /dev/null +++ b/demo/src/test2.ts @@ -0,0 +1,26 @@ +import { QueryClient } from '@abearxiong/query'; + +const query = new QueryClient({ url: '/api/router', io: true }); + +query.qws.listenConnect(() => { + console.log('Connected'); + // query.qws.send({ + // type: 'subscribe', + // }); + // query.qws.connect().then((res) => { + // console.log('Connected', res); + // query.qws.send({ + // type: 'subscribe', + // }); + // }); +}); + +query.qws.connect().then((res) => { + console.log('Connected', res); + query.qws.send({ + type: 'subscribe', + }); + query.qws.ws.addEventListener('message', (event) => { + console.log('get', event.data); + }); +});