From dd4299a4de8a31802a4551d631c67836484d9699 Mon Sep 17 00:00:00 2001
From: omagdy7 <omar.professional8777@gmail.com>
Date: Fri, 3 Nov 2023 17:57:35 +0200
Subject: Moved to react instead of vanilla js and added the basic skeleton of
 the plgin

---
 src/utils.ts | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/utils.ts

(limited to 'src/utils.ts')

diff --git a/src/utils.ts b/src/utils.ts
new file mode 100644
index 0000000..171bf71
--- /dev/null
+++ b/src/utils.ts
@@ -0,0 +1,24 @@
+import { LSPluginUserEvents } from "@logseq/libs/dist/LSPlugin.user";
+import React from "react";
+
+let _visible = logseq.isMainUIVisible;
+
+function subscribeLogseqEvent<T extends LSPluginUserEvents>(
+  eventName: T,
+  handler: (...args: any) => void
+) {
+  logseq.on(eventName, handler);
+  return () => {
+    logseq.off(eventName, handler);
+  };
+}
+
+const subscribeToUIVisible = (onChange: () => void) =>
+  subscribeLogseqEvent("ui:visible:changed", ({ visible }) => {
+    _visible = visible;
+    onChange();
+  });
+
+export const useAppVisible = () => {
+  return React.useSyncExternalStore(subscribeToUIVisible, () => _visible);
+};
-- 
cgit v1.2.3