From 7db70a602d830b66ffcbfb6da11a0ff3e77b3a02 Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Wed, 15 Jan 2025 15:07:48 +0000
Subject: [PATCH] Final part to get TS building.

---
 packages/bbui/src/helpers.d.ts                 |  1 +
 .../common/bindings/EvaluationSidePanel.svelte | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/packages/bbui/src/helpers.d.ts b/packages/bbui/src/helpers.d.ts
index 79e08657b7..bffb75d07f 100644
--- a/packages/bbui/src/helpers.d.ts
+++ b/packages/bbui/src/helpers.d.ts
@@ -1,3 +1,4 @@
 declare module "./helpers" {
   export const cloneDeep: <T>(obj: T) => T
+  export const copyToClipboard: (value: any) => any
 }
diff --git a/packages/builder/src/components/common/bindings/EvaluationSidePanel.svelte b/packages/builder/src/components/common/bindings/EvaluationSidePanel.svelte
index b0ea81a293..10b3f85176 100644
--- a/packages/builder/src/components/common/bindings/EvaluationSidePanel.svelte
+++ b/packages/builder/src/components/common/bindings/EvaluationSidePanel.svelte
@@ -1,40 +1,42 @@
-<script>
+<script lang="ts">
   import { JsonFormatter } from "@budibase/frontend-core"
   import { Icon, ProgressCircle, notifications } from "@budibase/bbui"
-  import { copyToClipboard } from "@budibase/bbui/helpers"
+  import { Helpers } from "@budibase/bbui"
   import { fade } from "svelte/transition"
   import { UserScriptError } from "@budibase/string-templates"
 
   export let expressionResult
   export let expressionError
   export let evaluating = false
-  export let expression = null
+  export let expression: string | null = null
 
   $: error = expressionError != null
   $: empty = expression == null || expression?.trim() === ""
   $: success = !error && !empty
   $: highlightedResult = highlight(expressionResult)
 
-  const formatError = err => {
+  const formatError = (err: any) => {
     if (err.code === UserScriptError.code) {
       return err.userScriptError.toString()
     }
     return err.toString()
   }
 
-  const highlight = json => {
+  const highlight = (json: string | null) => {
     if (json == null) {
       return ""
     }
 
     // Attempt to parse and then stringify, in case this is valid result
+    let jsonString: string
     try {
-      json = JSON.stringify(JSON.parse(json), null, 2)
+      jsonString = JSON.stringify(JSON.parse(json), null, 2)
     } catch (err) {
       // Ignore
+      jsonString = ""
     }
 
-    return JsonFormatter.format(json, {
+    return JsonFormatter.format(jsonString, {
       keyColor: "#e06c75",
       numberColor: "#e5c07b",
       stringColor: "#98c379",
@@ -49,7 +51,7 @@
     if (typeof clipboardVal === "object") {
       clipboardVal = JSON.stringify(clipboardVal, null, 2)
     }
-    copyToClipboard(clipboardVal)
+    Helpers.copyToClipboard(clipboardVal)
     notifications.success("Value copied to clipboard")
   }
 </script>