vite-plugin-wns-badge

A Vite plugin that adds Web Network Solution (WNS) branding badges to your build output files.

Features

• 🚀 Adds professional WNS branding to your built files
• 🎨 Customizable banner content
• 📁 Supports multiple file types (.js, .css, .mjs)
• 🔧 TypeScript support
• 🎯 Smart file detection (skips vendor files)
• ⚡ Zero configuration required

Installation

npm install vite-plugin-wns-badge --save-dev

yarn add vite-plugin-wns-badge -D

pnpm add vite-plugin-wns-badge -D

Basic Usage

Add the plugin to your vite.config.ts:

import { defineConfig } from 'vite';
import wnsBadge from 'vite-plugin-wns-badge';

export default defineConfig({
  plugins: [
    wnsBadge()
  ]
});

This will add the default WNS branding banner to all your built files:

/**
 * Powered by Web Network Solution (WNS)
 * Website: https://webnetworksolution.in
 * Email: [email protected]
 * Logo: https://webnetworksolution.in/assets/wns-logo.svg
 * 
 * Built with vite-plugin-wns-badge
 * © 2025 Web Network Solution. All rights reserved.
 */

Advanced Configuration

Custom Content

import wnsBadge from 'vite-plugin-wns-badge';

export default defineConfig({
  plugins: [
    wnsBadge({
      content: `/**
 * Custom banner with your project info
 * Built with WNS technology
 */`
    })
  ]
});

Dynamic Content Based on File Type

import wnsBadge from 'vite-plugin-wns-badge';

export default defineConfig({
  plugins: [
    wnsBadge({
      content: (fileName) => {
        if (fileName.endsWith('.js')) {
          return '/* JavaScript file powered by WNS */';
        }
        if (fileName.endsWith('.css')) {
          return '/* Styles crafted by Web Network Solution */';
        }
        return null; // Skip other files
      }
    })
  ]
});

Using Package.json Information

import wnsBadge from 'vite-plugin-wns-badge';
import pkg from './package.json';

export default defineConfig({
  plugins: [
    wnsBadge({
      content: `/**
 * ${pkg.name} v${pkg.version}
 * ${pkg.description}
 * 
 * Powered by Web Network Solution
 * Website: https://webnetworksolution.in
 */`
    })
  ]
});

Configuration Options

| Option | Type | Default | Description | |--------|------|---------|-------------| | content | string \| function | WNS default banner | Custom banner content | | includeLogo | boolean | true | Include WNS logo reference in default banner | | outDir | string | "dist" | Build output directory | | debug | boolean | false | Enable debug logging | | fileExtensions | string[] | ['.js', '.css', '.mjs'] | File types to process | | verify | boolean | true | Verify banner content before adding |

Examples

Minimal Setup

export default defineConfig({
  plugins: [wnsBadge()]
});

Custom Extensions

export default defineConfig({
  plugins: [
    wnsBadge({
      fileExtensions: ['.js', '.ts', '.css', '.scss']
    })
  ]
});

Debug Mode

export default defineConfig({
  plugins: [
    wnsBadge({
      debug: true // See what files are being processed
    })
  ]
});

About Web Network Solution

Web Network Solution (WNS) is a leading technology company specializing in web development, network solutions, and digital innovation.

• 🌐 Website: webnetworksolution.in
• 📧 Email: [email protected]
• 🚀 Services: Web Development, Network Solutions, Digital Transformation

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT © Web Network Solution

Support

If you have any questions or need support, please contact us:

• Email: [email protected]
• Website: https://webnetworksolution.in

Built with ❤️ by Web Network Solution