https://github.com/pizcadesaber/vscode-livewire-jump

A VS Code extension for Laravel 11 and Livewire 3 projects.
https://github.com/pizcadesaber/vscode-livewire-jump

blade laravel laravel11 livewire livewire3 navigation vscode vscode-extension vscode-language-support vscode-snippets

Last synced: 2 days ago
JSON representation

A VS Code extension for Laravel 11 and Livewire 3 projects.

• Host: GitHub
• URL: https://github.com/pizcadesaber/vscode-livewire-jump
• Owner: pizcadesaber
• License: mit
• Created: 2024-12-09T15:11:33.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2025-01-24T22:36:58.000Z (2 days ago)
• Last Synced: 2025-01-24T23:22:27.760Z (2 days ago)
• Topics: blade, laravel, laravel11, livewire, livewire3, navigation, vscode, vscode-extension, vscode-language-support, vscode-snippets
• Homepage:
• Size: 993 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • Changelog: changelog.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# Livewire Jump Extension for VS Code

*Jump ahead, jump fast—speedy development!*

This extension allows you to quickly navigate between Livewire views, their associated PHP classes, and Blade components in Laravel projects. It streamlines the development workflow by providing an efficient way to jump from one file to another with just one click.

## Features

- **Register components and autocomplete Blade and Livewire tags:** To enhance performance, a manual action has been added to register all components and use them for code autocompletion across different parts of your project. The `Refresh Views` action is only available in Blade and PHP language files.

    ![Refresh views](https://github.com/pizcadesaber/vscode-livewire-jump/raw/HEAD/docs/images/refresh-views.gif)

    > **Note:** Updates based on file change observation are still pending implementation.

- **Customize view discovery:** The `livewire-jump.view.dirs` setting allows you to customize the search by specifying prefixes for views and tags. Each key-value pair must follow this format: `"bladeDir|phpDir": "viewPrefix|tagPrefix"`. Keys also support `:` as a separator, but values do not, as it would conflict with `livewire:`. It’s not mandatory to specify both directories, but if you want to define only `phpDir`, you must prepend it with `|` so it is passed as the second argument.

    ![View discovery](https://github.com/pizcadesaber/vscode-livewire-jump/raw/HEAD/docs/images/view-discovery.jpg)

- **Jump from Blade view to PHP class (and vice versa):** Easily navigate between Blade files and their corresponding PHP classes. Right-click on a Blade or PHP file and select `Go to PHP Class` or `Go to Blade Class`.

    ![Go to PHP Class and View](https://github.com/pizcadesaber/vscode-livewire-jump/raw/HEAD/docs/images/view-class.gif)

- **Autocomplete component names:** The extension reads the paths found in `app/Livewire` and provides autocompletion for `