frontend: use "console" api instead of "dataplane" api for wasm trans…

frontend/src/components/RequireAuth.tsx

@@ -72,6 +72,9 @@ export default class RequireAuth extends Component<{children: ReactNode}> {
                         canDeleteSchemas: true,
                         canManageSchemaRegistry: true,
                         canViewSchemas: true,
+                        canListTransforms: true,
+                        canCreateTransforms: true,
+                        canDeleteTransforms: true,
                         seat: null as any,
                         user: { providerID: -1, providerName: 'debug provider', id: 'debug', internalIdentifier: 'debug', meta: { avatarUrl: '', email: '', name: 'local fake user for debugging' } }
                     };

frontend/src/config.ts

@@ -21,7 +21,7 @@ import { createConnectTransport } from '@connectrpc/connect-web';
 import { ConsoleService } from './protogen/redpanda/api/console/v1alpha1/console_service_connect';
 import { SecurityService } from './protogen/redpanda/api/console/v1alpha1/security_connect';
 import { RedpandaConnectService } from './protogen/redpanda/api/console/v1alpha1/rp_connect_connect';
-import { TransformService } from './protogen/redpanda/api/dataplane/v1alpha1/transform_connect';
+import { TransformService } from './protogen/redpanda/api/console/v1alpha1/transform_connect';
 
 declare const __webpack_public_path__: string;
 

frontend/src/state/backendApi.ts

@@ -366,6 +366,9 @@ const apiStore = {
                     canDeleteSchemas: true,
                     canManageSchemaRegistry: true,
                     canViewSchemas: true,
+                    canListTransforms: true,
+                    canCreateTransforms: true,
+                    canDeleteTransforms: true,
                     seat: null as any,
                     user: { providerID: -1, providerName: 'debug provider', id: 'debug', internalIdentifier: 'debug', meta: { avatarUrl: '', email: '', name: 'local fake user for debugging' } }
                 };
@@ -1697,13 +1700,16 @@ export const transformsApi = observable({
         const transforms: TransformMetadata[] = [];
         let nextPageToken = '';
         while (true) {
-            const res = await client.listTransforms({ pageSize: 500, pageToken: nextPageToken });
+            const res = await client.listTransforms({ request: { pageSize: 500, pageToken: nextPageToken } });
+            const r = res.response;
+            if (!r)
+                break;
 
-            transforms.push(...res.transforms);
+            transforms.push(...r.transforms);
 
-            if (!res.nextPageToken || res.nextPageToken.length == 0)
+            if (!r.nextPageToken || r.nextPageToken.length == 0)
                 break;
-            nextPageToken = res.nextPageToken;
+            nextPageToken = r.nextPageToken;
         }
 
         runInAction(() => {
@@ -1718,7 +1724,11 @@ export const transformsApi = observable({
         const client = appConfig.transformsClient;
         if (!client) throw new Error('transforms client is not initialized');
 
-        const r = await client.getTransform({ name });
+        const res = await client.getTransform({ request: { name } });
+        const r = res.response;
+        if (!r)
+            throw new Error('got empty response from getTransform');
+
         if (!r.transform) return;
 
         this.transformDetails.set(r.transform.name, r.transform);
@@ -1728,7 +1738,7 @@ export const transformsApi = observable({
         const client = appConfig.transformsClient;
         if (!client) throw new Error('transforms client is not initialized');
 
-        await client.deleteTransform({ name });
+        await client.deleteTransform({ request: { name } });
     },
 
 });

frontend/src/state/restInterfaces.ts

@@ -526,6 +526,10 @@ export interface UserData {
     canCreateSchemas: boolean;
     canDeleteSchemas: boolean;
     canManageSchemaRegistry: boolean;
+
+    canListTransforms: boolean;
+    canCreateTransforms: boolean;
+    canDeleteTransforms: boolean;
 }
 export type UserPermissions = Exclude<keyof UserData, 'user' | 'seat'>;