chore: eject react build from Stencil

package.json

@@ -64,9 +64,7 @@
       "@stencil/angular-output-target@0.8.4": "patches/@stencil+angular-output-target+0.8.4.patch",
       "@stencil/core@4.20.0": "patches/@stencil+core+4.20.0.patch",
       "@wc-toolkit/storybook-helpers@10.0.0": "patches/@wc-toolkit+storybook-helpers+10.0.0.patch",
-      "fix-esm-import-path@1.10.1": "patches/fix-esm-import-path+1.10.1.patch",
-      "jest-environment-jsdom@29.7.0": "patches/jest-environment-jsdom+29.7.0.patch",
-      "@stencil/react-output-target@0.5.3": "patches/@stencil__react-output-target@0.5.3.patch"
+      "jest-environment-jsdom@29.7.0": "patches/jest-environment-jsdom+29.7.0.patch"
     },
     "overrides": {
       "braces": "3.0.3",

packages/atomic-react/package.json

@@ -11,10 +11,8 @@
   },
   "scripts": {
     "clean": "node ../../utils/ci/rm-rf.mjs dist",
-    "gen:lit": "node ./scripts/build-lit.mjs && pnpm run build:fixLoaderImportPaths && pnpm run build:fixGeneratedImportPaths",
+    "gen:lit": "node ./scripts/build-lit.mjs",
     "build": "pnpm run build:bundles && pnpm run build:types && pnpm run build:assets",
-    "build:fixLoaderImportPaths": "node ./scripts/fix-loader-import-paths.js",
-    "build:fixGeneratedImportPaths": "fix-esm-import-path src/components/stencil-generated",
     "build:bundles": "rollup --config rollup.config.js",
     "build:types": "tsc --project tsconfig.types.json",
     "build:assets": "node ../../utils/ci/copy-files.mjs ../atomic/dist/atomic/assets dist/assets ../atomic/dist/atomic/lang dist/lang",
@@ -42,7 +40,6 @@
     "@types/node": "catalog:",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "fix-esm-import-path": "1.10.1",
     "react": "catalog:",
     "react-dom": "catalog:",
     "rollup": "4.46.2",

packages/atomic-react/src/components/commerce/index.ts

@@ -1,5 +1,4 @@
 export {CommerceBindings, i18n} from '@coveo/atomic';
-export * from '../stencil-generated/commerce/index.js';
 // Important: Re-exporting under the same name (eg: "AtomicCommerceInterface") shadows the original component
 // and should wrap it nicely for users of the library
 export {InterfaceWrapper as AtomicCommerceInterface} from './CommerceInterfaceWrapper.js';

packages/atomic-react/src/components/recommendation/index.ts

@@ -1,6 +1,5 @@
 export {i18n, RecsBindings} from '@coveo/atomic';
 export * from '../search/components.js';
-export * from '../stencil-generated/search/index.js';
 
 // Important: Re-exporting under the same name (eg: "AtomicRecsInterface") shadows the original component
 // and should wrap it nicely for users of the library

packages/atomic-react/src/components/search/index.ts

@@ -1,5 +1,4 @@
 export {Bindings, i18n} from '@coveo/atomic';
-export * from '../stencil-generated/search/index.js';
 export * from './components.js';
 export {FoldedResultListWrapper as AtomicFoldedResultList} from './FoldedResultListWrapper.js';
 export {ResultListWrapper as AtomicResultList} from './ResultListWrapper.js';

packages/atomic/package.json

@@ -120,7 +120,6 @@
     "@rollup/plugin-replace": "catalog:",
     "@stencil-community/postcss": "2.2.0",
     "@stencil/angular-output-target": "0.8.4",
-    "@stencil/react-output-target": "0.5.3",
     "@storybook/addon-a11y": "10.0.8",
     "@storybook/addon-docs": "10.0.8",
     "@storybook/addon-mcp": "0.1.3",

packages/atomic/stencil.config.ts

@@ -1,8 +1,7 @@
-import {readdirSync, readFileSync} from 'node:fs';
+import {readFileSync} from 'node:fs';
 import replacePlugin from '@rollup/plugin-replace';
 import {angularOutputTarget as angular} from '@stencil/angular-output-target';
 import type {Config} from '@stencil/core';
-import {reactOutputTarget as react} from '@stencil/react-output-target';
 import {postcss} from '@stencil-community/postcss';
 import tailwindcss from '@tailwindcss/postcss';
 import postcssNested from 'postcss-nested';
@@ -16,15 +15,6 @@ const isCDN = process.env.DEPLOYMENT_ENVIRONMENT === 'CDN';
 
 const packageMappings = generateExternalPackageMappings(__dirname);
 
-function filterComponentsByUseCaseForReactOutput(useCasePath: string) {
-  return readdirSync(useCasePath, {
-    recursive: true,
-  })
-    .toSorted() // Sort the filenames to ensure deterministic output
-    .map((fileName) => /(atomic-[a-z-]+)\.tsx$/.exec(fileName.toString()))
-    .filter((m) => m !== null)
-    .flatMap((m) => m![1]);
-}
 function getPackageVersion(): string {
   return JSON.parse(readFileSync('package.json', 'utf-8')).version;
 }
@@ -69,43 +59,6 @@ export const config: Config = {
   taskQueue: 'async',
   sourceMap: true,
   outputTargets: [
-    !isDevWatch &&
-      react({
-        componentCorePackage: '@coveo/atomic',
-        proxiesFile:
-          '../atomic-react/src/components/stencil-generated/search/index.ts',
-        includeDefineCustomElements: true,
-        excludeComponents: [
-          'atomic-result-template',
-          'atomic-result-children',
-          'atomic-result-children-template',
-          'atomic-recs-result-template',
-          'atomic-field-condition',
-        ].concat(
-          filterComponentsByUseCaseForReactOutput('src/components/commerce'),
-          filterComponentsByUseCaseForReactOutput('src/components/insight'),
-          filterComponentsByUseCaseForReactOutput('src/components/ipx')
-        ),
-      }),
-    !isDevWatch &&
-      react({
-        componentCorePackage: '@coveo/atomic',
-        proxiesFile:
-          '../atomic-react/src/components/stencil-generated/commerce/index.ts',
-        includeDefineCustomElements: true,
-        excludeComponents: [
-          'atomic-product-template',
-          'atomic-recs-result-template',
-          'atomic-field-condition',
-        ].concat(
-          filterComponentsByUseCaseForReactOutput('src/components/search'),
-          filterComponentsByUseCaseForReactOutput(
-            'src/components/recommendations'
-          ),
-          filterComponentsByUseCaseForReactOutput('src/components/insight'),
-          filterComponentsByUseCaseForReactOutput('src/components/ipx')
-        ),
-      }),
     !isDevWatch &&
       angular({
         componentCorePackage: '@coveo/atomic',