From 4bb3f6fe5f551d882408b482d87d39df61d7895d Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Tue, 2 Feb 2021 17:43:01 +0000
Subject: [PATCH] adding example code to helpers

---
 .../automation/SetupPanel/GenericBindingPopover.svelte           | 1 +
 .../src/components/design/PropertiesPanel/BindingPanel.svelte    | 1 +
 packages/builder/src/constants/completions.js                    | 1 +
 3 files changed, 3 insertions(+)

diff --git a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
index 24b6042940..563a0e187f 100644
--- a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
+++ b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
@@ -83,6 +83,7 @@
               <div class="binding__description">
                 {@html helper.description || ''}
               </div>
+              <pre>{helper.example}</pre>
             </div>
           {/each}
         </div>
diff --git a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
index 47334267b6..436c7313c8 100644
--- a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
@@ -103,6 +103,7 @@
               <div class="description">
                 {@html helper.description}
               </div>
+              <pre>{helper.example}</pre>
             </div>
           </li>
         {/each}
diff --git a/packages/builder/src/constants/completions.js b/packages/builder/src/constants/completions.js
index 69f6ec551b..32de934324 100644
--- a/packages/builder/src/constants/completions.js
+++ b/packages/builder/src/constants/completions.js
@@ -7,6 +7,7 @@ export function handlebarsCompletions() {
     Object.entries(manifest[key]).map(([helperName, helperConfig]) => ({
       text: helperName,
       path: helperName,
+      example: helperConfig.example,
       label: helperName,
       displayText: helperName,
       description: helperConfig.description,