agentgate 0.1.0

package/src/routes/ui/linkedin.js

@@ -0,0 +1,120 @@
+import { setAccountCredentials, deleteAccount, getAccountCredentials } from '../../lib/db.js';
+
+export function registerRoutes(router, baseUrl) {
+  router.post('/linkedin/setup', (req, res) => {
+    const { accountName, clientId, clientSecret } = req.body;
+    if (!accountName || !clientId || !clientSecret) {
+      return res.status(400).send('Account name, client ID, and secret required');
+    }
+    setAccountCredentials('linkedin', accountName, { clientId, clientSecret });
+
+    const redirectUri = `${baseUrl}/ui/linkedin/callback`;
+    const scope = 'openid profile email r_liteprofile';
+    const state = `agentgate_linkedin_${accountName}`;
+
+    const authUrl = 'https://www.linkedin.com/oauth/v2/authorization?' +
+      `response_type=code&client_id=${clientId}&` +
+      `redirect_uri=${encodeURIComponent(redirectUri)}&` +
+      `scope=${encodeURIComponent(scope)}&state=${encodeURIComponent(state)}`;
+
+    res.redirect(authUrl);
+  });
+
+  router.get('/linkedin/callback', async (req, res) => {
+    const { code, error, error_description, state } = req.query;
+    if (error) {
+      return res.status(400).send(`LinkedIn OAuth error: ${error} - ${error_description}`);
+    }
+
+    const accountName = state?.replace('agentgate_linkedin_', '') || 'default';
+    const creds = getAccountCredentials('linkedin', accountName);
+    if (!creds) {
+      return res.status(400).send('LinkedIn account not found. Please try setup again.');
+    }
+
+    try {
+      const redirectUri = `${baseUrl}/ui/linkedin/callback`;
+
+      const response = await fetch('https://www.linkedin.com/oauth/v2/accessToken', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams({
+          grant_type: 'authorization_code',
+          code,
+          redirect_uri: redirectUri,
+          client_id: creds.clientId,
+          client_secret: creds.clientSecret
+        })
+      });
+
+      const tokens = await response.json();
+      if (tokens.error) {
+        return res.status(400).send(`LinkedIn token error: ${tokens.error} - ${tokens.error_description}`);
+      }
+
+      setAccountCredentials('linkedin', accountName, {
+        ...creds,
+        accessToken: tokens.access_token,
+        refreshToken: tokens.refresh_token,
+        expiresAt: Date.now() + (tokens.expires_in * 1000) - 60000
+      });
+
+      res.redirect('/ui');
+    } catch (err) {
+      res.status(500).send(`LinkedIn OAuth failed: ${err.message}`);
+    }
+  });
+
+  router.post('/linkedin/delete', (req, res) => {
+    const { accountName } = req.body;
+    deleteAccount('linkedin', accountName);
+    res.redirect('/ui');
+  });
+}
+
+export function renderCard(accounts, baseUrl) {
+  const serviceAccounts = accounts.filter(a => a.service === 'linkedin');
+
+  const renderAccounts = () => {
+    if (serviceAccounts.length === 0) return '';
+    return serviceAccounts.map(acc => `
+      <div class="account-item">
+        <span><strong>${acc.name}</strong></span>
+        <form method="POST" action="/ui/linkedin/delete" style="margin:0;">
+          <input type="hidden" name="accountName" value="${acc.name}">
+          <button type="submit" class="btn-sm btn-danger">Remove</button>
+        </form>
+      </div>
+    `).join('');
+  };
+
+  return `
+  <div class="card">
+    <div class="service-header">
+      <img class="service-icon" src="/public/icons/linkedin.svg" alt="LinkedIn">
+      <h3>LinkedIn</h3>
+    </div>
+    ${renderAccounts()}
+    <details>
+      <summary>Add LinkedIn Account</summary>
+      <div style="margin-top: 15px;">
+        <p class="help">Create an app at <a href="https://www.linkedin.com/developers/apps" target="_blank">LinkedIn Developers</a>. Request "Sign In with LinkedIn using OpenID Connect" product.</p>
+        <p class="help">Redirect URL: <span class="copyable">${baseUrl}/ui/linkedin/callback <button type="button" class="copy-btn" onclick="copyText('${baseUrl}/ui/linkedin/callback', this)">Copy</button></span></p>
+        <form method="POST" action="/ui/linkedin/setup">
+          <label>Account Name</label>
+          <input type="text" name="accountName" placeholder="personal, business, etc." required>
+          <label>Client ID</label>
+          <input type="text" name="clientId" placeholder="LinkedIn client ID" required>
+          <label>Client Secret</label>
+          <input type="password" name="clientSecret" placeholder="LinkedIn client secret" required>
+          <button type="submit" class="btn-primary">Add Account</button>
+        </form>
+      </div>
+    </details>
+  </div>`;
+}
+
+export const serviceName = 'linkedin';
+export const displayName = 'LinkedIn';

package/src/routes/ui/mastodon.js

@@ -0,0 +1,140 @@
+import { setAccountCredentials, deleteAccount, getAccountCredentials } from '../../lib/db.js';
+
+export function registerRoutes(router, baseUrl) {
+  router.post('/mastodon/setup', async (req, res) => {
+    const { accountName, instance } = req.body;
+    if (!accountName || !instance) {
+      return res.status(400).send('Account name and instance required');
+    }
+
+    const cleanInstance = instance.replace(/^https?:\/\//, '').replace(/\/$/, '');
+
+    try {
+      const response = await fetch(`https://${cleanInstance}/api/v1/apps`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          client_name: 'agentgate',
+          redirect_uris: `${baseUrl}/ui/mastodon/callback`,
+          scopes: 'read',
+          website: baseUrl
+        })
+      });
+
+      if (!response.ok) {
+        return res.status(400).send(`Failed to register app with ${cleanInstance}`);
+      }
+
+      const app = await response.json();
+
+      setAccountCredentials('mastodon', accountName, {
+        instance: cleanInstance,
+        clientId: app.client_id,
+        clientSecret: app.client_secret
+      });
+
+      const authUrl = `https://${cleanInstance}/oauth/authorize?` +
+        `client_id=${app.client_id}&response_type=code&` +
+        `redirect_uri=${encodeURIComponent(`${baseUrl}/ui/mastodon/callback`)}&` +
+        `scope=read&state=${encodeURIComponent(`agentgate_mastodon_${accountName}`)}`;
+
+      res.redirect(authUrl);
+    } catch (err) {
+      res.status(500).send(`Mastodon setup failed: ${err.message}`);
+    }
+  });
+
+  router.get('/mastodon/callback', async (req, res) => {
+    const { code, error, state } = req.query;
+    if (error) {
+      return res.status(400).send(`Mastodon OAuth error: ${error}`);
+    }
+
+    const accountName = state?.replace('agentgate_mastodon_', '') || 'default';
+    const creds = getAccountCredentials('mastodon', accountName);
+    if (!creds) {
+      return res.status(400).send('Mastodon account not found. Please try setup again.');
+    }
+
+    try {
+      const response = await fetch(`https://${creds.instance}/oauth/token`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          client_id: creds.clientId,
+          client_secret: creds.clientSecret,
+          redirect_uri: `${baseUrl}/ui/mastodon/callback`,
+          grant_type: 'authorization_code',
+          code,
+          scope: 'read'
+        })
+      });
+
+      const tokens = await response.json();
+      if (tokens.error) {
+        return res.status(400).send(`Mastodon token error: ${tokens.error}`);
+      }
+
+      setAccountCredentials('mastodon', accountName, {
+        ...creds,
+        accessToken: tokens.access_token
+      });
+
+      res.redirect('/ui');
+    } catch (err) {
+      res.status(500).send(`Mastodon OAuth failed: ${err.message}`);
+    }
+  });
+
+  router.post('/mastodon/delete', (req, res) => {
+    const { accountName } = req.body;
+    deleteAccount('mastodon', accountName);
+    res.redirect('/ui');
+  });
+}
+
+export function renderCard(accounts, _baseUrl) {
+  const serviceAccounts = accounts.filter(a => a.service === 'mastodon');
+
+  const renderAccounts = () => {
+    if (serviceAccounts.length === 0) return '';
+    return serviceAccounts.map(acc => {
+      const creds = getAccountCredentials('mastodon', acc.name);
+      const info = creds?.instance ? `${acc.name} @${creds.instance}` : acc.name;
+      return `
+        <div class="account-item">
+          <span><strong>${info}</strong></span>
+          <form method="POST" action="/ui/mastodon/delete" style="margin:0;">
+            <input type="hidden" name="accountName" value="${acc.name}">
+            <button type="submit" class="btn-sm btn-danger">Remove</button>
+          </form>
+        </div>
+      `;
+    }).join('');
+  };
+
+  return `
+  <div class="card">
+    <div class="service-header">
+      <img class="service-icon" src="/public/icons/mastodon.svg" alt="Mastodon">
+      <h3>Mastodon</h3>
+    </div>
+    ${renderAccounts()}
+    <details>
+      <summary>Add Mastodon Account</summary>
+      <div style="margin-top: 15px;">
+        <p class="help">Enter your Mastodon instance (e.g., fosstodon.org, mastodon.social)</p>
+        <form method="POST" action="/ui/mastodon/setup">
+          <label>Account Name</label>
+          <input type="text" name="accountName" placeholder="main, tech, etc." required>
+          <label>Instance</label>
+          <input type="text" name="instance" placeholder="fosstodon.org" required>
+          <button type="submit" class="btn-primary">Add Account</button>
+        </form>
+      </div>
+    </details>
+  </div>`;
+}
+
+export const serviceName = 'mastodon';
+export const displayName = 'Mastodon';

package/src/routes/ui/reddit.js

@@ -0,0 +1,120 @@
+import { setAccountCredentials, deleteAccount, getAccountCredentials } from '../../lib/db.js';
+
+export function registerRoutes(router, baseUrl) {
+  router.post('/reddit/setup', (req, res) => {
+    const { accountName, clientId, clientSecret } = req.body;
+    if (!accountName || !clientId || !clientSecret) {
+      return res.status(400).send('Account name, client ID, and secret required');
+    }
+    setAccountCredentials('reddit', accountName, { clientId, clientSecret });
+
+    const redirectUri = `${baseUrl}/ui/reddit/callback`;
+    const scope = 'read identity';
+    const state = `agentgate_reddit_${accountName}`;
+
+    const authUrl = 'https://www.reddit.com/api/v1/authorize?' +
+      `client_id=${clientId}&response_type=code&` +
+      `state=${encodeURIComponent(state)}&redirect_uri=${encodeURIComponent(redirectUri)}&` +
+      `duration=permanent&scope=${encodeURIComponent(scope)}`;
+
+    res.redirect(authUrl);
+  });
+
+  router.get('/reddit/callback', async (req, res) => {
+    const { code, error, state } = req.query;
+    if (error) {
+      return res.status(400).send(`Reddit OAuth error: ${error}`);
+    }
+
+    const accountName = state?.replace('agentgate_reddit_', '') || 'default';
+    const creds = getAccountCredentials('reddit', accountName);
+    if (!creds) {
+      return res.status(400).send('Reddit account not found. Please try setup again.');
+    }
+
+    try {
+      const basicAuth = Buffer.from(`${creds.clientId}:${creds.clientSecret}`).toString('base64');
+      const redirectUri = `${baseUrl}/ui/reddit/callback`;
+
+      const response = await fetch('https://www.reddit.com/api/v1/access_token', {
+        method: 'POST',
+        headers: {
+          'Authorization': `Basic ${basicAuth}`,
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams({
+          grant_type: 'authorization_code',
+          code,
+          redirect_uri: redirectUri
+        })
+      });
+
+      const tokens = await response.json();
+      if (tokens.error) {
+        return res.status(400).send(`Reddit token error: ${tokens.error}`);
+      }
+
+      setAccountCredentials('reddit', accountName, {
+        ...creds,
+        accessToken: tokens.access_token,
+        refreshToken: tokens.refresh_token,
+        expiresAt: Date.now() + (tokens.expires_in * 1000) - 60000
+      });
+
+      res.redirect('/ui');
+    } catch (err) {
+      res.status(500).send(`Reddit OAuth failed: ${err.message}`);
+    }
+  });
+
+  router.post('/reddit/delete', (req, res) => {
+    const { accountName } = req.body;
+    deleteAccount('reddit', accountName);
+    res.redirect('/ui');
+  });
+}
+
+export function renderCard(accounts, baseUrl) {
+  const serviceAccounts = accounts.filter(a => a.service === 'reddit');
+
+  const renderAccounts = () => {
+    if (serviceAccounts.length === 0) return '';
+    return serviceAccounts.map(acc => `
+      <div class="account-item">
+        <span><strong>${acc.name}</strong></span>
+        <form method="POST" action="/ui/reddit/delete" style="margin:0;">
+          <input type="hidden" name="accountName" value="${acc.name}">
+          <button type="submit" class="btn-sm btn-danger">Remove</button>
+        </form>
+      </div>
+    `).join('');
+  };
+
+  return `
+  <div class="card">
+    <div class="service-header">
+      <img class="service-icon" src="/public/icons/reddit.svg" alt="Reddit">
+      <h3>Reddit</h3>
+    </div>
+    ${renderAccounts()}
+    <details>
+      <summary>Add Reddit Account</summary>
+      <div style="margin-top: 15px;">
+        <p class="help">Create an app at <a href="https://www.reddit.com/prefs/apps" target="_blank">reddit.com/prefs/apps</a> (select "web app")</p>
+        <p class="help">Redirect URI: <span class="copyable">${baseUrl}/ui/reddit/callback <button type="button" class="copy-btn" onclick="copyText('${baseUrl}/ui/reddit/callback', this)">Copy</button></span></p>
+        <form method="POST" action="/ui/reddit/setup">
+          <label>Account Name</label>
+          <input type="text" name="accountName" placeholder="main, throwaway, etc." required>
+          <label>Client ID</label>
+          <input type="text" name="clientId" placeholder="Reddit client ID" required>
+          <label>Client Secret</label>
+          <input type="password" name="clientSecret" placeholder="Reddit client secret" required>
+          <button type="submit" class="btn-primary">Add Account</button>
+        </form>
+      </div>
+    </details>
+  </div>`;
+}
+
+export const serviceName = 'reddit';
+export const displayName = 'Reddit';

package/src/routes/ui/youtube.js

@@ -0,0 +1,120 @@
+import { setAccountCredentials, deleteAccount, getAccountCredentials } from '../../lib/db.js';
+
+export function registerRoutes(router, baseUrl) {
+  router.post('/youtube/setup', (req, res) => {
+    const { accountName, clientId, clientSecret } = req.body;
+    if (!accountName || !clientId || !clientSecret) {
+      return res.status(400).send('Account name, client ID, and secret required');
+    }
+    setAccountCredentials('youtube', accountName, { clientId, clientSecret });
+
+    const redirectUri = `${baseUrl}/ui/youtube/callback`;
+    const scope = 'https://www.googleapis.com/auth/youtube.readonly';
+    const state = `agentgate_youtube_${accountName}`;
+
+    const authUrl = 'https://accounts.google.com/o/oauth2/v2/auth?' +
+      `client_id=${clientId}&response_type=code&` +
+      `state=${encodeURIComponent(state)}&redirect_uri=${encodeURIComponent(redirectUri)}&` +
+      `scope=${encodeURIComponent(scope)}&access_type=offline&prompt=consent`;
+
+    res.redirect(authUrl);
+  });
+
+  router.get('/youtube/callback', async (req, res) => {
+    const { code, error, state } = req.query;
+    if (error) {
+      return res.status(400).send(`YouTube OAuth error: ${error}`);
+    }
+
+    const accountName = state?.replace('agentgate_youtube_', '') || 'default';
+    const creds = getAccountCredentials('youtube', accountName);
+    if (!creds) {
+      return res.status(400).send('YouTube account not found. Please try setup again.');
+    }
+
+    try {
+      const redirectUri = `${baseUrl}/ui/youtube/callback`;
+
+      const response = await fetch('https://oauth2.googleapis.com/token', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams({
+          client_id: creds.clientId,
+          client_secret: creds.clientSecret,
+          code,
+          grant_type: 'authorization_code',
+          redirect_uri: redirectUri
+        })
+      });
+
+      const tokens = await response.json();
+      if (tokens.error) {
+        return res.status(400).send(`YouTube token error: ${tokens.error}`);
+      }
+
+      setAccountCredentials('youtube', accountName, {
+        ...creds,
+        accessToken: tokens.access_token,
+        refreshToken: tokens.refresh_token,
+        expiresAt: Date.now() + (tokens.expires_in * 1000) - 60000
+      });
+
+      res.redirect('/ui');
+    } catch (err) {
+      res.status(500).send(`YouTube OAuth failed: ${err.message}`);
+    }
+  });
+
+  router.post('/youtube/delete', (req, res) => {
+    const { accountName } = req.body;
+    deleteAccount('youtube', accountName);
+    res.redirect('/ui');
+  });
+}
+
+export function renderCard(accounts, baseUrl) {
+  const serviceAccounts = accounts.filter(a => a.service === 'youtube');
+
+  const renderAccounts = () => {
+    if (serviceAccounts.length === 0) return '';
+    return serviceAccounts.map(acc => `
+      <div class="account-item">
+        <span><strong>${acc.name}</strong></span>
+        <form method="POST" action="/ui/youtube/delete" style="margin:0;">
+          <input type="hidden" name="accountName" value="${acc.name}">
+          <button type="submit" class="btn-sm btn-danger">Remove</button>
+        </form>
+      </div>
+    `).join('');
+  };
+
+  return `
+  <div class="card">
+    <div class="service-header">
+      <img class="service-icon" src="/public/icons/youtube.svg" alt="YouTube">
+      <h3>YouTube</h3>
+    </div>
+    ${renderAccounts()}
+    <details>
+      <summary>Add YouTube Account</summary>
+      <div style="margin-top: 15px;">
+        <p class="help">Use the same Google Cloud Console project. Enable the YouTube Data API v3.</p>
+        <p class="help">Redirect URI: <span class="copyable">${baseUrl}/ui/youtube/callback <button type="button" class="copy-btn" onclick="copyText('${baseUrl}/ui/youtube/callback', this)">Copy</button></span></p>
+        <form method="POST" action="/ui/youtube/setup">
+          <label>Account Name</label>
+          <input type="text" name="accountName" placeholder="main, brand, etc." required>
+          <label>Client ID</label>
+          <input type="text" name="clientId" placeholder="xxxxxxxx.apps.googleusercontent.com" required>
+          <label>Client Secret</label>
+          <input type="password" name="clientSecret" placeholder="Google client secret" required>
+          <button type="submit" class="btn-primary">Add Account</button>
+        </form>
+      </div>
+    </details>
+  </div>`;
+}
+
+export const serviceName = 'youtube';
+export const displayName = 'YouTube';