(function () { var SESSION_URL = "/auth/project/session"; var API_KEYS_URL = "/api/v1/project/api-key"; var SETTINGS_URL = "/api/v1/project/settings"; var LOGIN_URL = "https://synthesis.trade/auth/project/google"; var PLAN_ORDER = ["FREE", "DEFAULT", "DEVELOPER", "BUSINESS", "ENTERPRISE"]; var state = { loading: true, authenticated: false, email: null, plan: "FREE", settings: null, keys: [], newKey: null, saving: false, saved: false, dirty: false, message: null, }; function isDashboardPage() { return window.location.pathname.replace(/\/$/, "").endsWith("/dashboard"); } function init() { if (!isDashboardPage()) return; var container = document.getElementById("synthesis-dashboard"); if (!container) return; container.innerHTML = '

'; fetch(SESSION_URL, { credentials: "include" }) .then(function (res) { return res.json(); }) .then(function (data) { if (data.success && data.response && data.response.authenticated) { state.authenticated = true; state.email = data.response.email; state.plan = data.response.plan || "FREE"; state.settings = data.response.settings || {}; loadKeys(); } else { state.loading = false; render(); } }) .catch(function () { state.loading = false; render(); }); } function loadKeys() { fetch(API_KEYS_URL, { credentials: "include" }) .then(function (res) { return res.json(); }) .then(function (data) { if (data.success) { state.keys = data.response || []; } state.loading = false; render(); }) .catch(function () { state.loading = false; render(); }); } function render() { if (!isDashboardPage()) return; var container = document.getElementById("synthesis-dashboard"); if (!container) return; if (state.loading) { container.innerHTML = '

'; return; } if (!state.authenticated) { renderLogin(container); return; } renderDashboard(container); } function renderLogin(container) { container.innerHTML = '"; } function renderDashboard(container) { var newKeyHtml = ""; if (state.newKey) { newKeyHtml = '

' + '

' + '' + "API key created successfully" + "

" + '

Copy your secret key now. It will not be shown again.

' + '

' + "Public key" + '

' + "

" +
        state.newKey.public_key +
        "

" + '' + "

" + "

" + '

' + "Secret key" + '

' + "

" +
        state.newKey.secret_key +
        "

" + '' + "

" + "

" + '' + "

"; } var keysHtml = ""; if (state.keys.length === 0) { keysHtml = '

' + '' + "

No API keys yet

" + "

Create your first key to start making authenticated requests.

" + "

"; } else { keysHtml = '

'; keysHtml += '

' + "Name" + "Public Key" + "Status" + "Created" + "" + "

"; state.keys.forEach(function (key) { var name = key.name || "Unnamed"; var date = new Date(key.created_at).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric", }); var active = key.active !== false; var statusClass = active ? "synthesis-dash-badge-active" : "synthesis-dash-badge-revoked"; var statusText = active ? "Active" : "Revoked"; keysHtml += '

' + '' + name + "" + '

' +
          key.public_key.substring(0, 20) +
          "..." +
          "

" + '" + "" + '' + statusText + "" + '' + date + "" + "" + (active ? '' : "") + "" + "

"; }); keysHtml += "

"; } var settingsHtml = renderSettingsSection(); container.innerHTML = '

' + '

' + "

API Keys

" + "

Create and manage project API keys for authenticating requests.

" + "

" + '" + "

" + newKeyHtml + keysHtml + "

" + settingsHtml; bindEvents(); } function planAtLeast(required) { var current = PLAN_ORDER.indexOf(state.plan); var target = PLAN_ORDER.indexOf(required); if (current === -1 || target === -1) return false; return current >= target; } function escapeAttr(str) { if (!str && str !== 0) return ""; return String(str).replace(/&/g, "&").replace(/"/g, """).replace(//g, ">"); } function settingsField(id, label, value, placeholder, enabled) { return '

' + '' + label + '' + '' + '

'; } function settingsSmallField(id, label, value, placeholder, enabled) { return '

' + '' + label + '' + '' + '

'; } function renderSettingsSection() { var poly = (state.settings && state.settings.polymarket) || {}; var fees = poly.fees || {}; var canBuilder = planAtLeast("BUSINESS"); var canFees = planAtLeast("BUSINESS"); var html = '

'; html += '

' + '

Polymarket Settings

' + '

Configure Polymarket-specific settings for your project.

' + '

' + '' + '

'; if (state.message && state.message.type === 'error') { html += '

' + '' + state.message.text + '' + '' + '

'; } html += '

'; html += '

' + '

Fees

' + '

Charge custom fees on orders placed through your project.

' + '

'; if (!canFees) { html += 'Business plan required'; } html += '

'; html += '

'; html += settingsField('fee_wallet', 'Fee Wallet', poly.fee_wallet || '', 'Polygon address (0x...)', canFees); html += '

'; html += settingsSmallField('fee_market', 'Market Order Fee Rate', fees.market != null ? fees.market : '', '0.01', canFees); html += settingsSmallField('fee_limit', 'Limit Order Fee Rate', fees.limit != null ? fees.limit : '', '0.01', canFees); html += settingsSmallField('fee_stoploss', 'Stoploss Fee Rate', fees.stoploss != null ? fees.stoploss : '', '0.01', canFees); html += settingsSmallField('fee_copytrade', 'Copytrade Fee Rate', fees.copytrade != null ? fees.copytrade : '', '0.01', canFees); html += '

'; html += '

'; html += settingsSmallField('fee_minimum', 'Minimum Fee', fees.minimum != null ? fees.minimum : '', '0.01', canFees); html += settingsSmallField('fee_threshold', 'Threshold', fees.threshold != null ? fees.threshold : '', '0.00', canFees); html += '

'; html += 'Fee rates are decimals (e.g. 0.01 = 1%). Range: 0 or 0.001\u20130.25 (0.1%-25%). Minimum fee: 0\u2013100. Threshold: order size below which no fee is charged (0\u201310,000).'; html += '

'; html += '

' + '

Builder Code

' + '

Attach a Polymarket builder code to all orders placed through your project.

' + '

'; if (!canBuilder) { html += 'Business plan required'; } html += '

'; html += '

'; html += settingsField('builder_key', 'API Key', poly.builder_key || '', 'Polymarket CLOB API key', canBuilder); html += settingsField('builder_secret', 'API Secret', poly.builder_secret || '', 'Polymarket CLOB API secret', canBuilder); html += settingsField('builder_passphrase', 'Passphrase', poly.builder_passphrase || '', 'Polymarket CLOB API passphrase', canBuilder); html += 'All three fields are required to enable builder code. Leave all empty to disable.'; html += '

'; html += '

'; return html; } function getVal(id) { var el = document.getElementById('synthesis-' + id); return el ? el.value.trim() : ''; } function saveSettings() { if (state.saving) return; state.saving = true; state.message = null; var btn = document.getElementById('synthesis-settings-save'); if (btn) btn.disabled = true; var polymarket = {}; var hasPolymarket = false; var builderKey = getVal('builder_key'); var builderSecret = getVal('builder_secret'); var builderPassphrase = getVal('builder_passphrase'); if (builderKey || builderSecret || builderPassphrase) { polymarket.builder_key = builderKey; polymarket.builder_secret = builderSecret; polymarket.builder_passphrase = builderPassphrase; hasPolymarket = true; } var feeWallet = getVal('fee_wallet'); if (feeWallet) { polymarket.fee_wallet = feeWallet; hasPolymarket = true; } var feeMarket = getVal('fee_market'); var feeLimit = getVal('fee_limit'); var feeStoploss = getVal('fee_stoploss'); var feeCopytrade = getVal('fee_copytrade'); var feeMinimum = getVal('fee_minimum'); var feeThreshold = getVal('fee_threshold'); if (feeMarket || feeLimit || feeStoploss || feeCopytrade || feeMinimum || feeThreshold) { polymarket.fees = { market: feeMarket || '0', limit: feeLimit || '0', stoploss: feeStoploss || '0', copytrade: feeCopytrade || '0', minimum: feeMinimum || '0', threshold: feeThreshold || '0', }; hasPolymarket = true; } var settings = {}; if (hasPolymarket) { settings.polymarket = polymarket; } fetch(SETTINGS_URL, { method: 'PUT', credentials: 'include', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ settings: settings }), }) .then(function (res) { return res.json(); }) .then(function (data) { state.saving = false; if (data.success && data.response && data.response.settings) { state.settings = data.response.settings; state.message = null; state.saved = true; state.dirty = false; render(); setTimeout(function () { state.saved = false; render(); }, 3000); return; } else { var msg = (data.response && data.response.message) || data.message || 'Failed to save settings.'; state.message = { type: 'error', text: msg }; } render(); }) .catch(function () { state.saving = false; state.message = { type: 'error', text: 'Failed to save settings.' }; render(); }); } function bindEvents() { var createBtn = document.getElementById("synthesis-dash-create-btn"); if (createBtn) { createBtn.addEventListener("click", showCreateModal); } var dismissBtn = document.getElementById("synthesis-dash-newkey-dismiss"); if (dismissBtn) { dismissBtn.addEventListener("click", function () { state.newKey = null; render(); }); } document.querySelectorAll("[data-copy]").forEach(function (btn) { btn.addEventListener("click", function () { var text = this.getAttribute("data-copy"); navigator.clipboard.writeText(text).then( function () { btn.textContent = "Copied"; setTimeout(function () { btn.textContent = "Copy"; }, 1500); } ); }); }); document.querySelectorAll(".synthesis-dash-revoke-btn").forEach(function (btn) { btn.addEventListener("click", function () { showRevokeConfirm(this.getAttribute("data-pk")); }); }); var saveBtn = document.getElementById('synthesis-settings-save'); if (saveBtn) { saveBtn.addEventListener('click', saveSettings); } document.querySelectorAll('[id^="synthesis-fee_"], [id^="synthesis-builder_"]').forEach(function (input) { input.addEventListener('input', function () { if (!state.dirty) { state.dirty = true; var btn = document.getElementById('synthesis-settings-save'); if (btn) btn.disabled = false; } }); }); var closeBtn = document.getElementById('synthesis-settings-msg-close'); if (closeBtn) { closeBtn.addEventListener('click', function () { state.message = null; render(); }); } } function showCreateModal() { var overlay = document.createElement("div"); overlay.className = "synthesis-dash-modal-overlay"; overlay.innerHTML = '"; document.body.appendChild(overlay); setTimeout(function () { document.getElementById("synthesis-dash-key-name").focus(); }, 50); overlay.addEventListener("click", function (e) { if (e.target === overlay) overlay.remove(); }); document .getElementById("synthesis-dash-modal-cancel") .addEventListener("click", function () { overlay.remove(); }); document .getElementById("synthesis-dash-modal-submit") .addEventListener("click", function () { var name = document.getElementById("synthesis-dash-key-name").value.trim(); overlay.remove(); createKey(name); }); document .getElementById("synthesis-dash-key-name") .addEventListener("keydown", function (e) { if (e.key === "Enter") { var name = this.value.trim(); overlay.remove(); createKey(name); } if (e.key === "Escape") { overlay.remove(); } }); } function showRevokeConfirm(pk) { var overlay = document.createElement("div"); overlay.className = "synthesis-dash-modal-overlay"; overlay.innerHTML = '"; document.body.appendChild(overlay); overlay.addEventListener("click", function (e) { if (e.target === overlay) overlay.remove(); }); document .getElementById("synthesis-dash-revoke-cancel") .addEventListener("click", function () { overlay.remove(); }); document .getElementById("synthesis-dash-revoke-confirm") .addEventListener("click", function () { overlay.remove(); deleteKey(pk); }); } function createKey(name) { var body = {}; if (name) body.name = name; fetch(API_KEYS_URL, { method: "POST", credentials: "include", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body), }) .then(function (res) { return res.json(); }) .then(function (data) { if (data.success && data.response) { state.newKey = { public_key: data.response.public_key, secret_key: data.response.secret_key, }; loadKeys(); } }); } function deleteKey(pk) { fetch(API_KEYS_URL + "/" + pk, { method: "DELETE", credentials: "include", }) .then(function (res) { return res.json(); }) .then(function (data) { if (data.success) { loadKeys(); } }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } var observer = new MutationObserver(function () { if (!isDashboardPage()) return; var container = document.getElementById("synthesis-dashboard"); if (container && container.children.length === 0) { init(); } }); observer.observe(document.documentElement, { childList: true, subtree: true, }); })();

Sign in required

API Keys

Polymarket Settings

Fees

Builder Code

Create API key

Revoke API key