nodejs-sprite-gen 1.0.0

package/README.md

@@ -0,0 +1,178 @@
+# nodejs-sprite-gen
+
+A fast, modern CLI tool for generating image sprites and CSS stylesheets. Combine multiple images into a single optimized sprite sheet to reduce HTTP requests and improve page load times.
+
+## Features
+
+- 🚀 Fast image processing with Sharp
+- 📦 Supports multiple input formats (JPG, PNG, WebP, GIF, BMP)
+- 🎨 Generates clean CSS, SCSS, or LESS stylesheets
+- 📐 Resize images on-the-fly
+- 🔄 Grid, horizontal or vertical layouts
+- ⚙️ Configurable padding between images
+- 🌟 Zero configuration defaults
+- 💻 Can be used as CLI or programmatically
+
+## Installation
+
+```bash
+# Global installation
+npm install -g nodejs-sprite-gen
+
+# Or use with npx (no installation needed)
+npx nodejs-sprite-gen --input ./images
+
+# Local installation for project
+npm install --save-dev nodejs-sprite-gen
+```
+
+## Usage
+
+### Basic Usage
+
+```bash
+nodejs-sprite-gen --input ./images
+```
+
+This will:
+- Read all images from `./images` directory
+- Generate `sprite.png` and `sprite.css` in `./sprites` directory
+
+### Advanced Usage
+
+```bash
+nodejs-sprite-gen \
+  --input ./flags \
+  --output ./dist/sprites \
+  --name country-flags \
+  --size 25x25 \
+  --layout horizontal \
+  --padding 10 \
+  --css-format scss \
+  --prefix some_name_for_css_classes
+```
+
+### Options
+
+| Option | Alias | Description | Default |
+|--------|-------|-------------|---------|
+| `--input <path>` | `-i` | Input directory containing images (required) | - |
+| `--output <path>` | `-o` | Output directory | `./sprites` |
+| `--name <name>` | `-n` | Output filename (without extension) | `sprite` |
+| `--layout <type>` | `-l` | Layout: `horizontal` or `vertical` | `vertical` |
+| `--padding <pixels>` | `-p` | Padding between images | `0` |
+| `--size <WxH>` | `-s` | Resize images (e.g., `25x25`) | original size |
+| `--css-format <format>` | - | CSS format: `css`, `scss`, or `less` | `css` |
+| `--prefix` | - | The CSS class name prefix | sprite |
+| `--no-css` | - | Skip CSS generation | generates CSS |
+
+### Using in npm scripts
+
+Add to your `package.json`:
+
+```json
+{
+  "scripts": {
+    "build:sprites": "nodejs-sprite-gen --input ./assets/icons --size 32x32"
+  }
+}
+```
+
+Run with:
+```bash
+npm run build:sprites
+```
+
+## Programmatic Usage
+
+You can also use nodejs-sprite-gen programmatically in your Node.js projects:
+
+```javascript
+const { generateSprite } = require('nodejs-sprite-gen');
+
+async function buildSprites() {
+  const result = await generateSprite({
+    inputDir: './images',
+    outputDir: './sprites',
+    spriteName: 'sprite',
+    layout: 'vertical',
+    padding: 0,
+    resize: { width: 25, height: 25 }, // optional
+    generateCSS: true,
+    cssFormat: 'css',
+    prefix: 'icon'
+  });
+
+  console.log(`Generated: ${result.imagePath}`);
+  console.log(`CSS: ${result.cssPath}`);
+  console.log(`Images: ${result.imageCount}`);
+}
+
+buildSprites();
+```
+
+## Output
+
+### Generated PNG Sprite
+A single optimized PNG file with transparency, containing all your images.
+
+### Generated CSS
+```css
+.sprite {
+  display: inline-block;
+  background-image: url('sprite.png');
+  background-repeat: no-repeat;
+}
+
+.sprite-icon-home {
+  width: 32px;
+  height: 32px;
+  background-position: -0px -0px;
+}
+
+.sprite-icon-settings {
+  width: 32px;
+  height: 32px;
+  background-position: -0px -32px;
+}
+```
+
+### Using the Sprite in HTML
+```html
+<div class="sprite sprite-icon-home"></div>
+<div class="sprite sprite-icon-settings"></div>
+```
+
+## Examples
+
+### Icon Sprites
+```bash
+nodejs-sprite-gen --input ./icons --size 32x32 --padding 2
+```
+
+### Flag Sprites 
+```bash
+nodejs-sprite-gen --input ./temp_images --output ./out --size 250x100 --prefix icon --layout grid
+```
+
+### SCSS Output
+```bash
+nodejs-sprite-gen --input ./images --css-format scss
+```
+
+## Requirements
+
+- Node.js >= 16.0.0
+
+## License
+
+MIT
+
+## Author
+
+Gidon Handler
+Gidon.handler@gmail.com
+
+---
+
+Made with ❤️ for better web performance

package/bin/cli.js

@@ -0,0 +1,72 @@
+#!/usr/bin/env node
+
+const { Command } = require('commander');
+const { generateSprite } = require('../dist/index.js');
+const path = require('path');
+
+const program = new Command();
+
+program
+  .name('nodejs-sprite-gen')
+  .description('Generate image sprites and attached CSS stylesheets from a directory of images')
+  .version('1.0.0')
+  .requiredOption('-i, --input <path>', 'input directory containing images')
+  .option('-o, --output <path>', 'output directory', './sprites')
+  .option('-n, --name <name>', 'output filename (without extension)', 'sprite')
+  .option('-l, --layout <type>', 'layout direction: horizontal, vertical, or grid', 'grid')
+  .option('-p, --padding <pixels>', 'padding between images in pixels', '0')
+  .option('-s, --size <dimensions>', 'resize images to WxH (e.g., 25x25)')
+  .option('--css-format <format>', 'CSS output format: css, scss, less', 'css')
+  .option('--prefix <prefix>', 'CSS class prefix', 'sprite')
+  .option('--no-css', 'skip CSS generation')
+  .parse(process.argv);
+
+const options = program.opts();
+
+
+const config = {
+  inputDir: path.resolve(options.input),
+  outputDir: path.resolve(options.output),
+  spriteName: options.name,
+  layout: ['horizontal', 'vertical', 'grid'].includes(options.layout) ? options.layout : 'grid',
+  padding: parseInt(options.padding, 10),
+  generateCSS: options.css !== false,
+  cssFormat: options.cssFormat,
+  cssPrefix: options.prefix,
+};
+
+// Parse size option if provided
+if (options.size) {
+  const match = options.size.match(/^(\d+)x(\d+)$/i);
+  if (!match) {
+    console.error('Error: --size must be in format WxH (e.g., 25x25)');
+    process.exit(1);
+  }
+  config.resize = {
+    width: parseInt(match[1], 10),
+    height: parseInt(match[2], 10)
+  };
+}
+
+// Run the sprite generator
+console.log('🎨 Generating sprite...');
+console.log(`   Input: ${config.inputDir}`);
+console.log(`   Output: ${config.outputDir}`);
+if (config.resize) {
+  console.log(`   Size: ${config.resize.width}x${config.resize.height}`);
+}
+
+generateSprite(config)
+  .then(result => {
+    console.log('✅ Sprite generated successfully!');
+    console.log(`   Image: ${result.imagePath}`);
+    if (result.cssPath) {
+      console.log(`   CSS: ${result.cssPath}`);
+    }
+    console.log(`   Images processed: ${result.imageCount}`);
+    console.log(`   Sprite dimensions: ${result.spriteWidth}x${result.spriteHeight}px`);
+  })
+  .catch(err => {
+    console.error('❌ Error generating sprite:', err.message);
+    process.exit(1);
+  });

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+export interface SpriteConfig {
+    inputDir: string;
+    outputDir: string;
+    spriteName: string;
+    layout?: 'horizontal' | 'vertical' | 'grid';
+    padding: number;
+    resize?: {
+        width: number;
+        height: number;
+    };
+    /** Number of columns for grid layout. If not specified, auto-calculates a square-ish grid */
+    gridColumns?: number;
+    generateCSS: boolean;
+    cssFormat: 'css' | 'scss' | 'less';
+    cssPrefix?: string;
+}
+export interface SpriteResult {
+    imagePath: string;
+    cssPath: string | null;
+    imageCount: number;
+    spriteWidth: number;
+    spriteHeight: number;
+}
+export declare function generateSprite(config: SpriteConfig): Promise<SpriteResult>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,6FAA6F;IAC7F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAsB,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CA6FhF"}

package/dist/index.js

@@ -0,0 +1,194 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSprite = generateSprite;
+const fs = __importStar(require("fs/promises"));
+const path = __importStar(require("path"));
+const sharp_1 = __importDefault(require("sharp"));
+async function generateSprite(config) {
+    // Ensure output directory exists
+    await fs.mkdir(config.outputDir, { recursive: true });
+    // Read all image files from input directory
+    const files = await fs.readdir(config.inputDir);
+    const imageFiles = files.filter(file => /\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(file));
+    if (imageFiles.length === 0) {
+        throw new Error(`No image files found in ${config.inputDir}`);
+    }
+    // Load and process images
+    const images = [];
+    for (const filename of imageFiles) {
+        const filePath = path.join(config.inputDir, filename);
+        let image = (0, sharp_1.default)(filePath);
+        // Get metadata
+        const metadata = await image.metadata();
+        let width = metadata.width;
+        let height = metadata.height;
+        // Resize if specified
+        if (config.resize) {
+            image = image.resize(config.resize.width, config.resize.height, {
+                fit: 'contain',
+                background: { r: 0, g: 0, b: 0, alpha: 0 }
+            });
+            width = config.resize.width;
+            height = config.resize.height;
+        }
+        const buffer = await image.png().toBuffer();
+        images.push({
+            filename,
+            path: filePath,
+            buffer,
+            width,
+            height,
+            x: 0,
+            y: 0,
+            className: sanitizeClassName(filename)
+        });
+    }
+    // Calculate positions and sprite dimensions
+    const { spriteWidth, spriteHeight } = calculateLayout(images, config);
+    // Create the sprite
+    const compositeOperations = images.map(img => ({
+        input: img.buffer,
+        top: img.y,
+        left: img.x
+    }));
+    const spriteBuffer = await (0, sharp_1.default)({
+        create: {
+            width: spriteWidth,
+            height: spriteHeight,
+            channels: 4,
+            background: { r: 0, g: 0, b: 0, alpha: 0 }
+        }
+    })
+        .composite(compositeOperations)
+        .png()
+        .toBuffer();
+    // Save sprite image
+    const imagePath = path.join(config.outputDir, `${config.spriteName}.png`);
+    await fs.writeFile(imagePath, spriteBuffer);
+    // Generate CSS if enabled
+    let cssPath = null;
+    if (config.generateCSS) {
+        const css = generateCSS(images, config.spriteName, config.cssFormat, config.cssPrefix ?? 'sprite');
+        const extension = config.cssFormat === 'scss' ? 'scss' :
+            config.cssFormat === 'less' ? 'less' : 'css';
+        cssPath = path.join(config.outputDir, `${config.spriteName}.${extension}`);
+        await fs.writeFile(cssPath, css);
+    }
+    return {
+        imagePath,
+        cssPath,
+        imageCount: images.length,
+        spriteWidth,
+        spriteHeight
+    };
+}
+function calculateLayout(images, config) {
+    let spriteWidth = 0;
+    let spriteHeight = 0;
+    const layout = config.layout ?? 'grid';
+    if (layout === 'horizontal') {
+        let currentX = 0;
+        for (const img of images) {
+            img.x = currentX;
+            img.y = 0;
+            currentX += img.width + config.padding;
+            spriteHeight = Math.max(spriteHeight, img.height);
+        }
+        spriteWidth = currentX - config.padding;
+    }
+    else if (layout === 'vertical') {
+        let currentY = 0;
+        for (const img of images) {
+            img.x = 0;
+            img.y = currentY;
+            currentY += img.height + config.padding;
+            spriteWidth = Math.max(spriteWidth, img.width);
+        }
+        spriteHeight = currentY - config.padding;
+    }
+    else {
+        const columns = config.gridColumns ?? Math.ceil(Math.sqrt(images.length));
+        const maxCellWidth = Math.max(...images.map(img => img.width));
+        const maxCellHeight = Math.max(...images.map(img => img.height));
+        for (let i = 0; i < images.length; i++) {
+            const col = i % columns;
+            const row = Math.floor(i / columns);
+            images[i].x = col * (maxCellWidth + config.padding);
+            images[i].y = row * (maxCellHeight + config.padding);
+        }
+        const rows = Math.ceil(images.length / columns);
+        spriteWidth = columns * maxCellWidth + (columns - 1) * config.padding;
+        spriteHeight = rows * maxCellHeight + (rows - 1) * config.padding;
+    }
+    return { spriteWidth, spriteHeight };
+}
+function sanitizeClassName(filename) {
+    return filename
+        .replace(/\.[^/.]+$/, '') // Remove extension
+        .replace(/[^a-z0-9]/gi, '-') // Replace non-alphanumeric with dash
+        .replace(/^-+|-+$/g, '') // Remove leading/trailing dashes
+        .toLowerCase();
+}
+function generateCSS(images, spriteName, format, prefix) {
+    const variable = format === 'scss' ? '$' : format === 'less' ? '@' : '';
+    const spriteUrl = `${spriteName}.png`;
+    let css = `/* Generated by nodejs-sprite-gen */\n\n`;
+    if (format === 'scss' || format === 'less') {
+        css += `${variable}${prefix}-image: '${spriteUrl}';\n\n`;
+    }
+    css += `.${prefix} {\n`;
+    css += `  display: inline-block;\n`;
+    if (format === 'scss' || format === 'less') {
+        css += `  background-image: url(${variable}${prefix}-image);\n`;
+    }
+    else {
+        css += `  background-image: url('${spriteUrl}');\n`;
+    }
+    css += `  background-repeat: no-repeat;\n`;
+    css += `}\n\n`;
+    for (const img of images) {
+        css += `.${prefix}-${img.className} {\n`;
+        css += `  width: ${img.width}px;\n`;
+        css += `  height: ${img.height}px;\n`;
+        css += `  background-position: -${img.x}px -${img.y}px;\n`;
+        css += `}\n\n`;
+    }
+    return css;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "nodejs-sprite-gen",
+  "version": "1.0.0",
+  "description": "A fast, modern CLI tool for generating image sprites and corresponding  CSS stylesheets",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "nodejs-sprite-gen": "bin/cli.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "test": "node bin/cli.js --help"
+  },
+  "keywords": [
+    "sprite",
+    "spritesheet",
+    "css-sprite",
+    "image-sprite",
+    "sprite-generator",
+    "image-optimization",
+    "cli-sprite-generator"
+  ],
+  "author": "Gidon Handler",
+  "license": "MIT",
+  "dependencies": {
+    "commander": "^11.1.0",
+    "sharp": "^0.33.1"
+  },
+  "files": ["bin", "dist", "README.md"],
+  "devDependencies": {
+    "@types/node": "^20.10.6",
+    "typescript": "^5.3.3"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}