|
| 1 | +import { context, trace } from '@opentelemetry/api'; |
| 2 | +import { events } from '@opentelemetry/api-events'; |
| 3 | +import { EventLoggerProvider } from '@opentelemetry/sdk-events'; |
| 4 | +import { LoggerProvider,SimpleLogRecordProcessor,ConsoleLogRecordExporter } from '@opentelemetry/sdk-logs'; |
| 5 | +import { OTLPLogExporter } from '@opentelemetry/exporter-logs-otlp-http' |
| 6 | +import { registerInstrumentations } from '@opentelemetry/instrumentation'; |
| 7 | +import { Resource } from '@opentelemetry/resources'; |
| 8 | +import { SEMRESATTRS_SERVICE_NAME } from '@opentelemetry/semantic-conventions'; |
| 9 | +import { PageViewInstrumentation } from "@opentelemetry/instrumentation-page-view"; |
| 10 | + |
| 11 | +const loggerProvider = new LoggerProvider({resource: new Resource({[SEMRESATTRS_SERVICE_NAME]: 'web-service-dl'})}); |
| 12 | + |
| 13 | +loggerProvider.addLogRecordProcessor(new SimpleLogRecordProcessor(new ConsoleLogRecordExporter())); |
| 14 | +loggerProvider.addLogRecordProcessor(new SimpleLogRecordProcessor(new OTLPLogExporter())); |
| 15 | +const eventLoggerProvider = new EventLoggerProvider(loggerProvider); |
| 16 | +events.setGlobalEventLoggerProvider(eventLoggerProvider); |
| 17 | + |
| 18 | +registerInstrumentations({ |
| 19 | + instrumentations: [ |
| 20 | + new PageViewInstrumentation({enabled:false}) |
| 21 | + ], |
| 22 | +}); |
| 23 | + |
| 24 | +// Define routes and their content |
| 25 | +const routes = { |
| 26 | + '/page-view/route1': '<h2>Welcome to Route 1</h2><p>This is the content for Route 1.</p>', |
| 27 | + '/page-view/route2': '<h2>Welcome to Route 2</h2><p>This is the content for Route 2.</p>' |
| 28 | +}; |
| 29 | + |
| 30 | +// Function to navigate to a route |
| 31 | +function navigateTo(url) { |
| 32 | + console.log('Navigating to', url); |
| 33 | + history.pushState(null, null, url); |
| 34 | + handleRouteChange(); |
| 35 | +} |
| 36 | + |
| 37 | +// Function to handle the route change |
| 38 | +function handleRouteChange() { |
| 39 | + const path = window.location.pathname; // Get current path |
| 40 | + const routeContent = routes[path] || `<h2>Not on Route </h2>`; |
| 41 | + document.getElementById('content').innerHTML = routeContent; |
| 42 | +} |
| 43 | + |
| 44 | +// Attach event listeners to navigation links |
| 45 | + |
| 46 | +const attachEventListenersToLinks = () => { |
| 47 | + document.querySelectorAll('a[data-link]').forEach(link => { |
| 48 | + console.log('attach event listener to link', link.href) |
| 49 | + link.addEventListener('click', (event) => { |
| 50 | + console.log('Link clicked', event.target.href) |
| 51 | + event.preventDefault(); |
| 52 | + navigateTo(event.target.href); |
| 53 | + }); |
| 54 | + }); |
| 55 | +} |
| 56 | + |
| 57 | +window.addEventListener('popstate', handleRouteChange); |
| 58 | +const loadTimeSetup = () => { |
| 59 | + handleRouteChange(); |
| 60 | + attachEventListenersToLinks(); |
| 61 | +} |
| 62 | +window.addEventListener('load', loadTimeSetup); |
0 commit comments