- Try Again using CSGOFloat
-
- `);
- this.m_$ErrorDisplay.find(".retry_load_btn_csgofloat").click(() => {
- g_InventoryFallbackCSGOFloat = true;
- this.RetryLoad()
- });
-}
-
-let fallbackScript = document.createElement('script');
-fallbackScript.innerText = `
- g_InventoryFallbackCSGOFloat = false;
- /* Keep old func references */
- CInventory.prototype.g_GetInventoryLoadURL = CInventory.prototype.GetInventoryLoadURL;
- CInventory.prototype.g_AddInventoryData = CInventory.prototype.AddInventoryData;
- CInventory.prototype.g_ShowInventoryLoadError = CInventory.prototype.ShowInventoryLoadError;
-
- ${CInventory_GetInventoryLoadURL_CSGOFloat.toString()}
- ${CInventory_AddInventoryData_CSGOFloat.toString()}
- ${CInventory_ShowInventoryLoadError_CSGOFloat.toString()}
-
- CInventory.prototype.GetInventoryLoadURL = CInventory_GetInventoryLoadURL_CSGOFloat;
- CInventory.prototype.AddInventoryData = CInventory_AddInventoryData_CSGOFloat;
- CInventory.prototype.ShowInventoryLoadError = CInventory_ShowInventoryLoadError_CSGOFloat;
-`;
-
-document.head.appendChild(fallbackScript);
diff --git a/lib/queue.js b/lib/queue.js
deleted file mode 100644
index a7877523..00000000
--- a/lib/queue.js
+++ /dev/null
@@ -1,112 +0,0 @@
-
-class Queue {
- constructor() {
- this.queue = [];
- this.failedRequests = [];
- this.running = false;
- this.concurrency = 10;
- this.processing = 0;
- }
-
- addJob(link, listingId, force) {
- if (listingId in floatData) {
- showFloat(listingId);
- return;
- }
-
- const job = {
- link,
- listingId
- };
-
- // Stop if this item is already in the queue
- if (this.queue.find(j => j.listingId === listingId)) {
- return;
- }
-
- if (!force) {
- // Prevent us from auto-fetching a previously failed request unless it's a user action
- if (this.failedRequests.find(v => v === listingId)) {
- return;
- }
- }
-
- const promise = new Promise((resolve, reject) => {
- job.resolve = resolve;
- job.reject = reject;
- });
-
- this.queue.push(job);
- this.checkQueue();
-
- return promise;
- }
-
- async checkQueue() {
- if (!this.running) return;
-
- if (this.queue.length > 0 && this.processing < this.concurrency) {
- // there is a free bot, process the job
- let job = this.queue.shift();
-
- this.processing += 1;
-
- const floatDiv = document.querySelector(`#item_${job.listingId}_floatdiv`);
-
- // Changed pages or div not visible, cancel request
- if (!floatDiv || floatDiv.offsetParent === null) {
- this.processing -= 1;
- this.checkQueue();
- return;
- }
-
- const buttonText = floatDiv.querySelector('#getFloatBtn span');
- if (buttonText) {
- buttonText.fetching = true;
- buttonText.innerText = 'Fetching';
- }
-
- const params = { inspectLink: job.link };
-
- if (isMarketListing(job.listingId)) {
- const listingData = (await retrieveListingInfoFromPage(job.listingId))[job.listingId];
- if (listingData.currencyid === 2001) {
- params.listPrice = listingData.price + listingData.fee;
- } else if (listingData.converted_currencyid === 2001) {
- params.listPrice = listingData.converted_price + listingData.converted_fee;
- }
- }
-
- const data = await sendMessage(params);
-
- if (buttonText) {
- buttonText.fetching = false;
- }
-
- if (data && data.iteminfo) {
- floatData[job.listingId] = data.iteminfo;
- showFloat(job.listingId);
- } else {
- // Reset the button text for this itemid
- if (buttonText) buttonText.innerText = 'Get Float';
-
- // Change the message div for this item to the error
- if (floatDiv && floatDiv.querySelector('.floatmessage')) {
- floatDiv.querySelector('.floatmessage').innerText = data.error || 'Unknown Error';
- }
-
- this.failedRequests.push(job.listingId);
- }
-
- this.processing -= 1;
- this.checkQueue();
- }
- }
-
- start() {
- if (!this.running) {
- this.running = true;
- this.checkQueue();
- }
- }
-}
diff --git a/lib/stall.js b/lib/stall.js
deleted file mode 100644
index bf0770d4..00000000
--- a/lib/stall.js
+++ /dev/null
@@ -1,29 +0,0 @@
-class StallFetcher {
- constructor() {
- // Maps string -> stall items
- this.stalls = {};
- }
-
- async getStallItem(steamId, itemId) {
- if (this.stalls[steamId]) {
- return this.stalls[steamId].listings.find(e => (e.offering || e.item).asset_id === itemId);
- }
-
- let stall;
-
- try {
- stall = await sendMessage({ stall: true, steamId});
- if (!stall.listings) {
- // Stub out to prevent further calls
- stall = {listings: []};
- }
- } catch (e) {
- return;
- }
-
- this.stalls[steamId] = stall;
- return stall.listings.find(e => (e.offering || e.item).asset_id === itemId);
- }
-}
-
-const stallFetcher = new StallFetcher();
diff --git a/lib/time_fetcher.js b/lib/time_fetcher.js
deleted file mode 100644
index 60eb6032..00000000
--- a/lib/time_fetcher.js
+++ /dev/null
@@ -1,171 +0,0 @@
-function historyRowHashcode_CSGOFloat(row) {
- const text = row.innerText.replace(/\W/g, '');
-
- /* Based on https://stackoverflow.com/a/8831937 (Java's hashCode() method) */
- let hash = 0;
- if (text.length === 0) {
- return hash;
- }
- for (let i = 0; i < text.length; i++) {
- const char = text.charCodeAt(i);
- hash = ((hash<<5)-hash)+char;
- hash = hash & hash;
- }
-
- return hash;
-}
-
-function getTimestampFromTrade_CSGOFloat(row) {
- const dateDiv = row.querySelector('.tradehistory_date');
- const date = dateDiv.firstChild.nodeValue.trim();
- const time = dateDiv.querySelector('.tradehistory_timestamp').innerText;
-
- const d = new Date(date);
- const pure = time.replace('am', '').replace('pm', '');
- let hours = parseInt(pure.split(':')[0]);
- const minutes = parseInt(pure.split(':')[1]);
- if (time.includes('pm') && hours !== 12) {
- /* Prevent 12:XXpm from getting 12 hours added */
- hours += 12
- } else if (time.includes('am') && hours === 12) {
- /* Prevent 12:XXam from getting 12 hours instead of being 0 */
- hours -= 12
- }
-
- d.setHours(hours);
- d.setMinutes(minutes);
- return d.getTime() / 1000;
-}
-
-async function addVerifyButtons() {
- let rows = document.querySelectorAll('.tradehistoryrow');
-
- for (const [i, row] of rows.entries()) {
- const btnId = `verify_${i}_csgofloat`;
-
- if (row.querySelector(`#${btnId}`)) {
- // Already placed the button
- continue;
- }
-
- let proveBtn = createButton('CSGOFloat Proof', 'green', btnId);
- proveBtn.addEventListener('click', () => {
- window.postMessage(
- {
- type: 'fetchTime',
- index: i
- },
- '*'
- );
- });
-
- row.querySelector('.tradehistory_content').append(proveBtn);
- }
-}
-
-async function hasTradeBeforeTime_CSGOFloat(hashCode, timestamp) {
- const resp = await fetch(`${location.protocol}//${location.host}${location.pathname}?after_time=${timestamp}&l=english`, {
- credentials: 'same-origin'
- });
-
- const body = await resp.text();
-
- if (body.includes('too many requests')) {
- alert('You need to wait a couple seconds before generating the proof due to Valve rate-limits');
- throw 'Too many requests';
- }
-
- const doc = new DOMParser().parseFromString(body, 'text/html');
- const rows = doc.querySelectorAll('.tradehistoryrow');
-
- for (const row of rows) {
-
- const thisCode = historyRowHashcode_CSGOFloat(row);
- if (thisCode === hashCode) {
- return true;
- }
- }
-
- return false;
-}
-
-async function fetchEnglishRow_CSGOFloat(index) {
- let queryParams = location.search;
- if (queryParams === '') {
- queryParams = '?l=english';
- } else {
- queryParams += '&l=english';
- }
-
- /* Forces us to fetch the english version of the row at a given index no matter what */
- const resp = await fetch(`${location.protocol}//${location.host}${location.pathname}${queryParams}`, {
- credentials: 'same-origin'
- });
-
- const body = await resp.text();
-
- const doc = new DOMParser().parseFromString(body, 'text/html');
- const rows = doc.querySelectorAll('.tradehistoryrow');
- return rows[index];
-}
-
-async function fetchListingTime_CSGOFloat(index) {
- const btn = document.querySelector(`#verify_${index}_csgofloat`);
- btn.querySelector('span').innerText = 'Computing Proof...';
-
- const node = await fetchEnglishRow_CSGOFloat(index);
- const hashCode = historyRowHashcode_CSGOFloat(node);
-
- let timestamp;
-
- try {
- timestamp = getTimestampFromTrade_CSGOFloat(node);
- if (!timestamp) {
- throw 'failed timestamp creation';
- }
- } catch(e) {
- console.error(e);
- alert("Failed to parse time, make sure you're on an english version of the page by appending ?l=english to the url");
- return;
- }
-
- let left = 0, right = 60;
- let amt = 0;
- while (left < right && amt < 5) {
- const middle = left + Math.floor((right - left) / 2);
- const hasTrade = await hasTradeBeforeTime_CSGOFloat(hashCode, timestamp + middle);
- if (hasTrade) {
- right = middle;
- } else {
- left = middle;
- }
- amt++;
- }
-
- /* Hello to all the reversers */
- const proof = timestamp + Math.floor((right + left) / 2);
-
- const span = document.createElement('span');
- span.innerText = `Proof: ${proof}`;
- btn.parentNode.append(span);
- btn.parentNode.removeChild(btn);
-}
-
-// register the message listener in the page scope
-let script = document.createElement('script');
-script.innerText = `
- ${fetchEnglishRow_CSGOFloat.toString()}
- ${hasTradeBeforeTime_CSGOFloat.toString()}
- ${fetchListingTime_CSGOFloat.toString()}
- ${historyRowHashcode_CSGOFloat.toString()}
- ${getTimestampFromTrade_CSGOFloat.toString()}
- window.addEventListener('message', (e) => {
- if (e.data.type == 'fetchTime') {
- fetchListingTime_CSGOFloat(e.data.index);
- }
- });
-`;
-
-document.head.appendChild(script);
-
-addVerifyButtons();
diff --git a/lib/trade_offer.js b/lib/trade_offer.js
deleted file mode 100644
index 7c7fe6ca..00000000
--- a/lib/trade_offer.js
+++ /dev/null
@@ -1,217 +0,0 @@
-const getLogoEl = function () {
- const logo = document.createElement('div');
- logo.style.float = 'left';
- const logoImage = document.createElement('img');
- logoImage.src = 'https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/79/798a12316637ad8fbb91ddb7dc63f770b680bd19_full.jpg';
- logoImage.style.height = '32px';
- logo.appendChild(logoImage);
- return logo;
-};
-
-const createBanner = function (backgroundColor) {
- const banner = document.createElement('div');
- banner.style.marginTop = '10px';
- banner.style.marginBottom = '10px';
- banner.style.padding = '15px';
- banner.style.backgroundColor = backgroundColor;
- banner.style.color = 'white';
- banner.style.display = 'flex';
- banner.style.justifyContent = 'space-between';
- banner.style.alignItems = 'center';
- return banner;
-};
-
-const showWarning = function () {
- const tradeNode = createBanner('#b30000');
-
- const content = document.createElement('div');
- tradeNode.appendChild(content);
-
- content.appendChild(getLogoEl());
-
- const name = document.createElement('span');
- name.style.fontSize = '18px';
- name.style.marginLeft = '15px';
- name.style.lineHeight = '32px';
- name.style.fontWeight = 'bold';
- name.innerText = 'Warning!';
- content.appendChild(name);
-
- const detected = document.createElement('div');
- detected.style.paddingLeft = '45px';
- detected.style.color = 'darkgrey';
- detected.innerText = `Some of the items in the offer were not purchased from you on CSGOFloat Market (or you're logged into the wrong account)`;
- content.appendChild(detected);
-
- const tradeArea = document.querySelector('.trade_area');
-
- tradeArea.parentNode.insertBefore(tradeNode, tradeArea);
-};
-
-const showValidated = function f() {
- const tradeNode = createBanner('#006700');
-
- const content = document.createElement('div');
- tradeNode.appendChild(content);
-
- content.appendChild(getLogoEl());
-
- const name = document.createElement('span');
- name.style.fontSize = '18px';
- name.style.marginLeft = '15px';
- name.style.lineHeight = '32px';
- name.style.fontWeight = 'bold';
- name.innerText = 'Trade Validated';
- content.appendChild(name);
-
- const detected = document.createElement('div');
- detected.style.paddingLeft = '45px';
- detected.style.color = 'darkgrey';
- detected.innerText = `All of the items you're sending correspond to a CSGOFloat purchase`;
- detected.style.color = 'darkgrey';
- content.appendChild(detected);
-
- const tradeArea = document.querySelector('.trade_area');
-
- tradeArea.parentNode.insertBefore(tradeNode, tradeArea);
-};
-
-const addAutoFill = function (trades, tradeStatus, isSeller) {
- const type = isSeller ? 'Sale' : 'Purchase';
-
- for (const trade of trades) {
- // TODO: Remove backwards compatibility once rolled out
- const item = trade.contract.offering || trade.contract.item;
-
- if (tradeStatus.them.assets.find(e => e.assetid == item.asset_id)) {
- // They are viewing an offer sent to them that already has the item included
- continue;
- }
-
- const tradeNode = createBanner('#303030');
-
- const left = document.createElement('div');
- tradeNode.appendChild(left);
-
- left.appendChild(getLogoEl());
-
- const name = document.createElement('span');
- name.style.fontSize = '18px';
- name.style.marginLeft = '15px';
- name.style.lineHeight = '32px';
- name.innerText = item.market_hash_name;
- left.appendChild(name);
-
- const detected = document.createElement('div');
- detected.style.paddingLeft = '45px';
- detected.style.color = 'darkgrey';
- detected.innerText = `Detected ${type} (Float: ${item.float_value.toFixed(12)}, Seed: ${item.paint_seed})`;
- detected.style.color = 'darkgrey';
- left.appendChild(detected);
-
- /* right */
- const right = document.createElement('div');
-
- const autoFill = createButton('Auto-Fill', 'green');
- autoFill.addEventListener('click', () => {
- window.postMessage(
- {
- type: 'autoFill',
- id: item.asset_id,
- isSeller
- },
- '*'
- );
-
- document.getElementById('trade_offer_note').value = `CSGOFloat Market Trade Offer #${trade.id} \n\nThanks for using CSGOFloat!`;
- });
-
- right.appendChild(autoFill);
- tradeNode.appendChild(right);
-
- const tradeArea = document.querySelector('.trade_area');
- tradeArea.parentNode.insertBefore(tradeNode, tradeArea);
- }
-};
-
-const addFloatMarketFill = async function () {
- let data;
- try {
- data = await sendMessage({ floatMarket: true });
- } catch (e) {
- return;
- }
-
- if (!data.trades_to_send) {
- // Must be logged out of CSGOFloat
- return;
- }
-
- const partnerId = await retrievePartnerInfo();
-
- const partnerTrades = data.trades_to_send.filter(e => e.buyer_id === partnerId);
- const tradeStatus = await retrieveTradeStatus();
-
- if (tradeStatus.me.assets.length > 0) {
- let hasAutofillText = false;
-
- const tradeMessages = document.getElementsByClassName("included_trade_offer_note_ctn");
- if (tradeMessages.length > 0) {
- const sanitized = tradeMessages[0].innerText.trim().replace(/ /g, '').toLowerCase();
-
- // TODO: Use edit-distance
- hasAutofillText = sanitized.includes('csgofloat') || sanitized.includes('floatmarket');
- }
-
- // Whether all items match a csgofloat purchase from this seller (this account)
- let allItemsMatch = true;
-
- for (const item of tradeStatus.me.assets) {
- const hasTrade = partnerTrades.find(e => (e.contract.offering || e.contract.item).asset_id === item.assetid);
-
- if (!hasTrade) {
- allItemsMatch = false;
- break;
- }
- }
-
- if (allItemsMatch) {
- showValidated();
- } else if (hasAutofillText) {
- // Only show warning if we find csgofloat related text in the description
- // Otherwise we'd show a warning on every non-csgofloat trade offer
- showWarning();
- }
- }
-
- addAutoFill(partnerTrades, tradeStatus, true);
-
- // Auto-fill for buyers
- addAutoFill(data.trades_to_receive.filter(e => e.seller_id === partnerId), tradeStatus, false);
-};
-
-let tScript = document.createElement('script');
-tScript.innerText = `
- window.addEventListener('message', (e) => {
- if (e.data.type == 'autoFill') {
- if (e.data.isSeller) {
- $J('#inventory_select_your_inventory').click();
- MoveItemToTrade(UserYou.findAsset(730, 2, e.data.id).element);
- } else {
- $J('#inventory_select_their_inventory').click();
-
- /* Make sure their inventory is loaded first (it is dynamically loaded when the tab is clicked) */
- const fetchEl = setInterval(() => {
- const item = UserThem.findAsset(730, 2, e.data.id);
- if (item) {
- clearInterval(fetchEl);
- MoveItemToTrade(UserThem.findAsset(730, 2, e.data.id).element);
- }
- }, 250);
- }
- }
- });
-`;
-
-document.head.appendChild(tScript);
-
diff --git a/lib/utils.js b/lib/utils.js
deleted file mode 100644
index 9b3410a6..00000000
--- a/lib/utils.js
+++ /dev/null
@@ -1,251 +0,0 @@
-const createButton = function(text, colour, id) {
- let btn = document.createElement('a');
- btn.classList.add(`btn_${colour}_white_innerfade`);
- btn.classList.add('btn_small');
- btn.classList.add('float-btn');
-
- if (id) btn.id = id;
-
- let span = document.createElement('span');
- span.innerText = text;
- btn.appendChild(span);
-
- return btn;
-};
-
-const removeAllItemsHtml = function() {
- // Iterate through each item on the page
- let listingRows = document.querySelectorAll('.market_listing_row.market_recent_listing_row');
-
- for (let row of listingRows) {
- let id = row.id.replace('listing_', '');
-
- let floatDiv = row.querySelector(`#item_${id}_floatdiv`);
-
- if (floatDiv) {
- row.style.backgroundColor = '';
- floatDiv.parentNode.removeChild(floatDiv);
- }
-
- let stickerDiv = row.querySelector('.float-stickers-container');
- if (stickerDiv) {
- stickerDiv.parentNode.removeChild(stickerDiv);
- }
- }
-};
-
-const hexToRgb = function(hex) {
- let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
- return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : null;
-};
-
-const rgbToHex = function(rgb) {
- return '#' + ((1 << 24) + (rgb[0] << 16) + (rgb[1] << 8) + rgb[2]).toString(16).slice(1);
-};
-
-// Based on https://stackoverflow.com/a/41491220
-const pickTextColour = function(bgColor, lightColour, darkColour) {
- const color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
- const r = parseInt(color.substring(0, 2), 16); // hexToR
- const g = parseInt(color.substring(2, 4), 16); // hexToG
- const b = parseInt(color.substring(4, 6), 16); // hexToB
- const uicolors = [r / 255, g / 255, b / 255];
- const c = uicolors.map(col => {
- if (col <= 0.03928) {
- return col / 12.92;
- }
- return Math.pow((col + 0.055) / 1.055, 2.4);
- });
- const L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
- return L > 0.179 ? darkColour : lightColour;
-};
-
-const isInventoryPage = function() {
- return /^\/(profiles|id)\/\S*\/inventory/.test(window.location.pathname);
-};
-
-const isTradePage = function () {
- return /^\/tradeoffer\/\S*/.test(window.location.pathname);
-};
-
-const extractInspectAssetId = function(link) {
- const m = decodeURIComponent(link).match(
- /^steam:\/\/rungame\/730\/\d+\/[+ ]csgo_econ_action_preview [SM]\d+A(\d+)D\d+$/
- );
- return m && m[1];
-};
-
-const extractInspectSteamId = function(link) {
- const m = decodeURIComponent(link).match(
- /^steam:\/\/rungame\/730\/\d+\/[+ ]csgo_econ_action_preview [SM](\d+)A\d+D\d+$/
- );
- return m && m[1];
-};
-
-const wearRanges = [
- [0.0, 0.07],
- [0.07, 0.15],
- [0.15, 0.38],
- [0.38, 0.45],
- [0.45, 1.0]
-];
-
-const rangeFromWear = function(wear) {
- for (const range of wearRanges) {
- if (wear > range[0] && wear <= range[1]) {
- return range;
- }
- }
-};
-
-const dopplerPhases = {
- 418: 'Phase 1',
- 419: 'Phase 2',
- 420: 'Phase 3',
- 421: 'Phase 4',
- 415: 'Ruby',
- 416: 'Sapphire',
- 417: 'Black Pearl',
- 569: 'Phase 1',
- 570: 'Phase 2',
- 571: 'Phase 3',
- 572: 'Phase 4',
- 568: 'Emerald',
- 618: 'Phase 2',
- 619: 'Sapphire',
- 617: 'Black Pearl',
- 852: 'Phase 1',
- 853: 'Phase 2',
- 854: 'Phase 3',
- 855: 'Phase 4',
- 1119: "Emerald",
- 1120: "Phase 1",
- 1121: "Phase 2",
- 1122: "Phase 3",
- 1123: "Phase 4"
-};
-
-const hasDopplerPhase = function(paintIndex) {
- return paintIndex in dopplerPhases;
-};
-
-const getDopplerPhase = function (paintIndex) {
- return dopplerPhases[paintIndex];
-};
-
-/**
- * Compares two software version numbers (e.g. "1.7.1" or "1.2b").
- *
- * This function was born in http://stackoverflow.com/a/6832721.
- *
- * @param {string} v1 The first version to be compared.
- * @param {string} v2 The second version to be compared.
- * @param {object} [options] Optional flags that affect comparison behavior:
- * -
- *
- - * lexicographical: true compares each part of the version strings lexicographically instead of - * naturally; this allows suffixes such as "b" or "dev" but will cause "1.10" to be considered smaller than - * "1.2". - * - *
- - * zeroExtend: true changes the result if one version string has less parts than the other. In - * this case the shorter string will be padded with "zero" parts instead of being considered smaller. - * - *
-
- *
- 0 if the versions are equal - *
- a negative integer iff v1 < v2 - *
- a positive integer iff v1 > v2 - *
- NaN if either version string is in the wrong format - *
+
+
`
+ })}
+ +
${this.error ? 'X' : '✓'}
+ ${(this.expression && this.error) || nothing}
+ + Filters will highlight matching items with the specified colour
+ + Note: If multiple filters match an item, it will be highlighted with the average colour
+ + New: You can now filter based on FloatDB ranks and item price!
+ + Examples: +
-
+
- float < 0.3 +
- Matches items with floats less than 0.3 +
- float >= 0.112 and float < 0.2 +
- Matches items with floats greater than or equal to 0.112 and less than 0.2 +
- float < 0.02 and price < 12.30 +
- Matches items with floats less than 0.02 and a price of 12.30 or less in your logged-in account currency +
- Note: Price only works when you're logged in to ensure the proper currency +
- phase == "Ruby" or phase == "1" +
- Matches items with a doppler phase 1 or Ruby +
- Equivalent to phase in ("Ruby", "1") +
- float == 0.2 or (seed > 500 and float < 0.15) +
- Matches items with floats of 0.2 or paint seeds greater than 500 and floats less than 0.15 +
- low_rank <= 500 +
- Matches items with floats ranked in the top 500 lowest for this skin on FloatDB +
- match(float, "7355608") >= 1 +
- Matches items with floats that contain at least one match of the CS bomb code +
- Example Match: 0.234327355608454 +
- percentile(90) +
- Matches items with a float better than 90% of items of this type +
- percentileRange(0, 10) +
- Matches items with a float within the percentile range 0-10% +
- This matches the worst 10% of floats of items of this type +
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- float +
- The float value of the item +
- seed +
- The paint seed of the item +
- low_rank +
- If the item is in the top 1000 lowest float for this skin and category (normal, stattrak, souvenir), this is the FloatDB rank +
- high_rank +
- If the item is in the top 1000 highest float for this skin and category (normal, stattrak, souvenir), this is the FloatDB rank +
- price +
- Price of the item in your currency in decimal format (ex. 18.43), includes fees +
- Note: Price only works when you're logged in to ensure the proper currency +
- phase +
- Phase of the item if it's a doppler, empty otherwise +
- Possible values are "1", "2", "3", "4", "Ruby", "Sapphire", "Black Pearl", "Emerald" +
- minfloat +
- The minimum float the skin can have (regardless of wear) +
- maxfloat +
- The maximum float the skin can have (regardless of wear) +
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
- match(x, regex) +
- Performs a regex match on 'x' and returns the amount of matches +
- percentile(rank) +
- Returns true if the skin's float is in the given percentile, lower floats are considered "better" +
- This takes into account the range of the wear and specific per-skin range +
- Note: This assumes that floats are distributed evenly +
- percentileRange(minRank, maxRank) +
- Returns true if the skin's float is in the given percentile range +
- This takes into account the range of the wear and specific per-skin range +
- Note: This assumes that floats are distributed evenly +
- abs(x) +
- Absolute value +
- ceil(x) +
- Round floating point up +
- floor(x) +
- Round floating point down +
- log(x) +
- Natural logarithm +
- max(a, b, c...) +
- Max value (variable length of args) +
- min(a, b, c...) +
- Min value (variable length of args) +
- random() +
- Random floating point from 0.0 to 1.0 +
- round(x) +
- Round floating point +
- sqrt(x) +
- Square root +
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
+
+
+ `;
+ }
+
+ onColourChange(e: Event) {
+ this.filter = this.filter.setColour((e.target as HTMLInputElement).value)
+ gFilterService.upsert(this.filter);
+ this.requestUpdate();
+ }
+
+ onToggleGlobal(e: Event) {
+ this.filter.setIsGlobal(!this.filter.getIsGlobal());
+ gFilterService.upsert(this.filter);
+ this.requestUpdate();
+ }
+
+ onRemove(e: Event) {
+ gFilterService.remove(this.filter);
+ }
+}
diff --git a/src/lib/components/injectors.ts b/src/lib/components/injectors.ts
new file mode 100644
index 00000000..677e6c54
--- /dev/null
+++ b/src/lib/components/injectors.ts
@@ -0,0 +1,83 @@
+import {customElement} from 'lit/decorators.js';
+import {FloatElement} from "./custom";
+import {inPageContext} from "../utils/snips";
+
+export enum InjectionMode {
+ // Injects once at page load for elements matching the selector
+ ONCE,
+ // Continually injects whenever new elements that match the
+ // selector exist that haven't been injected into yet
+ //
+ // Should be use for "dynamic" elements
+ CONTINUOUS
+}
+
+enum InjectionType {
+ Append,
+ Before,
+ After,
+}
+
+interface InjectionConfig {
+ exists: (ctx: JQuery${this.filter.getExpression()}
+ Loading...
`;
+ }
+
+ if (!this.itemInfo) {
+ return html``;
+ }
+
+ return html`
+
+
+ `;
+ }
+
+ renderFloatMarketListing(): TemplateResult<1> {
+ if (!this.stallListing) {
+ return html``;
+ }
+
+ return html`
+
+ `;
+ }
+
+ renderListOnCSGOFloat(): TemplateResult<1> {
+ if (this.stallListing) {
+ // Don't tell them to list it if it's already listed...
+ return html``;
+ }
+
+ if (g_ActiveInventory?.m_owner?.strSteamId !== g_steamID) {
+ // Not the signed-in user, don't show
+ return html``;
+ }
+
+ return html`
+ Float: ${this.itemInfo.floatvalue.toFixed(14)} ${renderClickableRank(this.itemInfo)}
+ Paint Seed: ${formatSeed(this.itemInfo)}
+ ${this.renderListOnCSGOFloat()}
+ ${this.renderFloatMarketListing()}
+
+
+ List on
+ 
+
+
+ `;
+ }
+
+ async processSelectChange() {
+ // Reset state in-case they swap between skin and non-skin
+ this.itemInfo = undefined;
+
+ if (!this.asset) return;
+
+ if (!isSkin(this.asset.description)) return;
+
+ // Commodities won't have inspect links
+ if (!this.inspectLink) return;
+
+ try {
+ this.loading = true;
+ this.itemInfo = await gFloatFetcher.fetch({
+ link: this.inspectLink
+ });
+ } catch (e: any) {
+ console.error(`Failed to fetch float for ${this.asset.assetid}: ${e.toString()}`);
+ } finally {
+ this.loading = false;
+ }
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ // For the initial load, in case an item is pre-selected
+ this.processSelectChange();
+
+ Observe(() => this.asset, () => {
+ this.processSelectChange();
+ });
+
+ if (g_ActiveInventory?.m_owner?.strSteamId) {
+ // Ignore errors
+ gStallFetcher.fetch({steam_id64: g_ActiveInventory?.m_owner.strSteamId})
+ .then((stall) => this.stall = stall);
+ }
+ }
+}
diff --git a/src/lib/components/market/ad_banner.ts b/src/lib/components/market/ad_banner.ts
new file mode 100644
index 00000000..0e9b47c6
--- /dev/null
+++ b/src/lib/components/market/ad_banner.ts
@@ -0,0 +1,108 @@
+import {CustomElement, InjectAfter, InjectionMode} from "../injectors";
+import {FloatElement} from "../custom";
+import {css, html, HTMLTemplateResult} from "lit";
+import {ClientSend} from "../../bridge/client";
+import {CSMoneyPrice, CSMoneyPriceResponse} from "../../bridge/handlers/csmoney_price";
+import {state} from "lit/decorators.js";
+import {AppId, ContextId} from "../../types/steam_constants";
+
+@CustomElement()
+export class AdBanner extends FloatElement {
+ static styles = [...FloatElement.styles, css`
+ .container {
+ padding: 10px;
+ margin-top: 10px;
+ background-color: rgba(0, 0, 0, 0.2);
+ text-align: center;
+ border: 1px solid black;
+ position: relative;
+ }
+
+ .ad-notice {
+ position: absolute;
+ top: 3px;
+ right: 3px;
+
+ }
+
+ .link {
+ padding: 10px 10px 10px 10px;
+ background-color: transparent;
+ color: white;
+ font-family: 'Motiva Sans', Sans-serif, serif;
+ font-size: 18px;
+ text-decoration: none;
+ }
+
+ .link img {
+ vertical-align: middle;
+ }
+
+ .link .text {
+ vertical-align: bottom;
+ }
+
+ .text .price {
+ font-weight: bold;
+ }
+ `];
+
+ @state()
+ private response: CSMoneyPriceResponse | undefined;
+
+ getMarketHashName(): string|null {
+ if (Object.keys(g_rgAssets[AppId.CSGO][ContextId.PRIMARY]).length > 0) {
+ // Resistant to the user switching page languages
+ const firstAssetId = Object.keys(g_rgAssets[AppId.CSGO][ContextId.PRIMARY])[0];
+ return g_rgAssets[AppId.CSGO][ContextId.PRIMARY][firstAssetId].market_hash_name;
+ } else if ((document.querySelector('.market_listing_item_name') as HTMLElement)?.innerText) {
+ // Fallback
+ return (document.querySelector('.market_listing_item_name') as HTMLElement)?.innerText;
+ }
+
+ return null;
+ }
+
+ protected render(): HTMLTemplateResult {
+ if (!this.response) return html``;
+
+ if (!this.response.banner?.enable) {
+ return html``;
+ }
+
+ if (this.response.banner.dynamic) {
+ return html`
+
+ `;
+ } else {
+ return html`
+
+
+ 
+
+ 
+
+
+ `;
+ }
+ }
+
+ async connectedCallback() {
+ super.connectedCallback();
+
+ const marketHashName = this.getMarketHashName();
+ if (!marketHashName) {
+ return;
+ }
+
+ this.response = await ClientSend(CSMoneyPrice, {marketHashName});
+ }
+}
diff --git a/src/lib/components/market/helpers.ts b/src/lib/components/market/helpers.ts
new file mode 100644
index 00000000..b72037e0
--- /dev/null
+++ b/src/lib/components/market/helpers.ts
@@ -0,0 +1,89 @@
+import {Asset} from "../../types/steam";
+import {ItemInfo} from "../../bridge/handlers/fetch_inspect_info";
+import {AppId, ContextId} from "../../types/steam_constants";
+
+/**
+ * If possible, constructs the inspect link from the given listing ID using page variables
+ *
+ * @param listingId ID for the listing, may also be referred to as "M"
+ */
+export function getMarketInspectLink(listingId: string): string|undefined {
+ const listingInfo = g_rgListingInfo[listingId];
+ if (!listingInfo) return;
+
+ const asset = g_rgAssets[AppId.CSGO][ContextId.PRIMARY][listingInfo.asset.id!];
+ if (!asset || !asset.market_actions?.length) return;
+
+ return asset.market_actions[0].link
+ .replace('%listingid%', listingId)
+ .replace('%assetid%', asset.id)
+}
+
+
+/**
+ * Inlines stickers into a market item row HTML showing the image and wear
+ *
+ * @param itemNameBlock Element with `.market_listing_item_name_block`
+ * @param itemInfo Item Info for the item from csgofloat API
+ * @param asset Steam Asset for the item
+ */
+export function inlineStickers(itemNameBlock: JQueryAd
+
+ ([^<].*?): (.*)<\/center>/); + const imagesHtml = lastDescription.value.match(/(
+ ${result}
+
+ `);
+}
+
+/**
+ * Adds easy inspect link by hovering over a market listing row image
+ * @param itemImgContainer Element with ".market_listing_item_img_container"
+ * @param inspectLink Item Inspect Link
+ */
+export function inlineEasyInspect(itemImgContainer: JQuery
+ Float: ${this.itemInfo.floatvalue.toFixed(14)} ${renderClickableRank(this.itemInfo)}
+ Paint Seed: ${formatSeed(this.itemInfo)} +
+ `;
+ } else if (this.error) {
+ return html`+ Paint Seed: ${formatSeed(this.itemInfo)} +
CSGOFloat ${this.error}
`;
+ } else {
+ return html`Loading...
`;
+ }
+ }
+}
diff --git a/src/lib/components/market/page_size.ts b/src/lib/components/market/page_size.ts
new file mode 100644
index 00000000..0946a489
--- /dev/null
+++ b/src/lib/components/market/page_size.ts
@@ -0,0 +1,54 @@
+import {FloatElement} from "../custom";
+import {CustomElement} from "../injectors";
+import {html, HTMLTemplateResult} from "lit";
+import '../common/ui/steam-button';
+import {query, state} from "lit/decorators.js";
+import {Get} from "../../bridge/handlers/storage_get";
+import {Set} from "../../bridge/handlers/storage_set";
+import {PAGE_SIZE} from "../../storage/keys";
+
+@CustomElement()
+export class PageSize extends FloatElement {
+ @state()
+ private selectedSize = 10;
+
+ @state()
+ private sizes = [10, 25, 50, 100];
+
+ @query('select')
+ private select!: HTMLSelectElement;
+
+ protected render(): HTMLTemplateResult {
+ return html`
+
+ `;
+ }
+
+ async connectedCallback() {
+ super.connectedCallback();
+
+ const size = await Get(PAGE_SIZE);
+ if (size) {
+ this.changePageSize(size);
+ }
+ }
+
+ onSelect(e: Event) {
+ this.changePageSize(parseInt(this.select.value));
+ }
+
+ changePageSize(newSize: number) {
+ this.selectedSize = newSize;
+ g_oSearchResults.m_cPageSize = newSize;
+ g_oSearchResults.GoToPage(0, true);
+
+ Set
+
+ ${this.showing === Showing.MODEL && this.response?.modelLink ? html`
+
+
+
+ ` : nothing}
+
+
+ `;
+ }
+
+ /**
+ * Show a warning to users if trade includes item with csgofloat note that doesn't match an existing sale
+ *
+ * Tries to prevent scenarios where malicious actors send offer with CSGOFloat text requesting an item
+ */
+ showWarningDialog(): HTMLTemplateResult {
+ if (!this.hasAutoFillText()) {
+ return html``;
+ }
+
+ const hasItemWithNoSale = g_rgCurrentTradeStatus.me.assets
+ .find(a => !this.pendingTradesResponse?.trades_to_send.find(b => b.contract.item.asset_id === a.assetid));
+
+ if (!hasItemWithNoSale) {
+ return html``;
+ }
+
+ return html`
+
+
+
+ 
+
+
+ ${item.market_hash_name}
+
+
+
+ Detected Sale (Float: ${item.float_value.toFixed(12)}, Seed: ${item.paint_seed})
+
+
+
+ `;
+ }
+
+ protected render(): HTMLTemplateResult {
+ if (!this.pendingTradesResponse) return html``;
+
+ return html`
+ ${this.pendingTradesResponse.trades_to_send.map(e => this.renderAutoFillDialog(e))}
+ ${this.showWarningDialog()}
+ `;
+ }
+
+ autoFill(trade: Trade) {
+ $J('#inventory_select_your_inventory').click();
+ const el = UserYou?.findAsset(AppId.CSGO, ContextId.PRIMARY, trade.contract.item.asset_id)?.element;
+ if (!el) {
+ console.error('failed to find asset element for id ' + trade.contract.item.asset_id);
+ return;
+ }
+
+ MoveItemToTrade(el);
+
+ const note = document.getElementById('trade_offer_note');
+ if (note) {
+ (note as HTMLTextAreaElement).value = `CSGOFloat Market Trade Offer #${trade.id} \n\nThanks for using CSGOFloat!`;
+ }
+ }
+
+ hasAutoFillText(): boolean {
+ const tradeMessages = document.getElementsByClassName("included_trade_offer_note_ctn");
+ if (tradeMessages.length > 0) {
+ const sanitized = (tradeMessages[0] as HTMLElement).innerText.trim().replace(/ /g, '').toLowerCase();
+
+ return sanitized.includes('csgofloat') || sanitized.includes('floatmarket');
+ }
+
+ return false;
+ }
+}
diff --git a/src/lib/components/trade_offer/trade_item_holder_metadata.ts b/src/lib/components/trade_offer/trade_item_holder_metadata.ts
new file mode 100644
index 00000000..9d7a3d53
--- /dev/null
+++ b/src/lib/components/trade_offer/trade_item_holder_metadata.ts
@@ -0,0 +1,43 @@
+import {CustomElement, InjectAppend, InjectionMode} from "../injectors";
+import {Asset, UserSomeone} from "../../types/steam";
+import {ItemHolderMetadata} from "../common/item_holder_metadata";
+import {AppId, ContextId} from "../../types/steam_constants";
+
+// Annotates item info (float, seed, etc...) in boxes on the Trade Offer Page
+@CustomElement()
+// Items when browsing their/your inventory
+@InjectAppend('div.inventory_page:not([style*="display: none"]) .itemHolder div.app730', InjectionMode.CONTINUOUS)
+// Items selected within the trade offer
+@InjectAppend('.trade_offer .itemHolder div.app730', InjectionMode.CONTINUOUS)
+export class TradeItemHolderMetadata extends ItemHolderMetadata {
+ get owningUser(): UserSomeone|undefined {
+ if (!this.assetId) return;
+
+ if (UserThem && TradeItemHolderMetadata.getAssetFromUser(UserThem, this.assetId)) {
+ return UserThem;
+ } else if (UserYou && TradeItemHolderMetadata.getAssetFromUser(UserYou, this.assetId)) {
+ return UserYou;
+ }
+ }
+
+ get ownerSteamId(): string|undefined {
+ if (!this.assetId) return;
+
+ return this.owningUser?.strSteamId;
+ }
+
+ get asset(): Asset|undefined {
+ if (!this.assetId) return;
+
+ if (!this.owningUser) return;
+
+ return TradeItemHolderMetadata.getAssetFromUser(this.owningUser, this.assetId);
+ }
+
+ private static getAssetFromUser(user: UserSomeone, assetId: string): Asset|undefined {
+ if (user.rgContexts[AppId.CSGO][ContextId.PRIMARY].inventory?.rgInventory[assetId]) {
+ const inventory = user.rgContexts[AppId.CSGO][ContextId.PRIMARY].inventory;
+ return inventory?.rgInventory[assetId];
+ }
+ }
+}
diff --git a/src/lib/filter/custom_functions.ts b/src/lib/filter/custom_functions.ts
new file mode 100644
index 00000000..8de4addc
--- /dev/null
+++ b/src/lib/filter/custom_functions.ts
@@ -0,0 +1,24 @@
+import {InternalInputVars} from "./types";
+
+export function percentile(vars: InternalInputVars, rank: number) {
+ const minFloat = vars.minfloat > vars.minwearfloat ? vars.minfloat : vars.minwearfloat;
+ const maxFloat = vars.maxfloat < vars.maxwearfloat ? vars.maxfloat : vars.maxwearfloat;
+ const itemPercentile = 100 - (100 * (vars.float - minFloat)) / (maxFloat - minFloat);
+
+ return itemPercentile > rank;
+}
+
+export function percentileRange(vars: InternalInputVars, minRank: number, maxRank: number) {
+ const minFloat = vars.minfloat > vars.minwearfloat ? vars.minfloat : vars.minwearfloat;
+ const maxFloat = vars.maxfloat < vars.maxwearfloat ? vars.maxfloat : vars.maxwearfloat;
+ const itemPercentile = 100 - (100 * (vars.float - minFloat)) / (maxFloat - minFloat);
+
+ return itemPercentile > minRank && itemPercentile < maxRank;
+}
+
+export function match(str: string, regex: string) {
+ let thisMatch = str.toString().match(regex);
+
+ if (thisMatch !== null) return thisMatch.length;
+ else return 0;
+}
diff --git a/src/lib/filter/filter.ts b/src/lib/filter/filter.ts
new file mode 100644
index 00000000..05369e4e
--- /dev/null
+++ b/src/lib/filter/filter.ts
@@ -0,0 +1,135 @@
+import {InternalInputVars, SerializedFilter} from "./types";
+import {match, percentile, percentileRange} from "./custom_functions";
+import {compileExpression} from "filtrex";
+
+type ExpressionRunner = (data: InternalInputVars) => boolean;
+
+/**
+ * Encapsulates a filter, with mechanisms for running expressions
+ */
+export class Filter {
+ private colour: string;
+ private expression: string;
+ private isGlobal: boolean;
+ private runner: ExpressionRunner | undefined;
+
+ private currentVars: InternalInputVars | undefined;
+
+ constructor(expression: string, colour: string, isGlobal: boolean) {
+ this.expression = expression;
+ this.colour = colour;
+ this.isGlobal = isGlobal;
+ }
+
+ static from(serialized: SerializedFilter): Filter {
+ return new Filter(serialized.expression, serialized.colour, serialized.isGlobal);
+ }
+
+ setExpression(expression: string): Filter {
+ this.expression = expression;
+ this.runner = undefined;
+ return this;
+ }
+
+ getExpression(): string {
+ return this.expression;
+ }
+
+ setColour(colour: string): Filter {
+ this.colour = colour;
+ return this;
+ }
+
+ getColour(): string {
+ return this.colour;
+ }
+
+ setIsGlobal(isGlobal: boolean): Filter {
+ this.isGlobal = isGlobal;
+ return this;
+ }
+
+ getIsGlobal(): boolean {
+ return this.isGlobal;
+ }
+
+ serialize(): SerializedFilter {
+ return {
+ expression: this.expression,
+ colour: this.colour,
+ isGlobal: this.isGlobal || false,
+ }
+ }
+
+ getExtraFunctions() {
+ return {
+ match: match,
+ percentile: (rank: number) => percentile(this.currentVars!, rank),
+ percentileRange: (minRank: number, maxRank: number) => percentileRange(this.currentVars!, minRank, maxRank)
+ }
+ }
+
+ run(vars: InternalInputVars): any {
+ // Update vars in use for the functions
+ this.currentVars = vars;
+
+ if (!this.runner) {
+ // Re-use the runner since it is expensive to create
+ this.runner = compileExpression(this.expression, {extraFunctions: this.getExtraFunctions()});
+ }
+
+ return this.runner(vars);
+ }
+
+ /**
+ * Whether the return value from {@link run} is "valid" or usable
+ * for comparison purposes.
+ *
+ * For instance, will return false if `result` is an error indicating
+ * a property is undefined.
+ */
+ static isValidReturnValue(result: any): boolean {
+ return typeof result === "boolean" || result === 0 || result === 1;
+ }
+
+ /**
+ * Throws if the filter expression is invalid
+ */
+ validate(): boolean {
+ // Use example values so we can trigger non-existent property errors
+ const result = this.run({
+ float: 0.01,
+ seed: 999,
+ minfloat: 0.01,
+ maxfloat: 0.99,
+ minwearfloat: 0.01,
+ maxwearfloat: 0.99,
+ phase: 'Phase 1',
+ low_rank: 2,
+ high_rank: 2,
+ price: 10,
+ });
+
+ if (!Filter.isValidReturnValue(result)) {
+ throw new Error("invalid return type " + result.toString());
+ }
+
+ return true;
+ }
+
+ /**
+ * Returns a boolean indicating if the filter expression is valid
+ */
+ isValid(): boolean {
+ try {
+ this.validate();
+ return true;
+ } catch (e) {
+ return false;
+ }
+ }
+
+ equals(o: Filter) {
+ return this.expression === o.expression;
+ }
+}
diff --git a/src/lib/filter/service.ts b/src/lib/filter/service.ts
new file mode 100644
index 00000000..6762e3ef
--- /dev/null
+++ b/src/lib/filter/service.ts
@@ -0,0 +1,124 @@
+import {GLOBAL_FILTERS, StorageRow} from "../storage/keys";
+import {InternalInputVars, SerializedFilter} from "./types";
+import {Get} from "../bridge/handlers/storage_get";
+import {Filter} from "./filter";
+import {Set} from "../bridge/handlers/storage_set";
+import {ItemInfo} from "../bridge/handlers/fetch_inspect_info";
+import {rangeFromWear} from "../utils/skin";
+import {getDopplerPhase} from "../utils/dopplers";
+import {ReplaySubject} from "rxjs";
+import {debounce} from "lodash-decorators";
+import {averageColour} from "./utils";
+import {Remove} from "../bridge/handlers/storage_remove";
+
+
+/**
+ * Provides state for
+ */
+class FilterService {
+ private filters: Filter[] = [];
+ private itemRow: StorageRow
+
+
+
+
+
+ Warning!
+
+
+
+ Some of the items in the offer were not purchased from you on CSGOFloat Market (or you're logged into the wrong account)
+
+
+ Try Again using CSGOFloat
+
+ `);
+ this.m_$ErrorDisplay.find(".retry_load_btn_csgofloat").click(() => {
+ g_InventoryFallbackCSGOFloat = true;
+ this.RetryLoad()
+ });
+ };
+}
diff --git a/src/lib/page_scripts/market_listing.ts b/src/lib/page_scripts/market_listing.ts
new file mode 100644
index 00000000..51e6ea37
--- /dev/null
+++ b/src/lib/page_scripts/market_listing.ts
@@ -0,0 +1,9 @@
+import {init} from "./utils";
+import "../components/market/item_row_wrapper";
+import "../components/market/skin_viewer";
+import "../components/market/utility_belt";
+
+init('src/lib/page_scripts/market_listing.js', main);
+
+async function main() {}
+
diff --git a/src/lib/page_scripts/trade_history.ts b/src/lib/page_scripts/trade_history.ts
new file mode 100644
index 00000000..6873b695
--- /dev/null
+++ b/src/lib/page_scripts/trade_history.ts
@@ -0,0 +1,6 @@
+import {init} from "./utils";
+import "../components/trade_history/trade_proof";
+
+init('src/lib/page_scripts/trade_history.js', main);
+
+async function main() {}
diff --git a/src/lib/page_scripts/trade_offer.ts b/src/lib/page_scripts/trade_offer.ts
new file mode 100644
index 00000000..bff6937e
--- /dev/null
+++ b/src/lib/page_scripts/trade_offer.ts
@@ -0,0 +1,7 @@
+import {init} from "./utils";
+import "../components/trade_offer/trade_item_holder_metadata";
+import "../components/trade_offer/auto_fill";
+
+init('src/lib/page_scripts/trade_offer.js', main);
+
+async function main() {}
diff --git a/src/lib/page_scripts/utils.ts b/src/lib/page_scripts/utils.ts
new file mode 100644
index 00000000..f5d358b1
--- /dev/null
+++ b/src/lib/page_scripts/utils.ts
@@ -0,0 +1,35 @@
+import {ExecuteScriptOnPage} from "../bridge/handlers/execute_script";
+import {ClientSend} from "../bridge/client";
+import {inPageContext} from "../utils/snips";
+import {ExecuteCssOnPage} from "../bridge/handlers/execute_css";
+
+/**
+ * Initializes a page script, executing it in the page context if necessary
+ *
+ * @param scriptPath Relative path of the script (always in .js)
+ * @param ifPage Fn to run if we are in the page's execution context
+ */
+export function init(scriptPath: string, ifPage: ()=>any) {
+ // Don't allow the page script to run this.
+ if (inPageContext()) {
+ // @ts-ignore Set global identifier for other extensions to use
+ window.csgofloat = true;
+
+ ifPage();
+ return;
+ }
+
+ // Global styles
+ ClientSend(ExecuteCssOnPage, {
+ path: 'src/global.css'
+ });
+
+ ClientSend(ExecuteScriptOnPage, {
+ path: scriptPath
+ });
+
+ console.log(`%c CSGOFloat Market Checker (v${chrome.runtime.getManifest().version}) by Step7750 `,
+ 'background: #004594; color: #fff;');
+ console.log('%c Changelog can be found here: https://github.com/csgofloat/extension ',
+ 'background: #004594; color: #fff;');
+}
diff --git a/src/lib/storage/keys.ts b/src/lib/storage/keys.ts
new file mode 100644
index 00000000..52e4d0a5
--- /dev/null
+++ b/src/lib/storage/keys.ts
@@ -0,0 +1,46 @@
+/**
+ * Keys for use as the raw "key" in local/sync storage for a row
+ */
+import {SerializedFilter} from "../filter/types";
+
+export enum StorageKey {
+ // Backwards compatible with <3.0.0
+ PAGE_SIZE = 'pageSize',
+ ITEM_FILTERS = 'expressions',
+ GLOBAL_FILTERS = 'global'
+}
+
+export type DynamicStorageKey = string;
+
+/**
+ * Encapsulates a key/value pair, each key has a value associated
+ */
+export interface StorageRow