Is there a way to resize the innerWidth & innerHeight for Non Headless Chrome?

[Nurutomo]

Currently the default innerSize is 1440 by 900
With that size, my window cropping it (My screen resolution is 1366 by 768)

Console Debugger:

My expectation is the innerSize matching the windowSize

[smashah]

@Nurutomo

You can change this in your create config

create({
	puppeteerConfig: {
		width : 1366,
		height: 768	
	}
})

[Nurutomo]

doesn't work

code:

const { create, Client } = require('@open-wa/wa-automate')

create('nurutomo', {
    headless: false,
    useChrome: true,
    puppeteerConfig: {
	width : 1366,
	height: 768	
    }
})
.then(client => start(client))
.catch(err => new Error(err))

function start(client = new Client()) {
    client.onAnyMessage(msg => {
        console.log(msg.sender.pushname || msg.sender.verifiedName || msg.sender.formattedName, msg.body || msg.caption)
    })
}

[smashah]

My mistake, that is not implemented yet.

[Nurutomo]

similar issue puppeteer/puppeteer#1183

[Nurutomo]

wa-automate-nodejs/src/config/puppeteer.config.ts

Lines 1 to 5 in 1a2d38c

	const puppeteerConfig = {
	WAUrl: 'https://web.whatsapp.com',
	width: 1440,
	height: 900,
	chromiumArgs: [

[smashah]

yep. on the todo list

[Nurutomo]

about right here needs change

wa-automate-nodejs/src/controllers/browser.ts

Lines 15 to 27 in 1a2d38c

	export async function initClient(sessionId?: string, config?:ConfigObject, customUserAgent?:string) {
	if(config?.useStealth) puppeteer.use(require('puppeteer-extra-plugin-stealth')());
	browser = await initBrowser(sessionId,config);
	const waPage = await getWAPage(browser);
	if (config?.proxyServerCredentials) {
	await waPage.authenticate(config.proxyServerCredentials);
	}
	await waPage.setUserAgent(customUserAgent||useragent);
	await waPage.setViewport({
	width,
	height,
	deviceScaleFactor: 1
	});

[smashah]

Yes, I know..

[smashah]

@github-actions run

⚡ Release! ⚡

(async () => {
function exec(cmd) {
  console.log(execSync(cmd).toString());
}

// Config
const gitUserEmail = "github-actions[bot]@users.noreply.github.com";
const gitUserName = "github-actions[bot]";

exec(`echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > .npmrc`);
exec(`git config --global user.email "${gitUserEmail}"`);
exec(`git config --global user.name "${gitUserName}"`);
exec(`npm i`);
exec(`npm run release-ci`);

//comment on the issue
var result = execSync(`npx auto-changelog -o ./tempchangelog.txt --commit-limit false --template ./compact-keepachangelog.hbs --stdout`).toString();

    await postComment(result);

//create changelog image
exec(`npm run release-image`);
exec(`git commit -a -m 'updated release-image'`);
exec(`git push --force`);
  })();

[Nurutomo]

wa-automate-nodejs/demo/index.ts

Lines 235 to 238 in dc7bcd0

	viewport: {
	// width: 1920,
	height: 1200
	}

Uhmm...I tried the options/config above, it doesnt work. i renamed key from viewport to window and its working

Working code

const { create, Client } = require('@open-wa/wa-automate')

create('nurutomo', {
    headless: false,
    useChrome: true,
//  viewport: {
    window: {
        width : 1280,
        height: 720
     }
}).then((client) => start(client))

function start(client = new Client()) {
    client.onAnyMessage(message => {
        let name = message.sender.pushname || message.sender.verifiedName || message.sender.formattedName
        let text = message.body || message.caption
        console.log(`(${name}) ${text}`)
    })
}

wa-automate-nodejs/src/controllers/browser.ts

Lines 23 to 27 in dc7bcd0

	await waPage.setViewport({
	width: config?.window?.width || width,
	height: config?.window?.height || height,
	deviceScaleFactor: 1
	});

[smashah]

working as viewport in 2.1.4