feat: Add product images support with WP Media Library integration

- Add WP Media Library integration for product and variation images
- Support images array (URLs) conversion to attachment IDs
- Add images array to API responses (Admin & Customer SPA)
- Implement drag-and-drop sortable images in Admin product form
- Add image gallery thumbnails in Customer SPA product page
- Initialize WooCommerce session for guest cart operations
- Fix product variations and attributes display in Customer SPA
- Add variation image field in Admin SPA

Changes:
- includes/Api/ProductsController.php: Handle images array, add to responses
- includes/Frontend/ShopController.php: Add images array for customer SPA
- includes/Frontend/CartController.php: Initialize WC session for guests
- admin-spa/src/lib/wp-media.ts: Add openWPMediaGallery function
- admin-spa/src/routes/Products/partials/tabs/GeneralTab.tsx: WP Media + sortable images
- admin-spa/src/routes/Products/partials/tabs/VariationsTab.tsx: Add variation image field
- customer-spa/src/pages/Product/index.tsx: Add gallery thumbnails display
This commit is contained in:
Dwindi Ramadhana
2025-11-26 16:18:43 +07:00
parent 909bddb23d
commit f397ef850f
69 changed files with 12481 additions and 156 deletions

View File

@@ -1,28 +1,28 @@
-----BEGIN PRIVATE KEY-----
MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQC7dtgMEmstOyBW
Wp6QhzuNfJJVgilp0MOIiKxlvNYRUDAh7KZQ5cHgDeJiDu6ibD/8LaUyg4O/4daF
ywzpL3WDsIFSKuHWWdGFF3u1AvHSbxQ+GPfwQUU0KCRnBKymBfMqvEnPLLhn8KNA
teaHm+DbIf1PXGwjbwh1qMMhdFRmP69KzYPPMXlT2W375WhGhgoh+A9wTvofIfRO
6rVDE0RjRJwP9OIzbNku0Fpo2haG2AL9j5lOSwVmI0yKAlvL/+ckVOZVcriPWBYb
anpBkd2/TiVYBoo6iCXrwtvPu/xJmVwVLYcCZLEBcm+tFgp3fC6VayyKpBH2uTOA
dt6L6pz7AgMBAAECggEAZeT1Daq9QrqOmyFqaph20DLTv1Kee/uTLJVNT4dSu9pg
LzBYPkSEGuqxECeZogNAzCtrTYeahyOT3Ok/PUgkkc3QnP7d/gqYDcVz4jGVi5IA
6LfdnGN94Bmpn600wpEdWS861zcxjJ2JvtSgVzltAO76prZPuPrTGFEAryBx95jb
3p08nAVT3Skw95bz56DBnfT/egqySmKhLRvKgey2ttGkB1WEjqY8YlQch9yy6uV7
2iEUwbGY6mbAepFv+KGdOmrGZ/kLktI90PgR1g8E4KOrhk+AfBjN9XgZP2t+yO8x
Cwh/owmn5J6s0EKFFEFBQrrbiu2PaZLZ9IEQmcEwEQKBgQDdppwaOYpfXPAfRIMq
XlGjQb+3GtFuARqSuGcCl0LxMHUqcBtSI/Ua4z0hJY2kaiomgltEqadhMJR0sWum
FXhGh6uhINn9o4Oumu9CySiq1RocR+w4/b15ggDWm60zV8t5v0+jM+R5CqTQPUTv
Fd77QZnxspmJyB7M2+jXqoHCrwKBgQDYg/mQYg25+ibwR3mdvjOd5CALTQJPRJ01
wHLE5fkcgxTukChbaRBvp9yI7vK8xN7pUbsv/G2FrkBqvpLtAYglVVPJj/TLGzgi
i5QE2ORE9KJcyV193nOWE0Y4JS0cXPh1IG5DZDAU5+/zLq67LSKk6x9cO/g7hZ3A
1sC6NVJNdQKBgQCLEh6f1bqcWxPOio5B5ywR4w8HNCxzeP3TUSBQ39eAvYbGOdDq
mOURGcMhKQ7WOkZ4IxJg4pHCyVhcX3XLn2z30+g8EQC1xAK7azr0DIMXrN3VIMt2
dr6LnqYoAUWLEWr52K9/FvAjgiom/kpiOLbPrzmIDSeI66dnohNWPgVswQKBgCDi
mqslWXRf3D4ufPhKhUh796n/vlQP1djuLABf9aAxAKLjXl3T7V0oH8TklhW5ySmi
8k1th60ANGSCIYrB6s3Q0fMRXFrk/Xexv3+k+bbHeUmihAK0INYwgz/P1bQzIsGX
dWfi9bKXL8i91Gg1iMeHtrGpoiBYQQejFo6xvphpAoGAEomDPyuRIA2oYZWtaeIp
yghLR0ixbnsZz2oA1MuR4A++iwzspUww/T5cFfI4xthk7FOxy3CK7nDL96rzhHf3
EER4qOOxP+kAAs8Ozd4ERkUSuaDkrRsaUhr8CYF5AQajPQWKMEVcCK1G+WqHGNYg
GzoAyax8kSdmzv6fMPouiGI=
MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQCwGedS6QfL/vMz
FktKhqvIVGAvgpuNJO2r1Mf9oHlmwSryqjYn5/zp82RhgYLIW3w3sH6x1V5AkwiH
BoaSh+CZ+CHUOvDw5+noyjaGrlW1lj42VAOH3cxSrtc1scjiP2Cph/jYqZEWZb4i
q2J+GSkpbJHUbcqtbUw0XaC8OXg0aRR5ELmRQ2VNs7cqSw1xODvBuOak6650r5Yf
oR8MPj0sz5a16notcUXwT627HduyA7RAs8oWKn/96ZPBo7kPVCL/JowGtdtIka+E
SMRu1qsdu1ZtcSVbove/wTNFV9akfKRymI0J2rcTWPpz4lVfvIBhQz0JbnFqSZeD
E3pLLfg1AgMBAAECggEBAKVoH0xUD3u/w8VHen7M0ct/3Tyi6+J+PjN40ERdF8q5
Q9Lcp7OCBp/kenPPhv0UWS+hus7kf/wdXxQcwAggUomsdHH4ztkorB942BBW7bB7
J4I2FX7niQRcr04C6JICP5PdYJJ5awrjk9zSp9eTYINFNBCY85dEIyDIlLJXNJ3c
SkjmJlCAvJXYZcJ1/UaitBNFxiPWd0Abpr2kEvIbN9ipLP336FzTcp+KwxInMI5p
s/vwXDkzlUr/4azE0DlXU4WiFLCOfCiL0+gX128+fugmYimig5eRSbpZDWXPl6b7
BnbKLy1ak53qm7Otz2e/K0sgSUnMXX12tY1BGgg+kL0CgYEA2z/usrjLUu8tnvvn
XU7ULmEOUsOVh8NmW4jkVgd4Aok+zRxmstA0c+ZcIEr/0g4ad/9OQnI7miGTSdaC
1e8cDmR1D7DtyxuwhNDGN73yjWjT+4gAba087J/+JPKky3MNV5fISgRi1he5Jqfp
aPZDsf4+cAmI0DQm+TnIDBaXt0cCgYEAzZ50b4KdmqURlruDbK1GxH7jeMVdzpl8
ZyLXnXJbTK8qCv2/0kYR6r3raDjAN7AFMFaFh93j6q/DTJb/x4pNYMSKTxbkZu5J
S7jUfcgRbMp2ItLjtLc5Ve/yEUa9JtaL8778Efd5oTot5EflkG0v+3ISLYDC6Uu1
wTUcClX4iqMCgYEAovB7c8UUDhmEfQ/WnSiVVbZ5j5adDR1xd3tfvnOkg7X9vy9p
P2Cuaqf7NWCniDNFBoLtZUJB+0USkiBicZ1W63dK7BNgVb7JS5tghFKc7OzIBbnI
H7pMecpZdJoDUNO7Saqahi+GSHeu+QR22bOTEbfSLS9YxurLQBLqEdnEfMcCgYAW
0ZPoYB1vcQwvpyWhpOUqn05NM9ICQIROyc4V2gAJ1ZKb36cvBbmtTGBYk5u5Ul5x
C9kLx/MoM1NAJ63BDjciGw2iU08LoTwfHCbwwog0g49ys+azQnYpdFRv2GLbcYnc
hgBhWg50dwlqwRPX4FYn2HPt+tEmpNFJ3MP83aeUcwKBgCG4FmPe+a7gRZ/uqoNx
bIyNSKQw6O/RSP3rOcqeZjVxYwBYuqaMIr8TZj5NTePR1kZsuJ0Lo02h6NOMAP0B
UtHulMHf83AXySHt8J907fhdvCotOi6E/94ziTTmU0bNsuWE2/FYe34LrYlcoVbi
QPo8USOGPS9H/OTR3tTAPdSG
-----END PRIVATE KEY-----