https://github.com/michalczaplinski/interactivity-vscode
Experimental VSCode extension that provides PHP autocompletion for the Interactivity API
https://github.com/michalczaplinski/interactivity-vscode
javascript php vscode vscode-extension
Last synced: 10 months ago
JSON representation
Experimental VSCode extension that provides PHP autocompletion for the Interactivity API
- Host: GitHub
- URL: https://github.com/michalczaplinski/interactivity-vscode
- Owner: michalczaplinski
- Created: 2023-04-03T08:37:54.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-10T21:08:10.000Z (about 3 years ago)
- Last Synced: 2025-05-08T02:40:45.563Z (about 1 year ago)
- Topics: javascript, php, vscode, vscode-extension
- Language: TypeScript
- Homepage:
- Size: 7.81 MB
- Stars: 9
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VSCode Interactivity
A VSCode extension that provides autocompletion for the [Interactivity
API](https://make.wordpress.org/core/2023/03/30/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks/).
⚠️ **Highly experimental and unstable. Do not use for anything other than tinkering or further development** ⚠️
https://github.com/michalczaplinski/interactivity-vscode/assets/5417266/3fe10446-3273-4165-b007-bf39d631b86f
## Current Limitations
- The extension only works for blocks where the interactivity is defined in a
separate `store.js` file and exported using `export default`. Look at the
example in [`/blocks/store/js`](/blocks/store/js).
- The `store.js` file has to be on the same level as the PHP file where you want
the autocompletion.
## Development
### Run and debug the extension in development:
```
npm run watch
```
And then you can run the "Run Extension" VSCode debug task to run the extension in debug mode.
### Build the extension for production:
```sh
npm run build
npx vsce package
```