@codecademy/brand 3.40.1-alpha.db88c958d7.0 → 4.0.0-alpha.0ae245495b.0

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

@@ -1,31 +1,26 @@
-import { PromiseLookup } from './PromiseLookup';
-import { serializeSearchWorkerSrc } from './src';
+import { PromiseLookup } from "./PromiseLookup.js";
+import { serializeSearchWorkerSrc } from "./src.js";
+
+//#region src/AppHeader/Search/SearchWorker/worker.ts
 const mockWorker = () => ({
-  onmessage: () => null,
-  postMessage: () => null
+	onmessage: () => null,
+	postMessage: () => null
 });
-export function createSearchWorker() {
-  const src = serializeSearchWorkerSrc();
-  const blob = new Blob([src], {
-    type: 'text/javascript'
-  });
-  const dataUrl = URL.createObjectURL?.(blob);
-  const w = typeof Worker === 'undefined' ? mockWorker() : new Worker(dataUrl);
-  const results = new PromiseLookup({
-    onKeyInit: (action, query) => w.postMessage({
-      action,
-      query
-    })
-  });
-  w.onmessage = ({
-    data
-  }) => {
-    const {
-      query,
-      result,
-      action
-    } = data;
-    results.resolve(action, query, result);
-  };
-  return (action, query) => results.get(action, query);
-}
+function createSearchWorker() {
+	const src = serializeSearchWorkerSrc();
+	const blob = new Blob([src], { type: "text/javascript" });
+	const dataUrl = URL.createObjectURL?.(blob);
+	const w = typeof Worker === "undefined" ? mockWorker() : new Worker(dataUrl);
+	const results = new PromiseLookup({ onKeyInit: (action, query) => w.postMessage({
+		action,
+		query
+	}) });
+	w.onmessage = ({ data }) => {
+		const { query, result, action } = data;
+		results.resolve(action, query, result);
+	};
+	return (action, query) => results.get(action, query);
+}
+
+//#endregion
+export { createSearchWorker };

package/dist/AppHeader/Search/consts.cjs

@@ -0,0 +1,68 @@
+
+//#region src/AppHeader/Search/consts.ts
+const searchPlaceholder = "What are you learning today?";
+const popularSearchTerms = [
+	"Artificial Intelligence",
+	"Data Science",
+	"Python",
+	"Web Development",
+	"HTML",
+	"Java"
+];
+let ContentType = /* @__PURE__ */ function(ContentType$1) {
+	ContentType$1["COURSE"] = "Course";
+	ContentType$1["SKILLPATH"] = "Skill Path";
+	ContentType$1["CAREERPATH"] = "Career Path";
+	ContentType$1["ARTICLE"] = "Article";
+	ContentType$1["DOC"] = "Doc";
+	return ContentType$1;
+}({});
+const popularContent = [
+	{
+		title: "Learn Python 3",
+		href: "/learn/learn-python-3",
+		type: ContentType.COURSE,
+		slug: "learn-python-3",
+		contentId: "6c152bd262967f8c941c9707ed636bda"
+	},
+	{
+		title: "Business Intelligence Data Analyst",
+		href: "/learn/paths/bi-data-analyst",
+		type: ContentType.CAREERPATH,
+		slug: "bi-data-analyst",
+		contentId: "d03c7391224540ef8f850f8807a2b72a"
+	},
+	{
+		title: "Code Foundations",
+		href: "/learn/paths/code-foundations",
+		type: ContentType.SKILLPATH,
+		slug: "code-foundations",
+		contentId: "5b55e668646caa552f8e4d1d"
+	},
+	{
+		title: "What is Programming?",
+		href: "/article/what-is-programming",
+		type: ContentType.ARTICLE,
+		slug: "what-is-programming"
+	},
+	{
+		title: "HTML | Elements",
+		href: "/resources/docs/html",
+		type: ContentType.DOC,
+		slug: "html/concepts/elements"
+	}
+];
+const ALLOWED_HOSTS = [
+	"skillsoft.com",
+	"percipio.com",
+	"localhost",
+	"codecademy.com",
+	"squads-dev.com"
+];
+
+//#endregion
+exports.ALLOWED_HOSTS = ALLOWED_HOSTS;
+exports.ContentType = ContentType;
+exports.popularContent = popularContent;
+exports.popularSearchTerms = popularSearchTerms;
+exports.searchPlaceholder = searchPlaceholder;

package/dist/AppHeader/Search/consts.d.cts

@@ -0,0 +1,26 @@
+//#region src/AppHeader/Search/consts.d.ts
+declare const searchPlaceholder = "What are you learning today?";
+declare const popularSearchTerms: string[];
+declare enum ContentType {
+  COURSE = "Course",
+  SKILLPATH = "Skill Path",
+  CAREERPATH = "Career Path",
+  ARTICLE = "Article",
+  DOC = "Doc",
+}
+declare const popularContent: ({
+  title: string;
+  href: string;
+  type: ContentType;
+  slug: string;
+  contentId: string;
+} | {
+  title: string;
+  href: string;
+  type: ContentType;
+  slug: string;
+  contentId?: undefined;
+})[];
+declare const ALLOWED_HOSTS: string[];
+//#endregion
+export { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder };

package/dist/AppHeader/Search/consts.d.ts

@@ -1,23 +1,26 @@
-export declare const searchPlaceholder = "What are you learning today?";
-export declare const popularSearchTerms: string[];
-export declare enum ContentType {
-    COURSE = "Course",
-    SKILLPATH = "Skill Path",
-    CAREERPATH = "Career Path",
-    ARTICLE = "Article",
-    DOC = "Doc"
+//#region src/AppHeader/Search/consts.d.ts
+declare const searchPlaceholder = "What are you learning today?";
+declare const popularSearchTerms: string[];
+declare enum ContentType {
+  COURSE = "Course",
+  SKILLPATH = "Skill Path",
+  CAREERPATH = "Career Path",
+  ARTICLE = "Article",
+  DOC = "Doc",
 }
-export declare const popularContent: ({
-    title: string;
-    href: string;
-    type: ContentType;
-    slug: string;
-    contentId: string;
+declare const popularContent: ({
+  title: string;
+  href: string;
+  type: ContentType;
+  slug: string;
+  contentId: string;
 } | {
-    title: string;
-    href: string;
-    type: ContentType;
-    slug: string;
-    contentId?: undefined;
+  title: string;
+  href: string;
+  type: ContentType;
+  slug: string;
+  contentId?: undefined;
 })[];
-export declare const ALLOWED_HOSTS: string[];
+declare const ALLOWED_HOSTS: string[];
+//#endregion
+export { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder };

package/dist/AppHeader/Search/consts.js

@@ -1,40 +1,63 @@
-export const searchPlaceholder = 'What are you learning today?';
-export const popularSearchTerms = ['Artificial Intelligence', 'Data Science', 'Python', 'Web Development', 'HTML', 'Java'];
-export let ContentType = /*#__PURE__*/function (ContentType) {
-  ContentType["COURSE"] = "Course";
-  ContentType["SKILLPATH"] = "Skill Path";
-  ContentType["CAREERPATH"] = "Career Path";
-  ContentType["ARTICLE"] = "Article";
-  ContentType["DOC"] = "Doc";
-  return ContentType;
+//#region src/AppHeader/Search/consts.ts
+const searchPlaceholder = "What are you learning today?";
+const popularSearchTerms = [
+	"Artificial Intelligence",
+	"Data Science",
+	"Python",
+	"Web Development",
+	"HTML",
+	"Java"
+];
+let ContentType = /* @__PURE__ */ function(ContentType$1) {
+	ContentType$1["COURSE"] = "Course";
+	ContentType$1["SKILLPATH"] = "Skill Path";
+	ContentType$1["CAREERPATH"] = "Career Path";
+	ContentType$1["ARTICLE"] = "Article";
+	ContentType$1["DOC"] = "Doc";
+	return ContentType$1;
 }({});
-export const popularContent = [{
-  title: 'Learn Python 3',
-  href: '/learn/learn-python-3',
-  type: ContentType.COURSE,
-  slug: 'learn-python-3',
-  contentId: '6c152bd262967f8c941c9707ed636bda'
-}, {
-  title: 'Business Intelligence Data Analyst',
-  href: '/learn/paths/bi-data-analyst',
-  type: ContentType.CAREERPATH,
-  slug: 'bi-data-analyst',
-  contentId: 'd03c7391224540ef8f850f8807a2b72a'
-}, {
-  title: 'Code Foundations',
-  href: '/learn/paths/code-foundations',
-  type: ContentType.SKILLPATH,
-  slug: 'code-foundations',
-  contentId: '5b55e668646caa552f8e4d1d'
-}, {
-  title: 'What is Programming?',
-  href: '/article/what-is-programming',
-  type: ContentType.ARTICLE,
-  slug: 'what-is-programming'
-}, {
-  title: 'HTML | Elements',
-  href: '/resources/docs/html',
-  type: ContentType.DOC,
-  slug: 'html/concepts/elements'
-}];
-export const ALLOWED_HOSTS = ['skillsoft.com', 'percipio.com', 'localhost', 'codecademy.com', 'squads-dev.com'];
+const popularContent = [
+	{
+		title: "Learn Python 3",
+		href: "/learn/learn-python-3",
+		type: ContentType.COURSE,
+		slug: "learn-python-3",
+		contentId: "6c152bd262967f8c941c9707ed636bda"
+	},
+	{
+		title: "Business Intelligence Data Analyst",
+		href: "/learn/paths/bi-data-analyst",
+		type: ContentType.CAREERPATH,
+		slug: "bi-data-analyst",
+		contentId: "d03c7391224540ef8f850f8807a2b72a"
+	},
+	{
+		title: "Code Foundations",
+		href: "/learn/paths/code-foundations",
+		type: ContentType.SKILLPATH,
+		slug: "code-foundations",
+		contentId: "5b55e668646caa552f8e4d1d"
+	},
+	{
+		title: "What is Programming?",
+		href: "/article/what-is-programming",
+		type: ContentType.ARTICLE,
+		slug: "what-is-programming"
+	},
+	{
+		title: "HTML | Elements",
+		href: "/resources/docs/html",
+		type: ContentType.DOC,
+		slug: "html/concepts/elements"
+	}
+];
+const ALLOWED_HOSTS = [
+	"skillsoft.com",
+	"percipio.com",
+	"localhost",
+	"codecademy.com",
+	"squads-dev.com"
+];
+
+//#endregion
+export { ALLOWED_HOSTS, ContentType, popularContent, popularSearchTerms, searchPlaceholder };

package/dist/AppHeader/Search/hooks/useUrlChangeDetection.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/AppHeader/Search/hooks/useUrlChangeDetection.ts
+const useUrlChangeDetection = ({ onUrlChange, getCurrentUrl = () => window.location?.href }) => {
+	const currentUrl = getCurrentUrl();
+	const prevUrlRef = (0, react.useRef)(currentUrl);
+	(0, react.useEffect)(() => {
+		if (prevUrlRef.current !== currentUrl) {
+			onUrlChange();
+			prevUrlRef.current = currentUrl;
+		}
+	}, [currentUrl, onUrlChange]);
+};
+
+//#endregion
+exports.useUrlChangeDetection = useUrlChangeDetection;

package/dist/AppHeader/Search/hooks/useUrlChangeDetection.js

@@ -1,14 +1,16 @@
-import { useEffect, useRef } from 'react';
-export const useUrlChangeDetection = ({
-  onUrlChange,
-  getCurrentUrl = () => window.location?.href
-}) => {
-  const currentUrl = getCurrentUrl();
-  const prevUrlRef = useRef(currentUrl);
-  useEffect(() => {
-    if (prevUrlRef.current !== currentUrl) {
-      onUrlChange();
-      prevUrlRef.current = currentUrl;
-    }
-  }, [currentUrl, onUrlChange]);
-};
+import { useEffect, useRef } from "react";
+
+//#region src/AppHeader/Search/hooks/useUrlChangeDetection.ts
+const useUrlChangeDetection = ({ onUrlChange, getCurrentUrl = () => window.location?.href }) => {
+	const currentUrl = getCurrentUrl();
+	const prevUrlRef = useRef(currentUrl);
+	useEffect(() => {
+		if (prevUrlRef.current !== currentUrl) {
+			onUrlChange();
+			prevUrlRef.current = currentUrl;
+		}
+	}, [currentUrl, onUrlChange]);
+};
+
+//#endregion
+export { useUrlChangeDetection };

package/dist/AppHeader/Search/safelyRedirect.cjs

@@ -0,0 +1,39 @@
+const require_consts = require('./consts.cjs');
+
+//#region src/AppHeader/Search/safelyRedirect.ts
+/**
+* fork of @mono/util-url/src/safelyRedirect.ts, since
+* the build script doesn't resolve @mono dependencies
+*/
+function safelyRedirect(url) {
+	try {
+		const sanitizedURL = sanitizeURL(url);
+		if (isRelativeUrl(sanitizedURL) || hasAllowedHost(sanitizedURL)) window.location.assign(sanitizedURL);
+		else throw new Error(`Invalid redirect url: ${sanitizedURL}`);
+	} catch (error) {}
+}
+function hasAllowedHost(url) {
+	const { hostname } = new URL(url);
+	return require_consts.ALLOWED_HOSTS.some((host) => hostname === host || hostname.endsWith(`.${host}`));
+}
+function isRelativeUrl(url) {
+	try {
+		return new URL(url) === void 0;
+	} catch (error) {
+		return true;
+	}
+}
+function sanitizeURL(url) {
+	const [path, params] = url.split("?", 2);
+	const sanitizedPath = encodeURI(decodeURI(path));
+	if (!params) return sanitizedPath;
+	const urlParams = new URLSearchParams(params);
+	urlParams.forEach((value, key) => {
+		const decoded = decodeURIComponent(value);
+		urlParams.set(key, decoded);
+	});
+	return `${sanitizedPath}?${urlParams.toString()}`;
+}
+
+//#endregion
+exports.safelyRedirect = safelyRedirect;

package/dist/AppHeader/Search/safelyRedirect.js

@@ -1,49 +1,39 @@
-/**
- * fork of @mono/util-url/src/safelyRedirect.ts, since
- * the build script doesn't resolve @mono dependencies
- */
+import { ALLOWED_HOSTS } from "./consts.js";
 
-import { ALLOWED_HOSTS } from './consts';
-export function safelyRedirect(url) {
-  try {
-    const sanitizedURL = sanitizeURL(url);
-    if (isRelativeUrl(sanitizedURL) || hasAllowedHost(sanitizedURL)) {
-      window.location.assign(sanitizedURL);
-    } else {
-      throw new Error(`Invalid redirect url: ${sanitizedURL}`);
-    }
-  } catch (error) {}
+//#region src/AppHeader/Search/safelyRedirect.ts
+/**
+* fork of @mono/util-url/src/safelyRedirect.ts, since
+* the build script doesn't resolve @mono dependencies
+*/
+function safelyRedirect(url) {
+	try {
+		const sanitizedURL = sanitizeURL(url);
+		if (isRelativeUrl(sanitizedURL) || hasAllowedHost(sanitizedURL)) window.location.assign(sanitizedURL);
+		else throw new Error(`Invalid redirect url: ${sanitizedURL}`);
+	} catch (error) {}
 }
 function hasAllowedHost(url) {
-  const parsedUrl = new URL(url);
-  const {
-    hostname
-  } = parsedUrl;
-  return ALLOWED_HOSTS.some(host =>
-  // Exact match or exact subdomain match (e.g. sub.codecademy.com)
-  hostname === host || hostname.endsWith(`.${host}`));
+	const { hostname } = new URL(url);
+	return ALLOWED_HOSTS.some((host) => hostname === host || hostname.endsWith(`.${host}`));
 }
-
-// when a url is relative, the URL constructor will throw a TypeError;
 function isRelativeUrl(url) {
-  try {
-    const parsedUrl = new URL(url);
-    return parsedUrl === undefined;
-  } catch (error) {
-    return true;
-  }
+	try {
+		return new URL(url) === void 0;
+	} catch (error) {
+		return true;
+	}
 }
-
-// supports already encoded urls by decoding and re-encoding.
-// params are handled separately to allow for the encoding of / characters
 function sanitizeURL(url) {
-  const [path, params] = url.split('?', 2);
-  const sanitizedPath = encodeURI(decodeURI(path));
-  if (!params) return sanitizedPath;
-  const urlParams = new URLSearchParams(params);
-  urlParams.forEach((value, key) => {
-    const decoded = decodeURIComponent(value);
-    urlParams.set(key, decoded);
-  });
-  return `${sanitizedPath}?${urlParams.toString()}`;
-}
+	const [path, params] = url.split("?", 2);
+	const sanitizedPath = encodeURI(decodeURI(path));
+	if (!params) return sanitizedPath;
+	const urlParams = new URLSearchParams(params);
+	urlParams.forEach((value, key) => {
+		const decoded = decodeURIComponent(value);
+		urlParams.set(key, decoded);
+	});
+	return `${sanitizedPath}?${urlParams.toString()}`;
+}
+
+//#endregion
+export { safelyRedirect };

package/dist/AppHeader/Search/types.d.cts

@@ -0,0 +1,14 @@
+//#region src/AppHeader/Search/types.d.ts
+
+interface onTrackingClick {
+  onTrackingClick: (target: string, extraTrackingProps?: Record<string, string>) => void;
+}
+interface OnSearch {
+  onSearch: (query: string, fromPrevSearch?: string) => void;
+  onSearchAsYouType?: (query: string, searchId: string, resultsCount: number, queryLoadTime: number) => void;
+}
+interface AppHeaderSearch extends OnSearch, onTrackingClick {
+  onEnable: () => void;
+}
+//#endregion
+export { AppHeaderSearch };

package/dist/AppHeader/Search/types.d.ts

@@ -1,24 +1,16 @@
-import { ButtonBaseElements } from '@codecademy/gamut';
-import { Dispatch, SetStateAction } from 'react';
+import "@codecademy/gamut";
+import "react";
+
+//#region src/AppHeader/Search/types.d.ts
 interface onTrackingClick {
-    onTrackingClick: (target: string, extraTrackingProps?: Record<string, string>) => void;
+  onTrackingClick: (target: string, extraTrackingProps?: Record<string, string>) => void;
 }
 interface OnSearch {
-    onSearch: (query: string, fromPrevSearch?: string) => void;
-    onSearchAsYouType?: (query: string, searchId: string, resultsCount: number, queryLoadTime: number) => void;
+  onSearch: (query: string, fromPrevSearch?: string) => void;
+  onSearchAsYouType?: (query: string, searchId: string, resultsCount: number, queryLoadTime: number) => void;
 }
-interface ToggleSearch {
-    toggleSearch: () => void;
-    searchButtonRef: React.RefObject<ButtonBaseElements>;
+interface AppHeaderSearch extends OnSearch, onTrackingClick {
+  onEnable: () => void;
 }
-export interface AppHeaderSearch extends OnSearch, onTrackingClick {
-    onEnable: () => void;
-}
-export interface SearchButtonProps extends ToggleSearch {
-    isSearchVisible: boolean;
-    setIsSearchVisible: Dispatch<SetStateAction<boolean>>;
-    onSearchAsYouType?: OnSearch['onSearchAsYouType'];
-}
-export interface SearchPaneProps extends OnSearch, ToggleSearch, onTrackingClick {
-}
-export {};
+//#endregion
+export { AppHeaderSearch };

package/dist/AppHeader/Search/useHeaderSearch.cjs

@@ -0,0 +1,39 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_elements = require('../shared/elements.cjs');
+const require_SearchButton = require('./SearchButton.cjs');
+const require_SearchPane = require('./SearchPane.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/AppHeader/Search/useHeaderSearch.tsx
+const useHeaderSearch = ({ onEnable, onSearch, onTrackingClick, onSearchAsYouType }) => {
+	const [isSearchVisible, setIsSearchVisible] = (0, react.useState)(false);
+	const searchButtonRef = (0, react.useRef)(null);
+	const toggleSearch = () => {
+		if (!isSearchVisible) onEnable();
+		setIsSearchVisible((oldIsSearchVisible) => !oldIsSearchVisible);
+	};
+	return [{
+		id: "search",
+		type: "render-element",
+		renderElement: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchButton.SearchButton, {
+			isSearchVisible,
+			setIsSearchVisible,
+			toggleSearch,
+			searchButtonRef,
+			onSearchAsYouType
+		})
+	}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.AnimatedHeaderZone, {
+		visible: isSearchVisible,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchPane.SearchPane, {
+			onSearch,
+			onTrackingClick,
+			toggleSearch,
+			searchButtonRef,
+			onSearchAsYouType
+		})
+	}, "search-content")];
+};
+
+//#endregion
+exports.useHeaderSearch = useHeaderSearch;

package/dist/AppHeader/Search/useHeaderSearch.js

@@ -1,40 +1,38 @@
-import { useRef, useState } from 'react';
-import { AnimatedHeaderZone } from '../shared';
-import { SearchButton } from './SearchButton';
-import { SearchPane } from './SearchPane';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const useHeaderSearch = ({
-  onEnable,
-  onSearch,
-  onTrackingClick,
-  onSearchAsYouType
-}) => {
-  const [isSearchVisible, setIsSearchVisible] = useState(false);
-  const searchButtonRef = useRef(null);
-  const toggleSearch = () => {
-    if (!isSearchVisible) {
-      onEnable();
-    }
-    setIsSearchVisible(oldIsSearchVisible => !oldIsSearchVisible);
-  };
-  return [{
-    id: 'search',
-    type: 'render-element',
-    renderElement: () => /*#__PURE__*/_jsx(SearchButton, {
-      isSearchVisible: isSearchVisible,
-      setIsSearchVisible: setIsSearchVisible,
-      toggleSearch: toggleSearch,
-      searchButtonRef: searchButtonRef,
-      onSearchAsYouType: onSearchAsYouType
-    })
-  }, /*#__PURE__*/_jsx(AnimatedHeaderZone, {
-    visible: isSearchVisible,
-    children: /*#__PURE__*/_jsx(SearchPane, {
-      onSearch: onSearch,
-      onTrackingClick: onTrackingClick,
-      toggleSearch: toggleSearch,
-      searchButtonRef: searchButtonRef,
-      onSearchAsYouType: onSearchAsYouType
-    })
-  }, "search-content")];
-};
+import { AnimatedHeaderZone } from "../shared/elements.js";
+import { SearchButton } from "./SearchButton.js";
+import { SearchPane } from "./SearchPane.js";
+import { useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/AppHeader/Search/useHeaderSearch.tsx
+const useHeaderSearch = ({ onEnable, onSearch, onTrackingClick, onSearchAsYouType }) => {
+	const [isSearchVisible, setIsSearchVisible] = useState(false);
+	const searchButtonRef = useRef(null);
+	const toggleSearch = () => {
+		if (!isSearchVisible) onEnable();
+		setIsSearchVisible((oldIsSearchVisible) => !oldIsSearchVisible);
+	};
+	return [{
+		id: "search",
+		type: "render-element",
+		renderElement: () => /* @__PURE__ */ jsx(SearchButton, {
+			isSearchVisible,
+			setIsSearchVisible,
+			toggleSearch,
+			searchButtonRef,
+			onSearchAsYouType
+		})
+	}, /* @__PURE__ */ jsx(AnimatedHeaderZone, {
+		visible: isSearchVisible,
+		children: /* @__PURE__ */ jsx(SearchPane, {
+			onSearch,
+			onTrackingClick,
+			toggleSearch,
+			searchButtonRef,
+			onSearchAsYouType
+		})
+	}, "search-content")];
+};
+
+//#endregion
+export { useHeaderSearch };