Which product are you using?

Headless

product version

3.13.2

bug description

Source Map Errors from Dependencies

Description

When using @coveo/headless in a Create React App project, multiple source map parsing errors appear in the console during development. These errors come from two dependencies:

1. @microsoft/fetch-event-source
2. exponential-backoff

Impact

While these errors don't affect functionality, they:

• Clutter the development console
• Make it harder to spot actual issues
• May confuse developers new to the library

Proposed Solutions

Option 1: Bundle Dependencies (Recommended)

Bundle @microsoft/fetch-event-source and exponential-backoff into the main package output instead of keeping them as external dependencies. This would involve:

1. Updating webpack/rollup config:

module.exports = {
  optimization: {
    concatenateModules: true,
  },
  externals: {
    '@microsoft/fetch-event-source': false,
    'exponential-backoff': false
  }
}

Option 2: Fix Source Map Generation

If keeping these as external dependencies is preferred:

1. Strip source map references during build if sources won't be included
2. Or ensure proper source map generation by including necessary TypeScript sources

Workarounds for Users

Until this is fixed, users can:

1. Disable source maps in their CRA project (not an option for us):

GENERATE_SOURCEMAP=false

2. Or ignore these specific warnings using react-app-rewired, craco or similar (not a good option for us):

module.exports = function override(config) {
  config.ignoreWarnings = [/Failed to parse source map/];
  return config;
};

Environment

• @coveo/headless: [latest version]
• create-react-app: 5.0.1
• Node.js: 16+
• OS: [tested on Linux, likely affects all platforms]

Let me know if you need any additional information or clarification.

Steps to reproduce

Reproduction Steps

1. Create a new CRA project:

npx create-react-app repro
cd repro

2. Install @coveo/headless:

npm install @coveo/headless

3. Add minimal usage code:

import { buildSearchEngine } from '@coveo/headless';

const engine = buildSearchEngine({
  configuration: {
    organizationId: 'dummy',
    accessToken: 'dummy',
  }
});

4. Run npm start

Error Output

Failed to parse source map from '.../node_modules/@microsoft/fetch-event-source/src/fetch.ts'
Failed to parse source map from '.../node_modules/@microsoft/fetch-event-source/src/parse.ts'
Failed to parse source map from '.../node_modules/exponential-backoff/src/backoff.ts'
Failed to parse source map from '.../node_modules/exponential-backoff/src/delay/always/always.delay.ts'
[...additional similar errors...]

Relevant log output