zindex-scanner
| Crates.io | zindex-scanner |
| lib.rs | zindex-scanner |
| version | 0.1.1 |
| created_at | 2025-04-03 10:46:35.860875+00 |
| updated_at | 2025-04-03 10:55:21.0836+00 |
| description | A CLI tool to scan and analyze z-index definitions in JavaScript/TypeScript files |
| homepage | |
| repository | https://github.com/alramalho/zindex-scanner |
| max_upload_size | |
| id | 1617986 |
| size | 5,059,554 |
Alex Ramalho (alramalho)
documentation
README
🥞 Z-Index Scanner
A CLI tool that finds and displays z-index layers in your JavaScript/TypeScript project, showing which elements appear on top of others.
Features
-
Scans JavaScript/TypeScript files for z-index definitions
-
Supports multiple z-index formats:
- Tailwind CSS:
z-[10]orz-10 - React Native:
zIndex: 10 - React 'style' prop:
z-index: 10
- Tailwind CSS:
-
Sorts z-index values in descending order
-
Excludes hidden directories and
node_modules -
Provides a tree-like visualization of z-index hierarchy
Installation
cargo install zindex-scanner
Usage
zscan <directory>
Example
zscan ./src
Output Example
Z-Index Tree:
=============
z-100
├─ File: src/components/Modal.tsx
└─ Line: 15
z-50
├─ File: src/components/Dropdown.tsx
└─ Line: 23
z-10
├─ File: src/components/Header.tsx
└─ Line: 8
Supported File Types
.js.jsx.ts.tsx
Development
Prerequisites
- Rust (latest stable version)
- Cargo
Building
cargo build --release
License
MIT
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.