xw-devtool-cli 1.0.27 → 1.0.28

package/README.md

@@ -21,7 +21,8 @@
     > 2. 由于涉及跨进程通信，按下空格后可能存在轻微延时，请耐心等待结果。
     > 3. 取色模式下会显示全屏十字辅助线，按 **回车键** 退出模式。
   - **占位图生成**：快速生成指定尺寸、颜色、文字的占位图片 (Placeholder Image)。
-  - **全屏十字辅助线**：显示跟随鼠标的全屏红色十字线，用于屏幕对齐和定位。
+  - **全屏十字辅助线**：显示跟随鼠标的全屏红色十字线，用于屏幕对齐和定位。
+  - **屏幕测距**：点击屏幕上任意两点，测量其像素距离。
 - **Mock 数据生成**：
   - 支持生成：英文段落 (Lorem Ipsum)、中文字符、中国居民身份证号、电子邮箱、URL、订单号、手机号、座机号。
   - 支持批量生成。

package/README_EN.md

@@ -17,6 +17,7 @@ Key features include: Base64 encoding/decoding, image format conversion, image <
   - **Color Picker**: Pick a single pixel color or area average from an image; supports px/% coordinates; shows preview bar and auto-copies Hex/Hex8.
   - **Screen Picker**: Pick color directly from the screen at the mouse position; move the cursor and press Enter to sample; supports alpha preview.
   - **Screen Crosshair**: Display a full-screen red crosshair following the mouse for alignment.
+  - **Pixel Distance**: Measure pixel distance between two points on the screen.
 - **Mock Data**:
   - Generate: Lorem Ipsum, Chinese characters, ID cards, Emails, URLs, Order IDs, Phone numbers.
   - Supports batch generation.

package/package.json

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

package/src/commands/pixelDistance.js

@@ -0,0 +1,167 @@
+import { spawn } from 'child_process';
+import i18next from '../i18n.js';
+
+export async function pixelDistanceHandler() {
+    if (process.platform !== 'win32') {
+        console.log(i18next.t('pixelDistance.notSupported'));
+        return;
+    }
+
+    console.log(i18next.t('pixelDistance.startPrompt'));
+
+    const overlayScript = `
+Add-Type -AssemblyName System.Windows.Forms;
+Add-Type -AssemblyName System.Drawing;
+
+Add-Type -TypeDefinition @'
+using System;
+using System.Drawing;
+using System.Windows.Forms;
+using System.Runtime.InteropServices;
+
+public class DistanceForm : Form {
+    private Point p1 = Point.Empty;
+    private Point p2 = Point.Empty;
+    private bool p1Set = false;
+    private bool p2Set = false;
+    private Bitmap screenCapture;
+
+    public DistanceForm() {
+        this.FormBorderStyle = FormBorderStyle.None;
+        this.TopMost = true;
+        this.Cursor = Cursors.Cross;
+        this.DoubleBuffered = true;
+        
+        // Calculate total bounds
+        Rectangle totalBounds = Rectangle.Empty;
+        foreach(Screen s in Screen.AllScreens) {
+            totalBounds = Rectangle.Union(totalBounds, s.Bounds);
+        }
+        
+        this.StartPosition = FormStartPosition.Manual;
+        this.Bounds = totalBounds;
+        
+        // Capture screen
+        screenCapture = new Bitmap(totalBounds.Width, totalBounds.Height);
+        using (Graphics g = Graphics.FromImage(screenCapture)) {
+            g.CopyFromScreen(totalBounds.Location, Point.Empty, totalBounds.Size);
+        }
+        this.BackgroundImage = screenCapture;
+    }
+
+    private Point GetSnappedPoint(Point current) {
+        if (!p1Set) return current;
+        
+        Point snapped = current;
+        int threshold = 5; // Snap threshold in pixels
+
+        // Check horizontal snap (same Y)
+        if (Math.Abs(current.Y - p1.Y) < threshold) {
+            snapped.Y = p1.Y;
+        }
+
+        // Check vertical snap (same X)
+        if (Math.Abs(current.X - p1.X) < threshold) {
+            snapped.X = p1.X;
+        }
+
+        return snapped;
+    }
+
+    protected override void OnMouseDown(MouseEventArgs e) {
+        if (e.Button == MouseButtons.Right) {
+            // Reset
+            p1Set = false;
+            p2Set = false;
+            this.Invalidate();
+            return;
+        }
+
+        if (e.Button == MouseButtons.Left) {
+            if (!p1Set) {
+                p1 = e.Location;
+                p1Set = true;
+            } else if (!p2Set) {
+                p2 = GetSnappedPoint(e.Location);
+                p2Set = true;
+            } else {
+                // Start over from new point
+                p1 = e.Location;
+                p1Set = true;
+                p2Set = false;
+            }
+            this.Invalidate();
+        }
+    }
+
+    protected override void OnMouseMove(MouseEventArgs e) {
+        if (p1Set && !p2Set) {
+            this.Invalidate();
+        }
+    }
+
+    protected override void OnPaint(PaintEventArgs e) {
+        Graphics g = e.Graphics;
+        g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
+
+        Pen pen = new Pen(Color.Red, 2);
+        Brush brush = Brushes.Red;
+        Font font = new Font("Segoe UI", 12, FontStyle.Bold);
+        Brush textBg = new SolidBrush(Color.FromArgb(180, 0, 0, 0));
+
+        if (p1Set) {
+            Point target = p2Set ? p2 : GetSnappedPoint(this.PointToClient(Cursor.Position));
+            
+            // Draw line
+            g.DrawLine(pen, p1, target);
+            
+            // Draw points
+            g.FillEllipse(brush, p1.X - 4, p1.Y - 4, 8, 8);
+            g.FillEllipse(brush, target.X - 4, target.Y - 4, 8, 8);
+
+            // Calculate distance
+            double dist = Math.Sqrt(Math.Pow(target.X - p1.X, 2) + Math.Pow(target.Y - p1.Y, 2));
+            string text = String.Format("{0:F2} px", dist);
+            
+            // Draw text at midpoint
+            Point mid = new Point((p1.X + target.X) / 2, (p1.Y + target.Y) / 2);
+            SizeF size = g.MeasureString(text, font);
+            
+            // Ensure text doesn't go off screen
+            float txtX = mid.X + 10;
+            float txtY = mid.Y + 10;
+            
+            g.FillRectangle(textBg, txtX - 2, txtY - 2, size.Width + 4, size.Height + 4);
+            g.DrawString(text, font, Brushes.White, txtX, txtY);
+            
+            // Also display coordinates
+            string coords = String.Format("P1: {0},{1}  P2: {2},{3}", p1.X, p1.Y, target.X, target.Y);
+            g.DrawString(coords, font, Brushes.Yellow, 10, 10);
+        }
+    }
+
+    protected override void OnKeyDown(KeyEventArgs e) {
+        if (e.KeyCode == Keys.Escape) {
+            Application.Exit();
+        }
+    }
+}
+
+public static class Entry {
+    public static void Main() {
+        Application.EnableVisualStyles();
+        Application.SetCompatibleTextRenderingDefault(false);
+        Application.Run(new DistanceForm());
+    }
+}
+'@ -ReferencedAssemblies System.Windows.Forms,System.Drawing
+
+[Entry]::Main()
+`;
+
+    const proc = spawn('powershell', ['-NoProfile', '-Command', overlayScript], { stdio: 'inherit' });
+
+    proc.on('close', (code) => {
+        // console.log('Exited');
+    });
+}

package/src/index.js

@@ -30,6 +30,7 @@ import { vscodeSnippetHandler } from './commands/vscodeSnippet.js';
 import { dominantColorHandler } from './commands/dominantColor.js';
 import { colorPickHandler } from './commands/colorPick.js';
 import { crosshairHandler } from './commands/crosshair.js';
+import { pixelDistanceHandler } from './commands/pixelDistance.js';
 
 process.on('SIGINT', () => {
     console.log(`\n${i18next.t('menu.bye')}`);
@@ -55,6 +56,7 @@ function getFeatures() {
         { name: i18next.t('menu.features.dominantColor'), value: 'dominantColor' },
         { name: i18next.t('menu.features.colorPick'), value: 'colorPick' },
         { name: i18next.t('menu.features.crosshair'), value: 'crosshair' },
+        { name: i18next.t('menu.features.pixelDistance'), value: 'pixelDistance' },
         { name: i18next.t('menu.features.placeholderImg'), value: 'placeholderImg' },
         { name: i18next.t('menu.features.qrcode'), value: 'qrcode' },
         
@@ -199,6 +201,9 @@ async function handleAction(action) {
         case 'crosshair':
             await crosshairHandler();
             break;
+        case 'pixelDistance':
+            await pixelDistanceHandler();
+            break;
         case 'timeFormat':
             await timeFormatHandler();
             break;

package/src/locales/en.js

@@ -2,6 +2,10 @@ export default {
     common: {
         back: 'Back to previous step'
     },
+    pixelDistance: {
+        notSupported: 'Pixel distance tool not supported on this OS.',
+        startPrompt: 'Pixel distance tool started. Click 2 points to measure. Right-click to reset. ESC to exit.'
+    },
     menu: {
         title: 'xw-devtool-cli Menu',
         exit: 'Exit',
@@ -15,6 +19,7 @@ export default {
             dominantColor: 'Image Dominant Color',
             colorPick: 'Color Picker',
             crosshair: 'Screen Crosshair',
+            pixelDistance: 'Pixel Distance Tool',
             placeholderImg: 'Placeholder Image Generator',
             qrcode: 'QR Code Generator',
             url: 'URL Encode/Decode',

package/src/locales/zh.js

@@ -6,6 +6,10 @@ export default {
         notSupported: '当前系统不支持屏幕辅助线。',
         startPrompt: '屏幕十字辅助线已启动。按任意键退出...'
     },
+    pixelDistance: {
+        notSupported: '当前系统不支持屏幕测距。',
+        startPrompt: '屏幕测距工具已启动。点击两点测量距离。右键重置。ESC 退出。'
+    },
     menu: {
         title: 'xw-devtool-cli 菜单',
         exit: '退出',
@@ -19,6 +23,7 @@ export default {
             dominantColor: '图片主色识别',
             colorPick: '颜色吸取',
             crosshair: '全屏十字辅助线',
+            pixelDistance: '屏幕测距 (像素)',
             placeholderImg: '占位图生成器',
             qrcode: '二维码生成器',
             url: 'URL 编码/解码',