init
This commit is contained in:
commit
ffbbb3b3f9
8 changed files with 224 additions and 0 deletions
34
.gitignore
vendored
Normal file
34
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
# dependencies (bun install)
|
||||
node_modules
|
||||
|
||||
# output
|
||||
out
|
||||
dist
|
||||
*.tgz
|
||||
|
||||
# code coverage
|
||||
coverage
|
||||
*.lcov
|
||||
|
||||
# logs
|
||||
logs
|
||||
_.log
|
||||
report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
|
||||
|
||||
# dotenv environment variable files
|
||||
.env
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
.env.local
|
||||
|
||||
# caches
|
||||
.eslintcache
|
||||
.cache
|
||||
*.tsbuildinfo
|
||||
|
||||
# IntelliJ based IDEs
|
||||
.idea
|
||||
|
||||
# Finder (MacOS) folder config
|
||||
.DS_Store
|
||||
15
README.md
Normal file
15
README.md
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
# test-react-location
|
||||
|
||||
To install dependencies:
|
||||
|
||||
```bash
|
||||
bun install
|
||||
```
|
||||
|
||||
To run:
|
||||
|
||||
```bash
|
||||
bun run index.ts
|
||||
```
|
||||
|
||||
This project was created using `bun init` in bun v1.2.14. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
|
||||
25
bun.lock
Normal file
25
bun.lock
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
{
|
||||
"lockfileVersion": 1,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "test-react-location",
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest",
|
||||
},
|
||||
"peerDependencies": {
|
||||
"typescript": "^5",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@types/bun": ["@types/bun@1.2.14", "", { "dependencies": { "bun-types": "1.2.14" } }, "sha512-VsFZKs8oKHzI7zwvECiAJ5oSorWndIWEVhfbYqZd4HI/45kzW7PN2Rr5biAzvGvRuNmYLSANY+H59ubHq8xw7Q=="],
|
||||
|
||||
"@types/node": ["@types/node@22.15.21", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-EV/37Td6c+MgKAbkcLG6vqZ2zEYHD7bvSrzqqs2RIhbA6w3x+Dqz8MZM3sP6kGTeLrdoOgKZe+Xja7tUB2DNkQ=="],
|
||||
|
||||
"bun-types": ["bun-types@1.2.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-Kuh4Ub28ucMRWeiUUWMHsT9Wcbr4H3kLIO72RZZElSDxSu7vpetRvxIUDUaW6QtaIeixIpm7OXtNnZPf82EzwA=="],
|
||||
|
||||
"typescript": ["typescript@5.8.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ=="],
|
||||
|
||||
"undici-types": ["undici-types@6.21.0", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
|
||||
}
|
||||
}
|
||||
16
front/index.html
Normal file
16
front/index.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<script src="./script.ts"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Current position</h1>
|
||||
<p id="position">x: <br>y: </p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
21
front/script.ts
Normal file
21
front/script.ts
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
const positionP = document.getElementById("position")!;
|
||||
|
||||
const ws = new WebSocket(`ws://${location.host}/ws/broadcast`);
|
||||
|
||||
setInterval(() => {
|
||||
navigator.geolocation.getCurrentPosition(
|
||||
(position) => {
|
||||
ws.send(
|
||||
JSON.stringify({
|
||||
x: position.coords.latitude,
|
||||
y: position.coords.longitude,
|
||||
z: position.coords.altitude,
|
||||
})
|
||||
);
|
||||
positionP.innerHTML = `x: ${position.coords.latitude}<br> y: ${position.coords.longitude}`;
|
||||
},
|
||||
(error) => {
|
||||
positionP.innerText = JSON.stringify(error);
|
||||
}
|
||||
);
|
||||
}, 1000);
|
||||
72
index.ts
Normal file
72
index.ts
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
import { serve, type ServerWebSocket, type WebSocketHandler } from "bun";
|
||||
import front from "./front/index.html";
|
||||
|
||||
const subscribers = [] as ServerWebSocket<{ uuid?: string; role: "broadcast" | "subscribe" }>[];
|
||||
|
||||
const server = serve({
|
||||
routes: {
|
||||
"/": front,
|
||||
"/ws/broadcast": (req, server) => {
|
||||
const uuid = crypto.randomUUID();
|
||||
if (
|
||||
server.upgrade(req, {
|
||||
data: { uuid, role: "broadcast" },
|
||||
})
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
return new Response("Upgrade required", { status: 426 });
|
||||
},
|
||||
"/ws/subscribe": (req, server) => {
|
||||
const uuid = crypto.randomUUID();
|
||||
if (
|
||||
server.upgrade(req, {
|
||||
data: { uuid, role: "subscribe" },
|
||||
})
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
return new Response("Upgrade required", { status: 426 });
|
||||
},
|
||||
},
|
||||
development: {
|
||||
console: true,
|
||||
},
|
||||
websocket: {
|
||||
open(ws) {
|
||||
if (ws.data.role === "subscribe") {
|
||||
subscribers.push(ws);
|
||||
} else if (ws.data.role === "broadcast") {
|
||||
ws.send("Connected to broadcast");
|
||||
}
|
||||
},
|
||||
message(ws, message) {
|
||||
console.log("Received message", message.toString());
|
||||
if (ws.data.role === "broadcast") {
|
||||
const uuid = ws.data.uuid;
|
||||
const coords = JSON.parse(message.toString());
|
||||
const messageToSend = JSON.stringify({
|
||||
geometry: {
|
||||
...coords,
|
||||
spatialReference: {
|
||||
wkid: 4326,
|
||||
},
|
||||
},
|
||||
attributes: {
|
||||
uuid,
|
||||
},
|
||||
});
|
||||
subscribers.forEach((subscriber) => {
|
||||
subscriber.send(messageToSend);
|
||||
});
|
||||
} else if (ws.data.role === "subscribe") {
|
||||
ws.send(`Received message: ${message}`);
|
||||
}
|
||||
},
|
||||
close(ws) {},
|
||||
} as WebSocketHandler<{ uuid?: string; role: "broadcast" | "subscribe" }>,
|
||||
});
|
||||
|
||||
console.log(`Server running at ${server.url}`);
|
||||
12
package.json
Normal file
12
package.json
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"name": "test-react-location",
|
||||
"module": "index.ts",
|
||||
"type": "module",
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"typescript": "^5"
|
||||
}
|
||||
}
|
||||
29
tsconfig.json
Normal file
29
tsconfig.json
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
// Environment setup & latest features
|
||||
"lib": ["ESNext", "DOM"],
|
||||
"target": "ESNext",
|
||||
"module": "Preserve",
|
||||
"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,
|
||||
"noUncheckedIndexedAccess": true,
|
||||
"noImplicitOverride": true,
|
||||
|
||||
// Some stricter flags (disabled by default)
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"noPropertyAccessFromIndexSignature": false
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue