From fd46eaebe6ecc674ce7edcb3a5d082b04a117edd Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Fri, 14 Jul 2023 11:39:47 +0100
Subject: [PATCH] experiments(dui3): wip ITestBinding + page

---
 .../dui3/lib/bindings/definitions/testBindings.ts     |  1 +
 packages/dui3/pages/index.vue                         |  3 +++
 packages/dui3/pages/test.vue                          | 11 +++++++++++
 3 files changed, 15 insertions(+)
 create mode 100644 packages/dui3/pages/test.vue

diff --git a/packages/dui3/lib/bindings/definitions/testBindings.ts b/packages/dui3/lib/bindings/definitions/testBindings.ts
index 8fc21ac35..500850fd2 100644
--- a/packages/dui3/lib/bindings/definitions/testBindings.ts
+++ b/packages/dui3/lib/bindings/definitions/testBindings.ts
@@ -2,6 +2,7 @@ export interface ITestBinding {
   sayHi: (name: string, count: number, sayHelloNotHi: boolean) => Promise<string[]>
   goAway: () => Promise<void>
   getComplexType: () => Promise<ComplexType>
+  triggerEvent: (eventName: string) => Promise<void>
   on: <E extends keyof ITestBindingEvents>(
     event: E,
     callback: ITestBindingEvents[E]
diff --git a/packages/dui3/pages/index.vue b/packages/dui3/pages/index.vue
index 6242797a3..45ffbf581 100644
--- a/packages/dui3/pages/index.vue
+++ b/packages/dui3/pages/index.vue
@@ -10,6 +10,9 @@
         Hello world! You have
         {{ accounts.length }} accounts.
       </div>
+      <div>
+        <FormButton to="/test">Go To Test Bindings Page</FormButton>
+      </div>
       <div v-for="acc in accounts" :key="acc.accountInfo.id">
         <div class="truncate text-xs">
           {{ acc.accountInfo.userInfo.email }} @
diff --git a/packages/dui3/pages/test.vue b/packages/dui3/pages/test.vue
new file mode 100644
index 000000000..383c8e994
--- /dev/null
+++ b/packages/dui3/pages/test.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>Hello test bindings page!</div>
+  <div><FormButton size="xs">sayHi</FormButton></div>
+  <div><FormButton size="xs">goAway</FormButton></div>
+  <div><FormButton size="xs">getComplexType</FormButton></div>
+  <div><FormButton size="xs">SayHi</FormButton></div>
+  <hr />
+  <div><FormButton size="xs">Trigger empty test event</FormButton></div>
+  <div><FormButton size="xs">Trigger test event</FormButton></div>
+</template>
+<script setup lang="ts"></script>