Player profile: Progression tab, reward track, profile links and sharing, and end-of-game rewards

packages/shared/src/ApiSchemas.ts

@@ -109,6 +109,11 @@ export const RewardSchema = z.object({
   amount: z.string(),
   reason: z.string(),
   note: z.string().nullable(),
+  // On a level reward (`level_up` / `level_milestone`): the level it was
+  // paid for, and the prestige run it was reached in. Absent on every other
+  // reward, and on an API that predates them.
+  level: z.number().optional(),
+  prestige: z.number().optional(),
   // Why the reward can't be claimed yet; absent when it can. "trust": level
   // Plutonium, kept until the account is trusted. Any other non-empty value is
   // a hold this client doesn't know yet, and still reads as held: an unknown
@@ -207,6 +212,34 @@ export const XpBreakdownSchema = z.object({
 });
 export type XpBreakdown = z.infer<typeof XpBreakdownSchema>;
 
+// A level reward one game earned (GET /users/@me/xp/:gameId `rewards`).
+export const GameXpRewardSchema = RewardSchema.extend({
+  prestige: z.number(),
+  level: z.number(),
+  claimed: z.boolean(),
+});
+export type GameXpReward = z.infer<typeof GameXpRewardSchema>;
+
+// A flare one game unlocked from the level track: a level's (`prestige` and
+// `level` are the run and level crossed) or Legend's (both null). `kind`
+// stays a string so a new kind never fails the parse.
+export const GameXpFlareSchema = z.object({
+  kind: z.string(),
+  prestige: z.number().nullable(),
+  level: z.number().nullable(),
+  flareId: z.string(),
+  flareName: z.string(),
+  // The cosmetic behind the flare, when it is one.
+  cosmetic: z
+    .object({
+      type: z.string(),
+      name: z.string(),
+      url: z.string().nullable(),
+    })
+    .nullable(),
+});
+export type GameXpFlare = z.infer<typeof GameXpFlareSchema>;
+
 // GET /users/@me/xp/:gameId — the XP a finished game awarded the caller. 404
 // until the game has been processed. `reason` is open-ended server-side, so it
 // stays a string: an unknown reason shows a generic line, never a parse error.
@@ -221,6 +254,14 @@ export const GameXpEligibleSchema = z.object({
     .array(z.object({ prestige: z.number(), level: z.number() }))
     .optional()
     .default([]),
+  // What the levels this game crossed paid: one entry per grant, in level
+  // order, Caps before Plutonium. `id` is the reward to claim while
+  // `claimed` is false. Optional (an API without it still parses), and a
+  // malformed list reads as absent rather than failing the result.
+  rewards: z.array(GameXpRewardSchema).optional().catch(undefined),
+  // The cosmetics this game unlocked from the level track (already granted:
+  // nothing to claim). Same leniency as `rewards`.
+  flares: z.array(GameXpFlareSchema).optional().catch(undefined),
 });
 export const GameXpIneligibleSchema = z.object({
   gameId: z.string(),
@@ -246,6 +287,21 @@ export const PublicProgressSchema = z.object({
   // is left out.
   xpInLevel: z.number().optional(),
   xpForNext: z.number().optional(),
+  // For the profile's Progression tab. Optional, and a malformed list reads
+  // as absent rather than failing the whole response (the level still shows).
+  // When each prestige rank was entered (ISO dates), ordered by rank.
+  prestigeHistory: z
+    .array(z.object({ rank: z.number(), at: z.string() }))
+    .optional()
+    .catch(undefined),
+  // The first time each milestone level (10/25/50/75/100) was reached in each
+  // prestige run (ISO dates), ordered by run then level.
+  milestones: z
+    .array(
+      z.object({ prestige: z.number(), level: z.number(), at: z.string() }),
+    )
+    .optional()
+    .catch(undefined),
 });
 export type PublicProgress = z.infer<typeof PublicProgressSchema>;
 

resources/lang/en.json

@@ -126,6 +126,7 @@
     "tab_clans": "Clans",
     "tab_friends": "Friends",
     "tab_games": "Games",
+    "tab_progression": "Progression",
     "tab_stats": "Stats",
     "title": "Account",
     "unclaimed_rewards": "Unclaimed Rewards",
@@ -1741,12 +1742,28 @@
     "troops": "Troops"
   },
   "player_profile": {
+    "current_run": "Current run",
+    "current_run_prestige": "Current run · Prestige {prestige}",
+    "first_run": "First run",
+    "legend_run": "Legend · Prestige {prestige}",
     "loading": "Loading profile...",
+    "milestone_not_yet": "Not yet",
+    "milestones": "Milestones",
     "no_clans": "This player isn't in any clans.",
-    "not_found": "Player profile not found",
+    "no_prestige": "Hasn't prestiged yet",
+    "not_found_body": "We couldn't find a player at this link. It may be mistyped, or the account may have been deleted.",
+    "not_found_title": "Player not found",
+    "play": "Play OpenFront",
+    "prestige_history": "Prestige history",
     "share": "Share Profile",
+    "share_copy_link": "Copy link",
+    "share_discord": "Copy for Discord",
+    "share_native": "Share",
+    "share_text": "Check out {name}'s profile on OpenFront",
+    "share_x": "Share on X",
     "title": "Player Profile",
-    "view": "View Profile"
+    "view": "View Profile",
+    "view_leaderboard": "View leaderboard"
   },
   "player_stats_table": {
     "arrived": "Arrived",
@@ -1849,6 +1866,7 @@
     "keep_holding": "Keep holding…",
     "load_failed": "Couldn't open Prestige. Check your connection and try again.",
     "ready": "Level 100! Until you prestige, XP only adds to your lifetime total.",
+    "share_text": "I just reached Prestige {rank} on OpenFront!",
     "stale": "Your level changed since this page loaded, so your account has been refreshed.",
     "stale_failed": "Your level changed since this page loaded. Reload the page to see where you are.",
     "submitting": "Prestiging…",
@@ -1935,9 +1953,24 @@
     "reconcile_other": "The final figure differs from the provisional one.",
     "reconcile_reconnect": "An opponent who had disconnected came back, so they don't count as outlasted.",
     "reconcile_team_win": "Your team won: the win bonus was added.",
+    "rewards_balance": "Balance {caps} Caps · {plutonium} Plutonium",
+    "rewards_balance_caps": "Balance {caps} Caps",
+    "rewards_claimed": "Claimed",
+    "rewards_claiming": "Claiming",
+    "rewards_each": "({count} × {amount})",
+    "rewards_level_many": "Level {level} rewards",
+    "rewards_level_one": "Level {level} reward",
+    "rewards_levels": "Levels {from}–{to}",
+    "share_moment_legend": "Share Legend",
+    "share_moment_level": "Share Level {level}",
+    "share_text_legend": "I just became a Legend on OpenFront!",
+    "share_text_level": "I just reached Level {level} on OpenFront!",
     "sign_in_to_earn": "Sign in to earn XP and level up.",
     "skip_reveal": "Skip",
     "tap_to_skip": "Tap to skip",
+    "unlock_in_locker": "{type} · in your Locker",
+    "unlocked": "Unlocked",
+    "unlocked_cosmetic": "Cosmetic",
     "xp_bar_label": "Level progress",
     "xp_before_levels": "Played before levels existed, so there's no XP for this game.",
     "xp_confirmed": "XP confirmed",
@@ -2042,6 +2075,33 @@
     "unavailable_unreachable": "The game could not be downloaded. Check your connection and try again.",
     "watch_classic": "Watch the old replay instead"
   },
+  "reward_track": {
+    "after_level": "After level {level}",
+    "caps_amount": "{amount} Caps",
+    "claim_caps": "+{amount} Caps",
+    "claim_count": "{count, plural, one {# level reward to claim} other {# level rewards to claim}}",
+    "claim_plutonium": "+{amount} Plutonium",
+    "earlier": "Earlier levels",
+    "key_claimed": "Claimed",
+    "key_locked": "Locked",
+    "key_ready": "Ready to claim",
+    "later": "Later levels",
+    "legend_reward": "Legend reward",
+    "legend_sub": "The top of the track",
+    "levels_label": "Levels and their rewards",
+    "plus": "+{amount}",
+    "prestige_reward": "Prestige {rank} reward",
+    "strip_end_legend": "{level} → Legend",
+    "strip_end_prestige": "{level} → P{rank}",
+    "strip_label": "Levels 1 to {max}. Choose a level to show it on the track.",
+    "strip_level": "Level {level}",
+    "strip_start": "Lv 1",
+    "strip_value": "Showing levels {lo} to {hi}",
+    "strip_you": "You · {level}",
+    "title": "Reward track · Prestige {prestige}",
+    "title_first_run": "Reward track · First run",
+    "you": "You"
+  },
   "rewards_modal": {
     "title": "Rewards"
   },

src/client/AccountModal.ts

@@ -218,6 +218,7 @@ export class AccountModal extends BaseModal {
         <div class="p-6">${this.renderTab(tab)}</div>
       </div>
       <prestige-flow
+        .publicId=${this.userMeResponse?.player?.publicId ?? ""}
         @prestiged=${this.handlePrestiged}
         @prestige-stale=${this.handlePrestigeStale}
       ></prestige-flow>