vite-add-cdn-script 0.0.1 → 0.0.4

package/README.md

@@ -1,6 +1,6 @@
 # vite-add-cdn-script
 
-这是一个在vite.js中使用公共cdn的库，包括了"bootcdn", "bytedance", "unpkg", "cdnjs", "jsdelivr", "staticfile"等多个cdn资源，如加载失败会自动切换下一个cdn进行加载。
+这是一个在 vite.js 中使用公共 cdn 的库，包括了 unpkg, cdnjs, jsdelivr, staticfile 等多个 cdn 资源，如加载失败会自动切换下一个 cdn 进行加载。
 
 ## 开始
 
@@ -27,10 +27,7 @@ const externals = {
 };
 
 export default defineConfig({
-  plugins: [
-    react(),
-    viteAddCdnScript({}),
-  ],
+  plugins: [react(), viteAddCdnScript({})],
   build: {
     rollupOptions: {
       external: [...Object.keys(externals)],
@@ -40,9 +37,7 @@ export default defineConfig({
 });
 ```
 
-
-
-使用自定义的cdn
+使用自定义的 cdn
 
 ```typescript
 import { defineConfig } from "vite";
@@ -61,7 +56,8 @@ export default defineConfig({
     viteAddCdnScript({
       customScript: {
         react: "<script src='https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js'></script>",
-        "react-dom": "<script src='https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js'></script>",
+        "react-dom":
+          "<script src='https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js'></script>",
       },
     }),
   ],
@@ -73,37 +69,31 @@ 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"] |
-
-
+| 参数         | 解析                | 类型                        | 默认值                                                               |
+| ------------ | ------------------- | --------------------------- | -------------------------------------------------------------------- |
+| protocol     | 协议                | “http”\|“https”             | https                                                                |
+| customScript | 自定义 cdn 脚本     | { [*key*: string]: string } | 无                                                                   |
+| retryTimes   | 重试次数            | number                      | 3                                                                    |
+| defaultCdns  | 默认使用 cdn 的顺序 | string[]                    | ["bootcdn", "bytedance", "unpkg", "cdnjs", "jsdelivr", "staticfile"] |
 
 ## 注意事项
 
-因为cdn对包管理的命名有很大的不同，默认是使用了xxx.min.js的文件，如果您使用的库的cdn文件不是这个的话，则需要配置为自定义的cdn。
+因为 cdn 对包管理的命名有很大的不同，默认是使用了 dist/xxx.min.js 的文件，如果您使用的库的 cdn 文件不是这个的话，则需要配置为自定义的 cdn。
 
-目前做了适配的非xxx.min.js适配的库如下，如果你有合适的cdn源或者，需要适配的库，欢迎提交issue或者pr！！！
+目前做了适配的非 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: "mobx.umd.production.min.js",
-  "mobx-react": "mobxreact.umd.production.min.js",
-  vue: "vue.global.min.js",
-  "vue-router": "vue-router.global.prod.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",
 }
 ```
-

package/dist/index.js

@@ -2,34 +2,30 @@ import N from "node:path";
 import v from "node:fs";
 const d = {
   unpkg: "unpkg.com",
-  bytedance: "lf26-cdn-tos.bytecdntp.com/cdn",
   staticfile: "cdn.staticfile.net",
   cdnjs: "cdnjs.cloudflare.com/ajax/libs",
-  jsdelivr: "cdn.jsdelivr.net/npm",
-  bootcdn: "cdn.bootcdn.net/ajax/libs"
-}, i = {
+  jsdelivr: "cdn.jsdelivr.net/npm"
+}, u = {
   unpkg: "@",
-  bytedance: "/",
   staticfile: "/",
   cdnjs: "/",
-  jsdelivr: "@",
-  bootcdn: "/"
-}, u = {
+  jsdelivr: "@"
+}, p = {
   react: "umd/react.production.min.js",
   "react-dom": "umd/react-dom.production.min.js",
-  "react-router-dom": "react-router-dom.production.min.js",
-  mobx: "mobx.umd.production.min.js",
-  "mobx-react": "mobxreact.umd.production.min.js",
-  vue: "vue.global.min.js",
-  "vue-router": "vue-router.global.prod.min.js"
+  "react-router-dom": "dist/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"
 };
-function C(p) {
+function h(l) {
   const {
-    protocol: l = "https",
+    protocol: m = "https",
     customScript: c = {},
-    retryTimes: m = 3,
-    defaultCdns: f = ["bootcdn", "bytedance", "unpkg", "cdnjs", "jsdelivr", "staticfile"]
-  } = p;
+    retryTimes: f = 3,
+    defaultCdns: s = ["unpkg", "cdnjs", "jsdelivr", "staticfile"]
+  } = l;
   let o;
   return {
     name: "vite-add-cdn-script",
@@ -39,16 +35,16 @@ function C(p) {
       o = e;
     },
     transformIndexHtml(e) {
-      const b = N.resolve(process.cwd(), "package.json");
+      const j = N.resolve(process.cwd(), "package.json");
       try {
-        const r = "bootcdn", j = v.readFileSync(b, "utf-8"), a = JSON.parse(j), g = o.build.rollupOptions.external;
+        const r = s[0], g = v.readFileSync(j, "utf-8"), a = JSON.parse(g), b = o.build.rollupOptions.external;
         let n = "" + `<script>
-  const separators = JSON.parse('${JSON.stringify(i)}');
+  const separators = JSON.parse('${JSON.stringify(u)}');
   const cdnUrlObj = JSON.parse('${JSON.stringify(d)}');
-  const defaultCdns = JSON.parse('${JSON.stringify(f)}');
+  const defaultCdns = JSON.parse('${JSON.stringify(s)}');
   function errorCDN(e) {
     const nextCur = parseInt(e.getAttribute("data-cur")) + 1;
-    if(nextCur>=${m}){return;}
+    if(nextCur>=${f}){return;}
     const filename = e.getAttribute("data-filename");
     const key = e.getAttribute("data-key");
     const urlName = defaultCdns[nextCur]
@@ -68,12 +64,12 @@ function C(p) {
   }
 <\/script>`;
         return Object.keys(a.dependencies).forEach((t) => {
-          if (g.includes(t))
+          if (b.includes(t))
             if (c[t])
               n += c[t];
             else {
-              const s = a.dependencies[t].replace("^", "") + "/" + (u[t] ? u[t] : `${t}.min.js`), O = `${l}://${d[r]}/${t}${i[r]}${s}`;
-              n += `<script src="${O}" type="text/javascript" onerror="errorCDN(this)" data-cur="0" data-key="${t}" data-filename="${s}"><\/script>
+              const i = a.dependencies[t].replace("^", "") + "/" + (p[t] ? p[t] : `dist/${t}.min.js`), O = `${m}://${d[r]}/${t}${u[r]}${i}`;
+              n += `<script src="${O}" type="text/javascript" onerror="errorCDN(this)" data-cur="0" data-key="${t}" data-filename="${i}"><\/script>
 `;
             }
         }), e = e.replace("</head>", `${n}</head>`), e;
@@ -84,5 +80,5 @@ function C(p) {
   };
 }
 export {
-  C as default
+  h as default
 };

package/dist/index.umd.cjs

@@ -1,10 +1,10 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("node:path"),require("node:fs")):typeof define=="function"&&define.amd?define(["node:path","node:fs"],n):(t=typeof globalThis<"u"?globalThis:t||self,t.index=n(t.path,t.fs))})(this,function(t,n){"use strict";const s={unpkg:"unpkg.com",bytedance:"lf26-cdn-tos.bytecdntp.com/cdn",staticfile:"cdn.staticfile.net",cdnjs:"cdnjs.cloudflare.com/ajax/libs",jsdelivr:"cdn.jsdelivr.net/npm",bootcdn:"cdn.bootcdn.net/ajax/libs"},a={unpkg:"@",bytedance:"/",staticfile:"/",cdnjs:"/",jsdelivr:"@",bootcdn:"/"},d={react:"umd/react.production.min.js","react-dom":"umd/react-dom.production.min.js","react-router-dom":"react-router-dom.production.min.js",mobx:"mobx.umd.production.min.js","mobx-react":"mobxreact.umd.production.min.js",vue:"vue.global.min.js","vue-router":"vue-router.global.prod.min.js"};function m(f){const{protocol:b="https",customScript:i={},retryTimes:j=3,defaultCdns:g=["bootcdn","bytedance","unpkg","cdnjs","jsdelivr","staticfile"]}=f;let u;return{name:"vite-add-cdn-script",enforce:"pre",apply:"build",config(r){u=r},transformIndexHtml(r){const O=t.resolve(process.cwd(),"package.json");try{const c="bootcdn",N=n.readFileSync(O,"utf-8"),p=JSON.parse(N),x=u.build.rollupOptions.external;let o=""+`<script>
+(function(t,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("node:path"),require("node:fs")):typeof define=="function"&&define.amd?define(["node:path","node:fs"],r):(t=typeof globalThis<"u"?globalThis:t||self,t.index=r(t.path,t.fs))})(this,function(t,r){"use strict";const o={unpkg:"unpkg.com",staticfile:"cdn.staticfile.net",cdnjs:"cdnjs.cloudflare.com/ajax/libs",jsdelivr:"cdn.jsdelivr.net/npm"},a={unpkg:"@",staticfile:"/",cdnjs:"/",jsdelivr:"@"},i={react:"umd/react.production.min.js","react-dom":"umd/react-dom.production.min.js","react-router-dom":"dist/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"};function f(j){const{protocol:b="https",customScript:d={},retryTimes:g=3,defaultCdns:u=["unpkg","cdnjs","jsdelivr","staticfile"]}=j;let p;return{name:"vite-add-cdn-script",enforce:"pre",apply:"build",config(n){p=n},transformIndexHtml(n){const O=t.resolve(process.cwd(),"package.json");try{const s=u[0],N=r.readFileSync(O,"utf-8"),l=JSON.parse(N),h=p.build.rollupOptions.external;let c=""+`<script>
   const separators = JSON.parse('${JSON.stringify(a)}');
-  const cdnUrlObj = JSON.parse('${JSON.stringify(s)}');
-  const defaultCdns = JSON.parse('${JSON.stringify(g)}');
+  const cdnUrlObj = JSON.parse('${JSON.stringify(o)}');
+  const defaultCdns = JSON.parse('${JSON.stringify(u)}');
   function errorCDN(e) {
     const nextCur = parseInt(e.getAttribute("data-cur")) + 1;
-    if(nextCur>=${j}){return;}
+    if(nextCur>=${g}){return;}
     const filename = e.getAttribute("data-filename");
     const key = e.getAttribute("data-key");
     const urlName = defaultCdns[nextCur]
@@ -22,5 +22,5 @@
     document.head.appendChild(cdnDOM);
     e.remove();
   }
-<\/script>`;return Object.keys(p.dependencies).forEach(e=>{if(x.includes(e))if(i[e])o+=i[e];else{const l=p.dependencies[e].replace("^","")+"/"+(d[e]?d[e]:`${e}.min.js`),h=`${b}://${s[c]}/${e}${a[c]}${l}`;o+=`<script src="${h}" type="text/javascript" onerror="errorCDN(this)" data-cur="0" data-key="${e}" data-filename="${l}"><\/script>
-`}}),r=r.replace("</head>",`${o}</head>`),r}catch(c){console.error("获取dependencies出错:",c)}}}}return m});
+<\/script>`;return Object.keys(l.dependencies).forEach(e=>{if(h.includes(e))if(d[e])c+=d[e];else{const m=l.dependencies[e].replace("^","")+"/"+(i[e]?i[e]:`dist/${e}.min.js`),x=`${b}://${o[s]}/${e}${a[s]}${m}`;c+=`<script src="${x}" type="text/javascript" onerror="errorCDN(this)" data-cur="0" data-key="${e}" data-filename="${m}"><\/script>
+`}}),n=n.replace("</head>",`${c}</head>`),n}catch(s){console.error("获取dependencies出错:",s)}}}}return f});

package/index.d.ts

@@ -1,7 +1,7 @@
-interface IOptions {
-  protocol?: string;
-  customScript?: { [key: string]: string };
-  retryTimes?: number;
-  defaultCdns?: string[];
-}
-export default function viteAddCdnScript(options: IOptions);
+interface IOptions {
+  protocol?: string;
+  customScript?: { [key: string]: string };
+  retryTimes?: number;
+  defaultCdns?: string[];
+}
+export default function viteAddCdnScript(options: IOptions);

package/package.json

@@ -1,49 +1,49 @@
-{
-  "name": "vite-add-cdn-script",
-  "version": "0.0.1",
-  "keywords": [
-    "vite",
-    "cdn",
-    "cdn-script",
-    "auto-add-cdn",
-    "vite-add-cdn-script"
-  ],
-  "description": "A plugin for vite to add cdn script to index.html",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/baizeteam/baize-vite-plugin.git"
-  },
-  "homepage": "https://github.com/baizeteam/baize-vite-plugin/tree/master/package/vite-add-cdn-script#readme",
-  "author": "baizeteam",
-  "type": "module",
-  "files": [
-    "dist",
-    "index.d.ts"
-  ],
-  "main": "./dist/index.umd.cjs",
-  "module": "./dist/index.js",
-  "types": "./index.d.ts",
-  "exports": {
-    "types": "./index.d.ts",
-    "import": "./dist/index.js",
-    "require": "./dist/index.js"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build"
-  },
-  "devDependencies": {
-    "@types/node": "^20.12.11",
-    "@types/react": "^18.3.2",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-node-externals": "^7.1.2",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
+{
+  "name": "vite-add-cdn-script",
+  "version": "0.0.4",
+  "keywords": [
+    "vite",
+    "cdn",
+    "cdn-script",
+    "auto-add-cdn",
+    "vite-add-cdn-script"
+  ],
+  "description": "A plugin for vite to add cdn script to index.html",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/baizeteam/baize-vite-plugin.git"
+  },
+  "homepage": "https://github.com/baizeteam/baize-vite-plugin/tree/master/package/vite-add-cdn-script#readme",
+  "author": "baizeteam",
+  "type": "module",
+  "files": [
+    "dist",
+    "index.d.ts"
+  ],
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "types": "./index.d.ts",
+    "import": "./dist/index.js",
+    "require": "./dist/index.js"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build"
+  },
+  "devDependencies": {
+    "@types/node": "^20.12.11",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-node-externals": "^7.1.2",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
 }