examples to new tsrpc-cli

examples/first-api/backend/package.json

@@ -4,20 +4,20 @@
   "main": "index.js",
   "private": true,
   "scripts": {
-    "proto": "tsrpc proto -i src/shared/protocols -o src/shared/protocols/serviceProto.ts",
-    "sync": "tsrpc sync --from src/shared --to ../frontend/src/shared",
-    "api": "tsrpc api -i src/shared/protocols/serviceProto.ts -o src/api",
-    "dev": "onchange \"src/**/*.ts\" -i -k -- ts-node \"src/index.ts\"",
-    "build": "tsrpc build"
+    "proto": "tsrpc proto --config tsrpc.config.ts",
+    "sync": "tsrpc sync --config tsrpc.config.ts",
+    "api": "tsrpc api --config tsrpc.config.ts",
+    "dev": "tsrpc dev --config tsrpc.config.ts",
+    "build": "tsrpc build --config tsrpc.config.ts"
   },
   "devDependencies": {
-    "@types/node": "^15.12.3",
+    "@types/node": "^15.14.9",
     "onchange": "^7.1.0",
     "ts-node": "^9.1.1",
-    "tsrpc-cli": "^2.0.3",
-    "typescript": "^4.3.4"
+    "tsrpc-cli": "^2.0.8",
+    "typescript": "^4.4.3"
   },
   "dependencies": {
-    "tsrpc": "^3.0.2"
+    "tsrpc": "^3.0.9"
   }
 }

examples/first-api/backend/tsrpc.config.ts

@@ -0,0 +1,36 @@
+import { TsrpcConfig } from 'tsrpc-cli';
+
+const tsrpcConf: TsrpcConfig = {
+    // Generate ServiceProto
+    proto: [
+        {
+            ptlDir: 'src/shared/protocols', // Protocol dir
+            output: 'src/shared/protocols/serviceProto.ts', // Path for generated ServiceProto
+            apiDir: 'src/api'   // API dir
+        }
+    ],
+    // Sync shared code
+    sync: [
+        {
+            from: 'src/shared',
+            to: '../frontend/src/shared',
+            type: 'symlink'     // Change this to 'copy' if your environment not support symlink
+        }
+    ],
+    // Dev server
+    dev: {
+        autoProto: true,        // Auto regenerate proto
+        autoSync: true,         // Auto sync when file changed
+        autoApi: true,          // Auto create API when ServiceProto updated
+        watch: 'src',           // Restart dev server when these files changed
+        entry: 'src/index.ts',  // Dev server command: node -r ts-node/register {entry}
+    },
+    // Build config
+    build: {
+        autoProto: true,        // Auto generate proto before build
+        autoSync: true,         // Auto sync before build
+        autoApi: true,          // Auto generate API before build
+        outDir: 'dist',         // Clean this dir before build
+    }
+}
+export default tsrpcConf;

examples/first-api/frontend/package.json

@@ -7,15 +7,15 @@
     "build": "webpack --mode=production"
   },
   "devDependencies": {
-    "copy-webpack-plugin": "^9.0.0",
-    "html-webpack-plugin": "^5.3.1",
-    "ts-loader": "^9.2.3",
-    "typescript": "^4.3.4",
-    "webpack": "^5.39.1",
-    "webpack-cli": "^4.7.2",
+    "copy-webpack-plugin": "^9.0.1",
+    "html-webpack-plugin": "^5.3.2",
+    "ts-loader": "^9.2.6",
+    "typescript": "^4.4.3",
+    "webpack": "^5.57.1",
+    "webpack-cli": "^4.9.0",
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
-    "tsrpc-browser": "^3.0.3"
+    "tsrpc-browser": "^3.0.7"
   }
 }

examples/first-api/frontend/src/shared

@@ -0,0 +1 @@
+../../backend/src/shared

examples/first-api/frontend/src/shared/protocols/PtlHello.ts

@@ -1,8 +0,0 @@
-export interface ReqHello {
-    name: string
-}
-
-export interface ResHello {
-    reply: string,
-    time: Date
-}

examples/first-api/frontend/src/shared/protocols/serviceProto.ts

@@ -1,57 +0,0 @@
-import { ServiceProto } from 'tsrpc-proto';
-import { ReqHello, ResHello } from './PtlHello';
-
-export interface ServiceType {
-    api: {
-        "Hello": {
-            req: ReqHello,
-            res: ResHello
-        }
-    },
-    msg: {
-
-    }
-}
-
-export const serviceProto: ServiceProto<ServiceType> = {
-    "services": [
-        {
-            "id": 0,
-            "name": "Hello",
-            "type": "api"
-        }
-    ],
-    "types": {
-        "PtlHello/ReqHello": {
-            "type": "Interface",
-            "properties": [
-                {
-                    "id": 0,
-                    "name": "name",
-                    "type": {
-                        "type": "String"
-                    }
-                }
-            ]
-        },
-        "PtlHello/ResHello": {
-            "type": "Interface",
-            "properties": [
-                {
-                    "id": 0,
-                    "name": "reply",
-                    "type": {
-                        "type": "String"
-                    }
-                },
-                {
-                    "id": 1,
-                    "name": "time",
-                    "type": {
-                        "type": "Date"
-                    }
-                }
-            ]
-        }
-    }
-};