Files
jackwener__opencli/clis/doubao-app/utils.js
jakevin d2974a9ff6 refactor(adapters): convert adapter layer from TypeScript to JavaScript (#928)
* refactor(adapters): convert adapter layer from TypeScript to JavaScript

Core framework stays TypeScript; adapter layer moves to JS-first.
Adapters are essentially "executable config + browser scripts" that
barely use TS features — this simplifies the build/distribution pipeline
by removing the dist/clis/ intermediate compilation step.

Changes:
- Convert all 753 adapter files in clis/ from .ts to .js
- Update tsconfig to exclude clis/ from compilation
- Simplify build-manifest to scan clis/*.js directly (no dist/clis/)
- Update discovery, main, fetch-adapters to load JS adapters from clis/
- Update generate-verified to output .js artifacts
- Update package.json files field: dist/clis/ → clis/
- Fix all test files for the .ts → .js transition

* fix(main): use findPackageRoot for BUILTIN_CLIS path

The previous relative path (../../clis from __dirname) only worked for
dist/src/main.js but broke dev mode (tsx src/main.ts) where __dirname
is <repo>/src — resolving to /clis instead of <repo>/clis.

Use findPackageRoot() which works for both dev and prod paths.
2026-04-10 14:52:18 +08:00

111 lines
4.0 KiB
JavaScript

/**
* Shared constants and helpers for Doubao desktop app (Electron + CDP).
*
* Requires: Doubao launched with --remote-debugging-port=9226
*/
/** Selectors discovered via data-testid attributes */
export const SEL = {
INPUT: '[data-testid="chat_input_input"]',
SEND_BTN: '[data-testid="chat_input_send_button"]',
MESSAGE: '[data-testid="message_content"]',
MESSAGE_TEXT: '[data-testid="message_text_content"]',
INDICATOR: '[data-testid="indicator"]',
NEW_CHAT: '[data-testid="new_chat_button"]',
NEW_CHAT_SIDEBAR: '[data-testid="app-open-newChat"]',
};
/**
* Inject text into the Doubao chat textarea via React-compatible value setter.
* Returns an evaluate script string.
*/
export function injectTextScript(text) {
return `(function(t) {
const textarea = document.querySelector('${SEL.INPUT}');
if (!textarea) return { ok: false, error: 'No textarea found' };
textarea.focus();
const setter = Object.getOwnPropertyDescriptor(
window.HTMLTextAreaElement.prototype, 'value'
)?.set;
if (setter) setter.call(textarea, t);
else textarea.value = t;
textarea.dispatchEvent(new Event('input', { bubbles: true }));
textarea.dispatchEvent(new Event('change', { bubbles: true }));
return { ok: true };
})(${JSON.stringify(text)})`;
}
/**
* Click the send button. Returns an evaluate script string.
*/
export function clickSendScript() {
return `(function() {
const btn = document.querySelector('${SEL.SEND_BTN}');
if (!btn) return false;
btn.click();
return true;
})()`;
}
/**
* Read all chat messages from the DOM. Returns an evaluate script string.
*/
export function readMessagesScript() {
return `(function() {
const results = [];
const containers = document.querySelectorAll('${SEL.MESSAGE}');
for (const container of containers) {
const textEl = container.querySelector('${SEL.MESSAGE_TEXT}');
if (!textEl) continue;
// Skip streaming messages
if (textEl.querySelector('${SEL.INDICATOR}') ||
textEl.getAttribute('data-show-indicator') === 'true') continue;
const isUser = container.classList.contains('justify-end');
let text = '';
const children = textEl.querySelectorAll('div[dir]');
if (children.length > 0) {
text = Array.from(children).map(c => c.innerText || c.textContent || '').join('');
} else {
text = textEl.innerText?.trim() || textEl.textContent?.trim() || '';
}
if (!text) continue;
results.push({ role: isUser ? 'User' : 'Assistant', text: text.substring(0, 2000) });
}
return results;
})()`;
}
/**
* Click the new-chat button. Returns an evaluate script string.
*/
export function clickNewChatScript() {
return `(function() {
let btn = document.querySelector('${SEL.NEW_CHAT}');
if (btn) { btn.click(); return true; }
btn = document.querySelector('${SEL.NEW_CHAT_SIDEBAR}');
if (btn) { btn.click(); return true; }
return false;
})()`;
}
/**
* Poll for a new assistant response after sending.
* Returns evaluate script that checks message count vs baseline.
*/
export function pollResponseScript(beforeCount) {
return `(function(prevCount) {
const msgs = document.querySelectorAll('${SEL.MESSAGE}');
if (msgs.length <= prevCount) return { phase: 'waiting', text: null };
const lastMsg = msgs[msgs.length - 1];
if (lastMsg.classList.contains('justify-end')) return { phase: 'waiting', text: null };
const textEl = lastMsg.querySelector('${SEL.MESSAGE_TEXT}');
if (!textEl) return { phase: 'waiting', text: null };
if (textEl.querySelector('${SEL.INDICATOR}') ||
textEl.getAttribute('data-show-indicator') === 'true') {
return { phase: 'streaming', text: null };
}
let text = '';
const children = textEl.querySelectorAll('div[dir]');
if (children.length > 0) {
text = Array.from(children).map(c => c.innerText || c.textContent || '').join('');
} else {
text = textEl.innerText?.trim() || textEl.textContent?.trim() || '';
}
return { phase: 'done', text };
})(${beforeCount})`;
}