async function createWindow() {
    // Create the browser window.
    const win = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            // Use pluginOptions.nodeIntegration, leave this alone
            // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
            nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION,
            contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
        },
    });

    if (process.env.WEBPACK_DEV_SERVER_URL) {
        // Load the url of the dev server if in development mode
        await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL);
        if (!process.env.IS_TEST) win.webContents.openDevTools();
    } else {
        createProtocol('app');
        // Load the index.html when not in development
        win.loadURL('app://./index.html');
    }
}

app.on('window-all-closed', () => {
    // On macOS it is common for applications and their menu bar
    // to stay active until the user quits explicitly with Cmd + Q
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

async function createWindow() {
    // Create the browser window.
    const win = new BrowserWindow({...});
    //接收渲染进程的信息
    const ipc = require('electron').ipcMain;

    // 接到 'min' 信息
    ipc.on('min', function () {
        win.minimize(); // 窗口最小化
    });

    // 接到 'max' 信息
    ipc.on('max', function () {
        if (win.isMaximized()) { // 判断窗口是否最大化
            win.unmaximize(); // 窗口取消最大化
        } else {
            win.maximize(); // 窗口最大化
        }
    });
    ipc.on('close', function () {
        win.destroy(); // 摧毁窗口
    })
}

async function createWindow() {
    const win = new BrowserWindow({ ... });
    // ...
    win.on('resize', () => {
        win.webContents.send('resize', win.isMaximized())
    })
}

created() {
    // 当 vue 页面创建完成后直接进行事件监听
    electron.ipcRenderer.on("resize", (event, params) => {
        if (this.maxSize !== params) {
            this.maxSize = params;
            localStorage.setItem("maxSize", params);
        }
    })
}

// ...
import mavonEditor from 'mavon-editor'; // 引入 mavon-editor 组件
import 'mavon-editor/dist/css/index.css'; // 引入 mavon-editor 需要的样式文件

Vue.use(mavonEditor); // Vue 全局注册组件

import { app, protocol, BrowserWindow, dialog } from 'electron';
import fs from 'fs-extra'; // 使用fs模块
import path from 'path';

async function createMainWindow() {
    // ...
    const ipc = require('electron').ipcMain;
    // ...
    ipc.on('openFile', () => {
        dialog
            .showOpenDialog({
                // 通过 dialog 模块显示 “打开文件” 对话框
                properties: ['openFile'], // 参数选择打开文件
                filters: [
                    {
                        name: 'Markdown File',
                        extensions: [
                            'md',
                            'markdown',
                            'mmd',
                            'mkd',
                            'mdwn',
                            'mdown',
                            'mdx',
                            'mdtxt',
                            'apib',
                            'rmarkdown',
                            'rmd',
                            'txt',
                            'text',
                        ],
                    },
                ], // 文件类型过滤器，只留下 markdown 文件
            })
            .then((res) => {
                if (res && res.filePaths && res.filePaths.length > 0) {
                    // 如果选择了文件
                    fs.readFile(res.filePaths[0], 'utf8', (err, data) => {
                        // 通过 fs-extra 读取文件内容
                        if (err) {
                            // 读取失败
                            win.webContents.send('openedFile', -1);
                        } else {
                            // 读取成功，将内容发送给 vue 项目
                            win.webContents.send('openedFile', 0, res.filePaths[0], data);
                        }
                    });
                }
            });
    });
}

export default {
    // ... ,
    methods: {
        // ... ,
        initIpcRenderers() {
            electron.ipcRenderer.on('resize', (event, params) => {
                if (this.maxSize !== params) {
                    this.maxSize = params;
                    localStorage.setItem('maxSize', params);
                }
            });
            electron.ipcRenderer.on('openedFile', (e, status, path, data) => {
                if (status === 0) {
                    this.filePath = path;
                    this.rawText = data;
                    this.initRawText = data;
                } else {
                    console.log('读取失败');
                }
            });
        },
    },
    created() {
        this.initIpcRenderers();
    },
};

ipc.on('saveNewFile', (event, data) => {
    dialog
        .showSaveDialog({
            // 通过 dialog 模块打开 保存文件 对话框
            title: '文件另存为',
            defaultPath: path.join(
                __dirname,
                `${data
                    .replace(
                        /\\|\/|\?|\？|\*|\"|\“|\”|\'|\‘|\’|\<|\>|\{|\}|\[|\]|\【|\】|\：|\:|\、|\^|\$|\!|\~|\`|\|/g,
                        ''
                    )
                    .substring(0, 10)}.md`
            ), // 默认文件保存路径
            filters: [
                {
                    name: 'Markdown File',
                    extensions: [
                        'md',
                        'markdown',
                        'mmd',
                        'mkd',
                        'mdwn',
                        'mdown',
                        'mdx',
                        'mdtxt',
                        'apib',
                        'rmarkdown',
                        'rmd',
                        'txt',
                        'text',
                    ],
                },
            ], // 文件类型过滤器，只保留为 markdown 文件
        })
        .then((res) => {
            if (res && res.filePath) {
                fs.writeFile(res.filePath, data, 'utf8', (err) => {
                    if (err) {
                        win.webContents.send('savedNewFile', -1);
                    } else {
                        // 写入成功，返回保存路径
                        win.webContents.send('savedNewFile', 0, res.filePath);
                    }
                });
            }
        });
});

ipc.on('saveAsHtml', (event, filename, data) => {
    let htmlpath;
    if (filename) {
        // 如果当前文件存在，直接用文件名作为 html 的文件名
        htmlpath = path.join(__dirname, filename);
    } else {
        // 否则从渲染的 html 文本中提取
        htmlpath = path.join(
            __dirname,
            `${data
                .replace(
                    /\\|\/|\?|\？|\*|\"|\“|\”|\'|\‘|\’|\<|\>|\{|\}|\[|\]|\【|\】|\：|\:|\、|\^|\$|\!|\~|\`|\|/g,
                    ''
                )
                .substring(0, 10)}.html`
        );
    }
    dialog
        .showSaveDialog({
            title: '导出为HTML',
            defaultPath: htmlpath,
            filters: [{ name: 'HTML', extensions: ['html'] }],
        })
        .then((res) => {
            if (res) {
                if (res.canceled) {
                    mainWindow.webContents.send('savedAsHtml', -1);
                } else if (res.filePath) {
                    const title = res.filePath.split('\\')[res.filePath.split('\\').length - 1];
                    // 此处写入基本的 html 代码，其中包含了需要的 css 样式文件
                    let html = `<!doctype html>\n<html>\n<head>\n<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>\n<link href="https://cdn.bootcss.com/github-markdown-css/2.10.0/github-markdown.min.css" rel="stylesheet">\n<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/github.min.css" id="md-code-style">\n<title>${title}</title>\n</head>\n<body>\n<div class="markdown-body">\n${data}\n</div>\n</body>\n</html>`;
                    fs.writeFile(res.filePath, html, 'utf8', (err) => {
                        if (err) {
                            mainWindow.webContents.send('savedAsHtml', 1, err);
                        } else {
                            mainWindow.webContents.send('savedAsHtml', 0);
                        }
                    });
                }
            }
        });
});

save() {
    if (this.filePath) { // 如果此时打开的是本地文件，则进行保存操作
        window.electron.ipcRenderer.send(
            "saveFile",
            this.filePath,
            this.rawText
        );
    } else if (this.rawText) { // 否则进行另存为操作
        window.electron.ipcRenderer.send("saveNewFile", this.rawText);
    }
},

ipc.on('saveFile', (event, path, data) => {
    fs.writeFile(path, data, 'utf8', (err) => {
        if (err) {
            win.webContents.send('savedFile', -1);
        } else {
            win.webContents.send('savedFile', 0);
        }
    });
});

export default {
    // ... ,
    methods: {
        // ... ,
        imgAdd(filename, imgfile) {
            if (imgfile.path !== '') {
                this.rawText = this.rawText.replace(
                    `![${imgfile._name}](${filename})`,
                    `![${imgfile._name}](${imgfile.path.replace(/\\/g, '/')})`
                );
            } else {
                electron.ipcRenderer.send(
                    'pastePicture',
                    imgfile.miniurl.split(',')[1],
                    imgfile.type.split('/')[1],
                    new Date().valueOf(),
                    filename,
                    imgfile._name
                );
            }
        },
    },
};

// background.js
ipc.on('pastePicture', (event, imgdata, imgtype, timestamp, filename, tagname) => {
    let destpath; // 定义 目标路径 变量
    if (process.env.NODE_ENV === 'development') {
        // 处于开发模式下
        destpath = path.join(__dirname, 'user-images');
    } else {
        destpath = path.join(__dirname, '../user-images');
    }
    const dirExists = fs.pathExistsSync(destpath); // 判断文件夹是否存在
    if (!dirExists) {
        fs.mkdirSync(destpath); // 若不存在则创建该文件夹
    }
    let exists = fs.existsSync(path.join(destpath, `typark${timestamp}.${imgtype}`));
    while (exists) {
        exists = fs.existsSync(path.join(destpath, `typark${++timestamp}.${imgtype}`)); // 如果文件重名，时间戳加一，直到不出现重名为止
    }
    fs.writeFile(
        path.join(destpath, `typark${timestamp}.${imgtype}`),
        Buffer.from(imgdata, 'base64'),
        (err) => {
            if (err) {
                mainWindow.webContents.send('pastedPicture', -1);
            } else {
                // 写入成功后返回 markdown 源码中的图片信息以及保存后的图片路径用于替换
                mainWindow.webContents.send(
                    'pastedPicture',
                    0,
                    path.join(destpath, `typark${timestamp}.${imgtype}`),
                    filename,
                    tagname
                );
            }
        }
    );
});