From 8818227606d5a5769b66bdfa74e0d06e0e684ec1 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 15 Aug 2022 18:59:47 +0800
Subject: [PATCH] feat(gui-v2): add debug meta

---
 .../smartsheet/sidebar/toolbar/DebugMeta.vue  | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/DebugMeta.vue

diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/DebugMeta.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/DebugMeta.vue
new file mode 100644
index 0000000000..9d63394eec
--- /dev/null
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/DebugMeta.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { MetaInj } from '#imports'
+
+const editorOpen = ref(false)
+
+const meta = $(inject(MetaInj))
+</script>
+
+<template>
+  <a-tooltip>
+    <template #title>
+      <span> Debug Meta </span>
+    </template>
+    <mdi-bug-outline class="cursor-pointer" @click="editorOpen = true" />
+  </a-tooltip>
+
+  <a-modal v-model:visible="editorOpen" :footer="null" width="80%" :title="meta.title">
+    <MonacoEditor ref="jsonEditorRef" v-model="meta" class="h-max-[70vh]" />
+  </a-modal>
+</template>