Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wpperformance/presswind-helpers
Plugin PressWind for use vite.js in WordPress theme
https://github.com/wpperformance/presswind-helpers
php vitejs wordpress wordpress-plugin
Last synced: 7 days ago
JSON representation
Plugin PressWind for use vite.js in WordPress theme
- Host: GitHub
- URL: https://github.com/wpperformance/presswind-helpers
- Owner: wpperformance
- License: gpl-2.0
- Created: 2023-11-10T08:43:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-30T10:36:00.000Z (20 days ago)
- Last Synced: 2024-10-30T11:46:33.653Z (20 days ago)
- Topics: php, vitejs, wordpress, wordpress-plugin
- Language: PHP
- Homepage: https://wp-performance.com/
- Size: 128 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
## Presswind Helpers
This plugin give you the ability to use Vite JS directly in
your theme.
You can use this plugin with the starter theme **Press-wind**:
## Steps to Use
1. Install the **presswind-helpers** plugin.
2. Install the **Press-wind** theme.
3. Start coding!
## PWVite
- port - default 3000
- path - from your theme root
- position front|admin|editor - default front
- is_ts - default false
- is_plugin true|false - default false - for search assets in plugin folder instead of theme folder
- slug - handle - default presswind-script
```php
if (class_exists('PressWind\PWVite')) {
// use with named parameters for more readability
// in theme
// 1 - search dist folder in root theme
\PressWind\PWVite::init(port: 3000, path: '');
// 2 - search admin/dist folder in root theme
\PressWind\PWVite::init(port: 4444, path: 'admin', position: 'admin', is_ts: false);
// in plugin
// 3 - search dist folder in plugin test-plugin
\PressWind\PWVite::init( port: 7777, path: 'test-plugin/', is_plugin: true, slug:
'plugin-test' );
}
```
## PWAssets
```php
use PressWind\PWAssets;
// for css
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toFront();
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toBack();
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toBlock();
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toLogin();
// for js
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->module()
->toFront()
->withInline('console.log("hello world")');
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->noModule()
->toFront();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->async()
->inFooter()
->toFront();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->defer()
->inFooter()
->toFront();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->defer()
->inFooter()
->toBack();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->defer()
->inFooter()
->toBlock();
```
## License
PressWind Helper is released under the terms of the GNU General Public License version 2 or (at your option) any later version. See [LICENSE.md](LICENSE.md) for complete license.