@signe/room 2.10.0 → 3.0.0

package/examples/game/app/components/Room.tsx

@@ -1,162 +0,0 @@
-import { useState, useEffect, useRef } from "react";
-import { connectionRoom, connectionWorld } from '../../../../../sync/src/client';
-import { RoomSchema } from "../../shared/room.schema";
-import { effect } from "@signe/reactive";
-
-export default function Room() {
-  const [isConnected, setIsConnected] = useState(false);
-  const [isConnecting, setIsConnecting] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [roomId, setRoomId] = useState("game");
-  const [count, setCount] = useState(0);
-  const socketRef = useRef<any>(null);
-  const roomRef = useRef<any>(null);
-
-  const connectToRoom = async () => {
-    setIsConnecting(true);
-    setError(null);
-    
-    try {
-      // Initialize room schema
-      roomRef.current = new RoomSchema();
-      
-      // Connect to the room through the World service with auto-creation enabled
-      socketRef.current = await connectionRoom({
-        host: 'http://localhost:1999',
-        id: 'test',
-        room: roomId,
-      }, roomRef.current);
-
-      socketRef.current.on('sync', (data) => {
-        console.log('sync', data);
-      })
-      
-      // Listen for disconnection events
-      socketRef.current.on('disconnect', () => {
-        setIsConnected(false);
-        setError('Disconnected from server');
-      });
-
-      effect(() => {
-        if (roomRef.current) {
-          setCount(roomRef.current.count());
-        }
-      });
-      
-      setIsConnected(true);
-    } catch (err) {
-      console.error('Connection error:', err);
-      setError(`Failed to connect to the room: ${err instanceof Error ? err.message : String(err)}`);
-    } finally {
-      setIsConnecting(false);
-    }
-  };
-
-  const disconnectFromRoom = () => {
-    if (socketRef.current) {
-      socketRef.current.close();
-      socketRef.current = null;
-    }
-    roomRef.current = null;
-    setIsConnected(false);
-  };
-  
-  // Clean up on component unmount
-  useEffect(() => {
-    return () => {
-      if (socketRef.current) {
-        socketRef.current.close();
-      }
-    };
-  }, []);
-
-  // Styles
-  const buttonStyles = {
-    backgroundColor: isConnected ? "#f43f5e" : "#2563eb",
-    borderRadius: "9999px",
-    border: "none",
-    color: "white",
-    fontSize: "0.95rem",
-    cursor: "pointer",
-    padding: "1rem 3rem",
-    margin: "1rem 0rem",
-    disabled: isConnecting
-  };
-
-  const inputStyles = {
-    padding: "0.75rem 1rem",
-    borderRadius: "0.5rem",
-    border: "1px solid #ccc",
-    fontSize: "0.95rem",
-    width: "100%",
-    maxWidth: "300px",
-    margin: "0.5rem 0"
-  };
-
-  const containerStyles = {
-    display: "flex",
-    flexDirection: "column" as "column",
-    alignItems: "center",
-    justifyContent: "center",
-    padding: "2rem",
-    gap: "1rem"
-  };
-
-  return (
-    <div style={containerStyles}>
-      <h1>Room Connection</h1>
-      
-      {error && (
-        <div style={{ color: "red", margin: "1rem 0" }}>
-          {error}
-        </div>
-      )}
-      
-      {!isConnected ? (
-        <>
-          <div style={{ marginBottom: "1rem", width: "100%", maxWidth: "300px" }}>
-            <label htmlFor="roomId" style={{ display: "block", marginBottom: "0.5rem" }}>
-              Room ID:
-            </label>
-            <input
-              id="roomId"
-              type="text"
-              value={roomId}
-              onChange={(e) => setRoomId(e.target.value)}
-              style={inputStyles}
-              placeholder="Enter room ID"
-              disabled={isConnecting}
-            />
-          </div>
-          
-          <button 
-            style={buttonStyles} 
-            onClick={connectToRoom}
-            disabled={isConnecting || !roomId.trim()}
-          >
-            {isConnecting ? "Connecting..." : "Connect to Room"}
-          </button>
-        </>
-      ) : (
-        <>
-          <div style={{ marginBottom: "1rem" }}>
-            <span style={{ fontWeight: "bold" }}>Connected to room: </span>
-            <span>{roomId}</span>
-          </div>
-          
-          <div style={{ marginBottom: "2rem" }}>
-            <span>Count: {count}</span>
-            <button className="btn btn-primary" onClick={() => socketRef.current.emit('increment')}>Increment</button>
-          </div>
-          
-          <button 
-            style={buttonStyles} 
-            onClick={disconnectFromRoom}
-          >
-            Leave Room
-          </button>
-        </>
-      )}
-    </div>
-  );
-} 

package/examples/game/app/styles.css

@@ -1,31 +0,0 @@
-/* 
-  We've already included normalize.css. 
-
-  But we'd like a modern looking boilerplate. 
-  Clean type, sans-serif, and a nice color palette. 
-  
-*/
-
-body {
-  font-family: sans-serif;
-  font-size: 16px;
-  line-height: 1.5;
-  color: #333;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: sans-serif;
-  font-weight: 600;
-  line-height: 1.25;
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-}
-
-#app {
-  padding: 1rem;
-}

package/examples/game/package-lock.json

@@ -1,225 +0,0 @@
-{
-  "name": "game",
-  "version": "0.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "game",
-      "version": "0.0.0",
-      "dependencies": {
-        "partysocket": "^1.0.3",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
-      },
-      "devDependencies": {
-        "@types/react": "^18.2.66",
-        "@types/react-dom": "^18.2.22",
-        "partykit": "^0.0.100",
-        "typescript": "^5.4.2"
-      }
-    },
-    "../../../../node_modules/.pnpm/@types+react-dom@18.3.0/node_modules/@types/react-dom": {
-      "version": "18.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
-    "../../../../node_modules/.pnpm/@types+react@18.3.3/node_modules/@types/react": {
-      "version": "18.3.3",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/prop-types": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "../../../../node_modules/.pnpm/partykit@0.0.100/node_modules/partykit": {
-      "version": "0.0.100",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@cloudflare/workers-types": "4.20240314.0",
-        "clipboardy": "4.0.0",
-        "esbuild": "0.20.2",
-        "miniflare": "3.20240304.2",
-        "yoga-wasm-web": "0.3.3"
-      },
-      "bin": {
-        "partykit": "dist/bin.mjs"
-      },
-      "devDependencies": {
-        "@clerk/clerk-js": "4.70.5",
-        "@iarna/toml": "^2.2.5",
-        "@types/gradient-string": "^1.1.5",
-        "@types/is-ci": "^3.0.4",
-        "@types/mime": "^3.0.4",
-        "@types/node": "^20.11.28",
-        "@types/object-hash": "^3.0.6",
-        "@types/polka": "^0.5.7",
-        "@types/prompts": "^2.4.9",
-        "@types/update-notifier": "^6.0.8",
-        "@types/ws": "^8.5.10",
-        "chalk": "^5.3.0",
-        "chokidar": "^3.6.0",
-        "commander": "^12.0.0",
-        "detect-indent": "^7.0.1",
-        "devtools-protocol": "^0.0.1273771",
-        "dotenv": "^16.4.5",
-        "dotenv-cli": "^7.4.1",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "execa": "^8.0.1",
-        "find-up": "^7.0.0",
-        "get-port": "^7.0.0",
-        "gradient-string": "^2.0.2",
-        "http-terminator": "^3.2.0",
-        "ink": "4.4.1",
-        "ink-select-input": "^5.0.0",
-        "is-ci": "^3.0.1",
-        "json5": "^2.2.3",
-        "mime": "^4.0.1",
-        "object-hash": "^3.0.0",
-        "open": "^10.1.0",
-        "p-limit": "^5.0.0",
-        "p-retry": "^6.2.0",
-        "prompts": "^2.4.2",
-        "react": "^18.2.0",
-        "react-error-boundary": "^4.0.13",
-        "signal-exit": "^4.1.0",
-        "source-map": "^0.7.4",
-        "undici": "^6.9.0",
-        "update-notifier": "^7.0.0",
-        "which-pm-runs": "^1.1.0",
-        "ws": "^8.16.0",
-        "xdg-app-paths": "^8.3.0",
-        "zod": "^3.22.4",
-        "zod-to-json-schema": "^3.22.4",
-        "zod-validation-error": "^3.0.3"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.3"
-      }
-    },
-    "../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom": {
-      "version": "18.3.1",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.2"
-      },
-      "peerDependencies": {
-        "react": "^18.3.1"
-      }
-    },
-    "../../../../node_modules/.pnpm/react@18.3.1/node_modules/react": {
-      "version": "18.3.1",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "../../../../node_modules/.pnpm/typescript@5.4.5/node_modules/typescript": {
-      "version": "5.4.5",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "devDependencies": {
-        "@esfx/canceltoken": "^1.0.0",
-        "@octokit/rest": "^20.0.2",
-        "@types/chai": "^4.3.11",
-        "@types/glob": "^8.1.0",
-        "@types/microsoft__typescript-etw": "^0.1.3",
-        "@types/minimist": "^1.2.5",
-        "@types/mocha": "^10.0.6",
-        "@types/ms": "^0.7.34",
-        "@types/node": "latest",
-        "@types/source-map-support": "^0.5.10",
-        "@types/which": "^3.0.3",
-        "@typescript-eslint/eslint-plugin": "^6.19.0",
-        "@typescript-eslint/parser": "^6.19.0",
-        "@typescript-eslint/utils": "^6.19.0",
-        "azure-devops-node-api": "^12.3.0",
-        "c8": "^9.1.0",
-        "chai": "^4.4.1",
-        "chalk": "^4.1.2",
-        "chokidar": "^3.5.3",
-        "diff": "^5.1.0",
-        "dprint": "^0.45.0",
-        "esbuild": "^0.20.0",
-        "eslint": "^8.56.0",
-        "eslint-formatter-autolinkable-stylish": "^1.3.0",
-        "eslint-plugin-local": "^3.1.0",
-        "eslint-plugin-no-null": "^1.0.2",
-        "eslint-plugin-simple-import-sort": "^10.0.0",
-        "fast-xml-parser": "^4.3.3",
-        "glob": "^10.3.10",
-        "hereby": "^1.8.9",
-        "jsonc-parser": "^3.2.0",
-        "minimist": "^1.2.8",
-        "mocha": "^10.2.0",
-        "mocha-fivemat-progress-reporter": "^0.1.0",
-        "ms": "^2.1.3",
-        "node-fetch": "^3.3.2",
-        "playwright": "^1.41.0",
-        "source-map-support": "^0.5.21",
-        "tslib": "^2.6.2",
-        "typescript": "5.4.0-dev.20240119",
-        "which": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/@types/react": {
-      "resolved": "../../../../node_modules/.pnpm/@types+react@18.3.3/node_modules/@types/react",
-      "link": true
-    },
-    "node_modules/@types/react-dom": {
-      "resolved": "../../../../node_modules/.pnpm/@types+react-dom@18.3.0/node_modules/@types/react-dom",
-      "link": true
-    },
-    "node_modules/event-target-shim": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-6.0.2.tgz",
-      "integrity": "sha512-8q3LsZjRezbFZ2PN+uP+Q7pnHUMmAOziU2vA2OwoFaKIXxlxl38IylhSSgUorWu/rf4er67w0ikBqjBFk/pomA==",
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      }
-    },
-    "node_modules/partykit": {
-      "resolved": "../../../../node_modules/.pnpm/partykit@0.0.100/node_modules/partykit",
-      "link": true
-    },
-    "node_modules/partysocket": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/partysocket/-/partysocket-1.0.3.tgz",
-      "integrity": "sha512-7sSojS4oCRK1Fe1h+Sa0Za5dwOf+M9VksQlynD8yqwGpLvnO4oxx9ppmOSeh6CJTMbF5gbnvUQKMK525QSBdBw==",
-      "dependencies": {
-        "event-target-shim": "^6.0.2"
-      }
-    },
-    "node_modules/react": {
-      "resolved": "../../../../node_modules/.pnpm/react@18.3.1/node_modules/react",
-      "link": true
-    },
-    "node_modules/react-dom": {
-      "resolved": "../../../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom",
-      "link": true
-    },
-    "node_modules/typescript": {
-      "resolved": "../../../../node_modules/.pnpm/typescript@5.4.5/node_modules/typescript",
-      "link": true
-    }
-  }
-}

package/examples/game/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "game",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "partykit dev --live",
-    "deploy": "partykit deploy"
-  },
-  "dependencies": {
-    "partysocket": "^1.0.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "partykit": "^0.0.100",
-    "typescript": "^5.4.2"
-  }
-}

package/examples/game/party/game.room.ts

@@ -1,32 +0,0 @@
-import { Action, Guard, requireSession, Room } from "../../../src";
-import { RoomSchema } from "../shared/room.schema";
-
-@Room({
-    path: 'game',
-    sessionExpiryTime: 5000 
-})
-export class GameRoom extends RoomSchema  {
-    @Action('increment')
-    increment(player) {
-        this.count.update((count) => count + 1); 
-        player.score.update((score) => score + 1);
-        this.$sessionTransfer(player.id(), "protected-1");
-    }
-
-    async onRequest(req: Party.Request, room: any) {
-       const map = await room.storage.list() as Map<string, any>;
-       return Object.fromEntries(map);
-    }
-} 
-
-@Room({
-    path: 'protected-{gameId}',
-    sessionExpiryTime: 5000, 
-    guards: [requireSession]
-})
-export class ProtectedRoom extends RoomSchema  {
-    @Action('increment')
-    increment(player) {
-        console.log('increment', player);
-    }
-} 

package/examples/game/party/server.ts

@@ -1,10 +0,0 @@
-import { Server, WorldRoom } from '../../../src';
-import type * as Party from "../../../src/types/party";
-import { GameRoom, ProtectedRoom } from "./game.room";
-
-export default class MainServer extends Server {
-  rooms = [
-    GameRoom ,
-    ProtectedRoom
-  ]
-}

package/examples/game/party/shard.ts

@@ -1,5 +0,0 @@
-import { Shard } from '../../../src';
-
-export default class MyShard extends Shard {
-
-}

package/examples/game/partykit.json

@@ -1,14 +0,0 @@
-{
-  "$schema": "https://www.partykit.io/schema.json",
-  "name": "signe",
-  "main": "party/server.ts",
-  "compatibilityDate": "2025-02-04",
-  "parties": {
-    "shard": "party/shard.ts",
-    "world": "party/server.ts"
-  },
-  "serve": {
-    "path": "public",
-    "build": "app/client.tsx"
-  }
-}

package/examples/game/public/index.html

@@ -1,27 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
-    />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>PartyKit: Everything's better with friends!</title>
-    <!-- Favicon -->
-    <link rel="icon" href="/favicon.ico" sizes="any" />
-    <!-- Primary Meta Tags -->
-    <meta name="title" content="PartyKit" />
-    <meta name="description" content="Everything's better with friends!" />
-    <meta name="author" content="PartyKit" />
-    <!-- Theme Colour -->
-    <meta name="theme-color" content="#ffffff" />
-
-    <link rel="stylesheet" href="/normalize.css" />
-    <link rel="stylesheet" href="/dist/client.css" />
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/dist/client.js"></script>
-  </body>
-</html>