@julioventura/opensquad 0.1.17

package/skills/instagram-publisher/scripts/publish-playwright.js

@@ -0,0 +1,418 @@
+#!/usr/bin/env node
+import { chromium } from 'playwright';
+import { resolve } from 'path';
+
+function parseArgs(argv) {
+  const args = {
+    images: [],
+    caption: '',
+    username: '',
+    password: '',
+    profileDir: '_opensquad/_browser_profile'
+  };
+  for (let i = 2; i < argv.length; i++) {
+    if (argv[i] === '--images') {
+      if (i + 1 < argv.length) args.images = argv[++i].split(',').map(s => s.trim());
+    } else if (argv[i] === '--caption') {
+      if (i + 1 < argv.length) args.caption = argv[++i];
+    } else if (argv[i] === '--username') {
+      if (i + 1 < argv.length) args.username = argv[++i];
+    } else if (argv[i] === '--password') {
+      if (i + 1 < argv.length) args.password = argv[++i];
+    } else if (argv[i] === '--profile-dir') {
+      if (i + 1 < argv.length) args.profileDir = argv[++i];
+    }
+  }
+  return args;
+}
+
+const args = parseArgs(process.argv);
+
+if (!args.images.length) {
+  console.error('Error: --images is required');
+  process.exit(1);
+}
+if (!args.caption) {
+  console.error('Error: --caption is required');
+  process.exit(1);
+}
+
+const resolvedImages = args.images.map(p => resolve(p));
+const username = args.username || process.env.ODONTOLOGIA_INSTAGRAM_USER || 'atendimento@dentistas.com.br';
+const password = args.password || process.env.ODONTOLOGIA_INSTAGRAM_PASS || 'Instagram@julio@2026';
+const profileHandle = String(process.env.MUSICPLAY_INSTAGRAM_HANDLE || process.env.INSTAGRAM_PROFILE_HANDLE || 'musicplay.club')
+  .trim()
+  .replace(/^@/, '')
+  .replace(/^https?:\/\/www\.instagram\.com\//i, '')
+  .replace(/\/?$/, '');
+
+function isInstagramSecurityUrl(url) {
+  return /auth_platform|recaptcha|challenge|accounts\/onetap/i.test(String(url || ''));
+}
+
+async function waitForInstagramSecurityResolution(page, reason, timeoutMs = 300000) {
+  if (!isInstagramSecurityUrl(page.url())) {
+    return false;
+  }
+
+  console.log(`\n⚠️ Instagram acionou uma verificação de segurança durante: ${reason}`);
+  console.log(`URL atual: ${page.url()}`);
+  console.log('👉 Resolva manualmente o captcha/verificação nessa janela.');
+  console.log('Vou esperar até 5 minutos a volta para o Instagram normal antes de continuar.\n');
+
+  await page.waitForFunction(
+    () => !/auth_platform|recaptcha|challenge|accounts\/onetap/i.test(window.location.href),
+    undefined,
+    { timeout: timeoutMs }
+  );
+
+  await page.waitForLoadState('networkidle', { timeout: 30000 }).catch(() => {});
+  await page.waitForTimeout(3000);
+  console.log(`✅ Verificação concluída. URL atual: ${page.url()}`);
+  return true;
+}
+
+async function assertExpectedInstagramOwnerSession(page, expectedHandle) {
+  const expectedProfileUrl = `https://www.instagram.com/${expectedHandle}/`;
+  await page.goto(expectedProfileUrl, { waitUntil: 'networkidle' }).catch(() => {});
+  await page.waitForTimeout(3000);
+
+  const ownerIndicators = [
+    'button:has-text("Editar perfil")',
+    'button:has-text("Edit profile")',
+    'a:has-text("Editar perfil")',
+    'a:has-text("Edit profile")'
+  ];
+
+  for (const selector of ownerIndicators) {
+    try {
+      if (await page.locator(selector).first().isVisible({ timeout: 1000 })) {
+        console.log(`✅ Sessão confirmada como dona de @${expectedHandle}.`);
+        return;
+      }
+    } catch (err) {}
+  }
+
+  throw new Error(
+    `A sessão persistente do Instagram não está autenticada como @${expectedHandle}. ` +
+    `Abra o perfil correto nessa sessão antes de publicar para evitar postar na conta errada.`
+  );
+}
+
+console.log('Images to upload:', resolvedImages);
+
+async function main() {
+  console.log('Launching browser in headful mode using the persistent profile...');
+  const userDataDir = resolve(args.profileDir);
+  
+  const context = await chromium.launchPersistentContext(userDataDir, {
+    headless: false,
+    viewport: { width: 1280, height: 800 },
+    args: ['--no-sandbox', '--disable-setuid-sandbox']
+  });
+
+  const page = await context.newPage();
+  
+  try {
+    console.log('Navigating to Instagram...');
+    await page.goto('https://www.instagram.com/', { waitUntil: 'networkidle' });
+    await page.waitForTimeout(5000);
+
+    await waitForInstagramSecurityResolution(page, 'navegação inicial').catch(() => {});
+    
+    // Auto-login if needed
+    if (page.url().includes('login') || await page.locator('input[name="username"]').isVisible()) {
+      console.log('Not logged in. Automating login...');
+      await page.fill('input[name="username"]', username);
+      await page.fill('input[name="password"]', password);
+      await page.click('button[type="submit"]');
+      await page.waitForNavigation({ waitUntil: 'networkidle', timeout: 30000 });
+    } else {
+      console.log('Already logged in or redirecting...');
+    }
+
+    await waitForInstagramSecurityResolution(page, 'login').catch(() => {});
+
+    await assertExpectedInstagramOwnerSession(page, profileHandle);
+    
+    await page.waitForTimeout(3000);
+    
+    // Dismiss popups
+    for (const popupSelector of [
+      'button:has-text("Agora não")', 
+      'button:has-text("Not Now")', 
+      'button:has-text("Agora nao")',
+      'div[role="dialog"] button:has-text("Not Now")',
+      'div[role="dialog"] button:has-text("Agora não")'
+    ]) {
+      try {
+        if (await page.locator(popupSelector).isVisible()) {
+          console.log(`Dismissing popup: ${popupSelector}`);
+          await page.click(popupSelector);
+          await page.waitForTimeout(2000);
+        }
+      } catch (err) {}
+    }
+    
+    console.log('Clicking the "Create" button on the sidebar...');
+    const createSelectors = [
+      'a:has-text("Criar")',
+      'a:has-text("Create")',
+      'div[role="button"]:has-text("Criar")',
+      'div[role="button"]:has-text("Create")',
+      'svg[aria-label="New post"]',
+      'svg[aria-label="Nova publicação"]',
+      '[aria-label="Create"]',
+      '[aria-label="Criar"]',
+      'span:has-text("Criar")',
+      'span:has-text("Create")'
+    ];
+    
+    let clicked = false;
+    for (const selector of createSelectors) {
+      try {
+        const loc = page.locator(selector).first();
+        if (await loc.isVisible()) {
+          console.log(`Found create button using selector: ${selector}`);
+          await loc.click();
+          clicked = true;
+          break;
+        }
+      } catch (err) {}
+    }
+    
+    if (!clicked) {
+      try {
+        const svgLoc = page.locator('svg[aria-label="Nova publicação"], svg[aria-label="New post"]').first();
+        if (await svgLoc.isVisible()) {
+          console.log('Attempting to click parent of the Plus SVG...');
+          await svgLoc.locator('xpath=..').click();
+          clicked = true;
+        }
+      } catch (err) {}
+    }
+
+    console.log('Checking whether Instagram opened a creation menu...');
+    const postEntrySelectors = [
+      'div[role="dialog"] span:has-text("Publicação")',
+      'div[role="dialog"] span:has-text("Post")',
+      'div[role="dialog"] div[role="button"]:has-text("Publicação")',
+      'div[role="dialog"] div[role="button"]:has-text("Post")',
+      'span:has-text("Publicação")',
+      'span:has-text("Post")'
+    ];
+    for (const selector of postEntrySelectors) {
+      try {
+        let loc = page.locator(selector).first();
+        if (await loc.isVisible({ timeout: 1000 })) {
+          const roleButton = loc.locator('xpath=ancestor-or-self::*[@role="button"][1]').first();
+          if (await roleButton.count() > 0) {
+            loc = roleButton;
+          }
+          console.log(`Selecting post flow using selector: ${selector}`);
+          await loc.click();
+          await page.waitForTimeout(1500);
+          break;
+        }
+      } catch (err) {}
+    }
+    
+    console.log('Waiting for the file input or drag-drop area...');
+    try {
+      await page.waitForSelector('input[type="file"]', { state: 'attached', timeout: 10000 });
+    } catch (e) {
+      await waitForInstagramSecurityResolution(page, 'abertura do modal de upload').catch(() => {});
+
+      const uploadLaunchSelectors = [
+        'button:has-text("Selecionar no computador")',
+        'button:has-text("Selecionar do computador")',
+        'button:has-text("Do computador")',
+        'button:has-text("Select from computer")',
+        'div[role="button"]:has-text("Selecionar no computador")',
+        'div[role="button"]:has-text("Selecionar do computador")',
+        'div[role="button"]:has-text("Do computador")',
+        'div[role="button"]:has-text("Select from computer")',
+        'span:has-text("Selecionar do computador")',
+        'span:has-text("Select from computer")',
+        'div:has-text("Arraste fotos e vídeos aqui")',
+        'div:has-text("Arraste fotos ou vídeos aqui")',
+        'div:has-text("Drag photos and videos here")',
+        'div:has-text("Drag photos or videos here")'
+      ];
+      for (const selector of uploadLaunchSelectors) {
+        try {
+          let loc = page.locator(selector).first();
+          if (await loc.isVisible({ timeout: 1000 })) {
+            const roleButton = loc.locator('xpath=ancestor-or-self::*[@role="button" or self::button or self::label][1]').first();
+            if (await roleButton.count() > 0) {
+              loc = roleButton;
+            }
+            console.log(`Opening file chooser using selector: ${selector}`);
+            await loc.click();
+            await page.waitForTimeout(1500);
+            const hasInput = await page.locator('input[type="file"]').count();
+            if (hasInput > 0) {
+              break;
+            }
+          }
+        } catch (err) {}
+      }
+
+      console.log('\n⚠️ Could not automatically open the creation modal.');
+      console.log('👉 Please click the "+" or "Criar / Create" button manually in the opened browser window now.');
+      console.log('Waiting up to 180 seconds (3 minutes) for you to do so...\n');
+      await page.waitForSelector('input[type="file"]', { state: 'attached', timeout: 180000 });
+    }
+
+    await waitForInstagramSecurityResolution(page, 'espera pelo input de upload').catch(() => {});
+
+    let uploadInput = page.locator('div[role="dialog"] input[type="file"][multiple]').first();
+    if (await uploadInput.count() === 0) {
+      uploadInput = page.locator('input[type="file"][multiple]').first();
+    }
+    if (await uploadInput.count() === 0) {
+      throw new Error('Could not find a multi-file upload input in the Instagram publish modal.');
+    }
+    
+    console.log('Uploading files...');
+    await uploadInput.setInputFiles(resolvedImages);
+    await page.waitForTimeout(4000);
+    
+    console.log('Files uploaded. Clicking "Next" / "Avançar"...');
+    const nextButtonSelectors = [
+      'div[role="dialog"] button:has-text("Next")',
+      'div[role="dialog"] button:has-text("Avançar")',
+      'div[role="dialog"] div[role="button"]:has-text("Next")',
+      'div[role="dialog"] div[role="button"]:has-text("Avançar")',
+      'button:has-text("Next")',
+      'button:has-text("Avançar")',
+      'div[role="button"]:has-text("Next")',
+      'div[role="button"]:has-text("Avançar")'
+    ];
+    
+    let clickedNext = false;
+    for (const selector of nextButtonSelectors) {
+      try {
+        const loc = page.locator(selector).first();
+        if (await loc.isVisible()) {
+          await loc.click();
+          clickedNext = true;
+          break;
+        }
+      } catch (err) {}
+    }
+    if (!clickedNext) {
+      console.log('Next button not clicked automatically. Please click "Next" on the screen.');
+      await page.waitForTimeout(5000);
+    }
+    
+    await page.waitForTimeout(3000);
+    
+    console.log('Clicking "Next" on the filters screen...');
+    clickedNext = false;
+    for (const selector of nextButtonSelectors) {
+      try {
+        const loc = page.locator(selector).first();
+        if (await loc.isVisible()) {
+          await loc.click();
+          clickedNext = true;
+          break;
+        }
+      } catch (err) {}
+    }
+    if (!clickedNext) {
+      console.log('Next button not clicked. Please click "Next" on the screen.');
+      await page.waitForTimeout(5000);
+    }
+    
+    await page.waitForTimeout(3000);
+    
+    console.log('Writing caption...');
+    const captionSelectors = [
+      'div[aria-label="Write a caption..."]',
+      'div[aria-label="Escreva uma legenda..."]',
+      'textarea[aria-label="Write a caption..."]',
+      'textarea[aria-label="Escreva uma legenda..."]',
+      '[role="textbox"]'
+    ];
+    
+    let captionFilled = false;
+    for (const selector of captionSelectors) {
+      try {
+        const loc = page.locator(selector).first();
+        if (await loc.isVisible()) {
+          console.log(`Filling caption in: ${selector}`);
+          await loc.focus();
+          await loc.fill(args.caption);
+          captionFilled = true;
+          break;
+        }
+      } catch (err) {}
+    }
+    
+    if (!captionFilled) {
+      console.log('Caption textbox not found automatically. Please paste the caption manually.');
+      await page.waitForTimeout(10000);
+    }
+    
+    await page.waitForTimeout(3000);
+    
+    console.log('Clicking "Share" / "Compartilhar"...');
+    const shareButtonSelectors = [
+      'button:has-text("Share")',
+      'button:has-text("Compartilhar")',
+      'div[role="dialog"] button:has-text("Share")',
+      'div[role="dialog"] button:has-text("Compartilhar")',
+      'div[role="dialog"] div[role="button"]:has-text("Share")',
+      'div[role="dialog"] div[role="button"]:has-text("Compartilhar")',
+      'div[role="button"]:has-text("Share")',
+      'div[role="button"]:has-text("Compartilhar")'
+    ];
+    
+    let clickedShare = false;
+    for (const selector of shareButtonSelectors) {
+      try {
+        const loc = page.locator(selector).first();
+        if (await loc.isVisible()) {
+          await loc.click();
+          clickedShare = true;
+          break;
+        }
+      } catch (err) {}
+    }
+    
+    if (!clickedShare) {
+      console.log('Share button not found. Please click "Share" manually on the screen.');
+    }
+    
+    console.log('Waiting for completion (Your post has been shared)...');
+    await page.waitForSelector('text="Your post has been shared"', { timeout: 60000 }).catch(() => {
+      return page.waitForSelector('text="Sua publicação foi compartilhada"', { timeout: 60000 });
+    }).catch(() => {
+      console.log('Timeout waiting for completion message. Assuming success or manual sharing completed.');
+    });
+    
+    await page.waitForTimeout(5000);
+    console.log('Post published successfully!');
+    
+    // Try to navigate to the brand profile to get the latest post URL
+    await page.goto(`https://www.instagram.com/${profileHandle}/`, { waitUntil: 'networkidle' }).catch(() => {});
+    await page.waitForTimeout(5000);
+    
+    const postLink = await page.locator('a[href*="/p/"]').first().getAttribute('href').catch(() => null);
+    if (postLink) {
+      const fullUrl = `https://www.instagram.com${postLink}`;
+      const postId = postLink.split('/p/')[1].replace(/\//g, '');
+      console.log(`\n🎉 INSTAGRAM SUCCESS URL: ${fullUrl}`);
+      console.log(`🎉 INSTAGRAM POST ID: ${postId}`);
+    }
+    
+  } catch (err) {
+    console.error('An error occurred during Playwright execution:', err);
+  } finally {
+    console.log('Closing browser context...');
+    await context.close();
+  }
+}
+
+main().catch(console.error);