@subiz/widget-v4 4.1.207 → 4.1.209

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.207",
+	"version": "4.1.209",
 	"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/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 = ''
@@ -111,12 +111,16 @@ export default class Block extends Com {
 			ele.attrs['src'] = sb.get(block, 'image.url')
 			ele.attrs['alt'] = block.alt_text
 		}
+		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 (
@@ -159,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':
@@ -185,10 +193,12 @@ export default class Block extends Com {
 				return <b>{$body}</b>
 			case 'hr':
 				return <hr />
+			case 'br':
+				return <br />
 			case 'a':
 				return (
 					<a
-          class={this.props.textMessage ? 'message-text-link' : ''}
+						class={this.props.textMessage ? 'message-text-link' : ''}
 						href={ele.attrs['href']}
 						target={this.props.textMessage ? '_blank' : ele.attrs['target']}
 						title={ele.attrs['title']}