convert server and tic-tac-toe to use state

Author: yiochen

.vscode/launch.json

@@ -5,16 +5,23 @@
     "version": "0.2.0",
     "configurations": [
         {
-            "type": "node",
+            "name": "tic-tac-toe",
+            "request": "launch",
+            "runtimeArgs": ["run-script", "start:tic-tac-toe-server"],
+            "runtimeExecutable": "npm",
+            "skipFiles": ["<node_internals>/**"],
+            "type": "pwa-node"
+        },
+        {
+            "type": "pwa-node",
             "request": "launch",
             "name": "Jest Current File",
-            "program": "${workspaceFolder}/node_modules/.bin/jest",
-            "args": ["${relativeFile}"],
+            "runtimeArgs": ["jest", "${fileBasename}"],
+            "runtimeExecutable": "npx",
+            "skipFiles": ["<node_internals>/**"],
             "console": "integratedTerminal",
             "internalConsoleOptions": "neverOpen",
-            "windows": {
-                "program": "${workspaceFolder}/node_modules/jest/bin/jest"
-            }
+            "cwd": "${fileDirname}"
         }
     ]
 }

common/config/rush/browser-approved-packages.json

@@ -36,7 +36,7 @@
     },
     {
       "name": "@prisel/state",
-      "allowedCategories": [ "prototype" ]
+      "allowedCategories": [ "production", "prototype" ]
     },
     {
       "name": "@protobuf-ts/plugin",
@@ -96,7 +96,7 @@
     },
     {
       "name": "@types/lodash",
-      "allowedCategories": [ "production", "tools" ]
+      "allowedCategories": [ "production", "prototype", "tools" ]
     },
     {
       "name": "@types/long",
@@ -112,15 +112,15 @@
     },
     {
       "name": "@types/prismjs",
-      "allowedCategories": [ "tools" ]
+      "allowedCategories": [ "prototype", "tools" ]
     },
     {
       "name": "@types/react",
-      "allowedCategories": [ "tools" ]
+      "allowedCategories": [ "prototype", "tools" ]
     },
     {
       "name": "@types/react-dom",
-      "allowedCategories": [ "tools" ]
+      "allowedCategories": [ "prototype", "tools" ]
     },
     {
       "name": "@types/shortid",

common/config/rush/pnpm-lock.yaml

@@ -1,4 +1,7 @@
 scripts:
     clean: rm -rf ./lib ./dist
     ts-check: tsc --project tsconfig-build.json
-    build: rollup --config --silent
+    build-umd: rollup --config --silent
+    build-cjs: tsc --project tsconfig.buildcjs.json
+    build-esm: tsc --project tsconfig.buildesm.json
+    build-types: tsc --project tsconfig.buildtypes.json

packages/client/package-scripts.yml

@@ -12,19 +12,23 @@
     },
     "license": "MIT",
     "author": "Yiou Chen <chen.yiou1992@gmail.com>",
-    "main": "./lib/index.cjs.js",
-    "module": "./lib/index.esm.js",
-    "browser": "./lib/index.umd.js",
-    "types": "./dist/index.d.ts",
+    "main": "./dist/cjs/index.js",
+    "module": "./dist/esm/index.js",
+    "browser": "./dist/umd/index.umd.js",
     "directories": {
-        "lib": "./",
-        "test": "__test__"
+        "lib": "src",
+        "test": "src/__test__"
     },
     "files": [
-        "lib"
+        "dist"
     ],
+    "types": "./dist/types/index.d.ts",
+    "exports": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+    },
     "scripts": {
-        "build": "nps clean ts-check build",
+        "build": "nps clean build-types build-cjs build-esm build-umd",
         "fix": "tslint --project tsconfig.json --fix",
         "lint": "tslint --project tsconfig.json",
         "test": "jest --runInBand --detectOpenHandles"

packages/client/package.json

@@ -1,7 +1,4 @@
 import { browserBuild, cjsAndEsBuild } from '@prisel/configs/rollupHelper';
 import pkg from './package.json';
 
-export default [
-    browserBuild(/* entry= */ 'dist/index.js', /* pkgJson= */ pkg),
-    cjsAndEsBuild(/* entry= */ 'dist/index.js', /* pkgJson= */ pkg),
-];
+export default [browserBuild(/* entry= */ 'dist/cjs/index.js', /* pkgJson= */ pkg)];

packages/client/rollup.config.js

@@ -1,6 +1,7 @@
 import {
     assert,
     assertExist,
+    newRequestId,
     newRequestManager,
     Packet,
     Request,
@@ -178,7 +179,7 @@ export class Client<T = State> {
     }
 
     public newId() {
-        return this.requestManager.newId();
+        return newRequestId();
     }
 
     protected processPacket(packet: Packet) {