From a9827c6db10958ec17acf6c1a366379d162a04bd Mon Sep 17 00:00:00 2001
From: muwoo <2424880409@qq.com>
Date: Tue, 7 Dec 2021 11:19:08 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=94=AF=E6=8C=81=20setSubInput?=
 =?UTF-8?q?=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/src/App.vue                    |  6 +++---
 feature/src/shims-vue.d.ts             |  4 ++++
 public/preload.js                      |  3 ++-
 src/main/browsers/runner.ts            |  5 +++--
 src/main/common/api.ts                 | 23 +++++++++++++++++++----
 src/renderer/App.vue                   |  3 ++-
 src/renderer/components/search.vue     |  6 +++++-
 src/renderer/plugins-manager/index.ts  |  4 +++-
 src/renderer/plugins-manager/search.ts | 15 +++++++++++++++
 src/renderer/shims-vue.d.ts            |  4 ++++
 10 files changed, 60 insertions(+), 13 deletions(-)

diff --git a/feature/src/App.vue b/feature/src/App.vue
index d6c184b..abc0c87 100644
--- a/feature/src/App.vue
+++ b/feature/src/App.vue
@@ -52,9 +52,9 @@ const store = useStore();
 const init = () => store.dispatch("init");
 init();
 
-(window as any).rubick.onPluginEnter((res) => {
-  console.log(res);
-})
+window.rubick.setSubInput((data: any) => {
+  console.log(data);
+}, "插件市场");
 </script>
 <style lang="less">
 * {
diff --git a/feature/src/shims-vue.d.ts b/feature/src/shims-vue.d.ts
index c082845..d5f8b56 100644
--- a/feature/src/shims-vue.d.ts
+++ b/feature/src/shims-vue.d.ts
@@ -6,3 +6,7 @@ declare module '*.vue' {
 }
 
 declare module 'axios'
+
+interface Window {
+  rubick: any
+}
diff --git a/public/preload.js b/public/preload.js
index f013f80..13d34c5 100644
--- a/public/preload.js
+++ b/public/preload.js
@@ -37,7 +37,8 @@ window.rubick = {
     ipcSendSync("setExpendHeight", height);
   },
   setSubInput(onChange, placeholder = "", isFocus) {
-    typeof cb === "function" && (window.rubick.hooks.onSubInputChange = onChange);
+    typeof onChange === "function" &&
+      (window.rubick.hooks.onSubInputChange = onChange);
     ipcSendSync("setSubInput", {
       placeholder,
       isFocus,
diff --git a/src/main/browsers/runner.ts b/src/main/browsers/runner.ts
index f635178..7ea0ec8 100644
--- a/src/main/browsers/runner.ts
+++ b/src/main/browsers/runner.ts
@@ -38,8 +38,8 @@ export default () => {
       view.setAutoResize({ width: true });
       window.setSize(800, 660);
       view.webContents.openDevTools();
-      executeHooks(plugin.ext, "PluginEnter");
-      executeHooks(plugin.ext, "PluginReady");
+      executeHooks("PluginEnter", plugin.ext);
+      executeHooks("PluginReady", plugin.ext);
     });
   };
 
@@ -67,5 +67,6 @@ export default () => {
     init,
     getView,
     removeView,
+    executeHooks,
   };
 };
diff --git a/src/main/common/api.ts b/src/main/common/api.ts
index dbb4713..b6038f2 100644
--- a/src/main/common/api.ts
+++ b/src/main/common/api.ts
@@ -1,8 +1,16 @@
-import { BrowserWindow, ipcMain, dialog } from "electron";
+import { BrowserWindow, ipcMain, dialog, webContents } from "electron";
 import { runner } from "../browsers";
 
 const runnerInstance = runner();
 
+function getWorkWebContentsBySender(sender, mainWindow) {
+  const window = BrowserWindow.fromWebContents(sender);
+  console.log(window);
+
+  if (!window) return null;
+  return window.webContents;
+}
+
 const API: any = {
   openPlugin({ plugin }, window) {
     runnerInstance.removeView(window);
@@ -24,8 +32,15 @@ const API: any = {
     const targetHeight = height;
     window.setSize(window.getSize()[0], targetHeight);
   },
-  setSubInput() {
-
+  setSubInput({ data }, window) {
+    window.webContents.executeJavaScript(
+      `window.setSubInput(${JSON.stringify({
+        placeholder: data.placeholder,
+      })})`
+    );
+  },
+  sendSubInputChangeEvent({ data }) {
+    runnerInstance.executeHooks("SubInputChange", data);
   },
 };
 
@@ -34,7 +49,7 @@ export default (mainWindow: BrowserWindow) => {
   ipcMain.on("msg-trigger", async (event, arg) => {
     const window = arg.winId ? BrowserWindow.fromId(arg.winId) : mainWindow;
 
-    const data = await API[arg.type](arg, window);
+    const data = await API[arg.type](arg, window, event);
     event.returnValue = data;
     // event.sender.send(`msg-back-${arg.type}`, data);
   });
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index a7d6b30..047d29f 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -8,6 +8,7 @@
         @openMenu="openMenu"
         @changeSelect="changeSelect"
         :searchValue="searchValue"
+        :placeholder="placeholder"
       />
     </div>
     <Result
@@ -36,6 +37,7 @@ const {
   changeSelect,
   openPlugin,
   currentPlugin,
+  placeholder,
 } = createPluginManager();
 
 initPlugins();
@@ -89,5 +91,4 @@ const openMenu = () => {
     width: 0;
   }
 }
-
 </style>
diff --git a/src/renderer/components/search.vue b/src/renderer/components/search.vue
index be89fa8..5c17482 100644
--- a/src/renderer/components/search.vue
+++ b/src/renderer/components/search.vue
@@ -4,12 +4,12 @@
     <a-input
       id="search"
       class="main-input"
-      placeholder="Hi, Rubick2"
       @input="(e) => changeValue(e)"
       @keydown.down="() => emit('changeCurrent', 1)"
       @keydown.up="() => emit('changeCurrent', -1)"
       @keydown="checkNeedInit"
       :value="searchValue"
+      :placeholder="placeholder || 'Hi, Rubick2'"
     >
       <template #suffix>
         <div @click="() => emit('openMenu')" class="suffix-tool" >
@@ -31,6 +31,10 @@ const props = defineProps({
     type: [String, Number],
     default: "",
   },
+  placeholder: {
+    type: String,
+    default: "",
+  },
   currentPlugin: {},
 });
 
diff --git a/src/renderer/plugins-manager/index.ts b/src/renderer/plugins-manager/index.ts
index 35cf169..f2235b9 100644
--- a/src/renderer/plugins-manager/index.ts
+++ b/src/renderer/plugins-manager/index.ts
@@ -47,10 +47,11 @@ const createPluginManager = (): any => {
       // @ts-ignore
       // document.getElementById("search").value = "";
       // state.searchValue = "";
+      setSearchValue("");
     }
   };
 
-  const { searchValue, onSearch } = searchManager();
+  const { searchValue, onSearch, setSearchValue, placeholder } = searchManager();
   const { options } = optionsManager({
     searchValue,
     baseDir,
@@ -91,6 +92,7 @@ const createPluginManager = (): any => {
     changeSelect,
     options,
     searchValue,
+    placeholder,
   };
 };
 
diff --git a/src/renderer/plugins-manager/search.ts b/src/renderer/plugins-manager/search.ts
index a6cef99..b6c7a1a 100644
--- a/src/renderer/plugins-manager/search.ts
+++ b/src/renderer/plugins-manager/search.ts
@@ -1,19 +1,34 @@
 import { reactive, toRefs } from "vue";
+import {ipcRenderer} from "electron";
 
 const searchManager = () => {
   const state = reactive({
     searchValue: "",
+    placeholder: "",
   });
 
   // search Input operation
   const onSearch = (e) => {
     const value = e.target.value;
     state.searchValue = value;
+    ipcRenderer.sendSync("msg-trigger", {
+      type: "sendSubInputChangeEvent",
+      data: value,
+    });
+  };
+
+  const setSearchValue = (value: string) => {
+    state.searchValue = value;
+  };
+
+  window.setSubInput = ({ placeholder }: { placeholder: string }) => {
+    state.placeholder = placeholder;
   };
 
   return {
     ...toRefs(state),
     onSearch,
+    setSearchValue,
   };
 };
 
diff --git a/src/renderer/shims-vue.d.ts b/src/renderer/shims-vue.d.ts
index 7b00668..7b016d1 100644
--- a/src/renderer/shims-vue.d.ts
+++ b/src/renderer/shims-vue.d.ts
@@ -12,3 +12,7 @@ declare module 'main' {
 declare const __static: string
 
 declare module 'lodash.throttle'
+
+interface Window {
+  setSubInput: ({ placeholder }: { placeholder: string }) => void;
+}