add challenges, update landing pages

assets/js/app.ts

@@ -635,6 +635,167 @@ const Hooks = {
       });
     },
   },
+  CompensationStrengthIndicator: {
+    mounted() {
+      const input = this.el.querySelector("input[type='text']");
+      const strengthBar = this.el.querySelector("[data-strength-bar]");
+      const strengthLabel = this.el.querySelector("[data-strength-label]");
+
+      if (!input || !strengthBar || !strengthLabel) return;
+
+      const minAmount = 50000;
+
+      const expandShorthand = (value: string): string => {
+        const trimmed = value.trim().toLowerCase();
+
+        // Handle 'k' for thousands (e.g., "100k" -> "100000")
+        if (trimmed.endsWith("k")) {
+          const number = parseFloat(trimmed.slice(0, -1));
+          if (!isNaN(number)) {
+            return Math.floor(number * 1000).toString();
+          }
+        }
+
+        // Handle 'm' for millions (e.g., "1m" -> "1000000")
+        if (trimmed.endsWith("m")) {
+          const number = parseFloat(trimmed.slice(0, -1));
+          if (!isNaN(number)) {
+            return Math.floor(number * 1000000).toString();
+          }
+        }
+
+        // Return just the digits if no shorthand
+        return value.replace(/[^0-9]/g, "");
+      };
+
+      const formatWithCommas = (value: string): string => {
+        // First expand any shorthand notation
+        const expanded = expandShorthand(value);
+        // Add commas for thousands separators
+        return expanded.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      };
+
+      const updateStrength = () => {
+        const value = expandShorthand(input.value);
+        const amount = parseInt(value) || 0;
+
+        let strength = 0;
+        let label = "";
+        let color = "bg-gray-200";
+
+        if (amount >= 500000) {
+          strength = 99;
+          label = "Big D Energy";
+          color = "bg-emerald-500";
+        } else if (amount >= 400000) {
+          strength = 90;
+          label = "Baller Status";
+          color = "bg-emerald-500";
+        } else if (amount >= 300000) {
+          strength = 80;
+          label = "High Roller";
+          color = "bg-emerald-500";
+        } else if (amount >= 200000) {
+          strength = 70;
+          label = "Big League";
+          color = "bg-emerald-500";
+        } else if (amount >= 150000) {
+          strength = 60;
+          label = "Major League";
+          color = "bg-emerald-500";
+        } else if (amount >= 100000) {
+          strength = 50;
+          label = "Six Figures";
+          color = "bg-emerald-500";
+        } else if (amount >= 75000) {
+          strength = 40;
+          label = "Solid Pay";
+          color = "bg-emerald-500";
+        } else if (amount >= minAmount) {
+          strength = 30;
+          label = "Decent";
+          color = "bg-emerald-500";
+        }
+
+        // Update strength bar
+        strengthBar.style.width = `${strength}%`;
+        strengthBar.className = `h-2 rounded-full transition-all duration-300 ${color}`;
+
+        // Show/hide the entire indicator section
+        const indicatorSection = strengthBar.closest(".mt-2");
+        if (amount >= minAmount) {
+          indicatorSection.style.display = "block";
+        } else {
+          indicatorSection.style.display = "none";
+        }
+
+        // Update label
+        strengthLabel.textContent = label;
+        strengthLabel.className = `text-sm font-medium transition-colors duration-300 ${
+          strength >= 80
+            ? "text-emerald-500"
+            : strength >= 60
+            ? "text-emerald-500"
+            : strength >= 40
+            ? "text-emerald-500"
+            : strength >= 20
+            ? "text-emerald-500"
+            : "text-gray-600"
+        }`;
+      };
+
+      const handleInput = (e: Event) => {
+        const target = e.target as HTMLInputElement;
+        const cursorPosition = target.selectionStart || 0;
+        const oldValue = target.value;
+
+        // Check if user just typed 'k' or 'm' to trigger expansion
+        const shouldExpand =
+          oldValue.toLowerCase().endsWith("k") ||
+          oldValue.toLowerCase().endsWith("m");
+
+        let formattedValue: string;
+        let newCursorPosition = cursorPosition;
+
+        if (shouldExpand) {
+          // Expand shorthand and format with commas
+          formattedValue = formatWithCommas(oldValue);
+          // Place cursor at the end after expansion
+          newCursorPosition = formattedValue.length;
+        } else {
+          // Just format with commas, preserving user input
+          const digitsOnly = oldValue.replace(/[^0-9]/g, "");
+          formattedValue = digitsOnly.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+
+          // Adjust cursor position to account for added/removed commas
+          const oldCommas = (oldValue.match(/,/g) || []).length;
+          const newCommas = (formattedValue.match(/,/g) || []).length;
+          newCursorPosition = cursorPosition + (newCommas - oldCommas);
+        }
+
+        // Only update if the value changed to prevent cursor jumping
+        if (oldValue !== formattedValue) {
+          target.value = formattedValue;
+
+          // Set cursor position after the DOM updates
+          setTimeout(() => {
+            target.setSelectionRange(newCursorPosition, newCursorPosition);
+          }, 0);
+        }
+
+        updateStrength();
+      };
+
+      input.addEventListener("input", handleInput);
+      input.addEventListener("keyup", updateStrength);
+
+      // Initial formatting and update
+      if (input.value) {
+        input.value = formatWithCommas(input.value);
+      }
+      updateStrength();
+    },
+  },
 } satisfies Record<string, Partial<ViewHook> & Record<string, unknown>>;
 
 // Accessible focus handling

lib/algora/accounts/schemas/user.ex

@@ -25,6 +25,8 @@ defmodule Algora.Accounts.User do
 
     field :type, Ecto.Enum, values: [:individual, :organization, :bot], default: :individual
     field :email, :string
+    field :internal_email, :string
+    field :internal_notes, :string
     field :name, :string
     field :display_name, :string
     field :handle, :string
@@ -62,6 +64,13 @@ defmodule Algora.Accounts.User do
     field :min_compensation, Money
     field :willing_to_relocate, :boolean, default: false
     field :us_work_authorization, :boolean, default: false
+    field :preferences, :string
+
+    field :refer_to_company, :boolean, default: false
+    field :company_domain, :string
+    field :friends_recommendations, :boolean, default: false
+    field :friends_github_handles, :string
+    field :opt_out_algora, :boolean, default: false
 
     field :total_earned, Money, virtual: true
     field :transactions_count, :integer, virtual: true
@@ -402,10 +411,22 @@ defmodule Algora.Accounts.User do
       :us_work_authorization,
       :linkedin_url,
       :twitter_url,
-      :location
+      :youtube_url,
+      :website_url,
+      :location,
+      :preferences,
+      :internal_email,
+      :internal_notes,
+      :refer_to_company,
+      :company_domain,
+      :friends_recommendations,
+      :friends_github_handles,
+      :opt_out_algora
     ])
     |> validate_url(:linkedin_url)
     |> validate_url(:twitter_url)
+    |> validate_url(:youtube_url)
+    |> validate_url(:website_url)
   end
 
   defp validate_url(changeset, field) do

lib/algora/application.ex

@@ -23,6 +23,7 @@ defmodule Algora.Application do
       Algora.Github.Poller.RootSupervisor,
       Algora.ScreenshotQueue,
       Algora.RateLimit,
+      AlgoraWeb.Data.HomeCache,
       # Start to serve requests, typically the last entry
       AlgoraWeb.Endpoint,
       Algora.Stargazer,

lib/algora/mailer.ex

@@ -37,12 +37,7 @@ defmodule Algora.Mailer do
         </xml><![endif]-->
       </head>
       <body style="margin: 0; padding: 0; min-width: 100%; background-color: #ffffff;">
-        <div class="preheader" style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
-          #{opts[:preheader]}
-        </div>
-        <div style="display: none; max-height: 0px; overflow: hidden;">
-          &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy;
-        </div>
+       #{preheader_section(opts[:preheader])}
         <div style="background-color: #ffffff; box-sizing: border-box; display: block; padding: 0;">
           <table cellpadding="0" cellspacing="0" width="100%">
             <tr>
@@ -123,4 +118,16 @@ defmodule Algora.Mailer do
   defp html_section_by_type(_, text) do
     text
   end
+
+  defp preheader_section(nil), do: ""
+
+  defp preheader_section(preheader),
+    do: """
+    <div class="preheader" style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
+      #{preheader}
+    </div>
+    <div style="display: none; max-height: 0px; overflow: hidden;">
+      &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy; &#847; &zwnj; &nbsp; &#8199; &shy;
+    </div>
+    """
 end

lib/algora/psp/connect_countries.ex

@@ -136,6 +136,15 @@ defmodule Algora.PSP.ConnectCountries do
     end
   end
 
+  def abbr_from_code("US"), do: "US"
+
+  def abbr_from_code(code) do
+    case Enum.find(list(), &(elem(&1, 1) == code)) do
+      nil -> code
+      {name, _} -> name
+    end
+  end
+
   @spec list_codes() :: [String.t()]
   def list_codes, do: Enum.map(list(), &elem(&1, 1))
 

lib/algora/settings/settings.ex

@@ -106,44 +106,69 @@ defmodule Algora.Settings do
     opts = Keyword.put_new(opts, :limit, 1000)
 
     case get("job_matches:#{job.id}") do
+      %{"matches_2" => matches} when is_list(matches) ->
+        matches
+        |> Enum.map(fn %{"user_id" => id} -> %{user_id: id} end)
+        |> load_matches_2()
+
       %{"matches" => matches} when is_list(matches) ->
         matches
         |> load_matches()
         |> Enum.take(opts[:limit])
 
       _ ->
-        [
-          tech_stack: job.tech_stack,
-          email_required: false,
-          sort_by:
-            case get_job_criteria(job) do
-              criteria when map_size(criteria) > 0 -> criteria
-              _ -> [{"solver", true}]
-            end
-        ]
-        |> Keyword.merge(opts)
-        |> Algora.Cloud.list_top_matches()
-        |> load_matches_2()
+        matches =
+          [
+            tech_stack: job.tech_stack,
+            email_required: false,
+            sort_by:
+              case get_job_criteria(job) do
+                criteria when map_size(criteria) > 0 -> criteria
+                _ -> [{"solver", true}]
+              end
+          ]
+          |> Keyword.merge(opts)
+          |> Algora.Cloud.list_top_matches()
+
+        # Cache the raw matches for future calls
+        _count = get_job_matches_count(job, opts)
+        set_job_matches_2(job.id, matches)
+
+        load_matches_2(matches)
     end
   end
 
+  def set_job_matches_count(job_id, count) when is_binary(job_id) and is_integer(count) do
+    set("job_matches_count:#{job_id}", %{"count" => count})
+  end
+
   def get_job_matches_count(job, opts \\ []) do
-    case get("job_matches:#{job.id}") do
-      %{"matches" => matches} when is_list(matches) ->
-        length(matches)
+    case get("job_matches_count:#{job.id}") do
+      %{"count" => count} when is_integer(count) ->
+        count
 
       _ ->
-        [
-          tech_stack: job.tech_stack,
-          email_required: false,
-          sort_by:
-            case get_job_criteria(job) do
-              criteria when map_size(criteria) > 0 -> criteria
-              _ -> [{"solver", true}]
-            end
-        ]
-        |> Keyword.merge(opts)
-        |> Algora.Cloud.count_top_matches()
+        count =
+          case get("job_matches:#{job.id}") do
+            %{"matches" => matches} when is_list(matches) ->
+              length(matches)
+
+            _ ->
+              [
+                tech_stack: job.tech_stack,
+                email_required: false,
+                sort_by:
+                  case get_job_criteria(job) do
+                    criteria when map_size(criteria) > 0 -> criteria
+                    _ -> [{"solver", true}]
+                  end
+              ]
+              |> Keyword.merge(opts)
+              |> Algora.Cloud.count_top_matches()
+          end
+
+        set_job_matches_count(job.id, count)
+        count
     end
   end
 
@@ -182,6 +207,10 @@ defmodule Algora.Settings do
     set("job_matches:#{job_id}", %{"matches" => matches})
   end
 
+  def set_job_matches_2(job_id, matches) when is_binary(job_id) and is_list(matches) do
+    set("job_matches:#{job_id}", %{"matches_2" => matches})
+  end
+
   def get_tech_matches(tech) do
     case get("tech_matches:#{String.downcase(tech)}") do
       %{"matches" => matches} when is_list(matches) -> load_matches(matches)