@codecademy/brand 3.36.2-alpha.be39832dae.0 → 3.36.2-alpha.de5ed068d1.0

package/dist/AppHeader/Search/SearchWorker/src.js

@@ -28,6 +28,9 @@ function getPortalOrigin() {
   // for standard envs, use portal app in the same env
   if (envs.some(s => `https://${s}.codecademy.com` === origin)) return origin;
 
+  // for PR envs (e.g. pr-40229-monolith.dev-eks.codecademy.com)
+  if (origin.includes('.dev-eks.codecademy.com')) return origin;
+
   // for local, use local portal-app, replace if origin port is monolith or le
   if (origin.includes('localhost')) return origin.replace(/:\d{4}/, ':3100');
 
@@ -50,19 +53,44 @@ export function serializeSearchWorkerSrc() {
     // eslint-disable-next-line no-console
     console.log('[serializeSearchWorkerSrc] Worker function string length:', fnAsStr.length);
     // eslint-disable-next-line no-console
-    console.log('[serializeSearchWorkerSrc] First 100 chars:', fnAsStr.substring(0, 100));
+    console.log('[serializeSearchWorkerSrc] Full worker function:', fnAsStr);
 
     // in a prod build, webpack will handle removing comments
 
+    const startIndex = fnAsStr.indexOf('{');
+    // eslint-disable-next-line no-console
+    console.log('[serializeSearchWorkerSrc] Start index of first {:', startIndex);
     const result = fnAsStr.slice(fnAsStr.indexOf('{') + 1, -1) // remove wrapping function, which may have been renamed by minification
     .replaceAll('  ', '') // remove indentation
     .replaceAll('{BASE_URL}', BASE_URL) // interpolate base url
     .replaceAll('{SEARCH}', window.location.search); // interpolate search query
 
+    // Check for external dependencies that would break the worker
+    const externalDeps = [];
+    if (result.includes('Object(h.a)') || result.includes('h.a')) {
+      externalDeps.push('h (Babel async helper)');
+    }
+    if (result.includes('p.a.mark') || result.includes('p.a.wrap')) {
+      externalDeps.push('p (Regenerator runtime)');
+    }
+    if (result.includes('_createForOfIteratorHelper')) {
+      externalDeps.push('_createForOfIteratorHelper (Babel helper)');
+    }
+    if (externalDeps.length > 0) {
+      // eslint-disable-next-line no-console
+      console.error('[serializeSearchWorkerSrc] ERROR: Worker code contains external dependencies that will not be available in worker context:', externalDeps);
+      // eslint-disable-next-line no-console
+      console.error('[serializeSearchWorkerSrc] This is likely because the worker function uses async/await or modern JS features that Babel transpiles with external helpers.');
+      // eslint-disable-next-line no-console
+      console.error('[serializeSearchWorkerSrc] The worker function needs to be self-contained or the build configuration needs to be adjusted to inline helpers.');
+    }
+
     // eslint-disable-next-line no-console
     console.log('[serializeSearchWorkerSrc] Serialization complete, result length:', result.length);
     // eslint-disable-next-line no-console
-    console.log('[serializeSearchWorkerSrc] First 200 chars of result:', result.substring(0, 200));
+    console.log('[serializeSearchWorkerSrc] First 500 chars of result:', result.substring(0, 500));
+    // eslint-disable-next-line no-console
+    console.log('[serializeSearchWorkerSrc] Full result:', result);
     return result;
   } catch (error) {
     // eslint-disable-next-line no-console
@@ -77,11 +105,7 @@ export function serializeSearchWorkerSrc() {
  * the worker via onmessage and passed back to the main thread via postMessage.
  */
 function worker() {
-  const preloadTitlesPromise = (async () => {
-    const f = await fetch('{BASE_URL}/autocomplete-preload{SEARCH}');
-    const rawTitles = await f.json();
-    return rawTitles.map(preparseTitle);
-  })();
+  const preloadTitlesPromise = fetch('{BASE_URL}/autocomplete-preload{SEARCH}').then(f => f.json()).then(rawTitles => rawTitles.map(preparseTitle));
   function preparseTitle({
     value,
     popularity
@@ -133,41 +157,42 @@ function worker() {
     };
   }
   const maxResults = 5;
-  async function autocompleteHandler(q) {
-    const titles = await preloadTitlesPromise;
-    const scoredTitles = titles.map(t => getScoredTitle(q, t));
-    const topAutocompleteTitles = scoredTitles.filter(x => x.score > 0).sort((a, b) => a.score > b.score ? -1 : 1).slice(0, maxResults).map(t => ({
-      title: t.title,
-      segments: getHighlightSegments(t.title, t.charScores)
-    }));
-    postMessage({
-      query: q.query,
-      result: topAutocompleteTitles,
-      action: 'autocomplete'
+  function autocompleteHandler(q) {
+    preloadTitlesPromise.then(titles => {
+      const scoredTitles = titles.map(t => getScoredTitle(q, t));
+      const topAutocompleteTitles = scoredTitles.filter(x => x.score > 0).sort((a, b) => a.score > b.score ? -1 : 1).slice(0, maxResults).map(t => ({
+        title: t.title,
+        segments: getHighlightSegments(t.title, t.charScores)
+      }));
+      postMessage({
+        query: q.query,
+        result: topAutocompleteTitles,
+        action: 'autocomplete'
+      });
     });
   }
-  async function searchAsYouTypeHandler(q) {
-    const f = await fetch('{BASE_URL}/search-as-you-type{SEARCH}', {
+  function searchAsYouTypeHandler(q) {
+    fetch('{BASE_URL}/search-as-you-type{SEARCH}', {
       body: JSON.stringify({
         query: q.query,
         max: maxResults
       }),
       method: 'POST'
-    });
-    const searchAsYouTypeResults = await f.json();
-    for (const entry of searchAsYouTypeResults.top) {
-      const t = preparseTitle({
-        value: entry.title,
-        popularity: 0
+    }).then(f => f.json()).then(searchAsYouTypeResults => {
+      for (const entry of searchAsYouTypeResults.top) {
+        const t = preparseTitle({
+          value: entry.title,
+          popularity: 0
+        });
+        const charScores = getCharScores(q, t);
+        entry.segments = getHighlightSegments(entry.title, charScores);
+        entry.key = q.query + ':' + entry.title;
+      }
+      postMessage({
+        query: q.query,
+        result: searchAsYouTypeResults,
+        action: 'search-as-you-type'
       });
-      const charScores = getCharScores(q, t);
-      entry.segments = getHighlightSegments(entry.title, charScores);
-      entry.key = q.query + ':' + entry.title;
-    }
-    postMessage({
-      query: q.query,
-      result: searchAsYouTypeResults,
-      action: 'search-as-you-type'
     });
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "3.36.2-alpha.be39832dae.0",
+  "version": "3.36.2-alpha.de5ed068d1.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",