{"id":22567805,"url":"https://github.com/gabediaz/block-visual-tools","last_synced_at":"2026-05-02T09:31:54.094Z","repository":{"id":266917099,"uuid":"899752907","full_name":"GabeDiaz/block-visual-tools","owner":"GabeDiaz","description":"A WordPress plugin that adds visual tools to the block editor for easier block debugging and development. This plugin works only in the block editor and does not affect the front end of your site.","archived":false,"fork":false,"pushed_at":"2024-12-07T00:30:27.000Z","size":195,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T14:12:19.912Z","etag":null,"topics":["block-editor","full-site-editing","gutenberg-blocks","visual","wordpress","wordpress-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GabeDiaz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-06T23:56:45.000Z","updated_at":"2024-12-07T00:27:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"934b243a-db6a-4132-87d1-b4e4a7742116","html_url":"https://github.com/GabeDiaz/block-visual-tools","commit_stats":null,"previous_names":["gabediaz/block-visual-tools"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabeDiaz%2Fblock-visual-tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabeDiaz%2Fblock-visual-tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabeDiaz%2Fblock-visual-tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GabeDiaz%2Fblock-visual-tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GabeDiaz","download_url":"https://codeload.github.com/GabeDiaz/block-visual-tools/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246040928,"owners_count":20714092,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["block-editor","full-site-editing","gutenberg-blocks","visual","wordpress","wordpress-plugin"],"created_at":"2024-12-08T00:09:14.444Z","updated_at":"2026-05-02T09:31:54.063Z","avatar_url":"https://github.com/GabeDiaz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Block Visual Tools for WordPress\n\nA WordPress plugin that adds visual tools to the block editor for easier block debugging and development. This plugin works only in the block editor and does not affect the front end of your site.\n\n## For Users: Plugin Installation\n\n### Option 1: Direct Installation\n1. Download the latest release zip file from the [Releases page](https://github.com/gabediaz/block-visual-tools/releases).\n2. Go to WordPress Admin \u003e Plugins \u003e Add New \u003e Upload Plugin.\n3. Upload the zip file and activate the plugin.\n\n### Option 2: Manual Server Installation\n1. Clone the repository or download the zip file.\n2. Ensure you run `npm install` and `npm run build` to generate the necessary files.\n3. Upload the `block-visual-tools` folder to `/wp-content/plugins/`.\n4. Activate through WordPress Admin \u003e Plugins.\n\n## Using the Plugin\n\n1. Open any page or post in the WordPress editor.\n2. Click on any block to select it.\n3. Look in the right sidebar for \"Visual Tools.\"\n4. Use the available tools:\n   - **Hide Block**: Temporarily hide blocks while editing.\n   - **Show Block Structure**: Visualize block boundaries and nesting.\n\n## For Developers: Setup \u0026 Build\n\n### Prerequisites\n- Node.js (v14 or later)\n- npm or yarn\n- Local WordPress development environment\n\n### Local Development\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/gabediaz/block-visual-tools.git\n   cd block-visual-tools\n   ```\n\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n3. Start development mode:\n   ```bash\n   npm run start\n   ```\n\n### Building for Production\n1. Create production build:\n   ```bash\n   npm run build\n   ```\n\n2. Required files for distribution:\n   ```\n   block-visual-tools/\n   ├── build/              # Built files\n   │   ├── index.js\n   │   ├── index.asset.php\n   │   └── style.css\n   ├── block-visual-tools.php\n   ├── package.json\n   └── README.md\n   ```\n\n## System Requirements\n- WordPress 6.0 or higher\n- PHP 7.4 or higher\n\n## License\nGPL v2 or later\n\n## Support\nFor issues and feature requests, please use the GitHub issues page.\n\n## Contributing\nContributions are welcome! Please feel free to submit a Pull Request.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabediaz%2Fblock-visual-tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgabediaz%2Fblock-visual-tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabediaz%2Fblock-visual-tools/lists"}