Automatic instrument not propagating B3 headers to HTTP requests

[danhngo-lx]

Hi, I'm trying to setup automatic instrument for a static frondend. My idea is that whenever the frontend (browser side) makes any HTTP requests to a remote service, the requests also include B3 headers so that the remote service doesn't generate a new traceID. So I don't need to use an exporter from the browser side (as that would need to expose the trace collector service).
Here's what I have so far:

import { ConsoleSpanExporter, SimpleSpanProcessor } from '@opentelemetry/sdk-trace-base'
const api = require('@opentelemetry/api')
const { WebTracerProvider } = require('@opentelemetry/sdk-trace-web')
const { getWebAutoInstrumentations } = require('@opentelemetry/auto-instrumentations-web')
const { CollectorTraceExporter } = require('@opentelemetry/exporter-collector')

const { registerInstrumentations } = require('@opentelemetry/instrumentation')
const { ZoneContextManager } = require('@opentelemetry/context-zone')
const { B3Propagator, B3InjectEncoding } = require('@opentelemetry/propagator-b3')


api.propagation.setGlobalPropagator(
  new B3Propagator({ injectEncoding: B3InjectEncoding.MULTI_HEADER })
)

const provider = new WebTracerProvider()
// provider.addSpanProcessor(new SimpleSpanProcessor(exporter))
provider.addSpanProcessor(new SimpleSpanProcessor(new ConsoleSpanExporter()))
provider.register({
  contextManager: new ZoneContextManager(),
  propagator: new B3Propagator({ injectEncoding: B3InjectEncoding.MULTI_HEADER }),
})

registerInstrumentations({
  instrumentations: [
    getWebAutoInstrumentations({
      // load custom configuration for xml-http-request instrumentation
      '@opentelemetry/instrumentation-xml-http-request': {
        clearTimingResources: true,
      },
    }),
  ],
})

The problem is as the requests are made, I don't see any B3 headers in them. Am I missing something here?

[SunilManthenaG01]

@danhngo-lx were you able to find why you are not seeing the headers?

[danhngo-lx]

@SunilManthenaG01 I still haven't

[SunilManthenaG01]

I had the same issue but that is because my request is not the same as the host so I need to add the url to the cors property. After adding the below to the instrumentation I can see the headers.
propagateTraceHeaderCorsUrls: ['url']

[ramyasree0299]

Hey @SunilManthenaG01, can you post the sample configuration, Does wildcard work in this case? and which version of the @opentelemetry-b3 are you using?
I tried the above looks like it still doesn't work!