An efficient Raycast extension for quickly querying Wubi encoding and character decomposition diagrams of Chinese characters.
- ⚡ Fast Query: 300ms response time with real-time search
- 🔍 Batch Query: Query multiple Chinese characters at once (e.g., "Wubi encoding")
- 📋 Quick Copy: One-click copy of Wubi 86/98 encodings to clipboard
- 🖼️ Smart Caching: Automatically download and cache decomposition diagrams for faster access
- 📱 Modern Interface: Elegant list + detail view design
- 🎵 Complete Information: Display encoding, short codes, pinyin, and stroke count
git clone https://github.com/0xlane/raycast_wubi.git
cd raycast_wubi
npm install
npm run dev- Download the project ZIP file to your local machine
- Extract to any directory
- Open terminal and run:
cd raycast_wubi npm install npm run dev
-
Plugin Interface Query:
- Search for
Wubior五笔in Raycast to find the extension - Open the extension and enter Chinese characters to search
- Supports auto search (after 300ms) or press Enter for immediate search
- Search for
-
Batch Query:
Input: 程序员 → Display encodings for 3 characters
- Search for
Wubior五笔in Raycast to quickly find the extension - Supports Chinese keyword search, enter
五笔编码to find the extension - Support querying multiple Chinese characters simultaneously
- View Details: Click any character to view complete encoding information and decomposition diagram
- Quick Copy: Directly copy encodings from the list, supports Wubi 86 and 98 versions
- View Decomposition: View decomposition diagram in detail page or open in browser
┌─────────────────────────────────────────────┐
│ [Search: Enter Chinese characters to query...] │
├─────────────────────────────────────────────┤
│ Found 4 results │
│ │
│ 五 4 strokes [gggh] [♪wǔ] │
│ 笔 6 strokes [thln] [♪bǐ] │
│ 编 15 strokes [xyna] [98:xynw] [♪biān] │
│ 码 8 strokes [dmjc] [♪mǎ] │
└─────────────────────────────────────────────┘
- TypeScript - Type-safe JavaScript
- React - User interface library
- Raycast API - Extension development framework
- Node.js - Runtime environment
raycast_wubi/
├── package.json # Extension configuration and dependencies
├── src/
│ ├── search-wubi.tsx # Main interface component
│ ├── api.ts # API service
│ ├── imageCache.ts # Image cache management
│ └── types.ts # TypeScript type definitions
└── assets/
└── logo.png # Extension icon
npm run dev # Development mode (hot reload)
npm run build # Build extension
npm run lint # Code linting
npm run fix-lint # Fix code formattingThis extension uses the Wubi encoding query API provided by iamwawa.cn.
- Encoding Query: Supports Wubi 86 and 98 versions
- Decomposition Diagrams: Provides character decomposition illustrations
- Complete Information: Includes pinyin, stroke count and other detailed information
Welcome to submit Issues and Pull Requests!
- Fork this repository
- Create feature branch:
git checkout -b feature/amazing-feature - Commit changes:
git commit -m 'Add some amazing feature' - Push to branch:
git push origin feature/amazing-feature - Submit Pull Request
This project is open source under the MIT License - see the LICENSE file for details.
- Raycast - Providing excellent extension development platform
- iamwawa.cn - Providing Wubi encoding query API
- All contributors and users for their support
If this extension helps you, please give it a ⭐ Star!