{"_id":"jsx-tree","_rev":"4171485","name":"jsx-tree","description":"Analyze JSX files as a tree structure","dist-tags":{"latest":"0.1.2"},"maintainers":[{"name":"kimdohyeon","email":""}],"time":{"modified":"2026-03-01T21:18:29.000Z","created":"2025-04-27T15:32:43.223Z","0.1.2":"2025-04-29T17:42:39.741Z","0.1.1":"2025-04-28T16:42:46.767Z","0.1.0":"2025-04-27T15:32:43.223Z"},"users":{},"author":{"name":"Kim Dohyeon","email":"swputer@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/doputer/jsx-tree.git"},"versions":{"0.1.2":{"name":"jsx-tree","version":"0.1.2","private":false,"description":"Analyze JSX files as a tree structure","keywords":["jsx","tsx","ast","tree","parser","analyzer"],"repository":{"type":"git","url":"git+https://github.com/doputer/jsx-tree.git"},"license":"MIT","author":{"name":"Kim Dohyeon","email":"swputer@gmail.com"},"main":"dist/index.js","types":"dist/index.d.ts","bin":{"jsx-tree":"bin/cli.js"},"scripts":{"build":"tsc && tsc-alias","dev":"npx ts-node -r tsconfig-paths/register src/index.ts"},"prettier":"./configs/prettier/index.js","dependencies":{"@babel/parser":"^7.27.0","@babel/traverse":"^7.27.0","@types/babel__traverse":"^7.20.7","chalk":"^4.1.2","commander":"^13.1.0","enhanced-resolve":"^5.18.1","tsconfig-paths":"^4.2.0"},"devDependencies":{"@types/node":"^22.14.1","@typescript-eslint/eslint-plugin":"^8.31.0","@typescript-eslint/parser":"^8.31.0","eslint":"^8.57.1","eslint-config-prettier":"^10.1.2","eslint-import-resolver-typescript":"^4.3.4","eslint-plugin-import":"^2.31.0","eslint-plugin-prettier":"^5.2.6","prettier":"^3.5.3","prettier-plugin-packagejson":"^2.5.10","ts-node":"^10.9.2","tsc-alias":"^1.8.15","typescript":"^5.8.3"},"_id":"jsx-tree@0.1.2","gitHead":"87fd95cc7d0fbb4d1e07bca02b950652e6e31051","bugs":{"url":"https://github.com/doputer/jsx-tree/issues"},"homepage":"https://github.com/doputer/jsx-tree#readme","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"shasum":"d459e8d4e3a53de26a4733427d2c29aa2c31ea94","size":8800,"noattachment":false,"key":"/jsx-tree/-/jsx-tree-0.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/jsx-tree/download/jsx-tree-0.1.2.tgz"},"_npmUser":{"name":"kimdohyeon","email":"swputer@gmail.com"},"directories":{},"maintainers":[{"name":"kimdohyeon","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/jsx-tree_0.1.2_1745948559537_0.0347249729109429"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-04-29T17:42:39.741Z","publish_time":1745948559741,"_source_registry_name":"default","_cnpm_publish_time":1745948559741},"0.1.1":{"name":"jsx-tree","version":"0.1.1","private":false,"description":"Analyze JSX files as a tree structure","keywords":["jsx","tsx","ast","tree","parser","analyzer"],"repository":{"type":"git","url":"git+https://github.com/doputer/jsx-tree.git"},"license":"MIT","author":{"name":"Kim Dohyeon","email":"swputer@gmail.com"},"main":"dist/index.js","types":"dist/index.d.ts","bin":{"jsx-tree":"bin/cli.js"},"scripts":{"build":"tsc && tsc-alias","dev":"npx ts-node -r tsconfig-paths/register src/index.ts"},"prettier":"./configs/prettier/index.js","dependencies":{"@babel/parser":"^7.27.0","@babel/traverse":"^7.27.0","@types/babel__traverse":"^7.20.7","chalk":"^4.1.2","commander":"^13.1.0","enhanced-resolve":"^5.18.1","tsconfig-paths":"^4.2.0"},"devDependencies":{"@types/node":"^22.14.1","@typescript-eslint/eslint-plugin":"^8.31.0","@typescript-eslint/parser":"^8.31.0","eslint":"^8.57.1","eslint-config-prettier":"^10.1.2","eslint-import-resolver-typescript":"^4.3.4","eslint-plugin-import":"^2.31.0","eslint-plugin-prettier":"^5.2.6","prettier":"^3.5.3","prettier-plugin-packagejson":"^2.5.10","ts-node":"^10.9.2","tsc-alias":"^1.8.15","typescript":"^5.8.3"},"_id":"jsx-tree@0.1.1","gitHead":"a680f69c834f6187382a41da6707508066fa0325","bugs":{"url":"https://github.com/doputer/jsx-tree/issues"},"homepage":"https://github.com/doputer/jsx-tree#readme","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"shasum":"e853cebe29a53fd41d485c29efa87ee6f970d8ba","size":8535,"noattachment":false,"key":"/jsx-tree/-/jsx-tree-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/jsx-tree/download/jsx-tree-0.1.1.tgz"},"_npmUser":{"name":"kimdohyeon","email":"swputer@gmail.com"},"directories":{},"maintainers":[{"name":"kimdohyeon","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/jsx-tree_0.1.1_1745858566550_0.2411457604082543"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-04-28T16:42:46.767Z","publish_time":1745858566767,"_source_registry_name":"default","_cnpm_publish_time":1745858566767},"0.1.0":{"name":"jsx-tree","version":"0.1.0","private":false,"description":"Analyze JSX files as a tree structure","keywords":["jsx","tsx","ast","tree","parser","analyzer"],"repository":{"type":"git","url":"git+https://github.com/doputer/jsx-tree.git"},"license":"MIT","author":{"name":"Kim Dohyeon","email":"swputer@gmail.com"},"main":"dist/index.js","types":"dist/index.d.ts","bin":{"jsx-tree":"bin/cli.js"},"scripts":{"build":"tsc && tsc-alias","dev":"npx ts-node -r tsconfig-paths/register src/index.ts"},"prettier":"./configs/prettier/index.js","dependencies":{"@babel/parser":"^7.27.0","@babel/traverse":"^7.27.0","@types/babel__traverse":"^7.20.7","chalk":"^4.1.2","commander":"^13.1.0","enhanced-resolve":"^5.18.1","tsconfig-paths":"^4.2.0"},"devDependencies":{"@types/node":"^22.14.1","@typescript-eslint/eslint-plugin":"^8.31.0","@typescript-eslint/parser":"^8.31.0","eslint":"^8.57.1","eslint-config-prettier":"^10.1.2","eslint-import-resolver-typescript":"^4.3.4","eslint-plugin-import":"^2.31.0","eslint-plugin-prettier":"^5.2.6","prettier":"^3.5.3","prettier-plugin-packagejson":"^2.5.10","ts-node":"^10.9.2","tsc-alias":"^1.8.15","typescript":"^5.8.3"},"_id":"jsx-tree@0.1.0","gitHead":"283dd4f50e60773b9e109dff9b8a097a8cb8f6aa","bugs":{"url":"https://github.com/doputer/jsx-tree/issues"},"homepage":"https://github.com/doputer/jsx-tree#readme","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"shasum":"f7e47930dcebf7a0232aec2e7bb09a498b3f26d3","size":8382,"noattachment":false,"key":"/jsx-tree/-/jsx-tree-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/jsx-tree/download/jsx-tree-0.1.0.tgz"},"_npmUser":{"name":"kimdohyeon","email":"swputer@gmail.com"},"directories":{},"maintainers":[{"name":"kimdohyeon","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/jsx-tree_0.1.0_1745767963040_0.6976553246373194"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-04-27T15:32:43.223Z","publish_time":1745767963223,"_source_registry_name":"default","_cnpm_publish_time":1745767963223}},"readme":"## JSX-Tree\n\nA powerful tool to parse and visualize JSX/TSX files in a tree structure.\n\n### Features\n\n- Parse JSX/TSX files and display them in a readable tree structure\n- Filter by components only\n- Filter by HTML elements only\n- Include or exclude text nodes\n- Show file paths for components\n- Include or exclude specific tags\n- Control the displayed tree depth\n\n### Installation\n\n```bash\n# Install globally\nnpm install -g jsx-tree\n\n# Or use npx directly\nnpx jsx-tree [options] [file]\n```\n\n### Usage\n\n```bash\n# Basic usage\njsx-tree path/to/your-component.jsx\n\n# Alternative command\njt path/to/your-component.jsx\n```\n\n### Options\n\n```bash\nArguments:\n  file                          Path to the entry file (optional if using -e or default file exists)\n\nOptions:\n  -V, --version                 output the version number\n  -f, --entry <file>            Path to the entry file (default: ./index.jsx or ./index.tsx)\n  -c, --components-only         Display only component nodes (default: false)\n  -H, --html-only               Display only HTML tag nodes (default: false)\n  -t, --show-text               Display text nodes (default: false)\n  -p, --show-path               Display the file path for each node (default: false)\n  -i, --include-tags <tags...>  Include only specified tags or components\n  -e, --exclude-tags <tags...>  Exclude specified tags or components\n  -d, --depth <depth>           Limit the display depth of the tree\n  -h, --help                    display help for command\n```\n\n### Examples\n\nShow only components with file paths:\n\n```bash\njsx-tree --components-only --show-path src/App.jsx\n```\n\nShow HTML elements:\n\n```bash\njsx-tree --html-only src/components/Header.tsx\n```\n\nInclude text nodes and limit depth to 3:\n\n```bash\njsx-tree --show-text --depth 3 src/pages/Home.jsx\n```\n\nShow only Button and Card components:\n\n```bash\njsx-tree --include-tags Button Card src/ui/Components.jsx\n```\n\nExclude div and span tags:\n\n```bash\njsx-tree --exclude-tags div span src/layout/Main.jsx\n```\n\n### Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n","_attachments":{},"homepage":"https://github.com/doputer/jsx-tree#readme","bugs":{"url":"https://github.com/doputer/jsx-tree/issues"},"license":"MIT"}