fix: support ie11 in legacy build (#1169)

Author: potty

.size-limit.cjs

@@ -30,7 +30,7 @@ module.exports = [
 
 	{
 		name: 'artifacts/splunk-otel-web-legacy.js',
-		limit: '82 kB',
+		limit: '104 kB',
 		path: './packages/web/dist/artifacts/splunk-otel-web-legacy.js',
 	},
 

package-lock.json

@@ -81,7 +81,7 @@ const browserConfig = (env, argv) => {
 							env: {
 								targets: 'defaults, chrome >= 71, safari >= 12.1, firefox >= 65',
 								mode: 'usage',
-								coreJs: '3.41',
+								coreJs: '3.42',
 							},
 						},
 					},

packages/session-recorder/webpack.config.js

@@ -41,11 +41,12 @@
 		"@opentelemetry/sdk-trace-web": "^1.25.1",
 		"@opentelemetry/semantic-conventions": "^1.25.1",
 		"core-js": "3.42.0",
+		"regenerator-runtime": "^0.14.1",
 		"shimmer": "^1.2.1",
 		"web-vitals": "^3.5.2"
 	},
 	"devDependencies": {
-		"@swc/core": "^1.11.22",
+		"@swc/core": "^1.11.29",
 		"@swc/helpers": "^0.5.17",
 		"@types/shimmer": "^1.2.0",
 		"fork-ts-checker-webpack-plugin": "^9.1.0",

packages/web/package.json

@@ -15,8 +15,5 @@
  * limitations under the License.
  *
  */
-import 'core-js/modules/es.array.flat.js'
-import 'core-js/modules/es.object.entries.js'
-import 'core-js/modules/es.object.values.js'
-import 'core-js/modules/es.promise.js'
-import 'core-js/modules/es.promise.finally.js'
+import 'core-js/stable'
+import 'regenerator-runtime/runtime'

packages/web/src/polyfills/index.ts

@@ -61,10 +61,28 @@ const getBaseConfig = (env, argv, options = {}) => {
 								},
 								env: {
 									targets: isLegacyBuild
-										? 'defaults, chrome >= 50, safari >= 11, firefox >= 50'
+										? 'defaults, chrome >= 50, safari >= 11, firefox >= 50, ie >= 11'
 										: 'defaults, chrome >= 71, safari >= 12.1, firefox >= 65',
 									mode: isLegacyBuild ? 'usage' : undefined,
-									coreJs: isLegacyBuild ? '3.41' : undefined,
+									coreJs: isLegacyBuild ? '3.42' : undefined,
+								},
+							},
+						},
+					],
+				},
+				// For legacy builds, we need to transpile OpenTelemetry packages to ES5
+				{
+					test: /\.m?js$/,
+					include: isLegacyBuild ? /node_modules\/@opentelemetry\// : [],
+					use: [
+						{
+							loader: 'swc-loader',
+							options: {
+								jsc: {
+									parser: {
+										syntax: 'ecmascript',
+									},
+									target: 'es5',
 								},
 							},
 						},