fix(ScriptPreview): lastWords are not shown in Inspector when content.script contains only whitespace characters

Author: jstarpl

packages/webui/src/client/ui/PreviewPopUp/PreviewPopUpContext.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react'
+import React, { useRef, useState } from 'react'
 import { PreviewPopUp, PreviewPopUpHandle } from './PreviewPopUp.js'
 import { Padding, Placement } from '@popperjs/core'
 import { PreviewPopUpContent } from './PreviewPopUpContent.js'
@@ -178,7 +178,7 @@ export function convertSourceLayerItemToPreview(
 
 			return {
 				contents: _.compact([
-					item.content.previewRenderer
+					item.content.previewRenderer && payload.template
 						? {
 								type: 'iframe',
 								href: item.content.previewRenderer,
@@ -220,7 +220,7 @@ export function convertSourceLayerItemToPreview(
 				options: { size: 'large' },
 			}
 		} catch (e) {
-			console.error(`Failed to generate preview PopUp payload:`, e, item.content.previewPayload)
+			console.error(`Failed to generate preview PopUp payload:`, e, item.content.previewPayload, item)
 
 			return {
 				contents: _.compact([
@@ -449,10 +449,6 @@ export function PreviewPopUpContextProvider({ children }: React.PropsWithChildre
 		},
 	}
 
-	useEffect(() => {
-		console.log(previewSession)
-	}, [previewSession])
-
 	return (
 		<PreviewPopUpContext.Provider value={context}>
 			{children}

packages/webui/src/client/ui/PreviewPopUp/Previews/ScriptPreview.tsx

@@ -1,3 +1,4 @@
+import { useMemo } from 'react'
 import { getScriptPreview } from '../../../lib/ui/scriptPreview.js'
 import { useTranslation } from 'react-i18next'
 import Moment from 'react-moment'
@@ -16,17 +17,19 @@ export function ScriptPreview({ content }: ScriptPreviewProps): React.ReactEleme
 	const { t } = useTranslation()
 	const { startOfScript, endOfScript, breakScript } = getScriptPreview(content.script ?? '')
 
+	const fullScript = useMemo(() => content?.script?.trim(), [content?.script])
+
 	return (
 		<div>
 			<div className="preview-popUp__script">
-				{content?.script ? (
+				{fullScript ? (
 					breakScript ? (
 						<>
 							<span className="mini-inspector__full-text text-broken">{startOfScript + '\u2026'}</span>
 							<span className="mini-inspector__full-text text-broken text-end">{'\u2026' + endOfScript}</span>
 						</>
 					) : (
-						<span className="mini-inspector__full-text">{content.script}</span>
+						<span className="mini-inspector__full-text">{fullScript}</span>
 					)
 				) : content.lastWords ? (
 					<span className="mini-inspector__full-text">{'\u2026' + content.lastWords}</span>