chore(atomic): only build atomic-react generated file during build mo…

…de (#4463) Fix for this https://coveord.atlassian.net/browse/KIT-3605 More details in jira --------- Co-authored-by: GitHub Actions Bot <>
coveo · Sep 26, 2024 · ce63c06 · ce63c06
1 parent ef53640
commit ce63c06
Showing 1 changed file with 32 additions and 30 deletions.
diff --git a/packages/atomic/stencil.config.ts b/packages/atomic/stencil.config.ts
@@ -108,35 +108,37 @@ export const config: Config = {
   taskQueue: 'async',
   sourceMap: true,
   outputTargets: [
-    react({
-      componentCorePackage: '@coveo/atomic',
-      proxiesFile:
-        '../atomic-react/src/components/stencil-generated/search/index.ts',
-      includeDefineCustomElements: true,
-      excludeComponents: [
-        'atomic-result-template',
-        'atomic-recs-result-template',
-        'atomic-field-condition',
-      ].concat(
-        filterComponentsByUseCaseForReactOutput('src/components/commerce')
-      ),
-    }),
-    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'
-        )
-      ),
-    }),
+    !isDevWatch &&
+      react({
+        componentCorePackage: '@coveo/atomic',
+        proxiesFile:
+          '../atomic-react/src/components/stencil-generated/search/index.ts',
+        includeDefineCustomElements: true,
+        excludeComponents: [
+          'atomic-result-template',
+          'atomic-recs-result-template',
+          'atomic-field-condition',
+        ].concat(
+          filterComponentsByUseCaseForReactOutput('src/components/commerce')
+        ),
+      }),
+    !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'
+          )
+        ),
+      }),
     angular({
       componentCorePackage: '@coveo/atomic',
       directivesProxyFile:
@@ -181,7 +183,7 @@ export const config: Config = {
         },
       ].filter((n) => n.src),
     },
-  ],
+  ].filter(Boolean),
   testing: {
     browserArgs: ['--no-sandbox'],
     transform: {