Merge pull request #202 from csfloat/feature/access-token-prover

Adds Access Token Prover

src/lib/bridge/handlers/handlers.ts

@@ -14,6 +14,8 @@ import {AnnotateOffer} from './annotate_offer';
 import {ExtensionVersion} from './extension_version';
 import {SendCookies} from './send_cookies';
 import {HasPermissions} from './has_permissions';
+import {MetaSettings} from './meta_settings';
+import {ProveTradesToken} from './prove_trades_token';
 
 export const HANDLERS_MAP: {[key in RequestType]: RequestHandler<any, any>} = {
     [RequestType.EXECUTE_SCRIPT_ON_PAGE]: ExecuteScriptOnPage,
@@ -30,4 +32,6 @@ export const HANDLERS_MAP: {[key in RequestType]: RequestHandler<any, any>} = {
     [RequestType.EXTENSION_VERSION]: ExtensionVersion,
     [RequestType.SEND_COOKIES]: SendCookies,
     [RequestType.HAS_PERMISSIONS]: HasPermissions,
+    [RequestType.META_SETTINGS]: MetaSettings,
+    [RequestType.PROVE_TRADES_TOKEN]: ProveTradesToken,
 };

src/lib/bridge/handlers/meta_settings.ts

@@ -0,0 +1,18 @@
+import {EmptyRequestHandler} from './main';
+import {RequestType} from './types';
+
+export interface MetaSettingsResponse {
+    enable_auto_trade: boolean;
+}
+
+export const MetaSettings = new EmptyRequestHandler<MetaSettingsResponse>(RequestType.META_SETTINGS, async (req) => {
+    const resp = await fetch(`https://csfloat.com/api/v1/meta/extension`, {
+        credentials: 'include',
+    });
+
+    if (resp.status !== 200) {
+        throw new Error('invalid status');
+    }
+
+    return resp.json() as Promise<MetaSettingsResponse>;
+});

src/lib/bridge/handlers/prove_trades_token.ts

@@ -0,0 +1,25 @@
+import {EmptyRequestHandler, SimpleHandler} from './main';
+import {RequestType} from './types';
+
+export interface ProveTradesTokenRequest {
+    token: string;
+}
+
+export interface ProveTradesTokenResponse {
+    message: string;
+}
+
+export const ProveTradesToken = new SimpleHandler<ProveTradesTokenRequest, ProveTradesTokenResponse>(
+    RequestType.PROVE_TRADES_TOKEN,
+    async (req) => {
+        const resp = await fetch(`https://csfloat.com/api/v1/trades/prove-token?token=${req.token}`, {
+            credentials: 'include',
+        });
+
+        if (resp.status !== 200) {
+            throw new Error('failed to prove, are you logged into CSFloat?');
+        }
+
+        return resp.json() as Promise<ProveTradesTokenResponse>;
+    }
+);

src/lib/bridge/handlers/types.ts

@@ -13,4 +13,6 @@ export enum RequestType {
     EXTENSION_VERSION,
     SEND_COOKIES,
     HAS_PERMISSIONS,
+    META_SETTINGS,
+    PROVE_TRADES_TOKEN,
 }

src/lib/components/trade_history/trade_proof.ts

@@ -5,12 +5,14 @@ import {CustomElement, InjectAppend, InjectionMode} from '../injectors';
 import {FloatElement} from '../custom';
 import {fetchListingTime} from './helpers';
 import '../common/ui/steam-button';
+import {ProveTradesToken} from '../../bridge/handlers/prove_trades_token';
+import {ClientSend} from '../../bridge/client';
 
 @CustomElement()
 @InjectAppend('.tradehistoryrow .tradehistory_content', InjectionMode.CONTINUOUS)
 export class TradeProof extends FloatElement {
     @state()
-    private proofNumber: number | undefined;
+    private message: string | undefined;
 
     @state()
     private isProcessing = false;
@@ -20,12 +22,12 @@ export class TradeProof extends FloatElement {
     }
 
     render() {
-        return this.proofNumber
-            ? html` <span>Proof: ${this.proofNumber}</span> `
+        return this.message
+            ? html` <span>${this.message}</span> `
             : html`
                   <csfloat-steam-button
                       @click="${this.onClick}"
-                      .text="${this.isProcessing ? 'Computing Proof...' : 'CSFloat Proof'}"
+                      .text="${this.isProcessing ? 'Proving...' : 'Prove Trade on CSFloat'}"
                   >
                   </csfloat-steam-button>
               `;
@@ -34,14 +36,17 @@ export class TradeProof extends FloatElement {
     private async onClick() {
         this.isProcessing = true;
 
-        const index = $J('.tradehistoryrow').index($J(this).parent().parent());
+        const token = document
+            .getElementById('application_config')
+            ?.getAttribute('data-loyalty_webapi_token')
+            ?.replace('"', '')
+            .replace('"', '');
+
         try {
-            this.proofNumber = await fetchListingTime(index);
-        } catch (e) {
-            alert(
-                "Failed to parse time, make sure you're on an english version of the page by appending ?l=english to the url"
-            );
+            const resp = await ClientSend(ProveTradesToken, {token});
+            this.message = resp.message;
+        } catch (e: any) {
+            alert(e.toString());
         }
-        this.isProcessing = false;
     }
 }

src/lib/components/trade_offers/auto_track.ts

@@ -7,6 +7,7 @@ import {ClientSend} from '../../bridge/client';
 import {state} from 'lit/decorators.js';
 import {FetchPendingTrades} from '../../bridge/handlers/fetch_pending_trades';
 import {HasPermissions} from '../../bridge/handlers/has_permissions';
+import {MetaSettings} from '../../bridge/handlers/meta_settings';
 
 @CustomElement()
 @InjectAfter(
@@ -56,14 +57,19 @@ export class AutoTrackWidget extends FloatElement {
         super.connectedCallback();
 
         try {
+            const meta = await ClientSend(MetaSettings, {});
+            if (!meta.enable_auto_trade) {
+                return;
+            }
+
             await ClientSend(FetchPendingTrades, {});
 
             const hasPermissions = await ClientSend(HasPermissions, {permissions: ['cookies', 'alarms']});
             if (!hasPermissions) {
                 this.show = true;
             }
         } catch (e) {
-            console.info('user is not logged into CSFloat');
+            console.info('user is not logged into CSFloat or something went wrong');
         }
     }