پہلے کا مقامی Photo Editor انٹرفیس۔ موجودہ بیٹا میں ایڈیٹنگ اور ایکسپورٹ ابھی بھی ٹیسٹ ہو رہے ہیں۔

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.

ورک فلو بنائیں ↓پلگ ان سیٹنگز ↗Native Lab

دستاویزات کا جائزہ لیا گیا 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 پڑھیں۔ اپنی منتخب فائل‑محفوظ کرنے کے ورک فلو کا استعمال کرتے ہوئے اس کاپی کو محفوظ یا اپلوڈ کریں، پھر محفوظ شدہ فائل کو ریکارڈ میں ذخیرہ کریں۔

ورک فلو ڈایاگرام — ایپ اسکرین شاٹ نہیں

ایک بار ترتیب دیں

اس پلگ ان کے لیے کلید کی سرگرمی کا منصوبہ ہے۔ BestPlugins → Dashboard → Plugins میں اپنا Bubble ایپ پروجیکٹ بنائیں یا منتخب کریں۔ Xodera Photo Editor Native منتخب کریں، اس کی کلید کاپی کریں، پھر Bubble → Plugins → Xodera Photo Editor Native کھولیں اور اسے licensing_api_key میں پیسٹ کریں۔ ایک بار محفوظ کریں؛ پھر نیچے دیے گئے اعمال استعمال کریں۔ ہر پروجیکٹ کے ہر پلگ ان کی اپنی کلید ہوتی ہے۔

پہلے اپنی ایپ سے تصویر منتخب یا کیپچر کریں۔ ایڈیٹر کو حاصل شدہ قابل پڑھنے والی تصویر کا پتہ دیں۔ کیمرہ اور فوٹو لائبریری کی اجازتیں اس پکّر کی ہیں جو آپ استعمال کرتے ہیں۔

ایک بار ترتیب دیں

BestPlugins → Dashboard → Plugins پر اپنا Bubble ایپ پروجیکٹ بنائیں یا منتخب کریں۔
یہ پلگ ان منتخب کریں اور اس کی پروجیکٹ کلید کاپی کریں۔
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