xw-devtool-cli 1.0.8 → 1.0.9

package/README.md

@@ -10,6 +10,7 @@
 - **图片工具**：
   - **图片格式转换**：支持 PNG、JPG、WebP 格式互转，可调整压缩质量。
   - **图片 ↔ Base64**：支持图片转 Base64 字符串，以及 Base64 还原为图片文件。
+  - **占位图生成**：快速生成指定尺寸、颜色、文字的占位图片 (Placeholder Image)。
 - **Mock 数据生成**：
   - 支持生成：英文段落 (Lorem Ipsum)、中文字符、中国居民身份证号、电子邮箱、URL、订单号、手机号、座机号。
   - 支持批量生成。
@@ -27,6 +28,7 @@
   - **特殊符号大全**：包含常用符号、箭头、数学符号、货币、希腊字母等 170+ 个符号，支持一键复制。
   - **Emoji 输入**：支持分类查看和选择常用 Emoji，一键复制到剪贴板。
   - **HTML 实体工具**：支持 HTML 实体编码与解码 (如 `&` <-> `&amp;`)。
+  - **占位图生成**：自定义尺寸、背景色、文字颜色和格式生成占位图。
 - **便捷操作**：
   - 支持文件选择对话框 (Windows)。
   - 结果自动复制到剪贴板。
@@ -74,6 +76,7 @@ c. QR Code Generator
 d. Special Characters (Symbols)
 e. Emoji Picker
 f. HTML Entity Encode/Decode
+g. Placeholder Image Generator
 0. Exit
 =================================
 ```
@@ -168,6 +171,15 @@ f. HTML Entity Encode/Decode
 - 支持直接回车读取剪贴板内容。
 - 结果自动复制到剪贴板。
 
+### 16. 占位图生成 (Placeholder Image)
+- 选择 `g` 进入。
+- 支持自定义：
+  - **尺寸**: 宽度和高度 (px)。
+  - **颜色**: 背景色和文字颜色（支持 Hex 或颜色名）。
+  - **内容**: 自定义图片中间的文字（默认显示尺寸）。
+  - **格式**: 输出 PNG, JPG, WebP, GIF。
+- 文件名默认包含时间戳，避免覆盖。
+
 ## 📄 License
 
 ISC

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xw-devtool-cli",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "type": "module",
   "description": "基于node的开发者助手cli",
   "main": "index.js",

package/src/commands/placeholderImg.js

@@ -0,0 +1,88 @@
+import inquirer from 'inquirer';
+import sharp from 'sharp';
+import path from 'path';
+
+export async function placeholderImgHandler() {
+    console.log('\n--- Generate Placeholder Image ---\n');
+
+    const answers = await inquirer.prompt([
+        {
+            type: 'input',
+            name: 'width',
+            message: 'Width (px):',
+            default: '300',
+            validate: (input) => {
+                const val = parseInt(input);
+                return !isNaN(val) && val > 0 ? true : 'Please enter a valid positive number';
+            }
+        },
+        {
+            type: 'input',
+            name: 'height',
+            message: 'Height (px):',
+            default: '200',
+            validate: (input) => {
+                const val = parseInt(input);
+                return !isNaN(val) && val > 0 ? true : 'Please enter a valid positive number';
+            }
+        },
+        {
+            type: 'input',
+            name: 'bgColor',
+            message: 'Background Color (Hex/Name):',
+            default: '#cccccc'
+        },
+        {
+            type: 'input',
+            name: 'textColor',
+            message: 'Text Color (Hex/Name):',
+            default: '#333333'
+        },
+        {
+            type: 'input',
+            name: 'text',
+            message: 'Text (leave empty for size):',
+        },
+        {
+            type: 'list',
+            name: 'format',
+            message: 'Output Format:',
+            choices: ['png', 'jpg', 'webp', 'gif'],
+            default: 'png'
+        },
+        {
+            type: 'input',
+            name: 'filename',
+            message: 'Filename (without extension):',
+            default: () => `placeholder-${Date.now()}`
+        }
+    ]);
+
+    const width = parseInt(answers.width);
+    const height = parseInt(answers.height);
+    const text = answers.text || `${width}x${height}`;
+    const fontSize = Math.floor(Math.min(width, height) / 5); // Heuristic for font size
+    
+    // Create SVG buffer
+    const svgImage = `
+    <svg width="${width}" height="${height}" version="1.1" xmlns="http://www.w3.org/2000/svg">
+      <rect width="100%" height="100%" fill="${answers.bgColor}" />
+      <text x="50%" y="50%" font-size="${fontSize}" fill="${answers.textColor}" text-anchor="middle" dy=".3em" font-family="Arial, sans-serif">${text}</text>
+    </svg>
+    `;
+
+    const buffer = Buffer.from(svgImage);
+
+    const outputFilename = `${answers.filename}.${answers.format}`;
+    const outputPath = path.resolve(process.cwd(), outputFilename);
+
+    try {
+        await sharp(buffer)
+            .toFormat(answers.format)
+            .toFile(outputPath);
+        
+        console.log(`\nImage generated successfully: ${outputPath}`);
+    } catch (error) {
+        console.error(`\nFailed to generate image: ${error.message}`);
+    }
+}

package/src/index.js

@@ -15,6 +15,7 @@ import { qrcodeHandler } from './commands/qrcode.js';
 import { specialCharsHandler } from './commands/specialChars.js';
 import { emojiHandler } from './commands/emoji.js';
 import { htmlEntitiesHandler } from './commands/htmlEntities.js';
+import { placeholderImgHandler } from './commands/placeholderImg.js';
 
 process.on('SIGINT', () => {
     console.log('\nBye!');
@@ -46,7 +47,8 @@ const features = [
     { name: 'QR Code Generator', value: 'qrcode' },
     { name: 'Special Characters (Symbols)', value: 'specialChars' },
     { name: 'Emoji Picker', value: 'emoji' },
-    { name: 'HTML Entity Encode/Decode', value: 'htmlEntities' }
+    { name: 'HTML Entity Encode/Decode', value: 'htmlEntities' },
+    { name: 'Placeholder Image Generator', value: 'placeholderImg' }
 ];
 
 async function main() {
@@ -170,6 +172,9 @@ async function handleAction(action) {
         case 'htmlEntities':
             await htmlEntitiesHandler();
             break;
+        case 'placeholderImg':
+            await placeholderImgHandler();
+            break;
         default:
             console.log('Feature not implemented yet.');
     }