@subiz/widget-v4 4.0.53 → 4.0.58

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,20 @@
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+let webpackconfig = require('./webpack.dev.js')
+var fs = require('fs')
+
+webpackconfig.output.publicPath = './'
+
+webpackconfig.entry = {screenshoot: './screenshoot.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