vite-plugin-deploy-ftp 0.0.1

package/README.md

@@ -0,0 +1,37 @@
+# vite-plugin-deploy-ftp
+
+将 dist 目录上传到 FTP 服务器
+
+## 介绍
+
+`vite-plugin-deploy-ftp` 是一个 Vite 插件，用于将打包后的文件上传到 FTP 服务器。
+
+## 安装
+
+```bash
+pnpm add vite-plugin-deploy-ftp -D
+```
+
+## 使用
+
+```ts
+// vite.config.ts
+import vitePluginDeployFtp from 'vite-plugin-deploy-ftp'
+
+// ...existing code...
+export default {
+  // ...existing code...
+  plugins: [
+    // 在最后一个插件中使用
+    vitePluginDeployFtp({
+      open: true,
+      host: process.env.zH5FtpHost as string,
+      port: +(process.env.zH5FtpPort || 21),
+      user: process.env.zH5FtpUser as string,
+      password: process.env.zH5FtpPassword as string,
+      uploadPath: `${env.VITE_FTP_DIRNAME}`,
+      alias: `https://h5.eventnet.cn/`,
+    }),
+  ],
+}
+```

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import { Plugin } from 'vite';
+
+type vitePluginDeployFtpOption = {
+    host: string;
+    port?: number;
+    user: string;
+    password: string;
+    uploadPath: string;
+    alias?: string;
+    open?: boolean;
+};
+declare function vitePluginDeployFtp(option: vitePluginDeployFtpOption): Plugin;
+
+export { vitePluginDeployFtp as default, type vitePluginDeployFtpOption };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { Plugin } from 'vite';
+
+type vitePluginDeployFtpOption = {
+    host: string;
+    port?: number;
+    user: string;
+    password: string;
+    uploadPath: string;
+    alias?: string;
+    open?: boolean;
+};
+declare function vitePluginDeployFtp(option: vitePluginDeployFtpOption): Plugin;
+
+export { vitePluginDeployFtp as default, type vitePluginDeployFtpOption };

package/dist/index.js

@@ -0,0 +1,131 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => vitePluginDeployFtp
+});
+module.exports = __toCommonJS(src_exports);
+var import_prompts = require("@inquirer/prompts");
+var import_archiver = __toESM(require("archiver"));
+var import_basic_ftp = require("basic-ftp");
+var import_chalk = __toESM(require("chalk"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_node_fs = __toESM(require("fs"));
+var import_node_path = __toESM(require("path"));
+var import_ora = __toESM(require("ora"));
+var import_vite = require("vite");
+function vitePluginDeployFtp(option) {
+  const { open = true, host, port = 21, user, password, uploadPath, alias = "" } = option || {};
+  let outDir = "dist";
+  return {
+    name: "vite-plugin-deploy-ftp",
+    apply: "build",
+    enforce: "post",
+    configResolved(config) {
+      outDir = config.build?.outDir || "dist";
+    },
+    closeBundle: {
+      sequential: true,
+      order: "post",
+      async handler() {
+        if (!host || !port || !user || !password || !uploadPath || !open) {
+          console.log(import_chalk.default.yellow("\u8BF7\u914D\u7F6E\u6B63\u786E\u7684FTP\u4FE1\u606F"));
+          return;
+        }
+        const ftpUploadChoice = await (0, import_prompts.select)({
+          message: "\u662F\u5426\u4E0A\u4F20FTP",
+          choices: ["\u662F", "\u5426"],
+          default: "\u662F"
+        });
+        if (ftpUploadChoice === "\u5426") return;
+        const uploadSpinner = (0, import_ora.default)("\u51C6\u5907\u81EA\u52A8\u4E0A\u4F20\uFF0C\u521B\u5EFA\u8FDE\u63A5\u4E2D...").start();
+        const client = new import_basic_ftp.Client();
+        client.ftp.verbose = false;
+        await client.access({
+          host,
+          port,
+          user,
+          password,
+          secure: true,
+          secureOptions: { rejectUnauthorized: false, timeout: 6e4 }
+        });
+        uploadSpinner.color = "blue";
+        uploadSpinner.text = "\u8FDE\u63A5\u6210\u529F";
+        const fileList = await client.list(uploadPath);
+        uploadSpinner.succeed(`\u5DF2\u8FDE\u63A5 ${import_chalk.default.green(`\u76EE\u5F55: ==> ${alias}${uploadPath}`)}`);
+        if (fileList.length) {
+          await createBackupFile(client, uploadPath, alias);
+        }
+        const uploadFileSpinner = (0, import_ora.default)("\u4E0A\u4F20\u4E2D...").start();
+        await client.uploadFromDir(outDir, uploadPath);
+        uploadFileSpinner.succeed("\u4E0A\u4F20\u6210\u529F url:" + import_chalk.default.green(`${alias}${uploadPath}/`));
+        client.close();
+      }
+    }
+  };
+}
+async function createBackupFile(client, dir, alias) {
+  const backupSpinner = (0, import_ora.default)(`\u521B\u5EFA\u5907\u4EFD\u6587\u4EF6\u4E2D ${import_chalk.default.yellow(`\u76EE\u5F55: ==> ${alias}${dir}`)}`).start();
+  const fileName = `backup_${(0, import_dayjs.default)().format("YYYYMMDD_HHmmss")}.zip`;
+  const localDir = `./__temp/zip`;
+  const zipFilePath = `./__temp/${fileName}`;
+  if (!import_node_fs.default.existsSync(localDir)) {
+    import_node_fs.default.mkdirSync(localDir, { recursive: true });
+  }
+  await client.downloadToDir(localDir, dir);
+  backupSpinner.text = `\u4E0B\u8F7D\u8FDC\u7A0B\u6587\u4EF6\u6210\u529F ${import_chalk.default.yellow(`\u76EE\u5F55: ==> ${alias}${dir}`)}`;
+  import_node_fs.default.readdirSync(localDir).forEach((i) => {
+    if (i.startsWith("backup_") && i.endsWith(".zip")) {
+      import_node_fs.default.rmSync(import_node_path.default.join(localDir, i));
+    }
+  });
+  const output = import_node_fs.default.createWriteStream(zipFilePath);
+  const archive = (0, import_archiver.default)("zip", {
+    zlib: { level: 9 }
+  });
+  output.on("close", function() {
+  });
+  archive.on("error", function(err) {
+    backupSpinner.fail("\u538B\u7F29\u5931\u8D25");
+    throw err;
+  });
+  archive.pipe(output);
+  archive.directory(localDir, false);
+  await archive.finalize();
+  backupSpinner.text = `\u538B\u7F29\u5B8C\u6210, \u51C6\u5907\u4E0A\u4F20 ${import_chalk.default.yellow(
+    `\u76EE\u5F55: ==> ${(0, import_vite.normalizePath)(`${alias}${dir}/${fileName}`)}`
+  )}`;
+  await client.uploadFrom(zipFilePath, (0, import_vite.normalizePath)(`${dir}/${fileName}`));
+  backupSpinner.succeed(
+    `\u5907\u4EFD\u6210\u529F ${import_chalk.default.green(`\u76EE\u5F55: ==> ${(0, import_vite.normalizePath)(`${alias}${dir}/${fileName}`)}`)}`
+  );
+  import_node_fs.default.rmSync(`./__temp`, { recursive: true });
+}

package/dist/index.mjs

@@ -0,0 +1,100 @@
+// src/index.ts
+import { select } from "@inquirer/prompts";
+import archiver from "archiver";
+import { Client } from "basic-ftp";
+import chalk from "chalk";
+import dayjs from "dayjs";
+import fs from "node:fs";
+import path from "node:path";
+import ora from "ora";
+import { normalizePath } from "vite";
+function vitePluginDeployFtp(option) {
+  const { open = true, host, port = 21, user, password, uploadPath, alias = "" } = option || {};
+  let outDir = "dist";
+  return {
+    name: "vite-plugin-deploy-ftp",
+    apply: "build",
+    enforce: "post",
+    configResolved(config) {
+      outDir = config.build?.outDir || "dist";
+    },
+    closeBundle: {
+      sequential: true,
+      order: "post",
+      async handler() {
+        if (!host || !port || !user || !password || !uploadPath || !open) {
+          console.log(chalk.yellow("\u8BF7\u914D\u7F6E\u6B63\u786E\u7684FTP\u4FE1\u606F"));
+          return;
+        }
+        const ftpUploadChoice = await select({
+          message: "\u662F\u5426\u4E0A\u4F20FTP",
+          choices: ["\u662F", "\u5426"],
+          default: "\u662F"
+        });
+        if (ftpUploadChoice === "\u5426") return;
+        const uploadSpinner = ora("\u51C6\u5907\u81EA\u52A8\u4E0A\u4F20\uFF0C\u521B\u5EFA\u8FDE\u63A5\u4E2D...").start();
+        const client = new Client();
+        client.ftp.verbose = false;
+        await client.access({
+          host,
+          port,
+          user,
+          password,
+          secure: true,
+          secureOptions: { rejectUnauthorized: false, timeout: 6e4 }
+        });
+        uploadSpinner.color = "blue";
+        uploadSpinner.text = "\u8FDE\u63A5\u6210\u529F";
+        const fileList = await client.list(uploadPath);
+        uploadSpinner.succeed(`\u5DF2\u8FDE\u63A5 ${chalk.green(`\u76EE\u5F55: ==> ${alias}${uploadPath}`)}`);
+        if (fileList.length) {
+          await createBackupFile(client, uploadPath, alias);
+        }
+        const uploadFileSpinner = ora("\u4E0A\u4F20\u4E2D...").start();
+        await client.uploadFromDir(outDir, uploadPath);
+        uploadFileSpinner.succeed("\u4E0A\u4F20\u6210\u529F url:" + chalk.green(`${alias}${uploadPath}/`));
+        client.close();
+      }
+    }
+  };
+}
+async function createBackupFile(client, dir, alias) {
+  const backupSpinner = ora(`\u521B\u5EFA\u5907\u4EFD\u6587\u4EF6\u4E2D ${chalk.yellow(`\u76EE\u5F55: ==> ${alias}${dir}`)}`).start();
+  const fileName = `backup_${dayjs().format("YYYYMMDD_HHmmss")}.zip`;
+  const localDir = `./__temp/zip`;
+  const zipFilePath = `./__temp/${fileName}`;
+  if (!fs.existsSync(localDir)) {
+    fs.mkdirSync(localDir, { recursive: true });
+  }
+  await client.downloadToDir(localDir, dir);
+  backupSpinner.text = `\u4E0B\u8F7D\u8FDC\u7A0B\u6587\u4EF6\u6210\u529F ${chalk.yellow(`\u76EE\u5F55: ==> ${alias}${dir}`)}`;
+  fs.readdirSync(localDir).forEach((i) => {
+    if (i.startsWith("backup_") && i.endsWith(".zip")) {
+      fs.rmSync(path.join(localDir, i));
+    }
+  });
+  const output = fs.createWriteStream(zipFilePath);
+  const archive = archiver("zip", {
+    zlib: { level: 9 }
+  });
+  output.on("close", function() {
+  });
+  archive.on("error", function(err) {
+    backupSpinner.fail("\u538B\u7F29\u5931\u8D25");
+    throw err;
+  });
+  archive.pipe(output);
+  archive.directory(localDir, false);
+  await archive.finalize();
+  backupSpinner.text = `\u538B\u7F29\u5B8C\u6210, \u51C6\u5907\u4E0A\u4F20 ${chalk.yellow(
+    `\u76EE\u5F55: ==> ${normalizePath(`${alias}${dir}/${fileName}`)}`
+  )}`;
+  await client.uploadFrom(zipFilePath, normalizePath(`${dir}/${fileName}`));
+  backupSpinner.succeed(
+    `\u5907\u4EFD\u6210\u529F ${chalk.green(`\u76EE\u5F55: ==> ${normalizePath(`${alias}${dir}/${fileName}`)}`)}`
+  );
+  fs.rmSync(`./__temp`, { recursive: true });
+}
+export {
+  vitePluginDeployFtp as default
+};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "vite-plugin-deploy-ftp",
+  "version": "0.0.1",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "keywords": [
+    "vite-plugin"
+  ],
+  "author": "yulinzhao",
+  "license": "MIT",
+  "description": "将dist目录下的文件上传到阿里云oss",
+  "devDependencies": {
+    "@types/node": "^22.10.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  },
+  "peerDependencies": {
+    "vite": "^6.0.3"
+  },
+  "dependencies": {
+    "@inquirer/prompts": "^7.2.0",
+    "@types/archiver": "^6.0.3",
+    "archiver": "^7.0.1",
+    "basic-ftp": "^5.0.5",
+    "chalk": "^5.3.0",
+    "dayjs": "^1.11.13",
+    "ora": "^8.1.1"
+  },
+  "scripts": {
+    "build": "tsup",
+    "pack": "pnpm run build && pnpm pack"
+  }
+}