diff --git a/README.md b/README.md deleted file mode 100644 index 0a643cf..0000000 --- a/README.md +++ /dev/null @@ -1,91 +0,0 @@ -# electron-vite-react - -[![awesome-vite](https://awesome.re/mentioned-badge.svg)](https://github.com/vitejs/awesome-vite) -![GitHub stars](https://img.shields.io/github/stars/caoxiemeihao/vite-react-electron?color=fa6470) -![GitHub issues](https://img.shields.io/github/issues/caoxiemeihao/vite-react-electron?color=d8b22d) -![GitHub license](https://img.shields.io/github/license/caoxiemeihao/vite-react-electron) -[![Required Node.JS >= 14.18.0 || >=16.0.0](https://img.shields.io/static/v1?label=node&message=14.18.0%20||%20%3E=16.0.0&logo=node.js&color=3f893e)](https://nodejs.org/about/releases) - -English | [简体中文](README.zh-CN.md) - -## 👀 Overview - -📦 Ready out of the box -🎯 Based on the official [template-react-ts](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts), project structure will be familiar to you -🌱 Easily extendable and customizable -💪 Supports Node.js API in the renderer process -🔩 Supports C/C++ native addons -🐞 Debugger configuration included -🖥 Easy to implement multiple windows - -## 🛫 Quick Setup - -```sh -# clone the project -git clone https://github.com/electron-vite/electron-vite-react.git - -# enter the project directory -cd electron-vite-react - -# install dependency -npm install - -# develop -npm run dev -``` - -## 🐞 Debug - -![electron-vite-react-debug.gif](/electron-vite-react-debug.gif) - -## 📂 Directory structure - -Familiar React application structure, just with `electron` folder on the top :wink: -*Files in this folder will be separated from your React application and built into `dist-electron`* - -```tree -├── electron Electron-related code -│ ├── main Main-process source code -│ └── preload Preload-scripts source code -│ -├── release Generated after production build, contains executables -│ └── {version} -│ ├── {os}-{os_arch} Contains unpacked application executable -│ └── {app_name}_{version}.{ext} Installer for the application -│ -├── public Static assets -└── src Renderer source code, your React application -``` - - - -## 🔧 Additional features - -1. electron-updater 👉 [see docs](src/components/update/README.md) -1. playwright - -## ❔ FAQ - -- [C/C++ addons, Node.js modules - Pre-Bundling](https://github.com/electron-vite/vite-plugin-electron-renderer#dependency-pre-bundling) -- [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies) diff --git a/README.zh-CN.md b/README.zh-CN.md deleted file mode 100644 index 5965d1f..0000000 --- a/README.zh-CN.md +++ /dev/null @@ -1,91 +0,0 @@ -# vite-react-electron - -[![awesome-vite](https://awesome.re/mentioned-badge.svg)](https://github.com/vitejs/awesome-vite) -![GitHub stars](https://img.shields.io/github/stars/caoxiemeihao/vite-react-electron?color=fa6470) -![GitHub issues](https://img.shields.io/github/issues/caoxiemeihao/vite-react-electron?color=d8b22d) -![GitHub license](https://img.shields.io/github/license/caoxiemeihao/vite-react-electron) -[![Required Node.JS >= 14.18.0 || >=16.0.0](https://img.shields.io/static/v1?label=node&message=14.18.0%20||%20%3E=16.0.0&logo=node.js&color=3f893e)](https://nodejs.org/about/releases) - -[English](README.md) | 简体中文 - -## 概述 - -📦 开箱即用 -🎯 基于官方的 [template-react-ts](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts), 低侵入性 -🌱 结构清晰，可塑性强 -💪 支持在渲染进程中使用 Electron、Node.js API -🔩 支持 C/C++ 模块 -🖥 很容易实现多窗口 - -## 快速开始 - -```sh -# clone the project -git clone https://github.com/electron-vite/electron-vite-react.git - -# enter the project directory -cd electron-vite-react - -# install dependency -npm install - -# develop -npm run dev -``` - -## 调试 - -![electron-vite-react-debug.gif](/electron-vite-react-debug.gif) - -## 目录 - -*🚨 默认情况下, `electron` 文件夹下的文件将会被构建到 `dist-electron`* - -```tree -├── electron Electron 源码文件夹 -│ ├── main Main-process 源码 -│ └── preload Preload-scripts 源码 -│ -├── release 构建后生成程序目录 -│ └── {version} -│ ├── {os}-{os_arch} 未打包的程序(绿色运行版) -│ └── {app_name}_{version}.{ext} 应用安装文件 -│ -├── public 同 Vite 模板的 public -└── src 渲染进程源码、React代码 -``` - - - -## 🔧 额外的功能 - -1. Electron 自动更新 👉 [阅读文档](src/components/update/README.zh-CN.md) -2. Playwright 测试 - -## ❔ FAQ - -- [C/C++ addons, Node.js modules - Pre-Bundling](https://github.com/electron-vite/vite-plugin-electron-renderer#dependency-pre-bundling) -- [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies) - -## 🍵 🍰 🍣 🍟 - - diff --git a/e2e/example.spec.ts b/e2e/example.spec.ts deleted file mode 100644 index 59ff80f..0000000 --- a/e2e/example.spec.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { test, expect, _electron as electron } from "@playwright/test"; - -test("homepage has title and links to intro page", async () => { - const app = await electron.launch({ args: [".", "--no-sandbox"] }); - const page = await app.firstWindow(); - expect(await page.title()).toBe("Electron + Vite + React"); - await page.screenshot({ path: "e2e/screenshots/example.png" }); -}); diff --git a/e2e/screenshots/example.png b/e2e/screenshots/example.png deleted file mode 100644 index dad308e..0000000 Binary files a/e2e/screenshots/example.png and /dev/null differ diff --git a/electron-builder.json5 b/electron-builder.json5 index 6c82482..b311e51 100644 --- a/electron-builder.json5 +++ b/electron-builder.json5 @@ -2,7 +2,7 @@ * @see https://www.electron.build/configuration/configuration */ { - "appId": "YourAppID", + "appId": "icu.sunnyc", "asar": true, "directories": { "output": "release/${version}" diff --git a/electron-vite-react-debug.gif b/electron-vite-react-debug.gif deleted file mode 100644 index 4f87992..0000000 Binary files a/electron-vite-react-debug.gif and /dev/null differ diff --git a/electron-vite-react.gif b/electron-vite-react.gif deleted file mode 100644 index a4b5da5..0000000 Binary files a/electron-vite-react.gif and /dev/null differ diff --git a/electron/electron-env.d.ts b/electron/electron-env.d.ts index 683a865..d5d91da 100644 --- a/electron/electron-env.d.ts +++ b/electron/electron-env.d.ts @@ -2,7 +2,7 @@ declare namespace NodeJS { interface ProcessEnv { - VSCODE_DEBUG?: 'true' + VSCODE_DEBUG?: 'false' DIST_ELECTRON: string DIST: string /** /dist/ or /public/ */ diff --git a/electron/main/index.ts b/electron/main/index.ts index 614bfca..9b7634b 100644 --- a/electron/main/index.ts +++ b/electron/main/index.ts @@ -47,8 +47,10 @@ let store = new Store(); async function createWindow() { win = new BrowserWindow({ - title: 'Main window', + title: 'KafkaDesktop', icon: join(process.env.VITE_PUBLIC, 'favicon.ico'), + height: 800, + width: 1100, webPreferences: { preload, // Warning: Enable nodeIntegration and disable contextIsolation is not secure in production @@ -59,6 +61,9 @@ async function createWindow() { }, }) + // 隐藏顶部按钮 + win.setMenu(null); + if (url) { // electron-vite-vue#298 win.loadURL(url) // Open devTool if the app is not packaged diff --git a/index.html b/index.html index aeae7ef..eedce97 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - Electron + Vite + React + KafkaDesktop
diff --git a/package.json b/package.json index 4917bfb..dfdd2ae 100644 --- a/package.json +++ b/package.json @@ -1,9 +1,9 @@ { - "name": "electron-vite-react", - "version": "2.2.0", + "name": "kafka-desktop", + "version": "0.0.1", "main": "dist-electron/main/index.js", - "description": "Electron Vite React boilerplate.", - "author": "草鞋没号 <308487730@qq.com>", + "description": "kafka desktop", + "author": "houcheng", "license": "MIT", "private": true, "debug": {