Xodera Plugins · Bubble Native
Xodera Photo Editor Native
चयनित फोटो को एक सुसंगत अवतार, उत्पाद छवि या रिपोर्ट अटैचमेंट में बदलें। इसे क्रॉप, घुमाएँ और आकार बदलें, फिर निर्यातित कॉपी को अपने ऐप में सहेजें।
Public beta guides · Haptics instructions are in its Bubble listing
Public beta offer: free Bubble install · 7-day card trial, then US$1.50/month per plugin/project.
दस्तावेज़ की समीक्षा की गई 6 नवंबर 2026
व्यावहारिक उदाहरण
अपलोड से पहले सुसंगत प्रोफ़ाइल अवतार
उपयोगकर्ताओं को अपनी फोटो का वह भाग चुनना चाहिए जो वर्गाकार प्रोफ़ाइल छवि में दिखे, बजाय मनमाने क्रॉप को स्वीकार करने के।
`source_url = selected profile image`; `crop_aspect = "1:1"`; `document_context = the account’s stable reference`.
`source_loaded` का इंतजार करें; Begin crop → Apply crop, आवश्यकतानुसार Rotate या Undo के साथ। स्पष्ट सहेजने पर, Export image।
केवल `export_completed` पर, अपने फ़ाइल अपलोड वर्कफ़्लो में इनपुट के रूप में `output_uri`, `output_width`, `output_height` और `output_mime` का उपयोग करें। बाद में उसका स्थायी संदर्भ प्रोफ़ाइल में सहेजें।
यदि उपयोगकर्ता रद्द करता है या `editor_error` सक्रिय हो जाता है, तो पुराना अवतार रखें। खाता बदलने पर सत्र साफ़ करें ताकि दूसरा उपयोगकर्ता ड्राफ्ट न देख सके।
संपादन एक स्थानीय प्रति बनाता है। आपका ऐप तय करता है कि इसे कैसे सहेजा या अपलोड किया जाए।
सुसंगत मार्केटप्लेस या कैटलॉग फ़ोटो तैयार करें
विभिन्न फ्रेमिंग और अत्यधिक बड़े चित्र कैटलॉग को असमान बनाते हैं और अपलोड आकार बढ़ाते हैं।
`source_url = selected item photo`; `crop_aspect = the app’s chosen ratio`; `export_max_dimension`, `export_format` और `export_quality` आपके अपलोड नीति से आते हैं।
संबंधित क्षेत्र को क्रॉप करें, वैकल्पिक रूप से Resize, फिर उपयोगकर्ता की पुष्टि के बाद Export image करें। मूल फ़ाइल/संदर्भ को अलग रखें।
अपलोड वर्कफ़्लो परिणाम सहेजने से पहले `output_width`, `output_height`, `output_bytes` और `output_mime` जांचें। परिणामी छवि संदर्भ को आइटम पर संग्रहीत करें।
यदि निर्यात विफल हो जाता है या परिणाम आपके अपलोड नीति का उल्लंघन करता है, तो `error_code` दिखाएँ और उपयोगकर्ता को इसे संशोधित करने दें। अपलोड पुष्टि से पहले पिछले आइटम छवि को ओवरराइट न करें।
संपादन एक स्थानीय प्रति बनाता है। आपका ऐप तय करता है कि इसे कैसे सहेजा या अपलोड किया जाए।
फ़ील्ड रिपोर्ट के लिए एक केंद्रित छवि प्रतिलिपि बनाएं
एक तकनीशियन को मूल रिपोर्ट छवि को संरक्षित रखते हुए किसी क्षतिग्रस्त भाग की क्लोज‑अप की आवश्यकता हो सकती है।
`source_url = Current Report Photo’s source`; `document_context = the report/account reference`; क्रॉप अनुपात अनिश्चित रह सकता है।
Begin crop → Apply crop, फिर संपादनों की तुलना के लिए Undo/Redo का उपयोग करें। Export image संपादित प्रतिलिपि बनाता है; आपका ऐप पूछता है कि क्या उस प्रतिलिपि को रिपोर्ट से संलग्न करना है।
`has_changes`, `can_undo`, `can_redo` और `output_uri` का उपयोग करें। सफल अपलोड के बाद मूल और संपादित संदर्भों को अलग-अलग ऐप फ़ील्ड में संग्रहीत करें।
Cancel crop या Reset edits संपादन पथ को पुनर्स्थापित करता है; रद्द करने पर मूल रिपोर्ट अटैचमेंट अपरिवर्तित रहना चाहिए।
संपादन एक स्थानीय प्रति बनाता है। आपका ऐप तय करता है कि इसे कैसे सहेजा या अपलोड किया जाए।
वर्तमान में क्या काम करता है
Public beta. Use the documented controls and actions; test supported formats, permissions and device behavior in your own native app. Browser preview does not validate native device output.
वर्कफ़्लो बनाएं
नीचे उपलब्ध बीटा क्रियाओं का उपयोग करें और अपने लक्षित उपकरणों पर परिणाम का परीक्षण करें।
इन उदाहरणों में Lesson, Message और Order जैसे ऐप रिकॉर्ड का उपयोग किया गया है। इन्हें अपने डेटा प्रकारों और तत्व नामों से बदलें। उदाहरण मीडिया पते को अपने फ़ाइलों से बदलना आवश्यक है।
चुनी हुई छवि को source_url पर सेट करें। संपादित किए जा रहे खाते और रिकॉर्ड की पहचान के लिए document_context का उपयोग करें, ताकि रिकॉर्ड बदलने पर पिछला फोटो साफ़ हो जाए।
source_loaded के बाद, Begin crop चलाएँ। अवतार के लिए 1:1 चुनें, क्रॉप समायोजित करें और Apply crop का उपयोग करें। Cancel crop छवि को अपरिवर्तित रखता है।
यदि आवश्यक हो तो Rotate, Flip या Resize का उपयोग करें। पूर्ण संपादनों के बीच नेविगेट करने के लिए Undo और Redo; Reset edits मूल छवि को पुनर्स्थापित करता है।
Export image चलाएँ। export_completed पर, output_uri, output_width, output_height और output_mime पढ़ें। अपनी चुनी हुई फ़ाइल‑सहेजने की कार्यप्रवाह से उस कॉपी को सहेजें या अपलोड करें, फिर सहेजी गई फ़ाइल को रिकॉर्ड में संग्रहित करें।
एक बार कॉन्फ़िगर करें
इस प्लगइन के लिए कुंजी सक्रियण नियोजित है। अपने Bubble ऐप प्रोजेक्ट को BestPlugins → Dashboard → Plugins में बनाएं या चुनें। Xodera Photo Editor Native चुनें, उसकी कुंजी कॉपी करें, फिर Bubble → Plugins → Xodera Photo Editor Native खोलें और उसे licensing_api_key में पेस्ट करें। एक बार सहेजें; फिर नीचे दी गई क्रियाओं का उपयोग करें। प्रत्येक प्रोजेक्ट में प्रत्येक प्लगइन की अपनी कुंजी होती है।
पहले अपने ऐप से छवि चुनें या कैप्चर करें। संपादक को प्राप्त पठनीय छवि पता दें। कैमरा और फोटो-लाइब्रेरी की अनुमतियाँ आपके द्वारा उपयोग किए गए पिकर की होती हैं।
एक बार कॉन्फ़िगर करें
- अपने Bubble ऐप प्रोजेक्ट को BestPlugins → Dashboard → Plugins पर बनाएं या चुनें।
- इस प्लगइन को चुनें और उसका प्रोजेक्ट कुंजी कॉपी करें।
- Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
- एलिमेंट जोड़ें, अपना ऐप डेटा चुनें और नीचे दिया गया वर्कफ़्लो बनाएं।
- In the dashboard, review and confirm the 7-day card trial for this plugin. It then costs US$1.50/month per app project, including development and production. Cancel before the trial ends to avoid the first charge.
स्थापना और सदस्यता
For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.
परिणाम को अपने ऐप में सहेजें
अपलोड की गई या स्थायी रूप से सहेजी गई छवि को Profile.image या अपने अटैचमेंट फ़ील्ड में सहेजें। output_uri डिवाइस पर एक अस्थायी फ़ाइल है, इसलिए पहले अपनी चुनी हुई कार्यप्रवाह से उस फ़ाइल को सहेजें। फिर output_width, output_height और output_mime को मेटाडेटा के रूप में संग्रहित करें। यदि आपको दोनों संस्करण चाहिए तो मूल छवि रखें।
विफलता, रद्दीकरण और पुनर्प्राप्ति
source_load_failed या editor_error पर, error_code दिखाएँ और Load source प्रदान करें। Cancel operation अधूरा परिणाम स्वीकार करना बंद कर देता है; दूसरा संपादन शुरू करने से पहले is_busy=no तक प्रतीक्षा करें। Clear session संपादक को साफ़ करता है, न कि कहीं और पहले से सहेजी गई छवि को।
क्षमताएँ और सीमाएँ
JPEG और PNG निर्यात; गुणवत्ता 0–1; अधिकतम आउटपुट पक्ष 1–4096 पिक्सेल। इनपुट: अधिकतम 15 MiB और 20 मेगापिक्सेल। अधिकतम 20 पूर्ण संपादन। क्रॉप विकल्प: फ्री, 1:1, 4:3, 3:4 और 16:9। कोई बिल्ट‑इन कैमरा, फ़िल्टर, टेक्स्ट ओवरले, पर्स्पेक्टिव सुधार, WebP निर्यात या स्वचालित अपलोड नहीं है।
सेटिंग्स, क्रियाएँ और परिणाम
इन नामों का उपयोग Bubble में करें। नियोजित सुविधाएँ अलग से चिह्नित हैं।
उपलब्ध बीटा सेटिंग्स
एलिमेंट सेटिंग्स
source_url · textdocument_context · textis_active · yes_nodisabled · yes_noshow_controls · yes_nocrop_aspect · textexport_format · textexport_quality · numberexport_max_dimension · numberallow_upscale · yes_noui_text_json · textlanguage · textस्थितियाँ
editor_status · textis_busy · yes_nohas_image · yes_nohas_changes · yes_nocan_undo · yes_nocan_redo · yes_noimage_width · numberimage_height · numberoutput_uri · textoutput_width · numberoutput_height · numberoutput_bytes · numberoutput_mime · texterror_code · textcrop_active · yes_nocrop_rect_json · textइवेंट्स
source_loadedsource_load_failededit_appliededit_undoneedit_redoneeditor_resetexport_startedexport_completedoperation_cancellededitor_errorक्रियाएँ और उनके इनपुट
Load sourceBegin cropApply cropCancel cropRotateFlipResizeUndoRedoReset editsExport imageCancel operationClear sessionएलिमेंट सेटिंग्स · 12
source_urltext · डिफ़ॉल्ट: ""- उदाहरण मान
https://bestplugins.online/native-samples/avatar.jpg - उदाहरण Bubble अभिव्यक्ति
Selected Profile's image_url - चयनित ऑडियो, वीडियो या इमेज फ़ाइल का पता। इस प्लगइन द्वारा समर्थित फ़ाइल प्रकार का उपयोग करें।
document_contexttext · डिफ़ॉल्ट: ""- उदाहरण मान
<current-user-id> - उदाहरण Bubble अभिव्यक्ति
Current User's unique id - इस खाते या रिकॉर्ड के लिए स्थिर मान। इसके सहेजे गए फ़ाइलों या ड्राफ्ट को पुनर्स्थापित करते समय वही मान उपयोग करें।
is_activeyes_no · डिफ़ॉल्ट: true- उदाहरण मान
yes - उदाहरण Bubble अभिव्यक्ति
GuideHost's view_is_active (your yes/no custom state) - जब यह दृश्य खुला हो तो हाँ सेट करें। बाहर निकलते समय नहीं सेट करें, ताकि प्लेबैक या वर्तमान कार्य रोक सके।
disabledyes_no · डिफ़ॉल्ट: false- उदाहरण मान
no - उदाहरण Bubble अभिव्यक्ति
GuideHost's is_busy (your yes/no custom state) - जब आपका ऐप व्यस्त हो या यह कार्रवाई उपलब्ध न हो, तो तत्व को निष्क्रिय करें।
show_controlsyes_no · डिफ़ॉल्ट: true- उदाहरण मान
yes - उदाहरण Bubble अभिव्यक्ति
App Settings' show_editor_controls - निर्मित नियंत्रण दिखाएँ या छिपाएँ।
crop_aspecttext · डिफ़ॉल्ट: "free"- उदाहरण मान
1:1 - उदाहरण Bubble अभिव्यक्ति
Avatar Settings' crop_ratio - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
export_formattext · डिफ़ॉल्ट: "jpeg"- उदाहरण मान
jpeg - उदाहरण Bubble अभिव्यक्ति
Format Dropdown's value - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
export_qualitynumber · डिफ़ॉल्ट: 0.85- उदाहरण मान
0.85 - उदाहरण Bubble अभिव्यक्ति
Image Settings' quality - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
export_max_dimensionnumber · डिफ़ॉल्ट: 2048- उदाहरण मान
2048 - उदाहरण Bubble अभिव्यक्ति
Image Settings' max_side - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
allow_upscaleyes_no · डिफ़ॉल्ट: false- उदाहरण मान
no - उदाहरण Bubble अभिव्यक्ति
Allow upscale Checkbox is checked - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
ui_text_jsontext · डिफ़ॉल्ट: ""- उदाहरण मान
{} - उदाहरण Bubble अभिव्यक्ति
App Settings' player_labels_json (supported keys only) - वैकल्पिक JSON समर्थित बटन लेबल के साथ। अंतर्निहित टेक्स्ट उपयोग करने के लिए खाली छोड़ें।
languagetext · डिफ़ॉल्ट: "auto"- उदाहरण मान
uk - उदाहरण Bubble अभिव्यक्ति
Current User's preferred_language - language=auto को समर्थित डिवाइस या ब्राउज़र भाषा के अनुसार सेट करें। स्पष्ट रूप से चुनने के लिए समर्थित भाषा कोड दर्ज करें।
क्रियाएँ और उनके इनपुट · 13
Load source
कोई कार्रवाई पैरामीटर नहीं
Begin crop
कोई कार्रवाई पैरामीटर नहीं
Apply crop
origin_xnumber · डिफ़ॉल्ट: —- उदाहरण मान
0 - उदाहरण Bubble अभिव्यक्ति
Crop Settings' x (or omit all rectangle inputs) - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
origin_ynumber · डिफ़ॉल्ट: —- उदाहरण मान
0 - उदाहरण Bubble अभिव्यक्ति
Crop Settings' y (or omit all rectangle inputs) - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
widthnumber · डिफ़ॉल्ट: —- उदाहरण मान
512 - उदाहरण Bubble अभिव्यक्ति
Resize Width Input's value:converted to number - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
heightnumber · डिफ़ॉल्ट: —- उदाहरण मान
512 - उदाहरण Bubble अभिव्यक्ति
Resize Height Input's value:converted to number - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
Cancel crop
कोई कार्रवाई पैरामीटर नहीं
Rotate
degreesnumber · डिफ़ॉल्ट: —- उदाहरण मान
90 - उदाहरण Bubble अभिव्यक्ति
Rotation Dropdown's value - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
Flip
axistext · डिफ़ॉल्ट: —- उदाहरण मान
horizontal - उदाहरण Bubble अभिव्यक्ति
Flip Direction Dropdown's value - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
Resize
widthnumber · डिफ़ॉल्ट: —- उदाहरण मान
512 - उदाहरण Bubble अभिव्यक्ति
Resize Width Input's value:converted to number - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
heightnumber · डिफ़ॉल्ट: —- उदाहरण मान
512 - उदाहरण Bubble अभिव्यक्ति
Resize Height Input's value:converted to number - वर्तमान व्यवसाय रिकॉर्ड का मान उपयोग करें; इसे नीचे दिए गए सीमाओं के विरुद्ध सत्यापित करें।
Undo
कोई कार्रवाई पैरामीटर नहीं
Redo
कोई कार्रवाई पैरामीटर नहीं
Reset edits
कोई कार्रवाई पैरामीटर नहीं
Export image
कोई कार्रवाई पैरामीटर नहीं
Cancel operation
कोई कार्रवाई पैरामीटर नहीं
Clear session
कोई कार्रवाई पैरामीटर नहीं
स्थिति और इवेंट्स
स्थितियाँ
editor_status · textइस कार्रवाई का वर्तमान परिणाम। सफलता सहेजने से पहले मिलते-जुलते पूर्णता इवेंट का उपयोग करें।
is_busy · yes_noकाम अभी भी प्रगति में है। कोई अन्य कार्रवाई शुरू करने से पहले प्रतीक्षा करें।
has_image · yes_noचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
has_changes · yes_noचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
can_undo · yes_noचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
can_redo · yes_noचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
image_width · numberचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
image_height · numberचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
output_uri · textइस डिवाइस पर फ़ाइल स्थान। यदि फ़ाइल को ऑनलाइन रखना आवश्यक हो तो इसे अलग से सहेजें या अपलोड करें।
output_width · numberचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
output_height · numberचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
output_bytes · numberचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
output_mime · textचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
error_code · textपिछली कार्रवाई की त्रुटि जानकारी। सहायक संदेश दिखाएँ और संबंधित पुनः प्रयास प्रदान करें।
crop_active · yes_noचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
crop_rect_json · textचयनित आइटम का वर्तमान मान। संबंधित इवेंट के बाद इसे पढ़ें।
इवेंट्स
source_loadedजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
source_load_failedजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
edit_appliedजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
edit_undoneजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
edit_redoneजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
editor_resetजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
export_startedजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
export_completedजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
operation_cancelledजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
editor_errorजब यह इवेंट होता है, तो उसी तत्व से संबंधित स्थितियों को पढ़ें।
डेवलपर्स के पूछे जाने वाले प्रश्न
क्या output_uri एक Bubble फ़ाइल है?
नहीं। यह एक स्थानीय कैश पथ है। इसे क्लाउड फ़ाइल संदर्भ संग्रहीत करने से पहले एक प्रमाणित स्थानीय सहेजने वाले या अपलोडर के माध्यम से स्थायी बनाएं।
सब्सक्रिप्शन कैसे काम करता है?
For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.
संबंधित गाइड्स
सहायता के लिए, हमें बताएं कि आप कौन सा प्लगइन और डिवाइस उपयोग कर रहे हैं, आपने कौन सी क्रिया आज़माई और क्या हुआ। व्यक्तिगत डेटा के बिना एक उदाहरण उपयोग करें। अपनी कुंजी या निजी फ़ाइलें कभी साझा न करें।