Add ccx file location button to preferences

intechstudio · Sep 11, 2024 · 3a932e7 · 3a932e7
1 parent 3db6a71
commit 3a932e7
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 2 deletions.
diff --git a/components/src/Preferences.svelte b/components/src/Preferences.svelte
@@ -31,7 +31,18 @@
         <div class="flex flex-row content-center">Photoshop Preference <div style="margin-left: 12px; width: 12px; height: 12px; border-radius: 50%; background-color: {currentlyConnected ? "#00D248" : "#fb2323"}" /></div>
       </BlockTitle>
       <BlockBody>
-        Connection status: {currentlyConnected ? "Connected" : "Connecting"}
+        Connection to localhost:3542 : {currentlyConnected ? "Connected" : "Connecting"}
+      </BlockBody>
+      <BlockBody>
+        Photoshop plugin must be installed!
+        <MoltenButton
+          title={"CCX file location"}
+          click={() => {
+            messagePort.postMessage({
+              type: "open-plugin-folder",
+            });
+          }}
+          />
       </BlockBody>
     </Block>
   </div>

diff --git a/index.js b/index.js
@@ -1,6 +1,7 @@
 let fs = require("fs");
 let path = require("path");
 const WebSocket = require("ws");
+const openExplorer = require("open-file-explorer");
 
 let wss = undefined;
 let photoshopWs = undefined;
@@ -118,6 +119,13 @@ exports.addMessagePort = async function (port) {
   port.on("close", () => {
     preferenceMessagePort = undefined;
   });
+  port.on("message", (e) => {
+    console.log({ e });
+    if (e.data.type === "open-plugin-folder") {
+      openExplorer(__dirname);
+    }
+  });
+  port.start();
   notifyStatusChange();
 };
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "preferenceComponent": "photoshop-preference"
   },
   "dependencies": {
-    "ws": "^8.18.0"
+    "ws": "^8.18.0",
+    "open-file-explorer": "^1.0.2"
   }
 }