@lntvow/vite-plugin 1.1.1 → 1.1.4

package/dist/index.cjs

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

@@ -11,16 +11,16 @@ import { Arrayable } from '@lntvow/utils';
  * You can customize the localStorage key, version, timezone, and the entry files to inject via plugin options.
  *
  * @example
- * import { vitePluginLog } from '@lntvow/vite-plugin'
+ * import { vitePluginVersionLog } from '@lntvow/vite-plugin'
  *
- * export default defineConfig({
+ * export default {
  *   plugins: [
- *     vitePluginLog(),
+ *     vitePluginVersionLog(),
  *   ],
- * })
+ * }
  */
-declare function vitePluginLog(options?: LogOptions): PluginOption;
-interface LogOptions {
+declare function vitePluginVersionLog(options?: VersionLogOptions): PluginOption;
+interface VersionLogOptions {
     /**
      * The key used for localStorage.
      * @default 'LNTVOW_VERSION'
@@ -44,8 +44,6 @@ interface LogOptions {
     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, test, uat, pre.)
@@ -58,11 +56,11 @@ declare function vitePluginHtml(): PluginOption;
  * @example
  * import { vitePluginEnvRibbon } from '@lntvow/vite-plugin'
  *
- * export default defineConfig({
+ * export default {
  *   plugins: [
  *     vitePluginEnvRibbon(),
  *   ],
- * })
+ * }
  */
 declare function vitePluginEnvRibbon(options?: EnvRibbonOptions): PluginOption;
 interface EnvRibbonOptions {
@@ -103,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,17 +1,17 @@
-import{normalize as x,resolve as d}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 j(n={}){let{name:e="LNTVOW_VERSION",timezone:t="Asia/Shanghai"}=n,{entries:r=["src/main.ts","src/main.js"]}=n,{version:i}=n;r=y(r).map(o=>d(process.cwd(),o));let p=f().tz(t).format("YYYY-MM-DD HH:mm:ss");if(!i)try{let o=b(d(process.cwd(),"package.json"),"utf8");i=JSON.parse(o).version}catch(o){i="unknown",console.log("error: ",o)}return{name:"vite-plugin-logs",transform(o,l){if(r.includes(x(l)))return{code:`
-          ${o}
+import{normalize as x,resolve as d}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(e={}){let{name:n="LNTVOW_VERSION",timezone:r="Asia/Shanghai"}=e,{entries:i=["src/main.ts","src/main.js"]}=e,{version:o}=e;i=y(i).map(t=>d(process.cwd(),t));let p=f().tz(r).format("YYYY-MM-DD HH:mm:ss");if(!o)try{let t=b(d(process.cwd(),"package.json"),"utf8");o=JSON.parse(t).version}catch(t){o="unknown",console.log("error: ",t)}return{name:"vite-plugin-version-log",transform(t,l){if(i.includes(x(l)))return{code:`
+          ${t}
 
-          localStorage.setItem('${e}', JSON.stringify(['${p}', '${i}']))
-          console.log('[Log] version: ', ['${p}', '${i}']);
-          `}}}}import{loadEnv as M}from"vite";function N(){let n={};return{name:"vite-plugin-html",enforce:"pre",config(e,{mode:t}){n=M(t,process.cwd())},transformIndexHtml(e){return Object.keys(n).forEach(t=>{let r=new RegExp(`%${t}%`,"g");e=e.replace(r,n[t])}),e}}}function J(n={}){let{width:e=150,height:t=20,fontSize:r=12,backgroundColor:i="hsla(0, 100%, 33%, 0.733)",color:p="#fff",position:o="top-right",envMap:l={}}=n,s;return{name:"vite-plugin-env-ribbon",transformIndexHtml(a){if(console.log("mode: ",s),s==="production")return a;let u=l[s]||s;if(!u)return a;let g=o==="top-left",v=g?`translate(-${t/Math.sqrt(2)}px, -${t/Math.sqrt(2)}px) translate(0, ${e/Math.sqrt(2)}px) rotate(-45deg)`:`translate(${t/Math.sqrt(2)}px, -${t/Math.sqrt(2)}px) translate(0, ${e/Math.sqrt(2)}px) rotate(45deg)`,h=`
+          localStorage.setItem('${n}', JSON.stringify(['${p}', '${o}']))
+          console.log('[Log] version: ', ['${p}', '${o}']);
+          `}}}}function N(e={}){let{width:n=150,height:r=20,fontSize:i=12,backgroundColor:o="hsla(0, 100%, 33%, 0.733)",color:p="#fff",position:t="top-right",envMap:l={}}=e,s;return{name:"vite-plugin-env-ribbon",transformIndexHtml(a){if(s==="production")return a;let u=l[s]||s;if(!u)return a;let g=t==="top-left",h=g?`translate(-${r/Math.sqrt(2)}px, -${r/Math.sqrt(2)}px) translate(0, ${n/Math.sqrt(2)}px) rotate(-45deg)`:`translate(${r/Math.sqrt(2)}px, -${r/Math.sqrt(2)}px) translate(0, ${n/Math.sqrt(2)}px) rotate(45deg)`,v=`
         position: fixed;
-        width: ${e}px;
-        height: ${t}px;
-        background: ${i};
+        width: ${n}px;
+        height: ${r}px;
+        background: ${o};
         color: ${p};
-        font-size: ${r}px;
-        line-height: ${t}px;
-        transform: ${v};
+        font-size: ${i}px;
+        line-height: ${r}px;
+        transform: ${h};
         transform-origin: ${g?"left top":"right top"};
         top: 0;
         right: ${g?"auto":"0"};
@@ -21,4 +21,4 @@ import{normalize as x,resolve as d}from"path";import{readFileSync as b}from"fs";
         pointer-events: none;
         user-select: none;
         overflow: hidden;
-      `;return{html:a,tags:[{tag:"div",attrs:{style:h.replace(/\s+/g," ").trim(),class:"vite-plugin-env-ribbon","data-env-ribbon":s},children:u,injectTo:"body"}]}},configResolved(a){s=a.mode}}}export{J as vitePluginEnvRibbon,N as vitePluginHtml,j as vitePluginLog};
+      `;return{html:a,tags:[{tag:"div",attrs:{style:v.replace(/\s+/g," ").trim(),class:"vite-plugin-env-ribbon","data-env-ribbon":s},children:u,injectTo:"body"}]}},configResolved(a){s=a.mode}}}export{N as vitePluginEnvRibbon,V as vitePluginVersionLog};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lntvow/vite-plugin",
-  "version": "1.1.1",
+  "version": "1.1.4",
   "type": "module",
   "description": "Collection of custom vite plugins",
   "keywords": [

package/dist/index.d.cts

@@ -1,106 +0,0 @@
-import { PluginOption } from 'vite';
-import { Arrayable } from '@lntvow/utils';
-
-/**
- * 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 { vitePluginLog } from '@lntvow/vite-plugin'
- *
- * export default defineConfig({
- *   plugins: [
- *     vitePluginLog(),
- *   ],
- * })
- */
-declare function vitePluginLog(options?: LogOptions): PluginOption;
-interface LogOptions {
-    /**
-     * The key used for localStorage.
-     * @default 'LNTVOW_VERSION'
-     */
-    name?: string;
-    /**
-     * 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, 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.
- *
- * @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 };