@codecademy/brand 3.36.2-alpha.114f8c1aad.0 → 3.36.2-alpha.4249fc7d9c.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');
 
@@ -102,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
@@ -158,41 +157,43 @@ 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 (let i = 0; i < searchAsYouTypeResults.top.length; i++) {
+        const entry = searchAsYouTypeResults.top[i];
+        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'
     });
   }
 
@@ -207,17 +208,17 @@ function worker() {
   // Bonus scores are includes in certain cases
   function getTotalScore(q, t, charScores) {
     let fromChars = 0;
-    for (const s of charScores) {
-      fromChars += s;
+    for (let i = 0; i < charScores.length; i++) {
+      fromChars += charScores[i];
     }
     const fromPopularity = (t.popularity || 0) * popularityStrength;
     let bonus = 0;
     // for each complete word present in both the title and query
-    for (const qw of q.words) {
+    q.words.forEach(qw => {
       if (t.words.has(qw)) {
         bonus += 100;
       }
-    }
+    });
 
     // if the title starts with the query
     if (t.lower.startsWith(q.query)) {
@@ -341,9 +342,11 @@ function worker() {
     // "authentication" or other words ending in "ion"
     const minMatchLength = Math.ceil(avgQueryWordLength ** 0.65);
     const charScores = [];
-    for (const cmcs of cmcsForTitleChars) {
+    for (let i = 0; i < cmcsForTitleChars.length; i++) {
+      const cmcs = cmcsForTitleChars[i];
       let score = 0;
-      for (const cmc of cmcs) {
+      for (let j = 0; j < cmcs.length; j++) {
+        const cmc = cmcs[j];
         // if the string of consecutive matching chars meets the minMatchLength
         // or if it's a standalone word in the query (e.g "C")
         if (cmc.value.length >= minMatchLength || q.words.has(cmc.value)) {

package/package.json

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