qy-vue-plugins 0.0.1

package/README.md

@@ -0,0 +1,5 @@
+# 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.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/vue-plugins.es.js

@@ -0,0 +1,71 @@
+import { ref as g } from "vue";
+function m(t = "build-time.json") {
+  let e = /* @__PURE__ */ new Date();
+  return {
+    name: "vite-plugin-build-time",
+    enforce: "post",
+    config: () => (console.log("vite-plugin-build-time: config"), {
+      define: {
+        // 将时间注入到环境变量中
+        "import.meta.env.BUILD_TIME": JSON.stringify(e.getTime())
+      }
+    }),
+    generateBundle() {
+      console.log("vite-plugin-build-time: generateBundle");
+      const i = JSON.stringify(
+        {
+          timestamp: e.getTime(),
+          isoString: e.toISOString(),
+          localeString: e.toLocaleString()
+        },
+        null,
+        2
+      );
+      this.emitFile({
+        type: "asset",
+        fileName: t,
+        source: i
+      });
+    }
+  };
+}
+const n = g(!1), f = async (t, e = 1e3, i) => {
+  let l = `//${window.location.host}/version.json?t=${(/* @__PURE__ */ new Date()).getTime()}`;
+  if (n.value) return { stop: () => {
+  } };
+  n.value = !0;
+  const s = new AbortController(), c = s.signal;
+  try {
+    const o = async () => {
+      if (!c.aborted)
+        try {
+          const r = await fetch(l, { method: "GET" });
+          if (r.status === 200) {
+            let a = (await r.json()).timestamp || 0;
+            if (!t)
+              return;
+            t < a && i(a);
+          }
+        } catch {
+        }
+    };
+    await o();
+    const u = setInterval(o, e);
+    return {
+      stop: () => {
+        clearInterval(u), s.abort(), n.value = !1;
+      }
+    };
+  } catch {
+    return n.value = !1, { stop: () => {
+    } };
+  }
+}, v = {
+  compileTimePlugin: m,
+  isNewVersion: f
+};
+export {
+  m as compileTimePlugin,
+  v as default,
+  f as isNewVersion
+};

package/dist/vue-plugins.umd.js

@@ -0,0 +1 @@
+(function(e,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,i(e["qy-vue-plugins"]={},e.Vue))})(this,function(e,i){"use strict";function u(o="build-time.json"){let t=new Date;return{name:"vite-plugin-build-time",enforce:"post",config:()=>(console.log("vite-plugin-build-time: config"),{define:{"import.meta.env.BUILD_TIME":JSON.stringify(t.getTime())}}),generateBundle(){console.log("vite-plugin-build-time: generateBundle");const r=JSON.stringify({timestamp:t.getTime(),isoString:t.toISOString(),localeString:t.toLocaleString()},null,2);this.emitFile({type:"asset",fileName:o,source:r})}}}const n=i.ref(!1),a=async(o,t=1e3,r)=>{let g=`//${window.location.host}/version.json?t=${new Date().getTime()}`;if(n.value)return{stop:()=>{}};n.value=!0;const c=new AbortController,m=c.signal;try{const s=async()=>{if(!m.aborted)try{const l=await fetch(g,{method:"GET"});if(l.status===200){let f=(await l.json()).timestamp||0;if(!o)return;o<f&&r(f)}}catch{}};await s();const p=setInterval(s,t);return{stop:()=>{clearInterval(p),c.abort(),n.value=!1}}}catch{return n.value=!1,{stop:()=>{}}}},d={compileTimePlugin:u,isNewVersion:a};e.compileTimePlugin=u,e.default=d,e.isNewVersion=a,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package/buildTime/index.ts

@@ -0,0 +1,39 @@
+import type { PluginOption } from "vite";
+
+export default function compileTimePlugin(DEFAULT_FILENAME: string = "build-time.json"): PluginOption {
+  let buildTime: Date = new Date();
+
+  return {
+    name: "vite-plugin-build-time",
+    enforce: "post",
+    config: () => {
+      console.log("vite-plugin-build-time: config");
+      // 获取当前时间
+      return {
+        define: {
+          // 将时间注入到环境变量中
+          "import.meta.env.BUILD_TIME": JSON.stringify(buildTime.getTime()),
+        },
+      };
+    },
+
+    generateBundle() {
+      console.log("vite-plugin-build-time: generateBundle");
+      const content = JSON.stringify(
+        {
+          timestamp: buildTime.getTime(),
+          isoString: buildTime.toISOString(),
+          localeString: buildTime.toLocaleString(),
+        },
+        null,
+        2
+      );
+
+      this.emitFile({
+        type: "asset",
+        fileName: DEFAULT_FILENAME,
+        source: content,
+      });
+    },
+  } as PluginOption;
+}

package/package/checkBuildTime/index.ts

@@ -0,0 +1,61 @@
+import { ref } from "vue";
+
+const isCheckingForUpdate = ref(false);
+// 检查是否有新版本
+export const isNewVersion = async (localVueVersion: number, interval: number = 1000, cb: (newVersion: number) => void): Promise<{ stop: () => void }> => {
+  // @ts-ignore
+  let url = `//${window.location.host}/version.json?t=${new Date().getTime()}`;
+
+  if (isCheckingForUpdate.value) return { stop: () => {} };
+
+  isCheckingForUpdate.value = true;
+
+  // 使用 AbortController 来管理定时器
+  const controller = new AbortController();
+  const signal = controller.signal;
+
+  try {
+    // 检查版本的函数
+    const checkVersion = async () => {
+      if (signal.aborted) {
+        return;
+      }
+
+      try {
+        const res = await fetch(url, { method: "GET" });
+
+        if (res.status === 200) {
+          const data = await res.json();
+          let vueVersion = data.timestamp || 0;
+
+          // 如果没有本地版本记录，则保存当前版本号并返回
+          if (!localVueVersion) {
+            return;
+          }
+
+          if (localVueVersion < vueVersion) {
+            cb(vueVersion); // 发现新版本，执行回调
+          }
+        }
+      } catch (error) {}
+    };
+
+    // 先执行一次检查
+    await checkVersion();
+
+    // 创建定时器，定期检查
+    const intervalId = setInterval(checkVersion, interval);
+
+    // 返回停止函数
+    return {
+      stop: () => {
+        clearInterval(intervalId);
+        controller.abort();
+        isCheckingForUpdate.value = false;
+      },
+    };
+  } catch (error) {
+    isCheckingForUpdate.value = false;
+    return { stop: () => {} };
+  }
+};

package/package/index.ts

@@ -0,0 +1,11 @@
+import compileTimePlugin from "./buildTime";
+import { isNewVersion } from "./checkBuildTime";
+
+// 导出为命名导出
+export { compileTimePlugin, isNewVersion };
+
+// 同时为 UMD 格式添加默认导出
+export default {
+  compileTimePlugin,
+  isNewVersion,
+};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "qy-vue-plugins",
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "test": "jest"
+  },
+  "dependencies": {
+    "vue": "^3.5.13"
+  },
+  "files": [
+    "dist/*",
+    "package/*"
+  ],
+  "devDependencies": {
+    "@types/node": "^22.14.1",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
+    "typescript": "~5.7.2",
+    "vite": "^6.2.0",
+    "vue-tsc": "^2.2.4"
+  },
+  "main": "./dist/vue-plugins.umd.js",
+  "module": "./dist/vue-plugins.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/vue-plugins.es.js",
+      "require": "./dist/vue-plugins.umd.js"
+    }
+  },
+  "types": "./dist/index.d.ts"
+}