@subiz/widget-v4 4.1.208 → 4.1.210

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.208",
+	"version": "4.1.210",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -29,10 +29,10 @@
 		"babel-loader": "^10.1.1",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.8",
-		"puppeteer": "^25.9.0",
+		"puppeteer": "^25.12.0",
 		"tape": "^5.10.2",
-		"webpack": "^5.110.3",
-		"webpack-bundle-analyzer": "^5.3.2",
+		"webpack": "^5.111.1",
+		"webpack-bundle-analyzer": "^5.4.0",
 		"webpack-cli": "^7.2.3",
 		"webpack-dev-server": "^6.0.0"
 	}

package/src/call/css.js

@@ -1 +1 @@
-export default require('css-loader!less-loader!../../assets/less/notif.less')
+export default require('css-loader?import=false!less-loader!../../assets/less/notif.less')

package/src/chatbox/block.js

@@ -8,7 +8,7 @@ export default class Block extends Com {
 		super(props)
 	}
 
-	renderBlock(block) {
+	renderBlock(block, inCode = false) {
 		if (sb.size(block) == 0) return null
 		let ele = {}
 		ele.style = ''
@@ -114,12 +114,13 @@ export default class Block extends Com {
 		if (block.type == 'hard_break') {
 			ele.tag = 'br'
 		}
+		if (block.type == 'pre' || block.type == 'code') ele.tag = block.type
 
 		let $body = null
 		if (sb.size(block.content)) {
-			$body = sb.map(block.content, (block) => this.renderBlock(block))
+			$body = sb.map(block.content, (child) => this.renderBlock(child, inCode || block.type == 'code'))
 		} else if (block.type === 'text') {
-			let $tags = sb.extractText(ele.text).map((tag) => {
+			let $tags = inCode ? ele.text : sb.extractText(ele.text).map((tag) => {
 				if (tag.type === 'link') {
 					let url = tag.text || ''
 					if (
@@ -162,6 +163,10 @@ export default class Block extends Com {
 				)
 			case 'div':
 				return <div>{$body}</div>
+			case 'pre':
+				return <pre class='message-block-pre'>{$body}</pre>
+			case 'code':
+				return <code class={'message-block-code' + (ele.class ? ' ' + ele.class : '')}>{$body}</code>
 			case 'h1':
 				return <h1>{$body}</h1>
 			case 'h2':

package/src/form/css.js

@@ -1 +1 @@
-export default require('css-loader!less-loader!../../assets/less/form-page.less')
+export default require('css-loader?import=false!less-loader!../../assets/less/form-page.less')

package/src/notif/css.js

@@ -1 +1 @@
-export default require('css-loader!less-loader!../../assets/less/notif.less')
+export default require('css-loader?import=false!less-loader!../../assets/less/notif.less')

package/src/popup/css.js

@@ -1 +1 @@
-export default require('css-loader!less-loader!../../assets/less/popup.less')
+export default require('css-loader?import=false!less-loader!../../assets/less/popup.less')

package/webpack.prod.js

@@ -27,6 +27,9 @@ webpackconfig.output.chunkFilename = HASH + '.[name].js'
 webpackconfig.output.filename = HASH + '.[name].js'
 
 webpackconfig.optimization.minimize = true
+// HtmlWebpackPlugin already minifies its output. Webpack's HTML minimizer
+// forwards inline-script metadata to Terser, which rejects the `as` option.
+webpackconfig.optimization.minimizeOptions = {html: false}
 webpackconfig.mode = 'production'
 webpackconfig.plugins = [
 	new HtmlWebpackPlugin({