#1434 an example to use new RPC request (draft)

vuu-ui/packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts

@@ -1,8 +1,8 @@
-import { makeRpcCall } from "@finos/vuu-data-remote";
+import {makeRpcCall, newMakeRpcCall} from "@finos/vuu-data-remote";
 import { SuggestionFetcher, TableSchemaTable } from "@finos/vuu-data-types";
 import {
   VuuRpcServiceRequest,
-  TypeaheadParams,
+  TypeaheadParams, NewVuuRpcServiceRequest, VuuContext, NewTypeaheadParams
 } from "@finos/vuu-protocol-types";
 import { useCallback } from "react";
 
@@ -19,20 +19,30 @@
 };
 
 export const useTypeaheadSuggestions = () =>
-  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {
-    const rpcMessage: VuuRpcServiceRequest =
-      params.length === 2
-        ? {
-            type: "RPC_CALL",
-            service: "TypeAheadRpcHandler",
-            method: "getUniqueFieldValues",
-            params,
+  useCallback<SuggestionFetcher>(async (paramsArray: TypeaheadParams) => {
+
+    var context: VuuContext = {
+      type: "VIEWPORT_CONTEXT",
+      viewPortId: ""
+    }
+
+    var params: NewTypeaheadParams = {
+      table: paramsArray[0]["table"],
+      module: paramsArray[0]["module"],
+      column: paramsArray[1]
+    };
+    const rpcMessage: NewVuuRpcServiceRequest =
+         {
+            type: "RPC_REQUEST",
+            context,
+            rpcName: "getUniqueFieldValues",
+           params,
           }
-        : {
-            type: "RPC_CALL",
-            service: "TypeAheadRpcHandler",
-            method: "getUniqueFieldValuesStartingWith",
-            params,
-          };
-    return makeRpcCall<string[]>(rpcMessage);
+        // : {
+        //     type: "RPC_REQUEST",
+        //     context,
+        //     rpcName: "getUniqueFieldValuesStartingWith",
+        //     params,
+        //   };
+    return newMakeRpcCall<string[]>(rpcMessage);
   }, []);

vuu-ui/packages/vuu-data-remote/src/connection-manager.ts

@@ -16,7 +16,7 @@ import {
   VuuTable,
   VuuTableList,
   VuuCreateVisualLink,
-  VuuRemoveVisualLink,
+  VuuRemoveVisualLink, NewVuuRpcServiceRequest,
 } from "@finos/vuu-protocol-types";
 import {
   EventEmitter,
@@ -232,6 +232,7 @@ export interface ServerAPI {
   rpcCall: <T = unknown>(
     msg:
       | VuuRpcServiceRequest
+      | NewVuuRpcServiceRequest
       | VuuRpcMenuRequest
       | VuuRpcViewportRequest
       | VuuCreateVisualLink
@@ -388,3 +389,13 @@ export const makeRpcCall = async <T = unknown>(
     throw Error("Error accessing server api");
   }
 };
+
+export const newMakeRpcCall = async <T = unknown>(
+  rpcRequest: NewVuuRpcServiceRequest,
+) => {
+  try {
+    return (await serverAPI).rpcCall<T>(rpcRequest);
+  } catch (err) {
+    throw Error("Error accessing server api");
+  }
+};

vuu-ui/packages/vuu-data-remote/src/server-proxy/server-proxy.ts

@@ -35,7 +35,7 @@
   VuuTable,
   VuuRpcRequest,
   VuuCreateVisualLink,
-  VuuRemoveVisualLink,
+  VuuRemoveVisualLink, NewVuuRpcServiceRequest,
 } from "@finos/vuu-protocol-types";
 import {
   isVuuMenuRpcRequest,
@@ -130,7 +130,7 @@
   private authToken = "";
   private user = "user";
   private pendingLogin?: PendingLogin;
   private pendingRequests = new Map<string, PendingRequest<any>>();
   private sessionId?: string;
   private queuedRequests: Array<QueuedRequest> = [];
   private cachedTableMetaRequests: Map<string, Promise<VuuTableMetaResponse>> =
@@ -596,6 +596,13 @@
     this.sendMessageToServer(rpcRequest, requestId, { module });
   }
 
+  private newRpcCall(message: WithRequestId<NewVuuRpcServiceRequest>) {
+    const [requestId, rpcRequest] =
+      stripRequestId<NewVuuRpcServiceRequest>(message);
+    const module = getRpcServiceModule("TypeAheadRpcHandler");
+    this.sendMessageToServer(rpcRequest, requestId, { module });
+  }
+
   public handleMessageFromClient(
     message:
       | Exclude<
@@ -605,11 +612,13 @@
           | VuuUIMessageOutUnsubscribe
         >
       | WithRequestId<VuuRpcServiceRequest>
+      | WithRequestId<NewVuuRpcServiceRequest>
       | WithRequestId<VuuRpcMenuRequest>
       | WithRequestId<VuuCreateVisualLink>
       | WithRequestId<VuuRemoveVisualLink>,
   ) {
     if (isViewportMessage(message) || isVisualLinkMessage(message)) {
+
       if (message.type === "disable") {
         // Viewport may already have been unsubscribed
         const viewport = this.getViewportForClient(message.viewport, false);
@@ -693,6 +702,8 @@
         }
         case "RPC_CALL":
           return this.rpcCall(message);
+        case "RPC_REQUEST":
+          return this.newRpcCall(message);
         default:
       }
     }

vuu-ui/packages/vuu-protocol-types/index.d.ts

@@ -277,6 +277,13 @@ export declare type TypeaheadParams =
   | [VuuTable, string]
   | [VuuTable, string, string];
 
+export declare type NewTypeaheadParams = {
+  table: string;
+  module: string;
+  column: string;
+}
+
+
 export declare type TypeAheadMethod =
   | "getUniqueFieldValues"
   | "getUniqueFieldValuesStartingWith";
@@ -362,6 +369,13 @@ export declare type VuuRpcResponse =
   | VuuRpcMenuResponse
   | VuuRpcEditResponse;
 
+export declare type NewVuuRpcServiceRequest = {
+  type: "RPC_REQUEST";
+  context: VuuContext;
+  rpcName: string;
+  params: NewTypeaheadParams;
+}
+
 export declare type VuuRpcServiceRequest = {
   type: "RPC_CALL";
   service: "TypeAheadRpcHandler";
@@ -552,6 +566,12 @@ export declare type VuuRange = {
   to: number;
 };
 
+export declare type VuuContextType = "GLOBAL_CONTEXT" | "VIEWPORT_CONTEXT"|"VIEWPORT_ROW_CONTEXT";
+export declare type VuuContext = {
+  type: VuuContextType;
+  viewPortId: string;
+}
+
 export declare type VuuSortType = "A" | "D";
 
 export declare type VuuSortCol = {

vuu/src/main/scala/org/finos/vuu/net/json/JsonVsSerializer.scala

@@ -3,6 +3,7 @@ package org.finos.vuu.net.json
 import com.fasterxml.jackson.core.JsonParser
 import com.fasterxml.jackson.databind.ObjectMapper
 import com.fasterxml.jackson.module.scala.DefaultScalaModule
+import com.typesafe.scalalogging.StrictLogging
 import org.finos.vuu.net.{JsonViewServerMessage, MessageBody, ViewServerMessage}
 
 trait Serializer[R, SERTYPE] {
@@ -11,7 +12,7 @@ trait Serializer[R, SERTYPE] {
   def deserialize(message: R): ViewServerMessage
 }
 
-object JsonVsSerializer extends Serializer[String, MessageBody] {
+object JsonVsSerializer extends Serializer[String, MessageBody] with StrictLogging {
 
   def getMapper = {
     val mapper = new ObjectMapper()
@@ -24,6 +25,7 @@ object JsonVsSerializer extends Serializer[String, MessageBody] {
 
   def deserialize(s: String): JsonViewServerMessage = {
     val mapper = getMapper
+    logger.info(s);
     mapper.readValue(s, classOf[JsonViewServerMessage])
   }