upload-assets-oss 0.0.1

package/README.md

@@ -0,0 +1,16 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).

package/dist/index.cjs

@@ -0,0 +1,265 @@
+"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(
+  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, {
+  WebpackPluginQiniu: () => webpackPluginQiniu_default,
+  vitePluginQiniu: () => vitePluginQiniu
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/vite_plugin/vitePluginQiniu.ts
+var import_fs = __toESM(require("fs"), 1);
+
+// src/npm_plugin/npmQiniuPlugin.ts
+var import_lodash_es = __toESM(require("lodash-es"), 1);
+
+// src/oss_plugin/qiniu.ts
+var import_qiniu = __toESM(require("qiniu"), 1);
+
+// src/utils/log.ts
+var import_chalk = __toESM(require("chalk"), 1);
+var log = (text, color = "green") => {
+  console.log(import_chalk.default[color](text));
+};
+
+// src/oss_plugin/qiniu.ts
+var Qiniu = class {
+  options = {
+    accessKey: "",
+    secretKey: "",
+    bucket: ""
+  };
+  uploadToken;
+  formUploader;
+  bucketManager;
+  constructor(options) {
+    const { accessKey, secretKey, bucket } = options;
+    const mac = new import_qiniu.default.auth.digest.Mac(accessKey, secretKey);
+    const _options = {
+      scope: bucket
+    };
+    const putPolicy = new import_qiniu.default.rs.PutPolicy(_options);
+    const config = new import_qiniu.default.conf.Config();
+    this.options = options;
+    this.uploadToken = putPolicy.uploadToken(mac);
+    this.formUploader = new import_qiniu.default.form_up.FormUploader(config);
+    this.bucketManager = new import_qiniu.default.rs.BucketManager(mac, config);
+  }
+  putFile(key, filePath) {
+    const putExtra = new import_qiniu.default.form_up.PutExtra();
+    return new Promise((resolve, reject) => {
+      this.formUploader.putFile(
+        this.uploadToken,
+        key,
+        filePath,
+        putExtra,
+        function(respErr, respBody, respInfo) {
+          if (respErr) {
+            throw respErr;
+          }
+          if (respInfo.statusCode == 200) {
+            resolve(respInfo);
+          } else {
+            console.log(respInfo.statusCode);
+            console.log(respBody);
+            reject(respBody);
+          }
+        }
+      );
+    });
+  }
+  getResouceList(prefix) {
+    const { bucket } = this.options;
+    var options = {
+      prefix
+    };
+    log("\u{1F5D3}   \u6B63\u5728\u83B7\u53D6\u5386\u53F2\u6570\u636E...");
+    return new Promise((resolve, reject) => {
+      this.bucketManager.listPrefix(
+        bucket,
+        options,
+        function(err, respBody, respInfo) {
+          if (err) {
+            throw err;
+          }
+          if (respInfo.statusCode == 200) {
+            const resourceList = respBody.items.map((item) => item.key);
+            log("\u{1F44F}  \u83B7\u53D6\u5386\u53F2\u6570\u636E\u6210\u529F\uFF0C\u6B63\u5728\u5BF9\u6BD4\u6587\u4EF6...\n");
+            resolve(resourceList);
+          } else {
+            console.log(respInfo.statusCode);
+            console.log(respBody);
+            reject(respBody);
+          }
+        }
+      );
+    });
+  }
+  batchDeleteFile(filenameAry) {
+    const { bucket } = this.options;
+    let deleteOperations = [];
+    if (filenameAry && filenameAry.length > 1) {
+      deleteOperations = filenameAry.map(
+        (filename) => import_qiniu.default.rs.deleteOp(bucket, filename)
+      );
+    }
+    log("\u{1F921}  \u6B63\u5728\u5220\u9664\u6587\u4EF6...");
+    return new Promise((resolve, reject) => {
+      this.bucketManager.batch(
+        deleteOperations,
+        function(err, respBody, respInfo) {
+          if (err) {
+            reject(err);
+            throw err;
+          } else {
+            log("\u{1F44F}  \u5220\u9664\u5B8C\u6210\uFF01\n");
+            resolve(respInfo);
+          }
+        }
+      );
+    });
+  }
+};
+var qiniu_default = Qiniu;
+
+// src/utils/utils.ts
+var import_path = __toESM(require("path"), 1);
+var getProjectName = () => import_path.default.basename(process.cwd());
+
+// src/npm_plugin/npmQiniuPlugin.ts
+var projectName = getProjectName();
+var NpmQiuniuPlugin = class {
+  options;
+  qiniu;
+  constructor(options) {
+    this.qiniu = new qiniu_default(options);
+    this.options = options;
+    if (options.rootName) {
+      projectName = options.rootName;
+    }
+  }
+  apply({
+    filePathAry,
+    outputPath
+  }) {
+    this.batchUpload(filePathAry, outputPath);
+  }
+  async batchUpload(filePathAry, buildPath) {
+    const { isLog } = this.options;
+    const uploadData = {};
+    filePathAry.forEach((filename) => {
+      uploadData[`${projectName}/${filename}`] = `${buildPath}/${filename}`;
+    });
+    const uploadAry = await this.batchDelete(Object.keys(uploadData));
+    const len = uploadAry.length;
+    const maxIndex = len - 1;
+    if (len === 0) {
+      log(`\u{1F62D}  \u6CA1\u6709\u53D1\u73B0\u9700\u8981\u4E0A\u4F20\u7684\u6587\u4EF6 
+`);
+      return;
+    }
+    log(`\u2B06\uFE0F   \u5C06\u4E0A\u4F20 ${len} \u4E2A\u6587\u4EF6`);
+    uploadAry.forEach(async (key, i) => {
+      const filePath = uploadData[key];
+      isLog && log(`\u{1F680}  \u6B63\u5728\u4E0A\u4F20\u7B2C ${i + 1} \u4E2A\u6587\u4EF6: ${key}`);
+      await this.qiniu.putFile(key, filePath);
+      if (maxIndex === i) {
+        log(`\u{1F44F}  \u4E0A\u4F20\u5B8C\u6210\uFF01`);
+      }
+    });
+  }
+  async batchDelete(uploadFilePathAry) {
+    const { forceDelete } = this.options;
+    const resourceList = await this.qiniu.getResouceList(projectName);
+    const deleteAry = forceDelete ? resourceList : import_lodash_es.default.difference(resourceList, uploadFilePathAry);
+    const uploadAry = forceDelete ? uploadFilePathAry : import_lodash_es.default.difference(uploadFilePathAry, resourceList);
+    if (deleteAry.length > 0) {
+      await this.qiniu.batchDeleteFile(deleteAry);
+    }
+    return uploadAry;
+  }
+};
+var npmQiniuPlugin_default = NpmQiuniuPlugin;
+
+// src/vite_plugin/vitePluginQiniu.ts
+var PLUGIN_NAME = "vite-plugin-upload-oss-qiniu";
+function vitePluginQiniu(options) {
+  const qiniu2 = new npmQiniuPlugin_default(options);
+  let outputPath = "";
+  const getFilePaths = (pathName) => {
+    const files = import_fs.default.readdirSync(pathName);
+    return files.map((item) => {
+      const filePath = `${pathName}/${item}`;
+      const stat = import_fs.default.lstatSync(filePath);
+      if (stat.isDirectory()) {
+        return getFilePaths(filePath);
+      } else {
+        return pathName === outputPath ? item : filePath.replace(`${outputPath}/`, "");
+      }
+    }).flat();
+  };
+  return {
+    name: PLUGIN_NAME,
+    apply: "build",
+    configResolved: async (config) => {
+      outputPath = config.build.outDir;
+    },
+    closeBundle() {
+      const filePathAry = getFilePaths(outputPath);
+      qiniu2.apply({
+        filePathAry,
+        outputPath
+      });
+    }
+  };
+}
+
+// src/webpack_plugin/webpackPluginQiniu.ts
+var PLUGIN_NAME2 = "webpack-plugin-upload-oss-qiniu";
+var WebpackPluginQiniu = class {
+  qiniu;
+  constructor(options) {
+    this.qiniu = new npmQiniuPlugin_default(options);
+  }
+  apply(compiler) {
+    compiler.hooks.afterEmit.tapAsync(
+      PLUGIN_NAME2,
+      async (compilation, callback) => {
+        const filePathAry = Object.keys(compilation.assets);
+        const outputPath = compilation.options.output.path;
+        callback();
+        this.qiniu.apply({ filePathAry, outputPath });
+      }
+    );
+  }
+};
+var webpackPluginQiniu_default = WebpackPluginQiniu;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WebpackPluginQiniu,
+  vitePluginQiniu
+});

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+import { Plugin } from 'vite';
+import qiniu from 'qiniu';
+
+interface Options {
+    /**
+     * 七牛 Access Key
+     */
+    accessKey: string;
+    /**
+     * 七牛 Secret Key
+     */
+    secretKey: string;
+    /**
+     * 七牛 空间名
+     */
+    bucket: string;
+    /**
+     * 上传文件前，先强制删除之前上传七牛云上的文件
+     */
+    forceDelete?: boolean;
+    /**
+     * 文件上传的根目录名称，默认为项目名称
+     */
+    rootName?: string;
+    /**
+     * 是否打印上传日志，默认为false
+     */
+    isLog?: boolean;
+}
+declare class Qiniu {
+    options: {
+        accessKey: string;
+        secretKey: string;
+        bucket: string;
+    };
+    uploadToken: string;
+    formUploader: qiniu.form_up.FormUploader;
+    bucketManager: qiniu.rs.BucketManager;
+    constructor(options: Options);
+    putFile(key: string, filePath: string): Promise<unknown>;
+    getResouceList(prefix: string): Promise<string[]>;
+    batchDeleteFile(filenameAry: string[]): Promise<unknown>;
+}
+
+declare function vitePluginQiniu(options: Options): Plugin;
+
+declare class NpmQiuniuPlugin {
+    options: Options;
+    qiniu: Qiniu;
+    constructor(options: Options);
+    apply({ filePathAry, outputPath, }: {
+        filePathAry: string[];
+        outputPath: string;
+    }): void;
+    batchUpload(filePathAry: string[], buildPath: string): Promise<void>;
+    batchDelete(uploadFilePathAry: string[]): Promise<string[]>;
+}
+
+declare class WebpackPluginQiniu {
+    qiniu: NpmQiuniuPlugin;
+    constructor(options: Options);
+    apply(compiler: any): void;
+}
+
+export { WebpackPluginQiniu, vitePluginQiniu };

package/dist/index.js

@@ -0,0 +1,231 @@
+// src/vite_plugin/vitePluginQiniu.ts
+import fs from "fs";
+
+// src/npm_plugin/npmQiniuPlugin.ts
+import lodash from "lodash-es";
+
+// src/oss_plugin/qiniu.ts
+import qiniu from "qiniu";
+
+// src/utils/log.ts
+import chalk from "chalk";
+var log = (text, color = "green") => {
+  console.log(chalk[color](text));
+};
+
+// src/oss_plugin/qiniu.ts
+var Qiniu = class {
+  options = {
+    accessKey: "",
+    secretKey: "",
+    bucket: ""
+  };
+  uploadToken;
+  formUploader;
+  bucketManager;
+  constructor(options) {
+    const { accessKey, secretKey, bucket } = options;
+    const mac = new qiniu.auth.digest.Mac(accessKey, secretKey);
+    const _options = {
+      scope: bucket
+    };
+    const putPolicy = new qiniu.rs.PutPolicy(_options);
+    const config = new qiniu.conf.Config();
+    this.options = options;
+    this.uploadToken = putPolicy.uploadToken(mac);
+    this.formUploader = new qiniu.form_up.FormUploader(config);
+    this.bucketManager = new qiniu.rs.BucketManager(mac, config);
+  }
+  putFile(key, filePath) {
+    const putExtra = new qiniu.form_up.PutExtra();
+    return new Promise((resolve, reject) => {
+      this.formUploader.putFile(
+        this.uploadToken,
+        key,
+        filePath,
+        putExtra,
+        function(respErr, respBody, respInfo) {
+          if (respErr) {
+            throw respErr;
+          }
+          if (respInfo.statusCode == 200) {
+            resolve(respInfo);
+          } else {
+            console.log(respInfo.statusCode);
+            console.log(respBody);
+            reject(respBody);
+          }
+        }
+      );
+    });
+  }
+  getResouceList(prefix) {
+    const { bucket } = this.options;
+    var options = {
+      prefix
+    };
+    log("\u{1F5D3}   \u6B63\u5728\u83B7\u53D6\u5386\u53F2\u6570\u636E...");
+    return new Promise((resolve, reject) => {
+      this.bucketManager.listPrefix(
+        bucket,
+        options,
+        function(err, respBody, respInfo) {
+          if (err) {
+            throw err;
+          }
+          if (respInfo.statusCode == 200) {
+            const resourceList = respBody.items.map((item) => item.key);
+            log("\u{1F44F}  \u83B7\u53D6\u5386\u53F2\u6570\u636E\u6210\u529F\uFF0C\u6B63\u5728\u5BF9\u6BD4\u6587\u4EF6...\n");
+            resolve(resourceList);
+          } else {
+            console.log(respInfo.statusCode);
+            console.log(respBody);
+            reject(respBody);
+          }
+        }
+      );
+    });
+  }
+  batchDeleteFile(filenameAry) {
+    const { bucket } = this.options;
+    let deleteOperations = [];
+    if (filenameAry && filenameAry.length > 1) {
+      deleteOperations = filenameAry.map(
+        (filename) => qiniu.rs.deleteOp(bucket, filename)
+      );
+    }
+    log("\u{1F921}  \u6B63\u5728\u5220\u9664\u6587\u4EF6...");
+    return new Promise((resolve, reject) => {
+      this.bucketManager.batch(
+        deleteOperations,
+        function(err, respBody, respInfo) {
+          if (err) {
+            reject(err);
+            throw err;
+          } else {
+            log("\u{1F44F}  \u5220\u9664\u5B8C\u6210\uFF01\n");
+            resolve(respInfo);
+          }
+        }
+      );
+    });
+  }
+};
+var qiniu_default = Qiniu;
+
+// src/utils/utils.ts
+import path from "path";
+var getProjectName = () => path.basename(process.cwd());
+
+// src/npm_plugin/npmQiniuPlugin.ts
+var projectName = getProjectName();
+var NpmQiuniuPlugin = class {
+  options;
+  qiniu;
+  constructor(options) {
+    this.qiniu = new qiniu_default(options);
+    this.options = options;
+    if (options.rootName) {
+      projectName = options.rootName;
+    }
+  }
+  apply({
+    filePathAry,
+    outputPath
+  }) {
+    this.batchUpload(filePathAry, outputPath);
+  }
+  async batchUpload(filePathAry, buildPath) {
+    const { isLog } = this.options;
+    const uploadData = {};
+    filePathAry.forEach((filename) => {
+      uploadData[`${projectName}/${filename}`] = `${buildPath}/${filename}`;
+    });
+    const uploadAry = await this.batchDelete(Object.keys(uploadData));
+    const len = uploadAry.length;
+    const maxIndex = len - 1;
+    if (len === 0) {
+      log(`\u{1F62D}  \u6CA1\u6709\u53D1\u73B0\u9700\u8981\u4E0A\u4F20\u7684\u6587\u4EF6 
+`);
+      return;
+    }
+    log(`\u2B06\uFE0F   \u5C06\u4E0A\u4F20 ${len} \u4E2A\u6587\u4EF6`);
+    uploadAry.forEach(async (key, i) => {
+      const filePath = uploadData[key];
+      isLog && log(`\u{1F680}  \u6B63\u5728\u4E0A\u4F20\u7B2C ${i + 1} \u4E2A\u6587\u4EF6: ${key}`);
+      await this.qiniu.putFile(key, filePath);
+      if (maxIndex === i) {
+        log(`\u{1F44F}  \u4E0A\u4F20\u5B8C\u6210\uFF01`);
+      }
+    });
+  }
+  async batchDelete(uploadFilePathAry) {
+    const { forceDelete } = this.options;
+    const resourceList = await this.qiniu.getResouceList(projectName);
+    const deleteAry = forceDelete ? resourceList : lodash.difference(resourceList, uploadFilePathAry);
+    const uploadAry = forceDelete ? uploadFilePathAry : lodash.difference(uploadFilePathAry, resourceList);
+    if (deleteAry.length > 0) {
+      await this.qiniu.batchDeleteFile(deleteAry);
+    }
+    return uploadAry;
+  }
+};
+var npmQiniuPlugin_default = NpmQiuniuPlugin;
+
+// src/vite_plugin/vitePluginQiniu.ts
+var PLUGIN_NAME = "vite-plugin-upload-oss-qiniu";
+function vitePluginQiniu(options) {
+  const qiniu2 = new npmQiniuPlugin_default(options);
+  let outputPath = "";
+  const getFilePaths = (pathName) => {
+    const files = fs.readdirSync(pathName);
+    return files.map((item) => {
+      const filePath = `${pathName}/${item}`;
+      const stat = fs.lstatSync(filePath);
+      if (stat.isDirectory()) {
+        return getFilePaths(filePath);
+      } else {
+        return pathName === outputPath ? item : filePath.replace(`${outputPath}/`, "");
+      }
+    }).flat();
+  };
+  return {
+    name: PLUGIN_NAME,
+    apply: "build",
+    configResolved: async (config) => {
+      outputPath = config.build.outDir;
+    },
+    closeBundle() {
+      const filePathAry = getFilePaths(outputPath);
+      qiniu2.apply({
+        filePathAry,
+        outputPath
+      });
+    }
+  };
+}
+
+// src/webpack_plugin/webpackPluginQiniu.ts
+var PLUGIN_NAME2 = "webpack-plugin-upload-oss-qiniu";
+var WebpackPluginQiniu = class {
+  qiniu;
+  constructor(options) {
+    this.qiniu = new npmQiniuPlugin_default(options);
+  }
+  apply(compiler) {
+    compiler.hooks.afterEmit.tapAsync(
+      PLUGIN_NAME2,
+      async (compilation, callback) => {
+        const filePathAry = Object.keys(compilation.assets);
+        const outputPath = compilation.options.output.path;
+        callback();
+        this.qiniu.apply({ filePathAry, outputPath });
+      }
+    );
+  }
+};
+var webpackPluginQiniu_default = WebpackPluginQiniu;
+export {
+  webpackPluginQiniu_default as WebpackPluginQiniu,
+  vitePluginQiniu
+};