fix(example-web): repair docker config and update deps

CHANGELOG.md

@@ -22,6 +22,7 @@ For notes on migrating to 2.x / 0.200.x see [the upgrade guide](doc/upgrade-to-2
 
 * perf(sdk-trace-base): use Uint8Array for browser RandomIdGenerator [#6209](https://github.com/open-telemetry/opentelemetry-js/pull/6209) @overbalance
 * test(sdk-trace-base): remove obsolete TypeScript and platform workarounds [#6327](https://github.com/open-telemetry/opentelemetry-js/pull/6327) @overbalance
+* fix(example-web): update Docker config and deps for collector [#6342](https://github.com/open-telemetry/opentelemetry-js/pull/6342) @overbalance
 
 ## 2.5.0
 

examples/opentelemetry-web/docker/collector-config.yaml

@@ -2,17 +2,20 @@ receivers:
   otlp:
     protocols:
       grpc:
+        endpoint: 0.0.0.0:4317
       http:
+        endpoint: 0.0.0.0:4318
         cors:
           allowed_origins:
             - http://*
             - https://*
 
+processors:
+  batch:
+
 exporters:
   zipkin:
     endpoint: "http://zipkin-all-in-one:9411/api/v2/spans"
-    sending_queue:
-      batch:
   prometheus:
     endpoint: "0.0.0.0:9464"
 

examples/opentelemetry-web/docker/docker-compose.yaml

@@ -1,9 +1,7 @@
-version: "3"
 services:
   # Collector
   collector:
-    image: otel/opentelemetry-collector-contrib:0.53.0
-#    image: otel/opentelemetry-collector-contrib:latest
+    image: otel/opentelemetry-collector-contrib:latest
     command: ["--config=/conf/collector-config.yaml"]
     volumes:
       - ./collector-config.yaml:/conf/collector-config.yaml

examples/opentelemetry-web/package.json

@@ -1,11 +1,10 @@
 {
-  "name": "web-opentelemetry-example",
+  "name": "opentelemetry-web-example",
   "private": true,
   "version": "0.211.0",
   "description": "Example of using @opentelemetry/sdk-trace-web and @opentelemetry/sdk-metrics in browser",
-  "main": "index.js",
   "scripts": {
-    "start": "webpack serve --progress --color --port 8090 --config webpack.dev.config.js --hot --host 0.0.0.0 --compress",
+    "start": "webpack serve --progress --color --port 8090 --config webpack.dev.config.js --hot --host 0.0.0.0 --compress --open",
     "start-nc": "webpack serve --progress --color --port 8090 --config webpack.dev.config.js --hot --host 0.0.0.0 --no-compress",
     "start-prod": "webpack serve --progress --color --port 8090 --config webpack.prod.config.js --hot --host 0.0.0.0 --compress",
     "start-prodnc": "webpack serve --progress --color --port 8090 --config webpack.prod.config.js --hot --host 0.0.0.0 --no-compress",
@@ -35,7 +34,7 @@
   "devDependencies": {
     "@babel/core": "^7.23.6",
     "@babel/preset-env": "^7.22.20",
-    "babel-loader": "^8.0.6",
+    "babel-loader": "^10.0.0",
     "ts-loader": "^9.2.6",
     "typescript": "5.0.4",
     "webpack": "^5.89.0",