mains

net/grpc/gateway/examples/echo/ts-example/Taskfile.yaml

@@ -0,0 +1,29 @@
+version: '3'
+
+tasks:
+
+  build:
+    cmds:
+      - rm -fr dist/ && task genpb-ts && npx tsc && esbuild dist/client.js --outfile=dist/main.js --bundle --minify --sourcemap
+
+  start-web:
+    cmds:
+      - python3 -m http.server 8081
+
+  start-servers:
+    cmds:
+      - cd $(git rev-parse --show-toplevel) && docker-compose pull prereqs node-server envoy
+      - cd $(git rev-parse --show-toplevel) && docker-compose up node-server envoy
+
+  genpb-cdts:
+    cmds:
+      - >
+        protoc -I=./ */**.proto \
+         --js_out=import_style=commonjs:. \
+         --grpc-web_out=import_style=commonjs+dts,mode=grpcwebtext:.
+  genpb-ts:
+    cmds:
+      - >
+        protoc -I=./ */**.proto \
+         --js_out=import_style=commonjs:. \
+         --grpc-web_out=import_style=typescript,mode=grpcwebtext:.

net/grpc/gateway/examples/echo/ts-example/client.ts

@@ -21,12 +21,12 @@ import * as $ from 'jquery';
 
 // Uncomment either one of the following:
 // Option 1: import_style=commonjs+dts
-import {EchoServiceClient} from './echo_grpc_web_pb';
+// import {EchoServiceClient} from './echo_grpc_web_pb';
 
 // Option 2: import_style=typescript
-// import {EchoServiceClient} from './EchoServiceClientPb';
+import {EchoServiceClient} from './protos/EchoServiceClientPb';
 
-import {EchoRequest, EchoResponse, ServerStreamingEchoRequest, ServerStreamingEchoResponse} from './echo_pb';
+import {EchoRequest, EchoResponse, ServerStreamingEchoRequest, ServerStreamingEchoResponse} from './protos/echo_pb';
 
 class EchoApp {
   static readonly INTERVAL = 500;  // ms