From fd070b39abc56c4464d0c932c111e9bd6055851d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8D=89=E9=9E=8B=E6=B2=A1=E5=8F=B7?= <308487730@qq.com>
Date: Fri, 7 Jan 2022 08:39:23 +0800
Subject: [PATCH] chore(docs): update

---
 README.md       | 33 +++++++++++++++++++++++++++++++++
 README.zh-CN.md | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+)

diff --git a/README.md b/README.md
index 0a132cb..a086e73 100644
--- a/README.md
+++ b/README.md
@@ -68,6 +68,39 @@ Once `dev` or `build` npm-script executed will be generate named `dist` folder.
 
 #### All Electron, NodeJs API invoke passed `Preload-script`
 
+* **src/preload/index.ts**
+
+  ```typescript
+  import fs from 'fs'
+  import { contextBridge, ipcRenderer } from 'electron'
+
+  // Expose Electron, NodeJs API to Renderer-process
+  contextBridge.exposeInMainWorld('bridge', {
+    fs,
+    ipcRenderer: withPrototype(ipcRenderer),
+  })
+  ```
+
+* **src/renderer/src/global.d.ts**
+
+  ```typescript
+  // Defined on the window
+  interface Window {
+    bridge: {
+      fs: typeof import('fs')
+      ipcRenderer: import('electron').IpcRenderer
+    }
+  }
+  ```
+
+* **src/renderer/src/main.tsx**
+
+  ```typescript
+  // Use Electron, NodeJs API in Renderer-process
+  console.log('fs', window.bridge.fs)
+  console.log('ipcRenderer', window.bridge.ipcRenderer)
+  ```
+
 ## Shown
 
 <img width="400px" src="https://raw.githubusercontent.com/caoxiemeihao/blog/main/vite-react-electron/react-win.png" />
diff --git a/README.zh-CN.md b/README.zh-CN.md
index db3932b..200536d 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -66,6 +66,39 @@
 
 #### 推荐所有的 NodeJs、Electron API 通过 `Preload-script` 注入到 渲染进程中
 
+* **src/preload/index.ts**
+
+  ```typescript
+  import fs from 'fs'
+  import { contextBridge, ipcRenderer } from 'electron'
+
+  // Expose Electron, NodeJs API to Renderer-process
+  contextBridge.exposeInMainWorld('bridge', {
+    fs,
+    ipcRenderer: withPrototype(ipcRenderer),
+  })
+  ```
+
+* **src/renderer/src/global.d.ts**
+
+  ```typescript
+  // Defined on the window
+  interface Window {
+    bridge: {
+      fs: typeof import('fs')
+      ipcRenderer: import('electron').IpcRenderer
+    }
+  }
+  ```
+
+* **src/renderer/src/main.tsx**
+
+  ```typescript
+  // Use Electron, NodeJs API in Renderer-process
+  console.log('fs', window.bridge.fs)
+  console.log('ipcRenderer', window.bridge.ipcRenderer)
+  ```
+
 ## 效果
 
 <img width="400px" src="https://raw.githubusercontent.com/caoxiemeihao/blog/main/vite-react-electron/react-win.png" />