labellife-design-tool 2.1.3 → 2.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1041,6 +1041,36 @@ These are included in the package — no need to install separately:
|
|
|
1041
1041
|
|
|
1042
1042
|
---
|
|
1043
1043
|
|
|
1044
|
+
## WordPress Integration
|
|
1045
|
+
|
|
1046
|
+
A ready-to-use WordPress plugin starter is included at [`examples/wordpress/`](examples/wordpress/). It provides:
|
|
1047
|
+
|
|
1048
|
+
- A **pre-configured Vite + React app** that imports the library with all peer dependencies
|
|
1049
|
+
- A **WordPress plugin PHP file** with shortcode support (`[labellife_design_tool]`)
|
|
1050
|
+
- **Predictable build output** (no hashed file names) for easy `wp_enqueue_script`
|
|
1051
|
+
- A **step-by-step README** with setup, customization, and troubleshooting instructions
|
|
1052
|
+
|
|
1053
|
+
### Quick Setup
|
|
1054
|
+
|
|
1055
|
+
```bash
|
|
1056
|
+
# 1. Copy examples/wordpress/ into your WP plugins directory
|
|
1057
|
+
cp -r examples/wordpress/ /path/to/wp-content/plugins/labellife-design-tool/
|
|
1058
|
+
|
|
1059
|
+
# 2. Install dependencies and build
|
|
1060
|
+
cd /path/to/wp-content/plugins/labellife-design-tool/
|
|
1061
|
+
npm install
|
|
1062
|
+
npm run build
|
|
1063
|
+
|
|
1064
|
+
# 3. Activate the plugin in WP Admin → Plugins
|
|
1065
|
+
# 4. Add [labellife_design_tool] shortcode to any page
|
|
1066
|
+
```
|
|
1067
|
+
|
|
1068
|
+
Customize the editor by editing `src/App.jsx` — same API as documented above. Rebuild with `npm run build` after changes.
|
|
1069
|
+
|
|
1070
|
+
See the full guide: [`examples/wordpress/README.md`](examples/wordpress/README.md)
|
|
1071
|
+
|
|
1072
|
+
---
|
|
1073
|
+
|
|
1044
1074
|
## Roadmap
|
|
1045
1075
|
|
|
1046
1076
|
All four input field types (Text, Date, Integer, Image) are fully implemented. Future enhancements under consideration:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "labellife-design-tool",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.5",
|
|
4
4
|
"description": "A modular React design tool library with canvas manipulation, side panels, and toolbar — drop-in replacement for polotno.",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|