vite-add-cdn-script 0.0.5 → 0.0.7

package/README.md

@@ -17,13 +17,16 @@ vite.config.ts
 ```typescript
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import viteAddCdnScript from "../vite-add-cdn-script/lib/main";
+import viteAddCdnScript from "vite-add-cdn-script";
 import externalGlobals from "rollup-plugin-external-globals";
 
-// 需要使用cdn库
+// 需要使用cdn库，按顺序添加，如react-router-dom需要依赖react、@remix-run/router、react-router，因此需要放在最后
 const externals = {
   react: "React",
   "react-dom": "ReactDOM",
+  "@remix-run/router": "@remix-run/router",
+  "react-router": "react-router",
+  "react-router-dom": "ReactRouterDOM",
 };
 
 export default defineConfig({
@@ -45,6 +48,7 @@ import react from "@vitejs/plugin-react";
 import viteAddCdnScript from "../vite-add-cdn-script/lib/main";
 import externalGlobals from "rollup-plugin-external-globals";
 
+// 需要使用cdn的模块，会按顺序插入脚本，如
 const externals = {
   react: "React",
   "react-dom": "ReactDOM",
@@ -73,27 +77,13 @@ export default defineConfig({
 
 options
 
-| 参数         | 解析                | 类型                        | 默认值                                                               |
-| ------------ | ------------------- | --------------------------- | -------------------------------------------------------------------- |
-| protocol     | 协议                | “http”\|“https”             | https                                                                |
-| customScript | 自定义 cdn 脚本     | { [*key*: string]: string } | 无                                                                   |
-| retryTimes   | 重试次数            | number                      | 3                                                                    |
-| defaultCdns  | 默认使用 cdn 的顺序 | string[]                    | ["bootcdn", "bytedance", "unpkg", "cdnjs", "jsdelivr", "staticfile"] |
+| 参数         | 解析                | 类型                        | 默认值                |
+| ------------ | ------------------- | --------------------------- | --------------------- |
+| customScript | 自定义 cdn 脚本     | { [*key*: string]: string } | 无                    |
+| retryTimes   | 重试次数            | number                      | 3                     |
+| defaultCdns  | 默认使用 cdn 的顺序 | string[]                    | ["jsdelivr", "unpkg"] |
 
 ## 注意事项
 
-因为 cdn 对包管理的命名有很大的不同，默认是使用了 dist/xxx.min.js 的文件，如果您使用的库的 cdn 文件不是这个的话，则需要配置为自定义的 cdn。
-
-目前做了适配的非 xxx.min.js 适配的库如下，如果你有合适的 cdn 源或者，需要适配的库，欢迎提交 issue 或者 pr！！！
-
-```
-{
-  react: "umd/react.production.min.js",
-  "react-dom": "umd/react-dom.production.min.js",
-  "react-router-dom": "react-router-dom.production.min.js",
-  mobx: "dist/mobx.umd.production.min.js",
-  "mobx-react": "/dist/mobxreact.umd.production.min.js",
-  vue: "/dist/vue.global.prod.js",
-  "vue-router": "/dist/vue-router.global.prod.js",
-}
-```
+- 接入了各大 cdn 的 api 接口进行请求，默认会保存一份 cdn 的缓存在你的根目录中`.cdn-cache.json`。如果发现缓存的资源有问题可以删除该文件，然后重新执行打包流程。
+- 按顺序添加cdn，如react-router-dom需要依赖react、@remix-run/router、react-router，因此需要放在最后。

package/dist/index.js

@@ -1,90 +1,344 @@
-import v from "node:path";
-import h from "node:fs";
-const u = {
-  jsdelivr: "cdn.jsdelivr.net/npm",
-  unpkg: "unpkg.com"
-}, m = {
-  jsdelivr: "@",
-  unpkg: "@"
-}, x = {
-  // react
-  react: "umd/react.production.min.js",
-  "react-dom": "umd/react-dom.production.min.js",
-  "@remix-run/router": "dist/router.umd.min.js",
-  "react-router": "dist/umd/react-router.production.min.js",
-  "react-router-dom": "dist/umd/react-router-dom.production.min.js",
-  mobx: "dist/mobx.umd.production.min.js",
-  "mobx-react": "dist/mobxreact.umd.production.min.js",
-  // vue
-  vue: "dist/vue.global.min.js",
-  "vue-router": "dist/vue-router.global.min.js",
-  // tool
-  dayjs: "dayjs.min.js",
-  moment: "moment.min.js",
-  lodash: "lodash.min.js"
+var D = Object.defineProperty;
+var F = (n, t, e) => t in n ? D(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var y = (n, t, e) => (F(n, typeof t != "symbol" ? t + "" : t, e), e);
+import U from "node:path";
+import w from "node:fs";
+import b from "node:https";
+class E {
+  constructor() {
+    y(this, "cdnCache", {});
+    y(this, "cdnCachePath", "");
+    this.cdnCachePath = U.resolve(process.cwd(), "./.cdn-cache.json");
+  }
+  // 初始化cdn缓存
+  async init() {
+    try {
+      const t = await w.readFileSync(this.cdnCachePath, "utf-8");
+      this.cdnCache = JSON.parse(t);
+    } catch {
+      console.log("cdn缓存文件不存在，创建缓存文件"), this.cdnCache = {}, await w.writeFileSync(this.cdnCachePath, "", "utf-8");
+    }
+  }
+  /**
+   * 获取cdn缓存
+   * @param packageName  包名
+   * @param version   版本
+   */
+  getCdnCache(t, e) {
+    var r;
+    return (r = this.cdnCache[t]) == null ? void 0 : r[e];
+  }
+  /**
+   * 设置cdn缓存
+   * @param packageName  包名
+   * @param version   版本
+   * @param urls  地址列表
+   */
+  setCdnCache(t, e, r) {
+    this.cdnCache[t] ? this.cdnCache[t][e] = r : this.cdnCache[t] = {
+      [e]: r
+    };
+  }
+  /**
+   * 更新cdn缓存
+   */
+  async save() {
+    await w.writeFileSync(this.cdnCachePath, JSON.stringify(this.cdnCache), "utf-8");
+  }
+}
+let $;
+const L = async () => ($ || ($ = new E(), await $.init()), $), f = {
+  //get请求封装
+  get: (n, t, e) => new Promise((r, s) => {
+    try {
+      b.get(n, (i) => {
+        let o = "";
+        i.on("data", (c) => {
+          o += c;
+        }), i.on("end", () => {
+          t == null || t(o), r(o);
+        });
+      });
+    } catch (i) {
+      e == null || e(i), s(i);
+    }
+  })
+}, N = async (n) => {
+  const t = /^(https:\/\/.*\d+\.\d+\.\d+\/).+?\.js$/;
+  if (t.test(n)) {
+    const e = n.replace(t, (r, s) => `${s}package.json`);
+    return JSON.parse(await f.get(e));
+  } else
+    throw new Error(`${n} 不是正确的url`);
+}, I = (n, t) => {
+  var e, r;
+  return ((e = n.dependencies) == null ? void 0 : e[t]) || ((r = n.devDependencies) == null ? void 0 : r[t]);
+}, k = (n) => n.reduce((t, e) => (e.type === "file" ? t.push({ name: e.path }) : e.files && t.push(...k(e.files)), t), []), x = {
+  jsdelivr: {
+    getFileList: (n, t) => new Promise((e, r) => {
+      f.get(
+        `https://data.jsdelivr.com/v1/stats/packages/npm/${n}@${t}/files`,
+        (s) => {
+          const i = JSON.parse(s);
+          if (i.length === 0) {
+            r(new Error(`${n}@${t} not found`));
+            return;
+          }
+          e({ fileList: i });
+        },
+        (s) => {
+          r(s);
+        }
+      );
+    }),
+    // 拼接url
+    getUrl: (n, t, e) => `https://cdn.jsdelivr.net/npm/${n}@${t}${e}`
+  },
+  unpkg: {
+    getFileList: (n, t) => new Promise((e, r) => {
+      f.get(
+        `https://unpkg.com/${n}@${t}/?meta`,
+        (s) => {
+          const i = JSON.parse(s);
+          e({ fileList: k(i.files || []) });
+        },
+        (s) => {
+          r(s);
+        }
+      );
+    }),
+    getUrl: (n, t, e) => `https://unpkg.com/${n}@${t}${e}`
+  },
+  bootcdn: {
+    getFileList: (n, t) => new Promise((e, r) => {
+      f.get(
+        `https://api.bootcdn.cn/libraries/${n}`,
+        (s) => {
+          const i = JSON.parse(s);
+          if (i.length === 0) {
+            r(new Error(`${n} not found in bootcdn`));
+            return;
+          }
+          const o = i[0], a = o.assets.find((d) => d.version === t);
+          if (!a) {
+            r(new Error(`${n}@${t} not found in ${o.name}`));
+            return;
+          }
+          const l = a.files.map((d) => ({
+            name: "/" + d
+          }));
+          e({ fileList: l, recommendFileName: o.filename });
+        },
+        (s) => {
+          r(s);
+        }
+      );
+    }),
+    getUrl: (n, t, e) => `https://cdn.bootcdn.net/ajax/libs/${n}/${t}${e}`
+  },
+  cdnjs: {
+    getFileList: (n, t) => new Promise((e, r) => {
+      f.get(
+        `https://api.cdnjs.com/libraries/${n}/${t}`,
+        (s) => {
+          const i = JSON.parse(s);
+          if (i.error) {
+            r(new Error(`cdnjs: ${n}@${t} not found`));
+            return;
+          }
+          e({
+            fileList: i.rawFiles.map((o) => ({
+              name: "/" + o
+            }))
+          });
+        },
+        (s) => {
+          r(s);
+        }
+      );
+    }),
+    getUrl: (n, t, e) => `https://cdnjs.cloudflare.com/ajax/libs/${n}/${t}${e}`
+  }
+}, R = async (n, t, e) => {
+  var o;
+  const r = (o = t.match(/\d+(.\d+)?(.\d+)?/)) == null ? void 0 : o[0];
+  if (!r)
+    throw new Error(`${n} version ${t} is not valid`);
+  const s = await x[e].getFileList(n, r).catch((c) => {
+    throw c;
+  }), i = A(s, n);
+  if (!i)
+    throw new Error(`在 ${e} 中找不到 ${n}@${r} 文件，请检查包名或版本号`);
+  return x[e].getUrl(n, r, i);
+}, A = ({ fileList: n }, t) => {
+  var i, o;
+  let e = [
+    `umd/${t}.production.min.js`,
+    /umd\/.+?\.production\.min\.js$/,
+    /dist\/.+?\.production\.min\.js$/,
+    /dist\/.+?\.umd\.min\.js$/,
+    `dist/${t}.prod.min.js`,
+    /dist\/.+?\.global.prod.min.js/,
+    `dist/${t}.min.js`,
+    /.+?\.global.prod.min.js/,
+    /.+?.global.prod.js/,
+    /lib\/.+?\.min\.js$/,
+    /dist\/.+?\.min\.js$/,
+    /index\.min\.js$/,
+    /index\.js$/,
+    /\.min\.js$/,
+    /\.js$/
+  ];
+  const r = ["runtime", "compiler", ".esm", ".cjs", "development"].filter((c) => !t.includes(c));
+  let s = "";
+  for (let c of e)
+    if (c instanceof RegExp ? s = ((i = n.find((a) => c.test(a.name) && !r.some((l) => a.name.includes(l)))) == null ? void 0 : i.name) || "" : s = ((o = n.find((a) => a.name.includes(c) && !r.some((l) => a.name.includes(l)))) == null ? void 0 : o.name) || "", s)
+      break;
+  return s;
 };
-function D(p) {
-  const {
-    protocol: l = "https",
-    customScript: o = {},
-    retryTimes: f = 1,
-    defaultCdns: s = ["jsdelivr", "unpkg"],
-    customFilepath: j = {}
-  } = p;
-  let a;
-  const c = { ...x, ...j };
+function M(n, t) {
+  const e = n.replace(/^\D/, "").split("."), r = t.replace(/^\D/, "").split("."), s = Math.max(e.length, r.length);
+  for (; e.length < s; )
+    e.push("0");
+  for (; r.length < s; )
+    r.push("0");
+  for (let i = 0; i < s; i++) {
+    const o = parseInt(e[i], 10), c = parseInt(r[i], 10);
+    if (o > c)
+      return 1;
+    if (o < c)
+      return -1;
+  }
+  return 0;
+}
+function V(n, t) {
+  for (let e in t)
+    Object.prototype.hasOwnProperty.call(t, e) && (n[e] ? M(n[e], t[e]) === -1 && (n[e] = t[e]) : n[e] = t[e]);
+  return n;
+}
+async function S({ external: n, packageData: t, customScript: e, defaultCdns: r }) {
+  let s = [], i = !1;
+  const o = await L();
+  return await Promise.all(
+    n.map(async (c) => {
+      const a = I(t, c);
+      if (e[c])
+        return {
+          urls: [],
+          key: c
+        };
+      if (!a) {
+        s.push(c);
+        return;
+      }
+      const l = o.getCdnCache(c, a);
+      if (l)
+        return {
+          urls: l,
+          key: c
+        };
+      {
+        i = !0;
+        const d = {
+          urls: await Promise.all(
+            r.map(async (h) => await R(c, a, h))
+          ),
+          key: c
+        };
+        return o.setCdnCache(c, a, d.urls), d;
+      }
+    })
+  ).then((c) => (i && o.save(), {
+    urls: c,
+    noVersionPackages: s
+  }));
+}
+function q(n) {
+  const { customScript: t = {}, retryTimes: e = 1, defaultCdns: r = ["jsdelivr", "unpkg"] } = n;
+  let s;
   return {
     name: "vite-add-cdn-script",
     enforce: "pre",
     apply: "build",
-    config(e) {
-      a = e;
+    config(i) {
+      s = i;
     },
-    transformIndexHtml(e) {
-      const g = v.resolve(process.cwd(), "package.json");
+    async transformIndexHtml(i) {
+      if (!r || r.length === 0)
+        throw new Error("defaultCdns不能为空");
+      const o = U.resolve(process.cwd(), "package.json");
       try {
-        const r = s[0], b = h.readFileSync(g, "utf-8"), i = JSON.parse(b), O = a.build.rollupOptions.external;
-        let n = "" + `<script>
-  const separators = JSON.parse('${JSON.stringify(m)}');
-  const cdnUrlObj = JSON.parse('${JSON.stringify(u)}');
-  const defaultCdns = JSON.parse('${JSON.stringify(s)}');
-  function errorCDN(e) {
-    const nextCur = parseInt(e.getAttribute("data-cur")) + 1;
-    if(nextCur>=${f}){return;}
-    const filename = e.getAttribute("data-filename");
-    const key = e.getAttribute("data-key");
-    const urlName = defaultCdns[nextCur]
-    // 组装新的cdn链接
-    const url = location.protocol + "//" + cdnUrlObj[urlName] + "/" + key + separators[urlName] + filename;
-    // 克隆原标签
-    const tagName = e.tagName
-    const cdnDOM = document.createElement(tagName);
-    cdnDOM.setAttribute(tagName === 'SCRIPT' ?'src' : 'href', url);
-    Object.keys(e.dataset).forEach(_key => {
-      cdnDOM.setAttribute('data-'+_key, e.dataset[_key]);
-    })
-    cdnDOM.setAttribute("data-cur", nextCur.toString());
-    cdnDOM.setAttribute("onerror", "errorCDN(this)");
-    document.head.appendChild(cdnDOM);
-    e.remove();
-  }
-<\/script>`;
-        return O.forEach((t) => {
-          if (o[t])
-            n += o[t];
+        const c = w.readFileSync(o, "utf-8"), a = JSON.parse(c), l = s.build.rollupOptions.external, d = {};
+        let h = "";
+        const { urls: C, noVersionPackages: P } = await S({
+          external: l,
+          packageData: a,
+          customScript: t,
+          defaultCdns: r
+        });
+        if (P.length > 0) {
+          const p = { dependencies: {} };
+          await Promise.all(
+            C.map(async (g) => {
+              if (!g)
+                return;
+              const { key: v, urls: O } = g, j = t[v] || O[0];
+              if (!j)
+                return;
+              const J = await N(j);
+              V(p.dependencies, J.dependencies);
+            })
+          );
+          const { urls: m, noVersionPackages: u } = await S({
+            external: P,
+            packageData: p,
+            customScript: t,
+            defaultCdns: r
+          });
+          if (C.push(...m), u.length > 0)
+            throw console.error(`找不到${u.join(",")}的版本`), new Error(`找不到${u.join(",")}的版本`);
+        }
+        return C.forEach((p) => {
+          if (!p)
+            return;
+          const { urls: m, key: u } = p;
+          if (t[u])
+            h += t[u];
           else {
-            const d = (i.dependencies[t] ? m[r] + i.dependencies[t].replace("^", "") : "") + "/" + (c[t] ? c[t] : `dist/${t}.min.js`), N = `${l}://${u[r]}/${t}${d}`;
-            n += `<script src="${N}" type="text/javascript" onerror="errorCDN(this)" data-cur="0" data-key="${t}" data-filename="${d}"><\/script>
+            d[u] = m;
+            const g = m[0];
+            h += `<script src="${g}" type="text/javascript" crossorigin="anonymous" onerror="errorCDN(this)" data-cur="0"  data-key="${u}"><\/script>
 `;
           }
-        }), e = e.replace("</head>", `${n}</head>`), e;
-      } catch (r) {
-        console.error("获取dependencies出错:", r);
+        }), h = `<script>
+        function errorCDN(e) {
+          const packNameUrl = JSON.parse('${JSON.stringify(d)}');
+          const nextCur = parseInt(e.getAttribute("data-cur")) + 1;
+          if(nextCur>${e}){return;}
+          
+          const key = e.getAttribute("data-key");
+          if(nextCur>=packNameUrl[key].length){return;}
+          // 新的cdn链接
+          const url = packNameUrl[key][nextCur]
+          // 克隆原标签
+          const tagName = e.tagName
+          const cdnDOM = document.createElement(tagName);
+          cdnDOM.setAttribute(tagName === 'SCRIPT' ?'src' : 'href', url);
+          Object.keys(e.dataset).forEach(_key => {
+            cdnDOM.setAttribute('data-'+_key, e.dataset[_key]);
+          })
+          cdnDOM.setAttribute("data-cur", nextCur.toString());
+          cdnDOM.setAttribute("onerror", "errorCDN(this)");
+          document.head.appendChild(cdnDOM);
+          e.remove();
+        }
+      <\/script>` + h, i = i.replace("</head>", `${h}</head>`), i;
+      } catch (c) {
+        console.error("获取dependencies出错:", c);
       }
     }
   };
 }
 export {
-  D as default,
-  x as npmProObj
+  q as default
 };

package/dist/index.umd.cjs

@@ -1,26 +1,24 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("node:path"),require("node:fs")):typeof define=="function"&&define.amd?define(["exports","node:path","node:fs"],r):(e=typeof globalThis<"u"?globalThis:e||self,r(e.index={},e.path,e.fs))})(this,function(e,r,j){"use strict";const c={jsdelivr:"cdn.jsdelivr.net/npm",unpkg:"unpkg.com"},a={jsdelivr:"@",unpkg:"@"},i={react:"umd/react.production.min.js","react-dom":"umd/react-dom.production.min.js","@remix-run/router":"dist/router.umd.min.js","react-router":"dist/umd/react-router.production.min.js","react-router-dom":"dist/umd/react-router-dom.production.min.js",mobx:"dist/mobx.umd.production.min.js","mobx-react":"dist/mobxreact.umd.production.min.js",vue:"dist/vue.global.min.js","vue-router":"dist/vue-router.global.min.js",dayjs:"dayjs.min.js",moment:"moment.min.js",lodash:"lodash.min.js"};function b(g){const{protocol:O="https",customScript:d={},retryTimes:h=1,defaultCdns:u=["jsdelivr","unpkg"],customFilepath:N={}}=g;let p;const m={...i,...N};return{name:"vite-add-cdn-script",enforce:"pre",apply:"build",config(n){p=n},transformIndexHtml(n){const v=r.resolve(process.cwd(),"package.json");try{const o=u[0],S=j.readFileSync(v,"utf-8"),l=JSON.parse(S),x=p.build.rollupOptions.external;let s=""+`<script>
-  const separators = JSON.parse('${JSON.stringify(a)}');
-  const cdnUrlObj = JSON.parse('${JSON.stringify(c)}');
-  const defaultCdns = JSON.parse('${JSON.stringify(u)}');
-  function errorCDN(e) {
-    const nextCur = parseInt(e.getAttribute("data-cur")) + 1;
-    if(nextCur>=${h}){return;}
-    const filename = e.getAttribute("data-filename");
-    const key = e.getAttribute("data-key");
-    const urlName = defaultCdns[nextCur]
-    // 组装新的cdn链接
-    const url = location.protocol + "//" + cdnUrlObj[urlName] + "/" + key + separators[urlName] + filename;
-    // 克隆原标签
-    const tagName = e.tagName
-    const cdnDOM = document.createElement(tagName);
-    cdnDOM.setAttribute(tagName === 'SCRIPT' ?'src' : 'href', url);
-    Object.keys(e.dataset).forEach(_key => {
-      cdnDOM.setAttribute('data-'+_key, e.dataset[_key]);
-    })
-    cdnDOM.setAttribute("data-cur", nextCur.toString());
-    cdnDOM.setAttribute("onerror", "errorCDN(this)");
-    document.head.appendChild(cdnDOM);
-    e.remove();
-  }
-<\/script>`;return x.forEach(t=>{if(d[t])s+=d[t];else{const f=(l.dependencies[t]?a[o]+l.dependencies[t].replace("^",""):"")+"/"+(m[t]?m[t]:`dist/${t}.min.js`),y=`${O}://${c[o]}/${t}${f}`;s+=`<script src="${y}" type="text/javascript" onerror="errorCDN(this)" data-cur="0" data-key="${t}" data-filename="${f}"><\/script>
-`}}),n=n.replace("</head>",`${s}</head>`),n}catch(o){console.error("获取dependencies出错:",o)}}}}e.default=b,e.npmProObj=i,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(d,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("node:path"),require("node:fs"),require("node:https")):typeof define=="function"&&define.amd?define(["node:path","node:fs","node:https"],a):(d=typeof globalThis<"u"?globalThis:d||self,d.index=a(d.path,d.fs,d.https))})(this,function(d,a,f){"use strict";var V=Object.defineProperty;var T=(d,a,f)=>a in d?V(d,a,{enumerable:!0,configurable:!0,writable:!0,value:f}):d[a]=f;var P=(d,a,f)=>(T(d,typeof a!="symbol"?a+"":a,f),f);class O{constructor(){P(this,"cdnCache",{});P(this,"cdnCachePath","");this.cdnCachePath=d.resolve(process.cwd(),"./.cdn-cache.json")}async init(){try{const e=await a.readFileSync(this.cdnCachePath,"utf-8");this.cdnCache=JSON.parse(e)}catch{console.log("cdn缓存文件不存在，创建缓存文件"),this.cdnCache={},await a.writeFileSync(this.cdnCachePath,"","utf-8")}}getCdnCache(e,t){var r;return(r=this.cdnCache[e])==null?void 0:r[t]}setCdnCache(e,t,r){this.cdnCache[e]?this.cdnCache[e][t]=r:this.cdnCache[e]={[t]:r}}async save(){await a.writeFileSync(this.cdnCachePath,JSON.stringify(this.cdnCache),"utf-8")}}let w;const J=async()=>(w||(w=new O,await w.init()),w),g={get:(n,e,t)=>new Promise((r,s)=>{try{f.get(n,i=>{let o="";i.on("data",c=>{o+=c}),i.on("end",()=>{e==null||e(o),r(o)})})}catch(i){t==null||t(i),s(i)}})},D=async n=>{const e=/^(https:\/\/.*\d+\.\d+\.\d+\/).+?\.js$/;if(e.test(n)){const t=n.replace(e,(r,s)=>`${s}package.json`);return JSON.parse(await g.get(t))}else throw new Error(`${n} 不是正确的url`)},F=(n,e)=>{var t,r;return((t=n.dependencies)==null?void 0:t[e])||((r=n.devDependencies)==null?void 0:r[e])},x=n=>n.reduce((e,t)=>(t.type==="file"?e.push({name:t.path}):t.files&&e.push(...x(t.files)),e),[]),S={jsdelivr:{getFileList:(n,e)=>new Promise((t,r)=>{g.get(`https://data.jsdelivr.com/v1/stats/packages/npm/${n}@${e}/files`,s=>{const i=JSON.parse(s);if(i.length===0){r(new Error(`${n}@${e} not found`));return}t({fileList:i})},s=>{r(s)})}),getUrl:(n,e,t)=>`https://cdn.jsdelivr.net/npm/${n}@${e}${t}`},unpkg:{getFileList:(n,e)=>new Promise((t,r)=>{g.get(`https://unpkg.com/${n}@${e}/?meta`,s=>{const i=JSON.parse(s);t({fileList:x(i.files||[])})},s=>{r(s)})}),getUrl:(n,e,t)=>`https://unpkg.com/${n}@${e}${t}`},bootcdn:{getFileList:(n,e)=>new Promise((t,r)=>{g.get(`https://api.bootcdn.cn/libraries/${n}`,s=>{const i=JSON.parse(s);if(i.length===0){r(new Error(`${n} not found in bootcdn`));return}const o=i[0],u=o.assets.find(h=>h.version===e);if(!u){r(new Error(`${n}@${e} not found in ${o.name}`));return}const l=u.files.map(h=>({name:"/"+h}));t({fileList:l,recommendFileName:o.filename})},s=>{r(s)})}),getUrl:(n,e,t)=>`https://cdn.bootcdn.net/ajax/libs/${n}/${e}${t}`},cdnjs:{getFileList:(n,e)=>new Promise((t,r)=>{g.get(`https://api.cdnjs.com/libraries/${n}/${e}`,s=>{const i=JSON.parse(s);if(i.error){r(new Error(`cdnjs: ${n}@${e} not found`));return}t({fileList:i.rawFiles.map(o=>({name:"/"+o}))})},s=>{r(s)})}),getUrl:(n,e,t)=>`https://cdnjs.cloudflare.com/ajax/libs/${n}/${e}${t}`}},E=async(n,e,t)=>{var o;const r=(o=e.match(/\d+(.\d+)?(.\d+)?/))==null?void 0:o[0];if(!r)throw new Error(`${n} version ${e} is not valid`);const s=await S[t].getFileList(n,r).catch(c=>{throw c}),i=L(s,n);if(!i)throw new Error(`在 ${t} 中找不到 ${n}@${r} 文件，请检查包名或版本号`);return S[t].getUrl(n,r,i)},L=({fileList:n},e)=>{var i,o;let t=[`umd/${e}.production.min.js`,/umd\/.+?\.production\.min\.js$/,/dist\/.+?\.production\.min\.js$/,/dist\/.+?\.umd\.min\.js$/,`dist/${e}.prod.min.js`,/dist\/.+?\.global.prod.min.js/,`dist/${e}.min.js`,/.+?\.global.prod.min.js/,/.+?.global.prod.js/,/lib\/.+?\.min\.js$/,/dist\/.+?\.min\.js$/,/index\.min\.js$/,/index\.js$/,/\.min\.js$/,/\.js$/];const r=["runtime","compiler",".esm",".cjs","development"].filter(c=>!e.includes(c));let s="";for(let c of t)if(c instanceof RegExp?s=((i=n.find(u=>c.test(u.name)&&!r.some(l=>u.name.includes(l))))==null?void 0:i.name)||"":s=((o=n.find(u=>u.name.includes(c)&&!r.some(l=>u.name.includes(l))))==null?void 0:o.name)||"",s)break;return s};function b(n,e){const t=n.replace(/^\D/,"").split("."),r=e.replace(/^\D/,"").split("."),s=Math.max(t.length,r.length);for(;t.length<s;)t.push("0");for(;r.length<s;)r.push("0");for(let i=0;i<s;i++){const o=parseInt(t[i],10),c=parseInt(r[i],10);if(o>c)return 1;if(o<c)return-1}return 0}function N(n,e){for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]?b(n[t],e[t])===-1&&(n[t]=e[t]):n[t]=e[t]);return n}async function U({external:n,packageData:e,customScript:t,defaultCdns:r}){let s=[],i=!1;const o=await J();return await Promise.all(n.map(async c=>{const u=F(e,c);if(t[c])return{urls:[],key:c};if(!u){s.push(c);return}const l=o.getCdnCache(c,u);if(l)return{urls:l,key:c};{i=!0;const h={urls:await Promise.all(r.map(async m=>await E(c,u,m))),key:c};return o.setCdnCache(c,u,h.urls),h}})).then(c=>(i&&o.save(),{urls:c,noVersionPackages:s}))}function I(n){const{customScript:e={},retryTimes:t=1,defaultCdns:r=["jsdelivr","unpkg"]}=n;let s;return{name:"vite-add-cdn-script",enforce:"pre",apply:"build",config(i){s=i},async transformIndexHtml(i){if(!r||r.length===0)throw new Error("defaultCdns不能为空");const o=d.resolve(process.cwd(),"package.json");try{const c=a.readFileSync(o,"utf-8"),u=JSON.parse(c),l=s.build.rollupOptions.external,h={};let m="";const{urls:j,noVersionPackages:k}=await U({external:l,packageData:u,customScript:e,defaultCdns:r});if(k.length>0){const $={dependencies:{}};await Promise.all(j.map(async y=>{if(!y)return;const{key:R,urls:A}=y,v=e[R]||A[0];if(!v)return;const M=await D(v);N($.dependencies,M.dependencies)}));const{urls:C,noVersionPackages:p}=await U({external:k,packageData:$,customScript:e,defaultCdns:r});if(j.push(...C),p.length>0)throw console.error(`找不到${p.join(",")}的版本`),new Error(`找不到${p.join(",")}的版本`)}return j.forEach($=>{if(!$)return;const{urls:C,key:p}=$;if(e[p])m+=e[p];else{h[p]=C;const y=C[0];m+=`<script src="${y}" type="text/javascript" crossorigin="anonymous" onerror="errorCDN(this)" data-cur="0"  data-key="${p}"><\/script>
+`}}),m=`<script>
+        function errorCDN(e) {
+          const packNameUrl = JSON.parse('${JSON.stringify(h)}');
+          const nextCur = parseInt(e.getAttribute("data-cur")) + 1;
+          if(nextCur>${t}){return;}
+          
+          const key = e.getAttribute("data-key");
+          if(nextCur>=packNameUrl[key].length){return;}
+          // 新的cdn链接
+          const url = packNameUrl[key][nextCur]
+          // 克隆原标签
+          const tagName = e.tagName
+          const cdnDOM = document.createElement(tagName);
+          cdnDOM.setAttribute(tagName === 'SCRIPT' ?'src' : 'href', url);
+          Object.keys(e.dataset).forEach(_key => {
+            cdnDOM.setAttribute('data-'+_key, e.dataset[_key]);
+          })
+          cdnDOM.setAttribute("data-cur", nextCur.toString());
+          cdnDOM.setAttribute("onerror", "errorCDN(this)");
+          document.head.appendChild(cdnDOM);
+          e.remove();
+        }
+      <\/script>`+m,i=i.replace("</head>",`${m}</head>`),i}catch(c){console.error("获取dependencies出错:",c)}}}}return I});

package/index.d.ts

@@ -1,7 +1,5 @@
 interface IOptions {
-  protocol?: string;
   customScript?: { [key: string]: string };
-  customFilepath?: { [key: string]: string };
   retryTimes?: number;
   defaultCdns?: string[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-add-cdn-script",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "keywords": [
     "vite",
     "cdn",
@@ -30,20 +30,30 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build"
+    "build:page": "tsc && cross-env BUILD_MODE=page vite build",
+    "build": "tsc && cross-env BUILD_MODE=lib vite build",
+    "test": "jest"
   },
   "devDependencies": {
+    "@jest/globals": "^29.7.0",
     "@types/node": "^20.12.11",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "cross-env": "^7.0.3",
+    "jest": "^29.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-router-dom": "^6.23.1",
+    "rollup-plugin-external-globals": "^0.10.0",
     "rollup-plugin-node-externals": "^7.1.2",
+    "ts-jest": "^29.1.4",
+    "ts-node": "^10.9.2",
     "typescript": "^5.4.5",
     "vite": "^5.2.11"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
-  }
-}
+  },
+  "dependencies": {}
+}