@lntvow/vite-plugin 1.1.0 → 1.1.3

package/dist/index.cjs

@@ -1,24 +1,24 @@
-"use strict";var w=Object.create;var c=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var E=(o,n)=>{for(var t in n)c(o,t,{get:n[t],enumerable:!0})},v=(o,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of R(n))!z.call(o,e)&&e!==t&&c(o,e,{get:()=>n[e],enumerable:!(r=P(n,e))||r.enumerable});return o};var m=(o,n,t)=>(t=o!=null?w(S(o)):{},v(n||!o||!o.__esModule?c(t,"default",{value:o,enumerable:!0}):t,o)),q=o=>v(c({},"__esModule",{value:!0}),o);var H={};E(H,{vitePluginEnvRibbon:()=>k,vitePluginHtml:()=>j,vitePluginLog:()=>L});module.exports=q(H);var s=require("path"),h=require("fs"),l=m(require("dayjs"),1),x=m(require("dayjs/plugin/timezone.js"),1),$=m(require("dayjs/plugin/utc.js"),1);l.default.extend($.default);l.default.extend(x.default);function L(o={}){let{name:n="LNTVOW_VERSION"}=o,{version:t}=o;if(!t)try{let e=(0,h.readFileSync)((0,s.resolve)(process.cwd(),"package.json"),"utf8");t=JSON.parse(e).version}catch(e){t="version is missing",console.log("error: ",e)}let r=[(0,s.resolve)(process.cwd(),"src/main.ts"),(0,s.resolve)(process.cwd(),"src/main.js")];return{name:"vite-plugin-logs",transform(e,f){if(r.includes((0,s.normalize)(f))){let p=(0,l.default)().tz("Asia/Shanghai").format("YYYY-MM-DD HH:mm:ss");return{code:`
-          ${e}
+"use strict";var z=Object.create;var c=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var L=(t,o)=>{for(var r in o)c(t,r,{get:o[r],enumerable:!0})},v=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of w(o))!q.call(t,e)&&e!==r&&c(t,e,{get:()=>o[e],enumerable:!(i=S(o,e))||i.enumerable});return t};var d=(t,o,r)=>(r=t!=null?z(k(t)):{},v(o||!t||!t.__esModule?c(r,"default",{value:t,enumerable:!0}):r,t)),P=t=>v(c({},"__esModule",{value:!0}),t);var j={};L(j,{vitePluginEnvRibbon:()=>V,vitePluginVersionLog:()=>R});module.exports=P(j);var p=require("path"),x=require("fs"),m=d(require("dayjs"),1),b=d(require("dayjs/plugin/timezone.js"),1),$=d(require("dayjs/plugin/utc.js"),1),O=require("@lntvow/utils");m.default.extend($.default);m.default.extend(b.default);function R(t={}){let{name:o="LNTVOW_VERSION",timezone:r="Asia/Shanghai"}=t,{entries:i=["src/main.ts","src/main.js"]}=t,{version:e}=t;i=(0,O.castArray)(i).map(n=>(0,p.resolve)(process.cwd(),n));let g=(0,m.default)().tz(r).format("YYYY-MM-DD HH:mm:ss");if(!e)try{let n=(0,x.readFileSync)((0,p.resolve)(process.cwd(),"package.json"),"utf8");e=JSON.parse(n).version}catch(n){e="unknown",console.log("error: ",n)}return{name:"vite-plugin-version-log",transform(n,f){if(i.includes((0,p.normalize)(f)))return{code:`
+          ${n}
 
-          localStorage.setItem('${n}', JSON.stringify(['${p}', '${t}']))
-          console.log('[Log] version: ', ['${p}', '${t}']);
-          `}}}}}var b=require("vite");function j(){let o={};return{name:"vite-plugin-html",enforce:"pre",config(n,{mode:t}){o=(0,b.loadEnv)(t,process.cwd())},transformIndexHtml(n){return Object.keys(o).forEach(t=>{let r=new RegExp(`%${t}%`,"g");n=n.replace(r,o[t])}),n}}}function k(o={}){let{width:n=150,height:t=20,fontSize:r=12,backgroundColor:e="hsla(0, 100%, 33%, 0.733)",color:f="#fff",position:p="top-right",envMap:O={}}=o,i;return{name:"vite-plugin-env-ribbon",transformIndexHtml(a){if(console.log("mode: ",i),i==="production")return a;let d=O[i]||i;if(!d)return a;let g=p==="top-left",y=g?`translate(-${t/Math.sqrt(2)}px, -${t/Math.sqrt(2)}px) translate(0, ${n/Math.sqrt(2)}px) rotate(-45deg)`:`translate(${t/Math.sqrt(2)}px, -${t/Math.sqrt(2)}px) translate(0, ${n/Math.sqrt(2)}px) rotate(45deg)`,M=`
+          localStorage.setItem('${o}', JSON.stringify(['${g}', '${e}']))
+          console.log('[Log] version: ', ['${g}', '${e}']);
+          `}}}}function V(t={}){let{width:o=150,height:r=20,fontSize:i=12,backgroundColor:e="hsla(0, 100%, 33%, 0.733)",color:g="#fff",position:n="top-right",envMap:f={}}=t,s;return{name:"vite-plugin-env-ribbon",transformIndexHtml(a){if(console.log("mode: ",s),s==="production")return a;let h=f[s]||s;if(!h)return a;let l=n==="top-left",y=l?`translate(-${r/Math.sqrt(2)}px, -${r/Math.sqrt(2)}px) translate(0, ${o/Math.sqrt(2)}px) rotate(-45deg)`:`translate(${r/Math.sqrt(2)}px, -${r/Math.sqrt(2)}px) translate(0, ${o/Math.sqrt(2)}px) rotate(45deg)`,M=`
         position: fixed;
-        width: ${n}px;
-        height: ${t}px;
+        width: ${o}px;
+        height: ${r}px;
         background: ${e};
-        color: ${f};
-        font-size: ${r}px;
-        line-height: ${t}px;
+        color: ${g};
+        font-size: ${i}px;
+        line-height: ${r}px;
         transform: ${y};
-        transform-origin: ${g?"left top":"right top"};
+        transform-origin: ${l?"left top":"right top"};
         top: 0;
-        right: ${g?"auto":"0"};
-        left: ${g?"0":"auto"};
+        right: ${l?"auto":"0"};
+        left: ${l?"0":"auto"};
         z-index: 9999;
         text-align: center;
         pointer-events: none;
         user-select: none;
         overflow: hidden;
-      `;return{html:a,tags:[{tag:"div",attrs:{style:M.replace(/\s+/g," ").trim(),class:"vite-plugin-env-ribbon","data-env-ribbon":i},children:d,injectTo:"body"}]}},configResolved(a){i=a.mode}}}0&&(module.exports={vitePluginEnvRibbon,vitePluginHtml,vitePluginLog});
+      `;return{html:a,tags:[{tag:"div",attrs:{style:M.replace(/\s+/g," ").trim(),class:"vite-plugin-env-ribbon","data-env-ribbon":s},children:h,injectTo:"body"}]}},configResolved(a){s=a.mode}}}0&&(module.exports={vitePluginEnvRibbon,vitePluginVersionLog});

package/dist/index.d.ts

@@ -1,40 +1,66 @@
 import { PluginOption } from 'vite';
+import { Arrayable } from '@lntvow/utils';
 
-declare function vitePluginLog(options?: LogOptions): PluginOption;
-interface LogOptions {
+/**
+ * This Vite plugin injects version and build time information into specified entry files.
+ * It automatically writes the current build time and project version (read from package.json by default)
+ * to localStorage and prints them to the console at runtime.
+ *
+ * This is useful for tracking deployment versions and build times in frontend projects.
+ *
+ * You can customize the localStorage key, version, timezone, and the entry files to inject via plugin options.
+ *
+ * @example
+ * import { vitePluginVersionLog } from '@lntvow/vite-plugin'
+ *
+ * export default {
+ *   plugins: [
+ *     vitePluginVersionLog(),
+ *   ],
+ * }
+ */
+declare function vitePluginVersionLog(options?: VersionLogOptions): PluginOption;
+interface VersionLogOptions {
     /**
-     * localStorage key
+     * The key used for localStorage.
      * @default 'LNTVOW_VERSION'
      */
     name?: string;
     /**
-     * 版本号
-     * @default 默认读取package.json的version
+     * Project version.
+     * @default Reads the version from package.json by default.
      */
     version?: string;
+    /**
+     * Timezone setting.
+     * @default 'Asia/Shanghai'
+     */
+    timezone?: string;
+    /**
+     * The entry files to log.
+     * The path is resolved from the command line working directory (process.cwd()).
+     * @default ['src/main.ts', 'src/main.js']
+     */
+    entries?: Arrayable<string>;
 }
 
-declare function vitePluginHtml(): PluginOption;
-
 /**
  * This Vite plugin injects a diagonal environment ribbon into the built HTML page.
- * The ribbon displays the current environment (such as development, uat, pre, etc.)
- * in the top-left or top-right corner of the page, similar to environment tags
- * seen in some mobile app demos.
+ * The ribbon displays the current environment (such as development, test, uat, pre.)
+ * in the top-left or top-right corner of the page, similar to environment tags seen in some mobile app demos.
  *
  * The ribbon will NOT be injected when the current mode is 'production'.
  *
- * You can customize the ribbon's width, height, font size, background color, text color,
- * position, and environment label mapping via plugin options.
+ * You can customize the ribbon's width, height, font size, background color, text color, position, and environment label mapping via plugin options.
  *
  * @example
  * import { vitePluginEnvRibbon } from '@lntvow/vite-plugin'
  *
- * export default defineConfig({
+ * export default {
  *   plugins: [
  *     vitePluginEnvRibbon(),
  *   ],
- * })
+ * }
  */
 declare function vitePluginEnvRibbon(options?: EnvRibbonOptions): PluginOption;
 interface EnvRibbonOptions {
@@ -75,4 +101,4 @@ interface EnvRibbonOptions {
     envMap?: Record<string, string>;
 }
 
-export { type EnvRibbonOptions, type LogOptions, vitePluginEnvRibbon, vitePluginHtml, vitePluginLog };
+export { type EnvRibbonOptions, type VersionLogOptions, vitePluginEnvRibbon, vitePluginVersionLog };

package/dist/index.mjs

@@ -1,24 +1,24 @@
-import{normalize as x,resolve as c}from"path";import{readFileSync as $}from"fs";import m from"dayjs";import b from"dayjs/plugin/timezone.js";import O from"dayjs/plugin/utc.js";m.extend(O);m.extend(b);function L(n={}){let{name:o="LNTVOW_VERSION"}=n,{version:t}=n;if(!t)try{let e=$(c(process.cwd(),"package.json"),"utf8");t=JSON.parse(e).version}catch(e){t="version is missing",console.log("error: ",e)}let i=[c(process.cwd(),"src/main.ts"),c(process.cwd(),"src/main.js")];return{name:"vite-plugin-logs",transform(e,g){if(i.includes(x(g))){let a=m().tz("Asia/Shanghai").format("YYYY-MM-DD HH:mm:ss");return{code:`
-          ${e}
+import{normalize as x,resolve as u}from"path";import{readFileSync as b}from"fs";import f from"dayjs";import $ from"dayjs/plugin/timezone.js";import O from"dayjs/plugin/utc.js";import{castArray as y}from"@lntvow/utils";f.extend(O);f.extend($);function V(n={}){let{name:i="LNTVOW_VERSION",timezone:o="Asia/Shanghai"}=n,{entries:s=["src/main.ts","src/main.js"]}=n,{version:r}=n;s=y(s).map(t=>u(process.cwd(),t));let p=f().tz(o).format("YYYY-MM-DD HH:mm:ss");if(!r)try{let t=b(u(process.cwd(),"package.json"),"utf8");r=JSON.parse(t).version}catch(t){r="unknown",console.log("error: ",t)}return{name:"vite-plugin-version-log",transform(t,l){if(s.includes(x(l)))return{code:`
+          ${t}
 
-          localStorage.setItem('${o}', JSON.stringify(['${a}', '${t}']))
-          console.log('[Log] version: ', ['${a}', '${t}']);
-          `}}}}}import{loadEnv as y}from"vite";function I(){let n={};return{name:"vite-plugin-html",enforce:"pre",config(o,{mode:t}){n=y(t,process.cwd())},transformIndexHtml(o){return Object.keys(n).forEach(t=>{let i=new RegExp(`%${t}%`,"g");o=o.replace(i,n[t])}),o}}}function C(n={}){let{width:o=150,height:t=20,fontSize:i=12,backgroundColor:e="hsla(0, 100%, 33%, 0.733)",color:g="#fff",position:a="top-right",envMap:d={}}=n,r;return{name:"vite-plugin-env-ribbon",transformIndexHtml(s){if(console.log("mode: ",r),r==="production")return s;let u=d[r]||r;if(!u)return s;let p=a==="top-left",v=p?`translate(-${t/Math.sqrt(2)}px, -${t/Math.sqrt(2)}px) translate(0, ${o/Math.sqrt(2)}px) rotate(-45deg)`:`translate(${t/Math.sqrt(2)}px, -${t/Math.sqrt(2)}px) translate(0, ${o/Math.sqrt(2)}px) rotate(45deg)`,h=`
+          localStorage.setItem('${i}', JSON.stringify(['${p}', '${r}']))
+          console.log('[Log] version: ', ['${p}', '${r}']);
+          `}}}}function N(n={}){let{width:i=150,height:o=20,fontSize:s=12,backgroundColor:r="hsla(0, 100%, 33%, 0.733)",color:p="#fff",position:t="top-right",envMap:l={}}=n,e;return{name:"vite-plugin-env-ribbon",transformIndexHtml(a){if(console.log("mode: ",e),e==="production")return a;let d=l[e]||e;if(!d)return a;let g=t==="top-left",h=g?`translate(-${o/Math.sqrt(2)}px, -${o/Math.sqrt(2)}px) translate(0, ${i/Math.sqrt(2)}px) rotate(-45deg)`:`translate(${o/Math.sqrt(2)}px, -${o/Math.sqrt(2)}px) translate(0, ${i/Math.sqrt(2)}px) rotate(45deg)`,v=`
         position: fixed;
-        width: ${o}px;
-        height: ${t}px;
-        background: ${e};
-        color: ${g};
-        font-size: ${i}px;
-        line-height: ${t}px;
-        transform: ${v};
-        transform-origin: ${p?"left top":"right top"};
+        width: ${i}px;
+        height: ${o}px;
+        background: ${r};
+        color: ${p};
+        font-size: ${s}px;
+        line-height: ${o}px;
+        transform: ${h};
+        transform-origin: ${g?"left top":"right top"};
         top: 0;
-        right: ${p?"auto":"0"};
-        left: ${p?"0":"auto"};
+        right: ${g?"auto":"0"};
+        left: ${g?"0":"auto"};
         z-index: 9999;
         text-align: center;
         pointer-events: none;
         user-select: none;
         overflow: hidden;
-      `;return{html:s,tags:[{tag:"div",attrs:{style:h.replace(/\s+/g," ").trim(),class:"vite-plugin-env-ribbon","data-env-ribbon":r},children:u,injectTo:"body"}]}},configResolved(s){r=s.mode}}}export{C as vitePluginEnvRibbon,I as vitePluginHtml,L as vitePluginLog};
+      `;return{html:a,tags:[{tag:"div",attrs:{style:v.replace(/\s+/g," ").trim(),class:"vite-plugin-env-ribbon","data-env-ribbon":e},children:d,injectTo:"body"}]}},configResolved(a){e=a.mode}}}export{N as vitePluginEnvRibbon,V as vitePluginVersionLog};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lntvow/vite-plugin",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "type": "module",
   "description": "Collection of custom vite plugins",
   "keywords": [
@@ -23,6 +23,7 @@
     "import": "./dist/index.mjs"
   },
   "dependencies": {
+    "@lntvow/utils": "^4.0.25",
     "dayjs": "^1.11.13"
   },
   "devDependencies": {

package/dist/index.d.cts

@@ -1,78 +0,0 @@
-import { PluginOption } from 'vite';
-
-declare function vitePluginLog(options?: LogOptions): PluginOption;
-interface LogOptions {
-    /**
-     * localStorage key
-     * @default 'LNTVOW_VERSION'
-     */
-    name?: string;
-    /**
-     * 版本号
-     * @default 默认读取package.json的version
-     */
-    version?: string;
-}
-
-declare function vitePluginHtml(): PluginOption;
-
-/**
- * This Vite plugin injects a diagonal environment ribbon into the built HTML page.
- * The ribbon displays the current environment (such as development, uat, pre, etc.)
- * in the top-left or top-right corner of the page, similar to environment tags
- * seen in some mobile app demos.
- *
- * The ribbon will NOT be injected when the current mode is 'production'.
- *
- * You can customize the ribbon's width, height, font size, background color, text color,
- * position, and environment label mapping via plugin options.
- *
- * @example
- * import { vitePluginEnvRibbon } from '@lntvow/vite-plugin'
- *
- * export default defineConfig({
- *   plugins: [
- *     vitePluginEnvRibbon(),
- *   ],
- * })
- */
-declare function vitePluginEnvRibbon(options?: EnvRibbonOptions): PluginOption;
-interface EnvRibbonOptions {
-    /**
-     * The height of the banner.
-     * @default 20
-     */
-    height?: number;
-    /**
-     * The width of the banner.
-     * @default 150
-     */
-    width?: number;
-    /**
-     * The font size of the banner text.
-     * @default 12
-     */
-    fontSize?: number;
-    /**
-     * The background color of the banner.
-     * @default 'hsla(0, 100%, 33%, 0.733)'
-     */
-    backgroundColor?: string;
-    /**
-     * The text color of the banner.
-     * @default '#fff'
-     */
-    color?: string;
-    /**
-     * The position of the banner on the screen.
-     * @default 'top-right'
-     */
-    position?: 'top-right' | 'top-left';
-    /**
-     * The mapping of environment modes to display labels.
-     * @default {}
-     */
-    envMap?: Record<string, string>;
-}
-
-export { type EnvRibbonOptions, type LogOptions, vitePluginEnvRibbon, vitePluginHtml, vitePluginLog };