@subiz/widget-v4 4.0.53 → 4.0.55

package/src/util/campaign.js

@@ -1,8 +1,8 @@
 var common = require('./common.js')
 
 // callback when user is about to leave site
-export function trackExitIntent (cb) {
-	let handler = e => {
+export function trackExitIntent(cb) {
+	let handler = (e) => {
 		if (e.clientY > 10) return // not move to top
 		if (cb) cb()
 		document.removeEventListener('mouseout', handler)
@@ -11,8 +11,8 @@ export function trackExitIntent (cb) {
 }
 
 // callback after user has scrolled X% down on the current page
-export function trackScrollingPercentage (percent, cb) {
-	let handleScroll = e => {
+export function trackScrollingPercentage(percent, cb) {
+	let handleScroll = (e) => {
 		let scrollTop = e.srcElement.scrollingElement ? e.srcElement.scrollingElement.scrollTop : e.srcElement.scrollTop
 		let scrollHeight = e.srcElement.scrollingElement
 			? e.srcElement.scrollingElement.scrollHeight
@@ -28,14 +28,17 @@ export function trackScrollingPercentage (percent, cb) {
 }
 
 // callback when user clicks on a specific part of page
-export function trackAreaClicked (selector, cb) {
+export function trackAreaClicked(selector, cb) {
 	if (!selector) return
 	selector = selector || ''
-	common.map(selector.split('\n'), selector => {
+	common.map(selector.split('\n'), (selector) => {
 		selector = common.trim(selector)
 		if (!selector) return
-		let doms = document.querySelectorAll(selector)
-		common.map(doms, dom => {
+		let doms = []
+		try {
+			doms = document.querySelectorAll(selector)
+		} catch (e) {}
+		common.map(doms, (dom) => {
 			if (!dom) return
 			dom.addEventListener('click', cb, false)
 		})
@@ -43,7 +46,7 @@ export function trackAreaClicked (selector, cb) {
 }
 
 // callback when user has stopped all activity (clicking, scrolling, ...)
-export function trackInactivity (seconds, cb) {
+export function trackInactivity(seconds, cb) {
 	let events = [
 		'scroll',
 		'keyup',
@@ -80,9 +83,9 @@ let timeOnPage = 0 // seconds
 setInterval(() => timeOnPage++, 1000)
 
 // when user has been on the page for at least X seconds
-export function trackTimeOnPage (seconds, cb) {
+export function trackTimeOnPage(seconds, cb) {
 	if (seconds < 1) {
-		return setTimeout(function () {
+		return setTimeout(function() {
 			cb(seconds)
 		}, 100)
 	}

package/take.js

@@ -0,0 +1,36 @@
+const puppeteer = require('puppeteer')
+
+async function take() {
+	const browser = await puppeteer.launch({args: ['--no-sandbox']})
+	const page = await browser.newPage()
+	let templateBase64 = Buffer.from(encodeURIComponent(process.argv[2])).toString('base64')
+
+	await page.setViewport({width: 940, height: 700})
+	await page.goto('file://' + __dirname + '/dist/screenshoot.html#' + templateBase64, {
+		waitUntil: 'networkidle2',
+	})
+	await timeout(3000)
+	let out = makeid(20) + '.jpg'
+	await page.screenshot({path: out})
+	console.log(out)
+	browser.close()
+}
+
+function timeout(ms) {
+	return new Promise((resolve) => setTimeout(resolve, ms))
+}
+
+function makeid(length) {
+	var result = []
+	var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+	var charactersLength = characters.length
+	for (var i = 0; i < length; i++) {
+		result.push(characters.charAt(Math.floor(Math.random() * charactersLength)))
+	}
+	return result.join('')
+}
+
+take()
+
+// try (remember to run 'npm run build' before running following command)
+// node take.js '{"account_id":"acpxkgumifuoofoosble","id":"cpqzpnooosdhodmkjlixs","name":"Đặt hàng trước","type":"notification","created":1620813049308,"created_by":"agqmwfyuehpuzpehmv","updated":1620816899738,"updated_by":"agqmwfyuehpuzpehmv","triggers":[{"type":"after_pageview"}],"initiative_frequency":{"once_per_session":true},"notification":{"profile_tags":["nam thanh niên","nữ thanh niên"],"profiles":[{"avatar_url":"https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNM02.png","fullname":"Đoàn Hải Nam","country":"vn","gender":"Male","age":26,"tags":["nam thanh niên","vui tươi"],"email":"hainamxx@gmail.com","phone":"0823588xxx","address":"Hàng Da, Hoàn Kiếm, Hà Nội"},{"avatar_url":"https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNF03.png","fullname":"Nguyễn Hoàng Lan","country":"vn","gender":"Female","age":36,"tags":["nữ trung niên","lịch sự","vui tươi"],"email":"lannhoanggxx@gmail.com","phone":"0326789xxx","address":"Lũng Cú, Đồng Văn, Hà Giang"},{"avatar_url":"https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNM04.png","fullname":"Nguyễn Quý Tiến","country":"vn","gender":"Male","age":40,"tags":["nam trung niên","lịch sự"],"email":"tiendzxxx@gmail.com","phone":"056189xxxx","address":"Thụy Khuê, Tây Hồ, Hà Nội"},{"avatar_url":"https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNF05.png","fullname":"Phạm Hồng Thắm","country":"vn","gender":"Female","age":36,"tags":["nữ trung niên","lịch sự"],"email":"thampham1506xxx@gmail.com","phone":"033820xxxx","address":"Ngọc Đào, Hà Quang, Cao Bằng"},{"avatar_url":"https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNF06.png","fullname":"Ngô Thị Như Hòa","country":"vn","gender":"Female","age":29,"tags":["nữ thanh niên","lịch sự"],"email":"alice29xxx@gmail.com","phone":"058104xxxx","address":"Xuân Đỉnh, Bắc Từ Liêm, Hà Nội"}],"title_quill_delta":"{\"ops\":[{\"insert\":{\"dynamicField\":{\"id\":\"hesivydbbhoybwyk\",\"value\":\"Họ tên\",\"key\":\"user.fullname\"}}},{\"insert\":\" Ba \\n\"}]}","title_style":{"color":"rgba(255,255,255,1)"},"message_quill_deltas":["{\"ops\":[{\"insert\":\"Đặt trước Note 20 thành công\\n\"}]}"],"message_style":{"color":"rgba(216,207,207,1)"},"url":"https://subiz.com.vn","new_tab":true,"background_url":"https://public-gcs.subiz-cdn.com/widget_assets/notification_background/Frame%20129.png","subtext_style":{},"avatar_style":{"border_radius":"50%"},"position":"bottom-left","interval_sec":60000},"conversion_notification":{"all_agents":true},"template_title":"Đặt hàng trước","thumbnail_url":"https://file-subiz.com/fiqzpohaoyckhgxylulxcpqzpnooosdhodmkjlixs.jpg"}'

package/webpack.dev.js

@@ -7,6 +7,7 @@ module.exports = {
 		inject: './inject.js',
 		preview: './preview.js',
 		library: './library.js',
+		screenshoot: './screenshoot.js',
 	},
 	output: {publicPath: '/'},
 	devServer: {port: 8082, host: '0.0.0.0', hot: false, liveReload: false},
@@ -16,6 +17,12 @@ module.exports = {
 		new HtmlWebpackPlugin({filename: './preview.html', template: './preview.html', chunks: ['preview']}),
 		new HtmlWebpackPlugin({filename: './inject.html', template: './inject.html', inject: 'body', chunks: ['inject']}),
 		new HtmlWebpackPlugin({filename: './library.html', template: './index.html', inject: 'body', chunks: ['library']}),
+		new HtmlWebpackPlugin({
+			filename: './screenshoot.html',
+			template: './screenshoot.html',
+			inject: 'body',
+			chunks: ['screenshoot'],
+		}),
 	],
 	module: {
 		rules: [

package/webpack.prod.js

@@ -2,11 +2,15 @@ var HtmlWebpackPlugin = require('html-webpack-plugin')
 let webpackconfig = require('./webpack.dev.js')
 var fs = require('fs')
 
-
 // webpackconfig.output.publicPath = 'https://public-gcs.subiz-cdn.com/widget-v4/public/'
 webpackconfig.output.publicPath = 'https://vcdn.subiz-cdn.com/widget-v4/public/'
 
-webpackconfig.entry = {app: './app.js', preview: './preview.js', library: './library.js'}
+webpackconfig.entry = {
+	app: './app.js',
+	preview: './preview.js',
+	library: './library.js',
+	screenshoot: './screenshoot.js',
+}
 
 const HASH = Date.now().toString(16)
 // create hash
@@ -29,6 +33,12 @@ webpackconfig.plugins = [
 		inject: 'body',
 		chunks: ['app'],
 	}),
+	new HtmlWebpackPlugin({
+		filename: 'screenshoot.html',
+		template: './screenshoot.html',
+		inject: 'body',
+		chunks: ['screenshoot'],
+	}),
 	new HtmlWebpackPlugin({
 		filename: HASH + '.preview.html',
 		template: './preview.html',

package/webpack.screenshoot.js

@@ -0,0 +1,28 @@
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+let webpackconfig = require('./webpack.dev.js')
+var fs = require('fs')
+
+webpackconfig.output.publicPath = './'
+
+webpackconfig.entry = {screenshoot: './screenshoot.js'}
+
+const HASH = Date.now().toString(16)
+// create hash
+if (!fs.existsSync('dist')) fs.mkdirSync('dist')
+fs.writeFileSync('dist/HASH', HASH)
+
+webpackconfig.output.chunkFilename = HASH + '.[name].js'
+webpackconfig.output.filename = HASH + '.[name].js'
+
+webpackconfig.optimization.minimize = false
+webpackconfig.mode = 'production'
+webpackconfig.plugins = [
+	new HtmlWebpackPlugin({
+		filename: 'screenshoot.html',
+		template: './screenshoot.html',
+		inject: 'body',
+		chunks: ['screenshoot'],
+	}),
+]
+
+module.exports = webpackconfig