@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/AppHeader/Search/SearchPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPane.js","names":["Badge","Box","ContentContainer","FlexBox","FocusTrap","IconButton","Menu","MenuItem","Shimmer","StrokeButton","Text","MiniDeleteIcon","SearchIcon","css","theme","useCurrentMode","useTheme","styled","React","useEffect","useRef","useState","useGlobalHeaderDynamicDataContext","MarketingBanner","useOnEscHandler","searchPlaceholder","PopularContent","PopularSearches","useUrlChangeDetection","QuizAndHelpCenterLinks","safelyRedirect","useSearchTrackingContext","searchWorker","Form","withComponent","Input","QueryContainer","$compact","display","width","pt","pb","_","md","px","SuggestionContainer","StyledInput","outline","textColor","colors","InlineResultLi","pl","py","fontSize","left","InlineLoaderLi","listStyleType","gap","alignItems","SemiboldSearchIcon","EllipsisBox","HighlightedText","suggestion","title","segments","mode","highlightColor","maxWidth","whiteSpace","aria-hidden","overflow","map","segment","i","key","toString","lineHeight","highlight","bg","fontWeight","value","screenreader","loaderKey","rndLoader","loader","shimmerRows","row","shimmers","words","Math","ceil","random","j","round","push","SearchPane","onSearch","onTrackingClick","searchButtonRef","toggleSearch","onSearchAsYouType","setValue","inputRef","autoCompleteSuggestions","setAutoCompleteSuggestions","searchAsYouTypeResults","setSearchAsYouTypeResults","searchResultClicked","setSearchResultClicked","setOnSearchAsYouTypeParams","globalHeaderDynamicData","banner","catalogDropdown","showMarketingBanner","text","href","searchAsYouTypeLoader","useMemo","valueTrimmed","trim","hasSearchEventAndResultsWithoutClick","closeSearch","length","query","searchId","resultsCount","queryLoadTime","setTimeout","current","focus","onKeyDown","onMouseDownOutside","target","handleOutsideClick","document","querySelector","contains","removeEventListener","addEventListener","navigateToSearch","searchTerm","fromPrevSearch","handleChange","evt","handleSubmit","event","preventDefault","clearInput","onUrlChange","init","cancel","clearAutocomplete","clearSearchAsYouType","searchEventNoResultDelay","loaderDelay","autocomplete","then","suggestions","searchAsYouType","results","top","clearTimeout","height","position","elements","headerHeight","onEscapeKey","onClickOutside","allowPageInteraction","borderColorBottom","borderColorTop","borderStyle","borderWidth","data-testid","maxHeight","zIndex","border","borderColor","borderStyleBottom","borderWidthBottom","action","id","ml","onSubmit","autoFocus","background","color","name","onChange","e","placeholder","ref","type","autoComplete","icon","aria-label","tip","tipProps","alignment","placement","narrow","onClick","size","source","tabIndex","lg","flexDirection","as","listStyle","p","s","search_id","misc","JSON","stringify","mb","strokeWidth","mr","mt","r","word","fontFamily","borderRadius","opacity","role","slug","contentId","content_id","urlPath","variant","sm","my","handleCloseDropdown"],"sources":["../../../src/AppHeader/Search/SearchPane.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  ContentContainer,\n  FlexBox,\n  FocusTrap,\n  IconButton,\n  Menu,\n  MenuItem,\n  Shimmer,\n  StrokeButton,\n  Text,\n} from '@codecademy/gamut';\nimport { MiniDeleteIcon, SearchIcon } from '@codecademy/gamut-icons';\nimport { css, theme, useCurrentMode } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useGlobalHeaderDynamicDataContext } from '../../GlobalHeader/context';\nimport { MarketingBanner } from '../AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';\nimport { useOnEscHandler } from '../shared';\nimport { searchPlaceholder } from './consts';\nimport { PopularContent, PopularSearches } from './DefaultResults';\nimport { useUrlChangeDetection } from './hooks/useUrlChangeDetection';\nimport { QuizAndHelpCenterLinks } from './QuizAndHelpCenterLinks';\nimport { safelyRedirect } from './safelyRedirect';\nimport { useSearchTrackingContext } from './SearchTrackingProvider';\nimport { searchWorker } from './SearchWorker';\nimport type {\n  AutocompleteSuggestion,\n  SearchAsYouTypeResults,\n} from './SearchWorker/types';\nimport { SearchPaneProps } from './types';\n\nconst Form = Box.withComponent('form');\nconst Input = Box.withComponent('input');\n\nconst QueryContainer = styled(ContentContainer)<{ $compact?: boolean }>(\n  ({ $compact }) =>\n    css({\n      display: 'flex',\n      width: '100%',\n      pt: 16,\n      pb: $compact ? { _: 0, md: 4 } : { _: 0, md: 24 },\n      px: { _: 24 },\n    })\n);\n\nconst SuggestionContainer = styled(ContentContainer)<{ $compact?: boolean }>(\n  ({ $compact }) =>\n    css({\n      pt: $compact ? 4 : 16,\n      pb: { _: 0, md: 24 },\n      px: { _: 24 },\n    })\n);\n\nconst StyledInput = styled(Input)(\n  css({\n    outline: `none`,\n    '&::placeholder': {\n      textColor: theme.colors['text-secondary'] as never,\n    },\n  })\n);\n\nconst InlineResultLi = styled(MenuItem)(\n  css({\n    pl: 0,\n    py: 8,\n    fontSize: 16,\n    '&:focus-visible:after': {\n      left: -4,\n    },\n  })\n);\n\nconst InlineLoaderLi = styled.li(\n  css({\n    listStyleType: 'none',\n    display: 'flex',\n    gap: 12,\n    alignItems: 'center',\n  })\n);\n\nexport const SemiboldSearchIcon = styled(SearchIcon)`\n  overflow: visible !important;\n  circle,\n  path {\n    stroke-width: 2px;\n  }\n  rect {\n    transform: translate(-2px, -2px);\n    height: calc(100% + 4px);\n    width: calc(100% + 4px);\n  }\n`;\n\nconst EllipsisBox = styled(Box)`\n  text-overflow: ellipsis;\n`;\n\nconst HighlightedText = ({\n  suggestion: { title, segments },\n}: {\n  suggestion: AutocompleteSuggestion;\n}) => {\n  const mode = useCurrentMode();\n  const highlightColor = mode === 'dark' ? 'hyper' : 'yellow';\n\n  return (\n    <FlexBox>\n      <EllipsisBox\n        maxWidth=\"calc(100vw - 128px)\"\n        whiteSpace=\"pre\"\n        aria-hidden\n        overflow=\"hidden\"\n      >\n        {segments.map((segment, i) => (\n          <Text\n            key={`${title}:${i.toString()}`}\n            lineHeight=\"title\"\n            {...(segment.highlight\n              ? { bg: highlightColor, fontWeight: 'bold' }\n              : {})}\n          >\n            {segment.value}\n          </Text>\n        ))}\n      </EllipsisBox>\n      <Text screenreader>{title}</Text>\n    </FlexBox>\n  );\n};\n\ntype SearchAsYouTypeLoader = {\n  shimmerRows: {\n    key: string;\n    shimmers: {\n      key: string;\n      width: number;\n    }[];\n  }[];\n};\n\nlet loaderKey = 0;\nfunction rndLoader() {\n  // eslint-disable-next-line no-plusplus\n  const key = loaderKey++;\n  const loader: SearchAsYouTypeLoader = { shimmerRows: [] };\n  for (let i = 0; i < 5; i++) {\n    const row = {\n      key: `${key}:${i}`,\n      shimmers: [] as { key: string; width: number }[],\n    };\n    const words = Math.ceil(Math.random() * 3);\n    for (let j = 0; j < words; j++) {\n      const width = 12 + Math.round(Math.random() * 96);\n      row.shimmers.push({\n        key: `${key}:${j}`,\n        width,\n      });\n    }\n    loader.shimmerRows.push(row);\n  }\n  return loader;\n}\n\nexport const SearchPane: React.FC<SearchPaneProps> = ({\n  onSearch,\n  onTrackingClick,\n  searchButtonRef,\n  toggleSearch,\n  onSearchAsYouType,\n}) => {\n  const theme = useTheme();\n  const [value, setValue] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [autoCompleteSuggestions, setAutoCompleteSuggestions] = useState<\n    AutocompleteSuggestion[]\n  >([]);\n  const [searchAsYouTypeResults, setSearchAsYouTypeResults] =\n    useState<SearchAsYouTypeResults | null>(null);\n\n  const [searchResultClicked, setSearchResultClicked] = useState(false);\n\n  const { setOnSearchAsYouTypeParams } = useSearchTrackingContext();\n  const { globalHeaderDynamicData } = useGlobalHeaderDynamicDataContext();\n\n  const banner = globalHeaderDynamicData?.catalogDropdown?.banner;\n  const showMarketingBanner = banner?.text && banner?.href && MarketingBanner;\n\n  const searchAsYouTypeLoader = React.useMemo(\n    () => (searchAsYouTypeResults === null ? rndLoader() : null),\n    [searchAsYouTypeResults]\n  );\n\n  const valueTrimmed = value.trim();\n\n  const hasSearchEventAndResultsWithoutClick =\n    onSearchAsYouType && searchAsYouTypeResults && !searchResultClicked;\n\n  const closeSearch = async () => {\n    // track search event when user made a search and then closed search pane\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    await toggleSearch();\n    // adds a little delay between closing the search pane and focusing on the button\n    // to prevent the search pane from immediately opening again\n    setTimeout(() => {\n      if (searchButtonRef && searchButtonRef?.current) {\n        searchButtonRef.current?.focus();\n      }\n    }, 10);\n  };\n\n  const onKeyDown = useOnEscHandler(closeSearch);\n\n  const onMouseDownOutside = ({ target }: MouseEvent) => {\n    const handleOutsideClick = () => {\n      if (\n        !document\n          .querySelector('[data-testid=\"header-search-dropdown\"]')\n          ?.contains(target as HTMLElement) &&\n        target !== searchButtonRef?.current\n      ) {\n        closeSearch();\n      }\n\n      target?.removeEventListener('mouseup', handleOutsideClick);\n    };\n\n    target?.addEventListener('mouseup', handleOutsideClick);\n  };\n\n  const navigateToSearch = (searchTerm: string, fromPrevSearch?: string) => {\n    onSearch(searchTerm, fromPrevSearch);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (evt) => {\n    setValue(evt.target.value);\n    // reset to false when the search query changes\n    setSearchResultClicked(false);\n  };\n\n  const handleSubmit: React.FormEventHandler = (event) => {\n    event.preventDefault();\n\n    // track search event when the user submits the form to capture complete query\n    if (hasSearchEventAndResultsWithoutClick) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    navigateToSearch(value, searchAsYouTypeResults?.searchId);\n  };\n\n  const clearInput = () => {\n    // track search event before user clears input\n    if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n      const { query, searchId, resultsCount, queryLoadTime } =\n        searchAsYouTypeResults;\n      onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n    }\n\n    setValue('');\n    setAutoCompleteSuggestions([]);\n    // reset the context with empty values\n    setOnSearchAsYouTypeParams({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n  };\n\n  // when the current URL changes, we want to close the search pane if it's open\n  // and track search event if user made a search\n  useUrlChangeDetection({\n    onUrlChange: () => {\n      if (hasSearchEventAndResultsWithoutClick && valueTrimmed.length > 0) {\n        const { query, searchId, resultsCount, queryLoadTime } =\n          searchAsYouTypeResults;\n        onSearchAsYouType(query, searchId, resultsCount, queryLoadTime);\n      }\n\n      toggleSearch();\n    },\n  });\n\n  useEffect(() => {\n    // don't track if a result was clicked or if we don't have search results\n    if (\n      searchResultClicked ||\n      !onSearchAsYouType ||\n      !searchAsYouTypeResults ||\n      !valueTrimmed.length\n    )\n      // eslint-disable-next-line no-useless-return\n      return;\n  }, [\n    searchResultClicked,\n    searchAsYouTypeResults,\n    valueTrimmed,\n    onSearchAsYouType,\n  ]);\n\n  useEffect(() => {\n    inputRef.current?.focus();\n    searchWorker.init();\n  }, []);\n\n  useEffect(() => {\n    if (!valueTrimmed.length) {\n      setSearchAsYouTypeResults(null);\n      setAutoCompleteSuggestions([]);\n      setOnSearchAsYouTypeParams({\n        query: '',\n        searchId: '',\n        resultsCount: 0,\n        queryLoadTime: 0,\n      });\n      return;\n    }\n\n    let cancel = false;\n    let clearAutocomplete = true;\n    let clearSearchAsYouType = true;\n\n    let searchEventNoResultDelay: NodeJS.Timeout;\n\n    const loaderDelay = setTimeout(() => {\n      /*\n       * Wait 10 milliseconds to get a response for worker before showing loaders.\n       * This prevents flickering loaders on quick or cached results.\n       */\n      if (cancel) return;\n      if (clearAutocomplete) setAutoCompleteSuggestions([]);\n      if (clearSearchAsYouType) setSearchAsYouTypeResults(null);\n    }, 10);\n\n    searchWorker.autocomplete(valueTrimmed).then((suggestions) => {\n      clearAutocomplete = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setAutoCompleteSuggestions(suggestions);\n    });\n\n    searchWorker.searchAsYouType(valueTrimmed).then((results) => {\n      clearSearchAsYouType = false;\n\n      if (cancel) return; // text has changed since this request was made\n\n      setSearchAsYouTypeResults(results);\n\n      setOnSearchAsYouTypeParams({\n        query: results.query,\n        searchId: results.searchId,\n        resultsCount: results.top.length,\n        queryLoadTime: results.queryLoadTime,\n      });\n\n      // track search event with a small delay when there are no results\n      if (\n        onSearchAsYouType &&\n        results.top.length === 0 &&\n        !searchResultClicked\n      ) {\n        const { query, searchId, queryLoadTime } = results;\n        searchEventNoResultDelay = setTimeout(() => {\n          if (!cancel) {\n            onSearchAsYouType(query, searchId, 0, queryLoadTime);\n          }\n        }, 300);\n      }\n    });\n\n    return () => {\n      cancel = true;\n      clearTimeout(loaderDelay);\n      clearTimeout(searchEventNoResultDelay);\n    };\n  }, [\n    valueTrimmed,\n    onSearchAsYouType,\n    searchResultClicked,\n    setOnSearchAsYouTypeParams,\n  ]);\n\n  return (\n    <>\n      <Box\n        aria-hidden\n        bg=\"shadow-secondary\"\n        height=\"100vh\"\n        position=\"fixed\"\n        // We add 6rem here in case there's some sort of branded banner above search\n        // The search area is much taller than 6rem so this is a safe amount of padding\n        top={`calc(${theme.elements.headerHeight} + 6rem)`}\n        width={1}\n      />\n      <FocusTrap\n        onEscapeKey={closeSearch}\n        onClickOutside={onMouseDownOutside}\n        allowPageInteraction\n      >\n        <Box\n          bg=\"background\"\n          borderColorBottom=\"border-primary\"\n          borderColorTop=\"border-tertiary\"\n          borderStyle=\"solid\"\n          borderWidth=\"2px 0 1px\"\n          data-testid=\"header-search-dropdown\"\n          position={{ _: 'fixed', md: 'absolute' }}\n          width=\"100%\"\n          maxHeight={{ _: 'calc(100vh - 63px)', md: 'calc(100vh - 80px)' }}\n          overflow=\"auto\"\n          zIndex={10} // ensure dropdown is above the page content\n        >\n          <Box border=\"none\" width=\"auto\">\n            <QueryContainer $compact={!!showMarketingBanner}>\n              <FlexBox\n                alignItems=\"baseline\"\n                borderColor=\"gray-600\"\n                borderStyleBottom=\"solid\"\n                borderWidthBottom=\"1px\"\n                width=\"100%\"\n              >\n                <SearchIcon\n                  height={{ _: 20, md: 24 }}\n                  width={{ _: 20, md: 24 }}\n                />\n                <Form\n                  action=\"/search\"\n                  id=\"search-form\"\n                  ml={8}\n                  onSubmit={handleSubmit}\n                  width=\"100%\"\n                >\n                  <StyledInput\n                    autoFocus\n                    background=\"none\"\n                    border=\"none\"\n                    color=\"text\"\n                    fontSize={{ _: 20, md: 26 }}\n                    fontWeight=\"bold\"\n                    id=\"header-search-bar\"\n                    name=\"query\"\n                    onChange={handleChange}\n                    onKeyDown={(e) => onKeyDown(e)}\n                    placeholder={searchPlaceholder}\n                    ref={inputRef}\n                    type=\"search\"\n                    value={value}\n                    width=\"100%\"\n                    autoComplete=\"off\"\n                  />\n                </Form>\n                <IconButton\n                  icon={MiniDeleteIcon}\n                  aria-label=\"Clear search\"\n                  tip=\"Clear search\"\n                  tipProps={{\n                    alignment: 'bottom-center',\n                    placement: 'floating',\n                    narrow: true,\n                    zIndex: 2,\n                  }}\n                  onClick={clearInput}\n                  size=\"small\"\n                />\n              </FlexBox>\n            </QueryContainer>\n          </Box>\n          {showMarketingBanner && (\n            <ContentContainer>\n              <MarketingBanner\n                source=\"search\"\n                text={banner?.text}\n                href={banner?.href}\n                tabIndex={0}\n                py={{ _: 16, lg: 24 }}\n              />\n            </ContentContainer>\n          )}\n          <SuggestionContainer $compact={!!showMarketingBanner}>\n            {valueTrimmed.length > 0 ? (\n              <>\n                <FlexBox flexDirection=\"column\" as=\"ul\" listStyle=\"none\" p={0}>\n                  {autoCompleteSuggestions.map((s, i) => (\n                    <InlineResultLi\n                      key={s.title}\n                      tabIndex={0}\n                      onKeyDown={(evt) => {\n                        if (evt.key === 'Enter') {\n                          setSearchResultClicked(true);\n                          onTrackingClick('autocomplete_result', {\n                            search_id: searchAsYouTypeResults?.searchId ?? '',\n                            misc: JSON.stringify({\n                              position: i,\n                            }),\n                          });\n                          navigateToSearch(\n                            s.title,\n                            searchAsYouTypeResults?.searchId\n                          );\n                          closeSearch();\n                        }\n                      }}\n                      onClick={() => {\n                        setSearchResultClicked(true);\n                        onTrackingClick('autocomplete_result', {\n                          search_id: searchAsYouTypeResults?.searchId ?? '',\n                          misc: JSON.stringify({\n                            position: i,\n                          }),\n                        });\n                        navigateToSearch(\n                          s.title,\n                          searchAsYouTypeResults?.searchId\n                        );\n                        closeSearch();\n                      }}\n                    >\n                      <SemiboldSearchIcon\n                        mb={2 as 0}\n                        size={14}\n                        strokeWidth={8}\n                        aria-hidden\n                        mr={12}\n                      />\n                      <HighlightedText suggestion={s} />\n                    </InlineResultLi>\n                  ))}\n                </FlexBox>\n                {(searchAsYouTypeResults === null ||\n                  searchAsYouTypeResults.top.length > 0) && (\n                  <>\n                    <Text as=\"h2\" fontSize={20} mb={16} mt={24}>\n                      Top results\n                    </Text>\n                    <FlexBox\n                      flexDirection=\"column\"\n                      as=\"ul\"\n                      listStyle=\"none\"\n                      p={0}\n                    >\n                      {searchAsYouTypeResults === null\n                        ? searchAsYouTypeLoader?.shimmerRows.map((r) => (\n                            <InlineLoaderLi key={r.key}>\n                              {r.shimmers.map((word) => (\n                                <Shimmer\n                                  height={30}\n                                  py={8 as 0}\n                                  key={word.key}\n                                  width={word.width}\n                                />\n                              ))}\n                              <Box\n                                fontFamily=\"accent\"\n                                textColor=\"text-secondary\"\n                                fontSize={{ _: 10 as 16 }}\n                                borderColor=\"border-secondary\"\n                                border={1}\n                                borderRadius=\"xl\"\n                                px={16}\n                                opacity={0.1}\n                              >\n                                &nbsp;\n                              </Box>\n                            </InlineLoaderLi>\n                          ))\n                        : searchAsYouTypeResults.top.map((s, i) => (\n                            <InlineResultLi\n                              key={`${\n                                searchAsYouTypeResults.query\n                              }:${i.toString()}`}\n                              tabIndex={0}\n                              role=\"link\"\n                              onKeyDown={(evt) => {\n                                if (evt.key === 'Enter') {\n                                  setSearchResultClicked(true);\n                                  onTrackingClick('search_as_you_type_result', {\n                                    search_id: searchAsYouTypeResults.searchId,\n                                    slug: s.slug,\n                                    ...(s.contentId\n                                      ? { content_id: s.contentId }\n                                      : {}),\n                                    misc: JSON.stringify({\n                                      position: i,\n                                    }),\n                                  });\n                                  closeSearch();\n                                  safelyRedirect(s.urlPath);\n                                }\n                              }}\n                              onClick={() => {\n                                setSearchResultClicked(true);\n                                onTrackingClick('search_as_you_type_result', {\n                                  search_id: searchAsYouTypeResults.searchId,\n                                  slug: s.slug,\n                                  ...(s.contentId\n                                    ? { content_id: s.contentId }\n                                    : {}),\n                                  misc: JSON.stringify({\n                                    position: i,\n                                  }),\n                                });\n                                closeSearch();\n                                safelyRedirect(s.urlPath);\n                              }}\n                            >\n                              <HighlightedText suggestion={s} />\n                              <Badge size=\"sm\" variant=\"tertiary\" ml={12}>\n                                {s.type}\n                              </Badge>\n                            </InlineResultLi>\n                          ))}\n                    </FlexBox>\n                  </>\n                )}\n                {searchAsYouTypeResults?.top.length === 0 && (\n                  <>\n                    <Box fontSize={{ _: 20, sm: 26 }} mt={0} mb={48}>\n                      {`We couldn't find a match for `}\n                      <Text fontWeight=\"bold\">{`\"${valueTrimmed}.\"`}</Text>\n                      {\n                        ' Try another keyword, or see what our members are learning.'\n                      }\n                    </Box>\n                    <Menu border=\"none\" variant=\"popover\">\n                      <PopularContent onTrackingClick={onTrackingClick} />\n                    </Menu>\n                  </>\n                )}\n              </>\n            ) : (\n              <Menu border=\"none\" variant=\"popover\">\n                <PopularSearches\n                  navigateToSearch={navigateToSearch}\n                  onTrackingClick={onTrackingClick}\n                />\n                <PopularContent onTrackingClick={onTrackingClick} />\n              </Menu>\n            )}\n\n            {!!searchAsYouTypeResults?.top.length && (\n              <StrokeButton\n                my={16}\n                onClick={() => {\n                  onTrackingClick('view_all_results', {\n                    search_id: searchAsYouTypeResults.searchId,\n                  });\n                  navigateToSearch(value, searchAsYouTypeResults?.searchId);\n                  closeSearch();\n                }}\n              >\n                View all results\n              </StrokeButton>\n            )}\n            <QuizAndHelpCenterLinks\n              onTrackingClick={onTrackingClick}\n              handleCloseDropdown={closeSearch}\n            />\n          </SuggestionContainer>\n        </Box>\n      </FocusTrap>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/AppHeader/Search/SearchTrackingProvider/index.cjs

@@ -0,0 +1,29 @@
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let lodash_noop = require("lodash/noop");
+lodash_noop = require_runtime.__toESM(lodash_noop);
+
+//#region src/AppHeader/Search/SearchTrackingProvider/index.tsx
+const SearchTrackingContext = /* @__PURE__ */ (0, react.createContext)({
+	onSearchAsYouTypeParams: null,
+	setOnSearchAsYouTypeParams: lodash_noop.default
+});
+const SearchTrackingProvider = ({ children }) => {
+	const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] = (0, react.useState)({
+		query: "",
+		searchId: "",
+		resultsCount: 0,
+		queryLoadTime: 0
+	});
+	return /* @__PURE__ */ react.default.createElement(SearchTrackingContext.Provider, { value: {
+		onSearchAsYouTypeParams,
+		setOnSearchAsYouTypeParams
+	} }, children);
+};
+const useSearchTrackingContext = () => (0, react.useContext)(SearchTrackingContext);
+
+//#endregion
+exports.SearchTrackingProvider = SearchTrackingProvider;
+exports.useSearchTrackingContext = useSearchTrackingContext;
+//# sourceMappingURL=index.cjs.map

package/dist/AppHeader/Search/SearchTrackingProvider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["noop","React","createContext","useContext","useState","SearchTrackingContext","onSearchAsYouTypeParams","setOnSearchAsYouTypeParams","SearchTrackingProvider","children","query","searchId","resultsCount","queryLoadTime","Provider","value","useSearchTrackingContext"],"sources":["../../../../src/AppHeader/Search/SearchTrackingProvider/index.tsx"],"sourcesContent":["import noop from 'lodash/noop';\nimport React, { createContext, ReactNode, useContext, useState } from 'react';\n\ninterface OnSearchAsYouTypeParamsType {\n  query: string;\n  searchId: string;\n  resultsCount: number;\n  queryLoadTime: number;\n}\n\ninterface SearchTrackingContextType {\n  onSearchAsYouTypeParams: OnSearchAsYouTypeParamsType | null;\n  setOnSearchAsYouTypeParams: (\n    params: OnSearchAsYouTypeParamsType | null\n  ) => void;\n}\n\nexport const SearchTrackingContext = createContext<SearchTrackingContextType>({\n  onSearchAsYouTypeParams: null,\n  setOnSearchAsYouTypeParams: noop,\n});\n\nexport const SearchTrackingProvider: React.FC<{\n  children: ReactNode;\n}> = ({ children }) => {\n  const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] =\n    useState<OnSearchAsYouTypeParamsType | null>({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n\n  return (\n    <SearchTrackingContext.Provider\n      value={{\n        onSearchAsYouTypeParams,\n        setOnSearchAsYouTypeParams,\n      }}\n    >\n      {children}\n    </SearchTrackingContext.Provider>\n  );\n};\n\nexport const useSearchTrackingContext = () => useContext(SearchTrackingContext);\n"],"mappings":";;;;;;;AAiBA,MAAaK,wBAAwBH,yCAAyC;CAC5EI,yBAAyB;CACzBC,4BAA4BP;CAC9B,CAAA;AAEA,MAAaQ,0BAEP,EAAEC,eAAU;CAChB,MAAM,CAACH,yBAAyBC,kDACe;EAC3CG,OAAO;EACPC,UAAU;EACVC,cAAc;EACdC,eAAe;EACjB,CAAA;AAEF,QACE,8BAAA,cAACR,sBAAsBS,UAAQ,EAC7BC,OAAO;EACLT;EACAC;EACF,IAECE,SAAAA;;AAKP,MAAaO,uDAA4CX,sBAAAA"}

package/dist/AppHeader/Search/SearchTrackingProvider/index.js

@@ -1,25 +1,25 @@
-import noop from 'lodash/noop';
-import React, { createContext, useContext, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SearchTrackingContext = /*#__PURE__*/createContext({
-  onSearchAsYouTypeParams: null,
-  setOnSearchAsYouTypeParams: noop
+import React, { createContext, useContext, useState } from "react";
+import noop from "lodash/noop";
+
+//#region src/AppHeader/Search/SearchTrackingProvider/index.tsx
+const SearchTrackingContext = /* @__PURE__ */ createContext({
+	onSearchAsYouTypeParams: null,
+	setOnSearchAsYouTypeParams: noop
 });
-export const SearchTrackingProvider = ({
-  children
-}) => {
-  const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] = useState({
-    query: '',
-    searchId: '',
-    resultsCount: 0,
-    queryLoadTime: 0
-  });
-  return /*#__PURE__*/_jsx(SearchTrackingContext.Provider, {
-    value: {
-      onSearchAsYouTypeParams,
-      setOnSearchAsYouTypeParams
-    },
-    children: children
-  });
+const SearchTrackingProvider = ({ children }) => {
+	const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] = useState({
+		query: "",
+		searchId: "",
+		resultsCount: 0,
+		queryLoadTime: 0
+	});
+	return /* @__PURE__ */ React.createElement(SearchTrackingContext.Provider, { value: {
+		onSearchAsYouTypeParams,
+		setOnSearchAsYouTypeParams
+	} }, children);
 };
-export const useSearchTrackingContext = () => useContext(SearchTrackingContext);
+const useSearchTrackingContext = () => useContext(SearchTrackingContext);
+
+//#endregion
+export { SearchTrackingProvider, useSearchTrackingContext };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/Search/SearchTrackingProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["noop","React","createContext","useContext","useState","SearchTrackingContext","onSearchAsYouTypeParams","setOnSearchAsYouTypeParams","SearchTrackingProvider","children","query","searchId","resultsCount","queryLoadTime","Provider","value","useSearchTrackingContext"],"sources":["../../../../src/AppHeader/Search/SearchTrackingProvider/index.tsx"],"sourcesContent":["import noop from 'lodash/noop';\nimport React, { createContext, ReactNode, useContext, useState } from 'react';\n\ninterface OnSearchAsYouTypeParamsType {\n  query: string;\n  searchId: string;\n  resultsCount: number;\n  queryLoadTime: number;\n}\n\ninterface SearchTrackingContextType {\n  onSearchAsYouTypeParams: OnSearchAsYouTypeParamsType | null;\n  setOnSearchAsYouTypeParams: (\n    params: OnSearchAsYouTypeParamsType | null\n  ) => void;\n}\n\nexport const SearchTrackingContext = createContext<SearchTrackingContextType>({\n  onSearchAsYouTypeParams: null,\n  setOnSearchAsYouTypeParams: noop,\n});\n\nexport const SearchTrackingProvider: React.FC<{\n  children: ReactNode;\n}> = ({ children }) => {\n  const [onSearchAsYouTypeParams, setOnSearchAsYouTypeParams] =\n    useState<OnSearchAsYouTypeParamsType | null>({\n      query: '',\n      searchId: '',\n      resultsCount: 0,\n      queryLoadTime: 0,\n    });\n\n  return (\n    <SearchTrackingContext.Provider\n      value={{\n        onSearchAsYouTypeParams,\n        setOnSearchAsYouTypeParams,\n      }}\n    >\n      {children}\n    </SearchTrackingContext.Provider>\n  );\n};\n\nexport const useSearchTrackingContext = () => useContext(SearchTrackingContext);\n"],"mappings":";;;;AAiBA,MAAaK,wBAAwBH,8BAAyC;CAC5EI,yBAAyB;CACzBC,4BAA4BP;CAC9B,CAAA;AAEA,MAAaQ,0BAEP,EAAEC,eAAU;CAChB,MAAM,CAACH,yBAAyBC,8BAC9BH,SAA6C;EAC3CM,OAAO;EACPC,UAAU;EACVC,cAAc;EACdC,eAAe;EACjB,CAAA;AAEF,QACE,sBAAA,cAACR,sBAAsBS,UAAQ,EAC7BC,OAAO;EACLT;EACAC;EACF,IAECE,SAAAA;;AAKP,MAAaO,iCAAiCb,WAAWE,sBAAAA"}

package/dist/AppHeader/Search/SearchWorker/PromiseLookup.cjs

@@ -0,0 +1,45 @@
+
+//#region src/AppHeader/Search/SearchWorker/PromiseLookup.ts
+var SplitPromise = class {
+	promise;
+	resolver;
+	constructor() {
+		this.promise = new Promise((r) => this.resolver = r);
+	}
+};
+var PromiseLookup = class {
+	args;
+	constructor(args) {
+		this.args = args;
+		this.namespaces = /* @__PURE__ */ new Map();
+	}
+	namespaces;
+	getNamespace(namespace) {
+		let ns = this.namespaces.get(namespace);
+		if (!ns) {
+			ns = /* @__PURE__ */ new Map();
+			this.namespaces.set(namespace, ns);
+		}
+		return ns;
+	}
+	getSplitPromise(namespace, key) {
+		const ns = this.getNamespace(namespace);
+		let splitPromise = ns.get(key);
+		if (!splitPromise) {
+			splitPromise = new SplitPromise();
+			ns.set(key, splitPromise);
+			this.args.onKeyInit(namespace, key);
+		}
+		return splitPromise;
+	}
+	get(namespace, key) {
+		return this.getSplitPromise(namespace, key).promise;
+	}
+	resolve(namespace, key, value) {
+		this.getSplitPromise(namespace, key).resolver(value);
+	}
+};
+
+//#endregion
+exports.PromiseLookup = PromiseLookup;
+//# sourceMappingURL=PromiseLookup.cjs.map

package/dist/AppHeader/Search/SearchWorker/PromiseLookup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromiseLookup.cjs","names":["SplitPromise","promise","resolver","constructor","Promise","r","PromiseLookup","args","namespaces","Map","getNamespace","namespace","ns","get","set","getSplitPromise","key","splitPromise","onKeyInit","resolve","value"],"sources":["../../../../src/AppHeader/Search/SearchWorker/PromiseLookup.ts"],"sourcesContent":["type Resolver<T> = (value: T) => void;\n\nclass SplitPromise<T> {\n  promise: Promise<T>;\n  resolver!: Resolver<T>;\n\n  constructor() {\n    this.promise = new Promise((r) => (this.resolver = r));\n  }\n}\n\nexport class PromiseLookup<Types> {\n  constructor(\n    private args: {\n      onKeyInit: (namespace: keyof Types, key: string) => void;\n    }\n  ) {}\n\n  namespaces = new Map<keyof Types, Map<string, SplitPromise<unknown>>>();\n\n  private getNamespace<N extends keyof Types>(namespace: N) {\n    let ns = this.namespaces.get(namespace);\n    if (!ns) {\n      ns = new Map();\n      this.namespaces.set(namespace, ns);\n    }\n    return ns as Map<string, SplitPromise<Types[N]>>;\n  }\n\n  private getSplitPromise<N extends keyof Types>(namespace: N, key: string) {\n    const ns = this.getNamespace(namespace);\n    let splitPromise = ns.get(key);\n    if (!splitPromise) {\n      splitPromise = new SplitPromise<Types[N]>();\n      ns.set(key, splitPromise);\n      this.args.onKeyInit(namespace, key);\n    }\n    return splitPromise;\n  }\n\n  get<N extends keyof Types>(namespace: N, key: string) {\n    return this.getSplitPromise(namespace, key).promise;\n  }\n\n  resolve<N extends keyof Types>(namespace: N, key: string, value: Types[N]) {\n    this.getSplitPromise(namespace, key).resolver(value);\n  }\n}\n"],"mappings":";;AAEA,IAAMA,eAAN,MAAMA;CACJC;CACAC;CAEAC,cAAc;AACZ,OAAKF,UAAU,IAAIG,SAASC,MAAO,KAAKH,WAAWG,EAAAA;;;AAIvD,IAAaC,gBAAb,MAAaA;;CACXH,YACE,MAGA;OAHQI,OAAAA;OAKVC,6BAAa,IAAIC,KAAAA;;CAAjBD;CAEQE,aAAoCC,WAAc;EACxD,IAAIC,KAAK,KAAKJ,WAAWK,IAAIF,UAAAA;AAC7B,MAAI,CAACC,IAAI;AACPA,wBAAK,IAAIH,KAAAA;AACT,QAAKD,WAAWM,IAAIH,WAAWC,GAAAA;;AAEjC,SAAOA;;CAGDG,gBAAuCJ,WAAcK,KAAa;EACxE,MAAMJ,KAAK,KAAKF,aAAaC,UAAAA;EAC7B,IAAIM,eAAeL,GAAGC,IAAIG,IAAAA;AAC1B,MAAI,CAACC,cAAc;AACjBA,kBAAe,IAAIjB,cAAAA;AACnBY,MAAGE,IAAIE,KAAKC,aAAAA;AACZ,QAAKV,KAAKW,UAAUP,WAAWK,IAAAA;;AAEjC,SAAOC;;CAGTJ,IAA2BF,WAAcK,KAAa;AACpD,SAAO,KAAKD,gBAAgBJ,WAAWK,IAAAA,CAAKf;;CAG9CkB,QAA+BR,WAAcK,KAAaI,OAAiB;AACzE,OAAKL,gBAAgBJ,WAAWK,IAAAA,CAAKd,SAASkB,MAAAA"}

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

@@ -1,35 +1,44 @@
-class SplitPromise {
-  constructor() {
-    this.promise = new Promise(r => this.resolver = r);
-  }
-}
-export class PromiseLookup {
-  constructor(args) {
-    this.args = args;
-  }
-  namespaces = new Map();
-  getNamespace(namespace) {
-    let ns = this.namespaces.get(namespace);
-    if (!ns) {
-      ns = new Map();
-      this.namespaces.set(namespace, ns);
-    }
-    return ns;
-  }
-  getSplitPromise(namespace, key) {
-    const ns = this.getNamespace(namespace);
-    let splitPromise = ns.get(key);
-    if (!splitPromise) {
-      splitPromise = new SplitPromise();
-      ns.set(key, splitPromise);
-      this.args.onKeyInit(namespace, key);
-    }
-    return splitPromise;
-  }
-  get(namespace, key) {
-    return this.getSplitPromise(namespace, key).promise;
-  }
-  resolve(namespace, key, value) {
-    this.getSplitPromise(namespace, key).resolver(value);
-  }
-}
+//#region src/AppHeader/Search/SearchWorker/PromiseLookup.ts
+var SplitPromise = class {
+	promise;
+	resolver;
+	constructor() {
+		this.promise = new Promise((r) => this.resolver = r);
+	}
+};
+var PromiseLookup = class {
+	args;
+	constructor(args) {
+		this.args = args;
+		this.namespaces = /* @__PURE__ */ new Map();
+	}
+	namespaces;
+	getNamespace(namespace) {
+		let ns = this.namespaces.get(namespace);
+		if (!ns) {
+			ns = /* @__PURE__ */ new Map();
+			this.namespaces.set(namespace, ns);
+		}
+		return ns;
+	}
+	getSplitPromise(namespace, key) {
+		const ns = this.getNamespace(namespace);
+		let splitPromise = ns.get(key);
+		if (!splitPromise) {
+			splitPromise = new SplitPromise();
+			ns.set(key, splitPromise);
+			this.args.onKeyInit(namespace, key);
+		}
+		return splitPromise;
+	}
+	get(namespace, key) {
+		return this.getSplitPromise(namespace, key).promise;
+	}
+	resolve(namespace, key, value) {
+		this.getSplitPromise(namespace, key).resolver(value);
+	}
+};
+
+//#endregion
+export { PromiseLookup };
+//# sourceMappingURL=PromiseLookup.js.map

package/dist/AppHeader/Search/SearchWorker/PromiseLookup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromiseLookup.js","names":["SplitPromise","promise","resolver","constructor","Promise","r","PromiseLookup","args","namespaces","Map","getNamespace","namespace","ns","get","set","getSplitPromise","key","splitPromise","onKeyInit","resolve","value"],"sources":["../../../../src/AppHeader/Search/SearchWorker/PromiseLookup.ts"],"sourcesContent":["type Resolver<T> = (value: T) => void;\n\nclass SplitPromise<T> {\n  promise: Promise<T>;\n  resolver!: Resolver<T>;\n\n  constructor() {\n    this.promise = new Promise((r) => (this.resolver = r));\n  }\n}\n\nexport class PromiseLookup<Types> {\n  constructor(\n    private args: {\n      onKeyInit: (namespace: keyof Types, key: string) => void;\n    }\n  ) {}\n\n  namespaces = new Map<keyof Types, Map<string, SplitPromise<unknown>>>();\n\n  private getNamespace<N extends keyof Types>(namespace: N) {\n    let ns = this.namespaces.get(namespace);\n    if (!ns) {\n      ns = new Map();\n      this.namespaces.set(namespace, ns);\n    }\n    return ns as Map<string, SplitPromise<Types[N]>>;\n  }\n\n  private getSplitPromise<N extends keyof Types>(namespace: N, key: string) {\n    const ns = this.getNamespace(namespace);\n    let splitPromise = ns.get(key);\n    if (!splitPromise) {\n      splitPromise = new SplitPromise<Types[N]>();\n      ns.set(key, splitPromise);\n      this.args.onKeyInit(namespace, key);\n    }\n    return splitPromise;\n  }\n\n  get<N extends keyof Types>(namespace: N, key: string) {\n    return this.getSplitPromise(namespace, key).promise;\n  }\n\n  resolve<N extends keyof Types>(namespace: N, key: string, value: Types[N]) {\n    this.getSplitPromise(namespace, key).resolver(value);\n  }\n}\n"],"mappings":";AAEA,IAAMA,eAAN,MAAMA;CACJC;CACAC;CAEAC,cAAc;AACZ,OAAKF,UAAU,IAAIG,SAASC,MAAO,KAAKH,WAAWG,EAAAA;;;AAIvD,IAAaC,gBAAb,MAAaA;;CACXH,YACE,MAGA;OAHQI,OAAAA;OAKVC,6BAAa,IAAIC,KAAAA;;CAAjBD;CAEQE,aAAoCC,WAAc;EACxD,IAAIC,KAAK,KAAKJ,WAAWK,IAAIF,UAAAA;AAC7B,MAAI,CAACC,IAAI;AACPA,wBAAK,IAAIH,KAAAA;AACT,QAAKD,WAAWM,IAAIH,WAAWC,GAAAA;;AAEjC,SAAOA;;CAGDG,gBAAuCJ,WAAcK,KAAa;EACxE,MAAMJ,KAAK,KAAKF,aAAaC,UAAAA;EAC7B,IAAIM,eAAeL,GAAGC,IAAIG,IAAAA;AAC1B,MAAI,CAACC,cAAc;AACjBA,kBAAe,IAAIjB,cAAAA;AACnBY,MAAGE,IAAIE,KAAKC,aAAAA;AACZ,QAAKV,KAAKW,UAAUP,WAAWK,IAAAA;;AAEjC,SAAOC;;CAGTJ,IAA2BF,WAAcK,KAAa;AACpD,SAAO,KAAKD,gBAAgBJ,WAAWK,IAAAA,CAAKf;;CAG9CkB,QAA+BR,WAAcK,KAAaI,OAAiB;AACzE,OAAKL,gBAAgBJ,WAAWK,IAAAA,CAAKd,SAASkB,MAAAA"}

package/dist/AppHeader/Search/SearchWorker/index.cjs

@@ -0,0 +1,25 @@
+const require_types = require('./types.cjs');
+
+//#region src/AppHeader/Search/SearchWorker/index.ts
+let workerPromise;
+const initErr = "Search worker not initialized";
+const searchWorker = {
+	init() {
+		if (!workerPromise) workerPromise = (async () => {
+			const { createSearchWorker } = await Promise.resolve().then(() => require("./worker.cjs"));
+			return createSearchWorker();
+		})();
+	},
+	async autocomplete(query) {
+		if (!workerPromise) throw new Error(initErr);
+		return (await workerPromise)(require_types.SearchAction.Autocomplete, query);
+	},
+	async searchAsYouType(query) {
+		if (!workerPromise) throw new Error(initErr);
+		return (await workerPromise)(require_types.SearchAction.SearchAsYouType, query);
+	}
+};
+
+//#endregion
+exports.searchWorker = searchWorker;
+//# sourceMappingURL=index.cjs.map

package/dist/AppHeader/Search/SearchWorker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["SearchAction","workerPromise","initErr","searchWorker","init","createSearchWorker","autocomplete","query","Error","Autocomplete","searchAsYouType","SearchAsYouType"],"sources":["../../../../src/AppHeader/Search/SearchWorker/index.ts"],"sourcesContent":["import { SearchAction, SearchWorker } from './types';\n\nlet workerPromise: Promise<SearchWorker>;\n\nconst initErr = 'Search worker not initialized';\n\nexport const searchWorker = {\n  init() {\n    if (!workerPromise) {\n      workerPromise = (async () => {\n        // lazy load worker\n        const { createSearchWorker } = await import('./worker');\n        return createSearchWorker();\n      })();\n    }\n  },\n\n  async autocomplete(query: string) {\n    if (!workerPromise) throw new Error(initErr);\n    return (await workerPromise)(SearchAction.Autocomplete, query);\n  },\n\n  async searchAsYouType(query: string) {\n    if (!workerPromise) throw new Error(initErr);\n    return (await workerPromise)(SearchAction.SearchAsYouType, query);\n  },\n};\n"],"mappings":";;;AAEA,IAAIC;AAEJ,MAAMC,UAAU;AAEhB,MAAaC,eAAe;CAC1BC,OAAAA;AACE,MAAI,CAACH,cACHA,kBAAiB,YAAA;GAEf,MAAM,EAAEI,uBAAuB,2CAAM;AACrC,UAAOA,oBAAAA;MACT;;CAIJ,MAAMC,aAAaC,OAAa;AAC9B,MAAI,CAACN,cAAe,OAAM,IAAIO,MAAMN,QAAAA;AACpC,UAAQ,MAAMD,eAAeD,2BAAaS,cAAcF,MAAAA;;CAG1D,MAAMG,gBAAgBH,OAAa;AACjC,MAAI,CAACN,cAAe,OAAM,IAAIO,MAAMN,QAAAA;AACpC,UAAQ,MAAMD,eAAeD,2BAAaW,iBAAiBJ,MAAAA;;CAE/D"}

package/dist/AppHeader/Search/SearchWorker/index.d.cts

@@ -0,0 +1,11 @@
+import { AutocompleteSuggestion, SearchAsYouTypeResults } from "./types.cjs";
+
+//#region src/AppHeader/Search/SearchWorker/index.d.ts
+declare const searchWorker: {
+  init(): void;
+  autocomplete(query: string): Promise<AutocompleteSuggestion[]>;
+  searchAsYouType(query: string): Promise<SearchAsYouTypeResults>;
+};
+//#endregion
+export { searchWorker };
+//# sourceMappingURL=index.d.cts.map

package/dist/AppHeader/Search/SearchWorker/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../../src/AppHeader/Search/SearchWorker/index.ts"],"mappings":";;;cAMa,YAAA;;+BAWqB,OAAA,CASjC,sBAAA;kCAJoC,OAAA,CALH,sBAAA;AAAA"}

package/dist/AppHeader/Search/SearchWorker/index.d.ts

@@ -1,5 +1,11 @@
-export declare const searchWorker: {
-    init(): void;
-    autocomplete(query: string): Promise<import("./types").AutocompleteSuggestion[]>;
-    searchAsYouType(query: string): Promise<import("./types").SearchAsYouTypeResults>;
+import { AutocompleteSuggestion, SearchAsYouTypeResults } from "./types.js";
+
+//#region src/AppHeader/Search/SearchWorker/index.d.ts
+declare const searchWorker: {
+  init(): void;
+  autocomplete(query: string): Promise<AutocompleteSuggestion[]>;
+  searchAsYouType(query: string): Promise<SearchAsYouTypeResults>;
 };
+//#endregion
+export { searchWorker };
+//# sourceMappingURL=index.d.ts.map

package/dist/AppHeader/Search/SearchWorker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/AppHeader/Search/SearchWorker/index.ts"],"mappings":";;;cAMa,YAAA;;+BAWqB,OAAA,CASjC,sBAAA;kCAJoC,OAAA,CALH,sBAAA;AAAA"}

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

@@ -1,24 +1,25 @@
-import { SearchAction } from './types';
+import { SearchAction } from "./types.js";
+
+//#region src/AppHeader/Search/SearchWorker/index.ts
 let workerPromise;
-const initErr = 'Search worker not initialized';
-export const searchWorker = {
-  init() {
-    if (!workerPromise) {
-      workerPromise = (async () => {
-        // lazy load worker
-        const {
-          createSearchWorker
-        } = await import('./worker');
-        return createSearchWorker();
-      })();
-    }
-  },
-  async autocomplete(query) {
-    if (!workerPromise) throw new Error(initErr);
-    return (await workerPromise)(SearchAction.Autocomplete, query);
-  },
-  async searchAsYouType(query) {
-    if (!workerPromise) throw new Error(initErr);
-    return (await workerPromise)(SearchAction.SearchAsYouType, query);
-  }
-};
+const initErr = "Search worker not initialized";
+const searchWorker = {
+	init() {
+		if (!workerPromise) workerPromise = (async () => {
+			const { createSearchWorker } = await import("./worker.js");
+			return createSearchWorker();
+		})();
+	},
+	async autocomplete(query) {
+		if (!workerPromise) throw new Error(initErr);
+		return (await workerPromise)(SearchAction.Autocomplete, query);
+	},
+	async searchAsYouType(query) {
+		if (!workerPromise) throw new Error(initErr);
+		return (await workerPromise)(SearchAction.SearchAsYouType, query);
+	}
+};
+
+//#endregion
+export { searchWorker };
+//# sourceMappingURL=index.js.map

package/dist/AppHeader/Search/SearchWorker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchAction","workerPromise","initErr","searchWorker","init","createSearchWorker","autocomplete","query","Error","Autocomplete","searchAsYouType","SearchAsYouType"],"sources":["../../../../src/AppHeader/Search/SearchWorker/index.ts"],"sourcesContent":["import { SearchAction, SearchWorker } from './types';\n\nlet workerPromise: Promise<SearchWorker>;\n\nconst initErr = 'Search worker not initialized';\n\nexport const searchWorker = {\n  init() {\n    if (!workerPromise) {\n      workerPromise = (async () => {\n        // lazy load worker\n        const { createSearchWorker } = await import('./worker');\n        return createSearchWorker();\n      })();\n    }\n  },\n\n  async autocomplete(query: string) {\n    if (!workerPromise) throw new Error(initErr);\n    return (await workerPromise)(SearchAction.Autocomplete, query);\n  },\n\n  async searchAsYouType(query: string) {\n    if (!workerPromise) throw new Error(initErr);\n    return (await workerPromise)(SearchAction.SearchAsYouType, query);\n  },\n};\n"],"mappings":";;;AAEA,IAAIC;AAEJ,MAAMC,UAAU;AAEhB,MAAaC,eAAe;CAC1BC,OAAAA;AACE,MAAI,CAACH,cACHA,kBAAiB,YAAA;GAEf,MAAM,EAAEI,uBAAuB,MAAM,OAAO;AAC5C,UAAOA,oBAAAA;MACT;;CAIJ,MAAMC,aAAaC,OAAa;AAC9B,MAAI,CAACN,cAAe,OAAM,IAAIO,MAAMN,QAAAA;AACpC,UAAQ,MAAMD,eAAeD,aAAaS,cAAcF,MAAAA;;CAG1D,MAAMG,gBAAgBH,OAAa;AACjC,MAAI,CAACN,cAAe,OAAM,IAAIO,MAAMN,QAAAA;AACpC,UAAQ,MAAMD,eAAeD,aAAaW,iBAAiBJ,MAAAA;;CAE/D"}

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

@@ -0,0 +1,160 @@
+
+//#region src/AppHeader/Search/SearchWorker/src.ts
+function getPortalOrigin() {
+	const { origin } = window.location;
+	if ([
+		"tengu",
+		"tayra",
+		"staging",
+		"www"
+	].some((s) => `https://${s}.codecademy.com` === origin)) return origin;
+	if (origin.includes(".dev-eks.codecademy.com")) return origin;
+	if (origin.includes("localhost")) return origin.replace(/:\d{4}/, ":3100");
+	return "https://staging.codecademy.com";
+}
+function serializeSearchWorkerSrc() {
+	const BASE_URL = `${getPortalOrigin()}/api/portal/search`;
+	const fnAsStr = worker.toString().trim();
+	return fnAsStr.slice(fnAsStr.indexOf("{") + 1, -1).replaceAll("  ", "").replaceAll("{BASE_URL}", BASE_URL).replaceAll("{SEARCH}", window.location.search);
+}
+function worker() {
+	const preloadTitlesPromise = fetch("{BASE_URL}/autocomplete-preload{SEARCH}").then((f) => f.json()).then((rawTitles) => rawTitles.map(preparseTitle));
+	function preparseTitle({ value, popularity }) {
+		const lower = value.toLowerCase();
+		return {
+			title: value,
+			lower,
+			words: getWordSet(lower),
+			popularity
+		};
+	}
+	function preparseQuery(query) {
+		return {
+			query,
+			words: getWordSet(query)
+		};
+	}
+	const wordSplitters = /[ :-]/g;
+	function getWordSet(str) {
+		const words = str.split(wordSplitters).map((w) => w.trim()).filter(Boolean);
+		return new Set(words);
+	}
+	const handlers = {
+		autocomplete: autocompleteHandler,
+		"search-as-you-type": searchAsYouTypeHandler
+	};
+	onmessage = ({ data }) => {
+		const { query, action } = data;
+		const handler = handlers[action];
+		if (handler) handler(preparseQuery(query));
+	};
+	function getScoredTitle(q, t) {
+		const charScores = getCharScores(q, t);
+		const score = getTotalScore(q, t, charScores);
+		return {
+			title: t.title,
+			charScores,
+			score
+		};
+	}
+	const maxResults = 5;
+	function autocompleteHandler(q) {
+		preloadTitlesPromise.then((titles) => {
+			const topAutocompleteTitles = titles.map((t) => getScoredTitle(q, t)).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 searchAsYouTypeHandler(q) {
+		fetch("{BASE_URL}/search-as-you-type{SEARCH}", {
+			body: JSON.stringify({
+				query: q.query,
+				max: maxResults
+			}),
+			method: "POST"
+		}).then((f) => f.json()).then((searchAsYouTypeResults) => {
+			for (let i = 0; i < searchAsYouTypeResults.top.length; i++) {
+				const entry = searchAsYouTypeResults.top[i];
+				const charScores = getCharScores(q, preparseTitle({
+					value: entry.title,
+					popularity: 0
+				}));
+				entry.segments = getHighlightSegments(entry.title, charScores);
+				entry.key = q.query + ":" + entry.title;
+			}
+			postMessage({
+				query: q.query,
+				result: searchAsYouTypeResults,
+				action: "search-as-you-type"
+			});
+		});
+	}
+	const popularityStrength = .04;
+	function getTotalScore(q, t, charScores) {
+		let fromChars = 0;
+		for (let i = 0; i < charScores.length; i++) fromChars += charScores[i];
+		const fromPopularity = (t.popularity || 0) * popularityStrength;
+		let bonus = 0;
+		q.words.forEach((qw) => {
+			if (t.words.has(qw)) bonus += 100;
+		});
+		if (t.lower.startsWith(q.query)) bonus += 200;
+		else if (t.lower.startsWith(q.query.slice(0, 3))) bonus += 100;
+		if (t.lower === q.query) bonus += 100;
+		if (fromChars > 1 && Math.abs(t.lower.length - q.query.length) <= 3) bonus += 100;
+		return fromChars + (fromChars > 1 ? fromPopularity : 0) + bonus;
+	}
+	function getHighlightSegments(title, charScores) {
+		let currentSegment = null;
+		const segments = [];
+		const shouldHighlight = (i) => charScores[i] > 0;
+		const isDifferentFromPrev = (i) => shouldHighlight(i - 1) !== shouldHighlight(i);
+		for (let i = 0; i < title.length; i++) {
+			if (i === 0 || isDifferentFromPrev(i)) {
+				currentSegment = {
+					value: "",
+					highlight: shouldHighlight(i)
+				};
+				segments.push(currentSegment);
+			}
+			currentSegment.value += title[i];
+		}
+		return segments;
+	}
+	function getCharScores(q, t) {
+		const cmcsForTitleChars = Array(t.lower.length).fill(0).map(() => []);
+		for (let shift = 1 - q.query.length; shift < t.lower.length; shift++) {
+			let cmc = null;
+			const startOverlap = Math.max(shift, 0);
+			const endOverlap = Math.min(q.query.length + shift, t.lower.length);
+			for (let i = startOverlap; i < endOverlap; i++) if (q.query[i - shift] === t.lower[i] && t.lower[i] !== " ") {
+				if (!cmc) cmc = { value: "" };
+				cmc.value += q.query[i - shift];
+				cmcsForTitleChars[i].push(cmc);
+			} else if (cmc) cmc = null;
+		}
+		const avgQueryWordLength = q.query.length / q.words.size;
+		const minMatchLength = Math.ceil(avgQueryWordLength ** .65);
+		const charScores = [];
+		for (let i = 0; i < cmcsForTitleChars.length; i++) {
+			const cmcs = cmcsForTitleChars[i];
+			let score = 0;
+			for (let j = 0; j < cmcs.length; j++) {
+				const cmc = cmcs[j];
+				if (cmc.value.length >= minMatchLength || q.words.has(cmc.value)) score += cmc.value.length;
+			}
+			charScores.push(score);
+		}
+		return charScores;
+	}
+}
+
+//#endregion
+exports.serializeSearchWorkerSrc = serializeSearchWorkerSrc;
+//# sourceMappingURL=src.cjs.map