Feature: Modal to allow users to list directly from inventory to CSFloat

src/lib/bridge/handlers/fetch_recommended_price.ts

@@ -0,0 +1,17 @@
+import {SimpleHandler} from './main';
+import {RequestType} from './types';
+import {gPriceFetcher} from '../../services/price_fetcher';
+
+export interface FetchRecommendedPriceRequest {
+    market_hash_name: string;
+    paint_index?: number;
+}
+
+export interface FetchRecommendedPriceResponse {
+    price: number;
+}
+
+export const FetchRecommendedPrice = new SimpleHandler<FetchRecommendedPriceRequest, FetchRecommendedPriceResponse>(
+    RequestType.FETCH_RECOMMENDED_PRICE,
+    async (req) => ({price: await gPriceFetcher.fetch(req.market_hash_name, req.paint_index)})
+);

src/lib/bridge/handlers/handlers.ts

@@ -27,6 +27,8 @@ import {FetchSteamTrades} from './fetch_steam_trades';
 import {FetchBlockedUsers} from './fetch_blocked_users';
 import {PingBlockedUsers} from './ping_blocked_users';
 import {FetchBluegem} from './fetch_bluegem';
+import {ListItem} from './list_item';
+import {FetchRecommendedPrice} from './fetch_recommended_price';
 
 export const HANDLERS_MAP: {[key in RequestType]: RequestHandler<any, any>} = {
     [RequestType.EXECUTE_SCRIPT_ON_PAGE]: ExecuteScriptOnPage,
@@ -56,4 +58,6 @@ export const HANDLERS_MAP: {[key in RequestType]: RequestHandler<any, any>} = {
     [RequestType.FETCH_BLOCKED_USERS]: FetchBlockedUsers,
     [RequestType.PING_BLOCKED_USERS]: PingBlockedUsers,
     [RequestType.FETCH_BLUEGEM]: FetchBluegem,
+    [RequestType.LIST_ITEM]: ListItem,
+    [RequestType.FETCH_RECOMMENDED_PRICE]: FetchRecommendedPrice,
 };

src/lib/bridge/handlers/list_item.ts

@@ -0,0 +1,61 @@
+import {SimpleHandler} from './main';
+import {RequestType} from './types';
+import {environment} from '../../../environment';
+import {CSFError, CSFErrorCode} from '../../utils/errors';
+
+type ListingType = 'buy_now' | 'auction';
+
+interface BaseListItemRequest {
+    asset_id: string;
+    type: ListingType;
+    description?: string;
+    private?: boolean;
+}
+
+interface BuyNowListItemRequest extends BaseListItemRequest {
+    type: 'buy_now';
+    price: number;
+    max_offer_discount?: number;
+}
+
+interface AuctionListItemRequest extends BaseListItemRequest {
+    type: 'auction';
+    reserve_price: number;
+    duration_days: 1 | 3 | 5 | 7 | 14;
+}
+
+type ListItemRequest = BuyNowListItemRequest | AuctionListItemRequest;
+
+interface ListItemResponse {
+    success: boolean;
+    error?: string;
+    id?: string;
+}
+
+export const ListItem = new SimpleHandler<ListItemRequest, ListItemResponse>(RequestType.LIST_ITEM, async (req) => {
+    const response = await fetch(`${environment.csfloat_base_api_url}/v1/listings`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(req),
+        credentials: 'include',
+    });
+
+    if (!response.ok) {
+        // Error comes with this body format: { message: string, code: number }
+        const error = await response.json();
+        if (response.status === 401) {
+            // This is here for normalized auth errors across all handlers
+            throw new CSFError(CSFErrorCode.NOT_AUTHENTICATED);
+        }
+
+        throw new Error(`Failed to List Item: ${error.message} - ${error.code}`);
+    }
+
+    const data = await response.json();
+    return {
+        success: true,
+        id: data.id,
+    };
+});

src/lib/bridge/handlers/types.ts

@@ -26,4 +26,6 @@ export enum RequestType {
     FETCH_BLOCKED_USERS = 24,
     PING_BLOCKED_USERS = 25,
     FETCH_BLUEGEM = 26,
+    LIST_ITEM = 27,
+    FETCH_RECOMMENDED_PRICE = 28,
 }