fuelcard 1.0.0 → 1.0.1

package/package.json

@@ -1,8 +1,7 @@
 {
     "name": "fuelcard",
-    "version": "1.0.0",
-    "description": "The most advanced Discord music card generator - stunning visual cards for your music bot",
-    "type": "module",
+    "version": "1.0.1",
+    "description": "The Most Advanced Discord Music Card Generator - By Ramkrishna & ZayDocs",
     "main": "src/index.js",
     "scripts": {
         "test": "node test.js"
@@ -12,12 +11,11 @@
         "music",
         "card",
         "musicard",
-        "lavalink",
-        "riffy",
         "distube",
+        "riffy",
+        "lavalink",
         "canvas",
-        "image",
-        "generator"
+        "image"
     ],
     "author": "Ramkrishna & ZayDocs",
     "license": "UNLICENSED",
@@ -28,4 +26,4 @@
         "@napi-rs/canvas": "^0.1.83",
         "cropify": "^2.0.1"
     }
-}
+}

package/src/index.js

@@ -10,16 +10,25 @@
  * @private
  */
 
-// Main themes (like reference cards with mascot)
-export { Fuego } from './themes/Fuego.js';      // Orange/Gold
-export { Aqua } from './themes/Aqua.js';        // Blue/Cyan
-export { Rosa } from './themes/Rosa.js';        // Pink/Magenta
-export { Oscuro } from './themes/Oscuro.js';    // Dark with accent
+const { Fuego } = require('./themes/Fuego.js');
+const { Aqua } = require('./themes/Aqua.js');
+const { Rosa } = require('./themes/Rosa.js');
+const { Oscuro } = require('./themes/Oscuro.js');
+const { Flame } = require('./themes/Flame.js');
+const { Fuelex } = require('./themes/Fuelex.js');
 
-// Premium themes
-export { Flame } from './themes/Flame.js';      // Fire gradient
-export { Fuelex } from './themes/Fuelex.js';    // Wide with mascot
+module.exports = {
+    // Main themes (like reference cards with mascot)
+    Fuego,      // Orange/Gold
+    Aqua,       // Blue/Cyan
+    Rosa,       // Pink/Magenta
+    Oscuro,     // Dark with accent
 
-// Version info
-export const version = '1.0.0';
-export const authors = ['Ramkrishna', 'ZayDocs'];
+    // Premium themes
+    Flame,      // Fire gradient
+    Fuelex,     // Wide with mascot
+
+    // Version info
+    version: '1.0.1',
+    authors: ['Ramkrishna', 'ZayDocs']
+};

package/src/themes/Aqua.js

@@ -5,20 +5,16 @@
  * ╚═══════════════════════════════════════════════════════════════╝
  */
 
-import { createCanvas, loadImage } from '@napi-rs/canvas';
-import { cropImage } from 'cropify';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const { createCanvas, loadImage } = require('@napi-rs/canvas');
+const { cropImage } = require('cropify');
+const path = require('path');
 
 const MASCOT_PATH = path.join(__dirname, '../../assets/mascot.png');
 
 /**
  * Generate an Aqua-styled music card (blue/cyan like reference)
  */
-export const Aqua = async ({
+const Aqua = async ({
     thumbnail,
     trackName = 'Unknown Track',
     artistName = 'Unknown Artist',
@@ -153,4 +149,4 @@ export const Aqua = async ({
     return finalImage;
 };
 
-export default Aqua;
+module.exports = { Aqua };

package/src/themes/Flame.js

@@ -5,35 +5,16 @@
  * ╚═══════════════════════════════════════════════════════════════╝
  */
 
-import { createCanvas, loadImage } from '@napi-rs/canvas';
-import { cropImage } from 'cropify';
-import path from 'path';
-import { fileURLToPath } from 'url';
+const { createCanvas, loadImage } = require('@napi-rs/canvas');
+const { cropImage } = require('cropify');
+const path = require('path');
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Path to mascot image
 const MASCOT_PATH = path.join(__dirname, '../../assets/mascot.png');
 
-/**
- * @typedef {Object} FlameOptions
- * @property {string|Buffer} thumbnail - Album art URL or buffer
- * @property {string} [trackName='Unknown Track'] - Song title
- * @property {string} [artistName='Unknown Artist'] - Artist name
- * @property {string} [requester] - Who requested the track
- * @property {number} [progress=0] - Progress percentage (0-100)
- * @property {string} [startTime='0:00'] - Current timestamp
- * @property {string} [endTime='0:00'] - Total duration
- * @property {boolean} [showMascot=true] - Show the Fuelcard mascot
- */
-
 /**
  * Generate a flame-styled music card with optional mascot
- * @param {FlameOptions} options
- * @returns {Promise<Buffer>}
  */
-export const Flame = async ({
+const Flame = async ({
     thumbnail,
     trackName = 'Unknown Track',
     artistName = 'Unknown Artist',
@@ -46,12 +27,10 @@ export const Flame = async ({
     const width = 900;
     const height = 280;
 
-    // Flame theme colors
-    const primaryColor = '#ff6b00';    // Orange
-    const secondaryColor = '#ffd700';  // Gold
+    const primaryColor = '#ff6b00';
+    const secondaryColor = '#ffd700';
     const bgColor = '#0a0a0a';
 
-    // Truncate text
     if (trackName.length > 32) trackName = trackName.substring(0, 29) + '...';
     if (artistName.length > 35) artistName = artistName.substring(0, 32) + '...';
     if (requester && requester.length > 20) requester = requester.substring(0, 17) + '...';
@@ -59,11 +38,10 @@ export const Flame = async ({
     const safeProgress = Math.min(Math.max(progress, 0), 100);
     const progressWidth = (safeProgress / 100) * 450;
 
-    // Create canvas
     const canvas = createCanvas(width, height);
     const ctx = canvas.getContext('2d');
 
-    // Dark background with subtle gradient
+    // Dark background
     const gradient = ctx.createLinearGradient(0, 0, width, height);
     gradient.addColorStop(0, bgColor);
     gradient.addColorStop(0.5, '#111111');
@@ -86,7 +64,7 @@ export const Flame = async ({
     ctx.roundRect(2, 2, width - 4, height - 4, 19);
     ctx.stroke();
 
-    // Load and draw thumbnail
+    // Thumbnail
     try {
         const thumbBuffer = await cropImage({
             imagePath: thumbnail,
@@ -96,7 +74,6 @@ export const Flame = async ({
         });
         const thumbImage = await loadImage(thumbBuffer);
 
-        // Flame glow effect
         ctx.shadowColor = primaryColor;
         ctx.shadowBlur = 20;
         ctx.fillStyle = primaryColor;
@@ -105,17 +82,14 @@ export const Flame = async ({
         ctx.fill();
         ctx.shadowBlur = 0;
 
-        // Draw thumbnail
         ctx.drawImage(thumbImage, 30, 40, 200, 200);
 
-        // Gold border
         ctx.strokeStyle = secondaryColor;
         ctx.lineWidth = 3;
         ctx.beginPath();
         ctx.roundRect(30, 40, 200, 200, 20);
         ctx.stroke();
     } catch (e) {
-        // Placeholder
         ctx.fillStyle = '#1a1a1a';
         ctx.beginPath();
         ctx.roundRect(30, 40, 200, 200, 20);
@@ -128,22 +102,18 @@ export const Flame = async ({
         ctx.fillText('🔥', 130, 140);
     }
 
-    // Draw mascot if enabled
+    // Mascot
     if (showMascot) {
         try {
             const mascotImage = await loadImage(MASCOT_PATH);
-            // Draw mascot in bottom right corner
             ctx.drawImage(mascotImage, width - 140, height - 140, 130, 130);
-        } catch (e) {
-            // Mascot not found, continue without it
-        }
+        } catch (e) { }
     }
 
-    // Text content
+    // Text
     ctx.textAlign = 'left';
     ctx.textBaseline = 'top';
 
-    // Track name with flame glow
     ctx.shadowColor = primaryColor;
     ctx.shadowBlur = 10;
     ctx.fillStyle = '#ffffff';
@@ -151,12 +121,10 @@ export const Flame = async ({
     ctx.fillText(trackName, 280, 45);
     ctx.shadowBlur = 0;
 
-    // Artist name
     ctx.fillStyle = '#cccccc';
     ctx.font = '20px Arial';
     ctx.fillText(artistName, 280, 85);
 
-    // Requester with gold accent
     if (requester) {
         ctx.fillStyle = secondaryColor;
         ctx.font = '16px Arial';
@@ -169,13 +137,11 @@ export const Flame = async ({
     const barWidth = showMascot ? 450 : 520;
     const actualProgressWidth = (safeProgress / 100) * barWidth;
 
-    // Background
     ctx.fillStyle = 'rgba(255,255,255,0.12)';
     ctx.beginPath();
     ctx.roundRect(progressX, progressY, barWidth, 14, 7);
     ctx.fill();
 
-    // Flame gradient fill
     if (safeProgress > 0) {
         const fillGradient = ctx.createLinearGradient(progressX, 0, progressX + actualProgressWidth, 0);
         fillGradient.addColorStop(0, primaryColor);
@@ -186,7 +152,6 @@ export const Flame = async ({
         ctx.roundRect(progressX, progressY, actualProgressWidth, 14, 7);
         ctx.fill();
 
-        // Glowing knob
         ctx.shadowColor = secondaryColor;
         ctx.shadowBlur = 10;
         ctx.fillStyle = '#ffffff';
@@ -210,7 +175,6 @@ export const Flame = async ({
     ctx.textAlign = 'right';
     ctx.fillText('Powered by Fuelcard', width - 20, height - 15);
 
-    // Crop final image
     const finalImage = await cropImage({
         imagePath: canvas.toBuffer('image/png'),
         width: width,
@@ -221,4 +185,4 @@ export const Flame = async ({
     return finalImage;
 };
 
-export default Flame;
+module.exports = { Flame };

package/src/themes/Fuego.js

@@ -5,20 +5,16 @@
  * ╚═══════════════════════════════════════════════════════════════╝
  */
 
-import { createCanvas, loadImage } from '@napi-rs/canvas';
-import { cropImage } from 'cropify';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const { createCanvas, loadImage } = require('@napi-rs/canvas');
+const { cropImage } = require('cropify');
+const path = require('path');
 
 const MASCOT_PATH = path.join(__dirname, '../../assets/mascot.png');
 
 /**
  * Generate a Fuego-styled music card (orange/gold like reference)
  */
-export const Fuego = async ({
+const Fuego = async ({
     thumbnail,
     trackName = 'Unknown Track',
     artistName = 'Unknown Artist',
@@ -29,7 +25,6 @@ export const Fuego = async ({
     const width = 600;
     const height = 170;
 
-    // Truncate text
     if (trackName.length > 22) trackName = trackName.substring(0, 19) + '...';
     if (artistName.length > 28) artistName = artistName.substring(0, 25) + '...';
 
@@ -68,7 +63,6 @@ export const Fuego = async ({
         });
         const thumbImage = await loadImage(thumbBuffer);
 
-        // Shadow behind thumbnail
         ctx.shadowColor = 'rgba(0,0,0,0.3)';
         ctx.shadowBlur = 10;
         ctx.shadowOffsetX = 3;
@@ -95,12 +89,10 @@ export const Fuego = async ({
     ctx.textAlign = 'left';
     ctx.textBaseline = 'top';
 
-    // Track name (white, bold)
     ctx.fillStyle = '#ffffff';
     ctx.font = 'bold 22px Arial';
     ctx.fillText(trackName, textX, 25);
 
-    // Artist name (darker)
     ctx.fillStyle = 'rgba(0,0,0,0.6)';
     ctx.font = '16px Arial';
     ctx.fillText(artistName, textX, 55);
@@ -131,7 +123,7 @@ export const Fuego = async ({
     ctx.textAlign = 'right';
     ctx.fillText(endTime, progressX + progressWidth, progressY + 14);
 
-    // Draw mascot on the right (extending beyond)
+    // Draw mascot
     try {
         const mascotImage = await loadImage(MASCOT_PATH);
         const mascotHeight = 190;
@@ -152,4 +144,4 @@ export const Fuego = async ({
     return finalImage;
 };
 
-export default Fuego;
+module.exports = { Fuego };

package/src/themes/Fuelex.js

@@ -5,35 +5,16 @@
  * ╚═══════════════════════════════════════════════════════════════╝
  */
 
-import { createCanvas, loadImage } from '@napi-rs/canvas';
-import { cropImage } from 'cropify';
-import path from 'path';
-import { fileURLToPath } from 'url';
+const { createCanvas, loadImage } = require('@napi-rs/canvas');
+const { cropImage } = require('cropify');
+const path = require('path');
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Path to mascot image
 const MASCOT_PATH = path.join(__dirname, '../../assets/mascot.png');
 
-/**
- * @typedef {Object} FuelexOptions
- * @property {string|Buffer} thumbnail - Album art URL or buffer
- * @property {string} [trackName='Unknown Track'] - Song title
- * @property {string} [artistName='Unknown Artist'] - Artist name
- * @property {number} [progress=0] - Progress percentage (0-100)
- * @property {string} [startTime='0:00'] - Current timestamp
- * @property {string} [endTime='0:00'] - Total duration
- * @property {string} [backgroundColor='#1a1a2e'] - Card background color
- * @property {string} [accentColor='#ff6b00'] - Accent color
- */
-
 /**
  * Generate a Fuelex-styled music card with the mascot character
- * @param {FuelexOptions} options
- * @returns {Promise<Buffer>}
  */
-export const Fuelex = async ({
+const Fuelex = async ({
     thumbnail,
     trackName = 'Unknown Track',
     artistName = 'Unknown Artist',
@@ -43,21 +24,18 @@ export const Fuelex = async ({
     backgroundColor = '#1a1a2e',
     accentColor = '#ff6b00'
 }) => {
-    // Card dimensions (similar to reference)
     const width = 900;
     const height = 200;
 
-    // Truncate text
     if (trackName.length > 28) trackName = trackName.substring(0, 25) + '...';
     if (artistName.length > 35) artistName = artistName.substring(0, 32) + '...';
 
     const safeProgress = Math.min(Math.max(progress, 0), 100);
 
-    // Create canvas
     const canvas = createCanvas(width, height);
     const ctx = canvas.getContext('2d');
 
-    // Background gradient (dark with subtle color)
+    // Background gradient
     const bgGradient = ctx.createLinearGradient(0, 0, width, 0);
     bgGradient.addColorStop(0, backgroundColor);
     bgGradient.addColorStop(0.7, '#0d0d1a');
@@ -80,7 +58,7 @@ export const Fuelex = async ({
     ctx.roundRect(2, 2, width - 4, height - 4, 14);
     ctx.stroke();
 
-    // Load and draw thumbnail on left side
+    // Thumbnail
     const thumbSize = 140;
     const thumbX = 25;
     const thumbY = (height - thumbSize) / 2;
@@ -94,20 +72,17 @@ export const Fuelex = async ({
         });
         const thumbImage = await loadImage(thumbBuffer);
 
-        // Glow effect behind thumbnail
         ctx.shadowColor = accentColor;
         ctx.shadowBlur = 15;
         ctx.drawImage(thumbImage, thumbX, thumbY, thumbSize, thumbSize);
         ctx.shadowBlur = 0;
 
-        // Border on thumbnail
         ctx.strokeStyle = accentColor;
         ctx.lineWidth = 2;
         ctx.beginPath();
         ctx.roundRect(thumbX, thumbY, thumbSize, thumbSize, 15);
         ctx.stroke();
     } catch (e) {
-        // Placeholder
         ctx.fillStyle = '#2a2a4e';
         ctx.beginPath();
         ctx.roundRect(thumbX, thumbY, thumbSize, thumbSize, 15);
@@ -120,7 +95,7 @@ export const Fuelex = async ({
         ctx.fillText('♪', thumbX + thumbSize / 2, thumbY + thumbSize / 2);
     }
 
-    // Draw mascot on the right side (large and prominent)
+    // Mascot (large)
     try {
         const mascotImage = await loadImage(MASCOT_PATH);
         const mascotWidth = 220;
@@ -129,18 +104,15 @@ export const Fuelex = async ({
         const mascotY = height - mascotHeight + 20;
 
         ctx.drawImage(mascotImage, mascotX, mascotY, mascotWidth, mascotHeight);
-    } catch (e) {
-        // Mascot not available
-    }
+    } catch (e) { }
 
-    // Text content (middle area)
+    // Text
     const textX = thumbX + thumbSize + 25;
     const textMaxWidth = 380;
 
     ctx.textAlign = 'left';
     ctx.textBaseline = 'top';
 
-    // Track name with glow
     ctx.shadowColor = accentColor;
     ctx.shadowBlur = 8;
     ctx.fillStyle = '#ffffff';
@@ -148,7 +120,6 @@ export const Fuelex = async ({
     ctx.fillText(trackName, textX, 30, textMaxWidth);
     ctx.shadowBlur = 0;
 
-    // Artist name
     ctx.fillStyle = '#cccccc';
     ctx.font = '18px Arial';
     ctx.fillText(artistName, textX, 68, textMaxWidth);
@@ -160,13 +131,11 @@ export const Fuelex = async ({
     const progressHeight = 10;
     const actualProgressWidth = (safeProgress / 100) * progressWidth;
 
-    // Background bar
     ctx.fillStyle = 'rgba(255,255,255,0.15)';
     ctx.beginPath();
     ctx.roundRect(progressX, progressY, progressWidth, progressHeight, 5);
     ctx.fill();
 
-    // Progress fill with gradient
     if (safeProgress > 0) {
         const progressGradient = ctx.createLinearGradient(progressX, 0, progressX + actualProgressWidth, 0);
         progressGradient.addColorStop(0, accentColor);
@@ -177,7 +146,6 @@ export const Fuelex = async ({
         ctx.roundRect(progressX, progressY, actualProgressWidth, progressHeight, 5);
         ctx.fill();
 
-        // Knob
         ctx.fillStyle = '#ffffff';
         ctx.beginPath();
         ctx.arc(progressX + actualProgressWidth, progressY + progressHeight / 2, 7, 0, Math.PI * 2);
@@ -192,13 +160,12 @@ export const Fuelex = async ({
     ctx.textAlign = 'right';
     ctx.fillText(endTime, progressX + progressWidth, progressY + 18);
 
-    // Fuelex branding
+    // Branding
     ctx.fillStyle = '#555555';
     ctx.font = 'bold 11px Arial';
     ctx.textAlign = 'left';
     ctx.fillText('FUELCARD', textX, height - 22);
 
-    // Crop with rounded corners
     const finalImage = await cropImage({
         imagePath: canvas.toBuffer('image/png'),
         width: width,
@@ -209,4 +176,4 @@ export const Fuelex = async ({
     return finalImage;
 };
 
-export default Fuelex;
+module.exports = { Fuelex };

package/src/themes/Oscuro.js

@@ -5,20 +5,16 @@
  * ╚═══════════════════════════════════════════════════════════════╝
  */
 
-import { createCanvas, loadImage } from '@napi-rs/canvas';
-import { cropImage } from 'cropify';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const { createCanvas, loadImage } = require('@napi-rs/canvas');
+const { cropImage } = require('cropify');
+const path = require('path');
 
 const MASCOT_PATH = path.join(__dirname, '../../assets/mascot.png');
 
 /**
  * Generate an Oscuro-styled music card (dark like reference)
  */
-export const Oscuro = async ({
+const Oscuro = async ({
     thumbnail,
     trackName = 'Unknown Track',
     artistName = 'Unknown Artist',
@@ -74,7 +70,6 @@ export const Oscuro = async ({
         ctx.drawImage(thumbImage, thumbX, thumbY, thumbSize, thumbSize);
         ctx.shadowBlur = 0;
 
-        // Accent border on thumbnail
         ctx.strokeStyle = accentColor;
         ctx.lineWidth = 2;
         ctx.beginPath();
@@ -154,4 +149,4 @@ export const Oscuro = async ({
     return finalImage;
 };
 
-export default Oscuro;
+module.exports = { Oscuro };

package/src/themes/Rosa.js

@@ -5,20 +5,16 @@
  * ╚═══════════════════════════════════════════════════════════════╝
  */
 
-import { createCanvas, loadImage } from '@napi-rs/canvas';
-import { cropImage } from 'cropify';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const { createCanvas, loadImage } = require('@napi-rs/canvas');
+const { cropImage } = require('cropify');
+const path = require('path');
 
 const MASCOT_PATH = path.join(__dirname, '../../assets/mascot.png');
 
 /**
  * Generate a Rosa-styled music card (pink/magenta like reference)
  */
-export const Rosa = async ({
+const Rosa = async ({
     thumbnail,
     trackName = 'Unknown Track',
     artistName = 'Unknown Artist',
@@ -153,4 +149,4 @@ export const Rosa = async ({
     return finalImage;
 };
 
-export default Rosa;
+module.exports = { Rosa };

package/test.js

@@ -5,13 +5,9 @@
  * ╚═══════════════════════════════════════════════════════════════╝
  */
 
-import { Fuego, Aqua, Rosa, Oscuro, Classic, Neon, Flame, Fuelex } from './src/index.js';
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const { Fuego, Aqua, Rosa, Oscuro, Flame, Fuelex } = require('./src/index.js');
+const fs = require('fs');
+const path = require('path');
 
 const outputDir = path.join(__dirname, 'test-output');
 if (!fs.existsSync(outputDir)) {
@@ -29,11 +25,11 @@ const sampleTrack = {
 
 async function generateTestCards() {
     console.log('╔═══════════════════════════════════════════════════════════════╗');
-    console.log('║                    FUELCARD TEST SUITE                        ║');
+    console.log('║                    FUELCARD v1.0.1 TEST                       ║');
     console.log('║               By Ramkrishna & ZayDocs                         ║');
     console.log('╚═══════════════════════════════════════════════════════════════╝');
     console.log();
-    console.log('=== NEW THEMES (Like Reference) ===');
+    console.log('=== MAIN THEMES (Reference Style) ===');
     console.log();
 
     // Fuego (Orange)
@@ -77,7 +73,7 @@ async function generateTestCards() {
     }
 
     console.log();
-    console.log('=== LEGACY THEMES ===');
+    console.log('=== PREMIUM THEMES ===');
     console.log();
 
     // Fuelex
@@ -90,26 +86,6 @@ async function generateTestCards() {
         console.error('  ✗ Error:', error.message);
     }
 
-    // Classic
-    console.log('[TEST] Generating Classic theme...');
-    try {
-        const card = await Classic(sampleTrack);
-        fs.writeFileSync(path.join(outputDir, 'classic-theme.png'), card);
-        console.log('  ✓ Saved: classic-theme.png');
-    } catch (error) {
-        console.error('  ✗ Error:', error.message);
-    }
-
-    // Neon
-    console.log('[TEST] Generating Neon theme...');
-    try {
-        const card = await Neon({ ...sampleTrack, glowColor: '#00ffff', accentColor: '#ff00ff' });
-        fs.writeFileSync(path.join(outputDir, 'neon-theme.png'), card);
-        console.log('  ✓ Saved: neon-theme.png');
-    } catch (error) {
-        console.error('  ✗ Error:', error.message);
-    }
-
     // Flame
     console.log('[TEST] Generating Flame theme...');
     try {
@@ -122,7 +98,7 @@ async function generateTestCards() {
 
     console.log();
     console.log('═══════════════════════════════════════════════════════════════');
-    console.log('Test complete! Check the test-output folder.');
+    console.log('Test complete! v1.0.1 (CommonJS)');
     console.log('═══════════════════════════════════════════════════════════════');
 }