WPPConnect/WA-JS is an open-source project with the aim of exporting functions from WhatsApp Web, which can be used to support the creation of any interaction, such as customer service, media sending, intelligence recognition based on phrases and many other things, use your imagination...
Check also our Public Dashboard powered by devActivity
This project extracts some functions of WhatsApp sources.
After build, this project generates a file dist/wppconnect-wa.js to be used for injection in WhatsApp Web. When injected, it will expose a global variable named WPP.
Some parts of WPP variable:
WPP.loader - Scripts to export WhatsApp functions.WPP.whatsapp - Only exported WhatsApp functions.WPP.chat - Chat functions and events.There are convention names for some exported modules:
...Model - Class for data structure (ClassModel, MsgModel)...Collection - Class for collection of models (ChatCollection, MsgCollection)...Store - Default and global instance of a collection (ChatStore, MsgStore)WPP.conn.connect - Connect to WhatsApp Web
WPP.conn.isAuthenticated - Check if the connection is authenticated
WPP.conn.logout - Logout from WhatsApp Web
WPP.conn.getBuildConstants - Current WhatsApp build constants
WPP.conn.getStreamData - Get current stream mode and info (connection state)
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.conn).sort()
WPP.chat.sendTextMessage - Send a text message
WPP.chat.sendFileMessage - Send a file message (medias in general [video, audio, image, pdf])
WPP.chat.get - Get chat details
WPP.chat.deleteMessage - Delete a message
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.chat).sort()
WPP.contact.get - Get contact details
WPP.contact.getAllContacts - Get all contacts
WPP.contact.getStatus - Get status (about field in profile)
WPP.contact.getCommonGroups - Get groups in common with one contact
WPP.contact.getPnLidEntry - Get PN (Phone Number), Lid and Contact from local cache
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.contact).sort()
WPP.blocklist.blockContact - Block a contact
WPP.blocklist.unblockContact - Unblock a contact
WPP.blocklist.all - All blocked contacts
WPP.blocklist.isBlocked - Check if contact is blocked
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.blocklist).sort()
WPP.group.create - Create a new group
WPP.group.canAdd - Check if contact can be added to group
WPP.group.addParticipants - Add participants to a group
WPP.group.removeParticipants - Remove participants from a group.
WPP.group.canPromote - Check if contact can be promoted
WPP.group.promoteParticipants - Promote participants to admin
WPP.group.canDemote - Check if contact can be demoted
WPP.group.demoteParticipants - Demote participants from admin.
WPP.group.getGroupInfoFromInviteCode - Get group information from an invitation link or an invite code.
WPP.group.getAllGroups - Get all groups
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.group).sort()
WPP.newsletter.create - Create a new newsletter (WhatsApp Channel)
WPP.newsletter.edit - Edit an existing newsletter (name, description, picture)
WPP.newsletter.destroy - Delete a newsletter you own
WPP.newsletter.follow / WPP.newsletter.unfollow - Follow or unfollow a newsletter
WPP.newsletter.mute - Mute notifications from a newsletter
WPP.newsletter.search - Search newsletters by name or country
WPP.newsletter.getSubscribers - Get the subscriber list of a newsletter you own
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.newsletter).sort()
WPP.community.create - Create a new community
WPP.community.deactivate - Deactivate (delete) a community
WPP.community.addSubgroups - Add existing groups as subgroups of a community
WPP.community.removeSubgroups - Remove subgroups from a community
WPP.community.getSubgroups - Get all subgroups of a community
WPP.community.getParticipants - Get all participants across the community
WPP.community.getAnnouncementGroup - Get the announcement group of a community
WPP.community.promoteParticipants / WPP.community.demoteParticipants - Promote or demote community admins
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.community).sort()
WPP.catalog.getMyCatalog - Get the catalog of the connected business account
WPP.catalog.getProducts - Get products of any business contact
WPP.catalog.getProductById - Get a single product by id
WPP.catalog.createProduct - Create a new product in your catalog
WPP.catalog.editProduct - Edit an existing product
WPP.catalog.delProducts - Delete one or more products
WPP.catalog.addProductImage / WPP.catalog.changeProductImage / WPP.catalog.removeProductImage - Manage product images
WPP.catalog.setProductVisibility - Show or hide a product
WPP.catalog.createCollection / WPP.catalog.editCollection / WPP.catalog.deleteCollection / WPP.catalog.getCollections - Manage product collections
WPP.catalog.updateCartEnabled - Enable or disable cart for the catalog
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.catalog).sort()
WPP.cart.add - Add a product to the cart of a business chat
WPP.cart.update - Update the quantity of an item in the cart
WPP.cart.remove - Remove an item from the cart
WPP.cart.get - Get the current cart for a business chat
WPP.cart.clear - Empty the cart
WPP.cart.submit - Submit the cart and send the order
WPP.cart.getThumbFromCart - Get the cart thumbnail preview
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.cart).sort()
WPP.order.get - Get the details of an order received in a chat
WPP.order.accept - Accept an order
WPP.order.decline - Decline an order
WPP.order.update - Update an order (e.g. change status)
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.order).sort()
WPP.status.sendTextStatus - Post a text status
WPP.status.sendImageStatus - Post an image status
WPP.status.sendVideoStatus - Post a video status
WPP.status.sendReadStatus - Mark a status as seen
WPP.status.get - Get the status feed of a contact
WPP.status.getMyStatus - Get your own status feed
WPP.status.remove - Remove one of your statuses
WPP.status.updateParticipants - Update who can see your statuses
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.status).sort()
WPP.labels.getAllLabels - Get every label defined in the account
WPP.labels.getLabelById - Get a label by id
WPP.labels.addNewLabel - Create a new label
WPP.labels.editLabel - Rename or recolor a label
WPP.labels.deleteLabel - Delete a single label
WPP.labels.deleteAllLabels - Delete every label in the account
WPP.labels.addOrRemoveLabels - Apply or remove labels on chats / messages in bulk
WPP.labels.getLabelColorPalette / WPP.labels.getNewLabelColor - Helpers for label colors
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.labels).sort()
WPP.profile.getMyProfileName / WPP.profile.setMyProfileName - Read or change your profile name
WPP.profile.getMyStatus / WPP.profile.setMyStatus - Read or change your "about" text
WPP.profile.getMyProfilePicture - Get your current profile picture
WPP.profile.setMyProfilePicture / WPP.profile.removeMyProfilePicture - Set or remove your profile picture
WPP.profile.isBusiness - Check whether the connected account is a Business account
WPP.profile.editBusinessProfile - Edit business profile fields (description, address, etc.)
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.profile).sort()
WPP.privacy.get - Get the current privacy settings as an object
WPP.privacy.setLastSeen - Configure who can see your "last seen"
WPP.privacy.setOnline - Configure who can see when you are online
WPP.privacy.setProfilePic - Configure who can see your profile picture
WPP.privacy.setReadReceipts - Enable or disable read receipts
WPP.privacy.setStatus - Configure who can see your status updates
WPP.privacy.setAbout - Configure who can see your "about" text
WPP.privacy.setAddGroup - Configure who can add you to groups
WPP.privacy.getDisallowedList - Get the disallowed list (used together with setAddGroup / setStatus when set to contact_blacklist)
For the most up-to-date list of available functions, launch the project locally and run this in your browser console:
Object.keys(WPP.privacy).sort()
WPP.on('conn.stream_mode_changed', callback) - Triggered when the connection mode changes
Stream modes:
QR - QR code is displayed, waiting for scanMAIN - Main interface is loaded and readySYNCING - Syncing messages and dataOFFLINE - Connection is offlineCONFLICT - Login conflict detectedPROXYBLOCK - Blocked by proxyTOS_BLOCK - Blocked for Terms of Service violationSMB_TOS_BLOCK - SMB blocked for Terms of Service violationDEPRECATED_VERSION - WhatsApp version is deprecatedWPP.on('conn.stream_mode_changed', (mode) => {
console.log('Connection mode:', mode);
if (mode === 'MAIN') {
console.log('WhatsApp is ready!');
}
});
WPP.on('conn.stream_info_changed', callback) - Triggered when the internal connection state changes
Stream info states:
OFFLINE - Connection is offlineOPENING - Opening connectionPAIRING - Pairing with phoneSYNCING - Syncing messagesRESUMING - Resuming connectionCONNECTING - Connecting to serverNORMAL - Normal operationWPP.on('conn.stream_info_changed', (info) => {
console.log('Connection state:', info);
});
WPP.chat.on('chat.new_message') - Event to dispatch on receive a new message
To see all events, check: https://wppconnect.io/wa-js/types/ev.EventTypes.html
Steps to run locally:
# install the dependencies
npm install
# build javascript files
npm run build:prd # or build:dev for development
# launch a local browser with automatic injection
# this will also cache the files inside wa-source directory, for next requests
npm run launch:local
# or only run in VSCode
Note: to run specific versions run:
npm run wa-source:clean
npm run build:prd
WA_VERSION="2.3000.1029560485" npm run launch:local
To debug or inspect wa-source folder, format the files to be easier to understand
npm run wa-source:format
The project ships a Playwright suite under tests/. Two flavours are available:
# Smoke tests — no QR scan needed.
# Loads the live wppconnect-wa.js bundle on web.whatsapp.com and verifies
# every public WPP module still exposes the functions documented above.
# Useful as an early-warning when WhatsApp Web ships an update that breaks
# our patches.
npm test -- tests/smoke.spec.ts
# Full test project (smoke + any other *.spec.ts)
npm test
Tests that need an authenticated session use the loggedPage fixture from
tests/wpp-test.ts. To bootstrap that session once (this opens a real
browser so you can scan the QR), run:
npm run test:prepare
The session is cached under your OS temp dir (wa-js-test-<browser>) and
reused by subsequent runs.
To compare changes between two WhatsApp Web versions, use the helper script:
Note: You need to run locally in multiple versions to download the scripts to wa-source folder, otherwise will not have anything to compare. To do it use: WA_VERSION="<version-here>" npm run launch:local
# Compare two versions (overview of module differences)
./scripts/compare-wa-versions.sh 2.3000.1031980585 2.3000.1031992593
# Compare a specific module between versions
./scripts/compare-wa-versions.sh 2.3000.1031980585 2.3000.1031992593 WAWebUpdateUnreadChatAction
# List available versions
./scripts/compare-wa-versions.sh
This is useful for:
Basically, you need to inject the wppconnect-wa.js file into the browser after WhatsApp page load.
// ==UserScript==
// @name WA-JS Teste
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Simple example of WA-JS
// @author You
// @match https://web.whatsapp.com/*
// @icon https://www.google.com/s2/favicons?domain=whatsapp.com
// @require https://github.com/wppconnect-team/wa-js/releases/download/nightly/wppconnect-wa.js
// @grant none
// ==/UserScript==
/* globals WPP */
(function () {
'use strict';
WPP.loader.onReady(function () {
alert('Ready to use WPPConnect WA-JS');
});
// Your code here...
})();
import * as playwright from 'playwright-chromium';
async function start() {
const browser = await playwright.chromium.launch();
const page = await browser.newPage();
await page.goto('https://web.whatsapp.com/');
await page.addScriptTag({
path: require.resolve('@wppconnect/wa-js'),
});
// Wait WA-JS load
await page.waitForFunction(() => window.WPP?.isReady);
// Evaluating code: See https://playwright.dev/docs/evaluating/
const isAuthenticated: string = await page.evaluate(() =>
WPP.conn.isAuthenticated()
);
// Sending message: See https://playwright.dev/docs/evaluating/
const sendResult: string = await page.evaluate(
(to, message) => WPP.chat.sendTextMessage(to, message),
to,
message
);
}
start();
Copyright 2021 WPPConnect Team
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.