feat: streamline service name propagation

packages/trpc/src/api.ts

@@ -81,6 +81,9 @@ export const createTRPCRouter = t.router;
  * are logged in.
  */
 export const publicProcedure = t.procedure
+  /**
+   * Opentelemetry tRPC middleware that names the handling transaction after the called procedure.
+   */
   .use(async ({ path, rawInput, type, next, ctx }) => {
     const serviceName =
       ctx.opentelemetryServiceName ?? "fallback-osmosis-frontend-service-name";
@@ -138,10 +141,12 @@ export function localLink<TRouter extends AnyRouter>({
   router,
   assetLists,
   chainList,
+  opentelemetryServiceName,
 }: {
   router: TRouter;
   assetLists: AssetList[];
   chainList: Chain[];
+  opentelemetryServiceName: string | undefined;
 }): TRPCLink<TRouter> {
   return () =>
     ({ op }) =>
@@ -152,6 +157,7 @@ export function localLink<TRouter extends AnyRouter>({
             const caller = createCaller({
               assetLists,
               chainList,
+              opentelemetryServiceName,
             });
             try {
               // Attempt to execute the operation using the router's caller.

packages/web/utils/trpc.ts

@@ -16,6 +16,7 @@ import type {
 import { AssetLists } from "~/config/generated/asset-lists";
 import { ChainList } from "~/config/generated/chain-list";
 import { type AppRouter, appRouter } from "~/server/api/root-router";
+import { getOpentelemetryServiceName } from "~/utils/service-name";
 import {
   constructEdgeRouterKey,
   constructEdgeUrlPathname,
@@ -122,6 +123,7 @@ export const api = createTRPCNext<AppRouter>({
               router: appRouter,
               assetLists: AssetLists,
               chainList: ChainList,
+              opentelemetryServiceName: getOpentelemetryServiceName(),
             })(runtime),
 
             /**