विशेषता जेनरेटर: यूआरएल राज्य से मिंट मेटाडेटा (Trait Generator Url State To Mint Metadata)

यदि विशेषता चयन खो गया है तो टकसाल को दोहराया नहीं जा सकता

बेयर क्रिप्टो जनरेटर एप्लिकेशन react-url-query के साथ एड्रेस बार में अवतार भागों (त्वचा, बाल, सहायक उपकरण, आदि) लिखता है। एक ही यूआरएल स्थिति के माध्यम से रैंडमाइजेशन, डाउनलोडिंग और साझाकरण प्रवाह। डाउनलोड किया गया पीएनजी/एसवीजी और चयनित विकल्प सेट कच्चा माल है जो संग्रह टकसाल मेटाडेटा में attributes स्ट्रिंग बन जाएगा - जनरेटर एक खिलौना नहीं है, बल्कि टकसाल फ़नल का दृश्य शब्दकोश है।```text Trait options (avatars OptionContext) ↓ sync URL query params (react-url-query) ↓ Avatar render (SVG DOM) ├─ download PNG (canvas rasterize) ├─ download SVG (outerHTML blob) └─ shareable deep link ↓ Mint metadata attributes[] trait_type / value pairs

## पहले उल्लेख पर अवधारणाएँ```text
📦 URL State
Trait seçimlerinin sorgu parametrelerinde yaşaması; yenileme ve paylaşımda aynı görünüm.

📦 OptionContext
Generator'ın tüm trait anahtarlarını ve seçenek kümelerini tutan bağlam.

📦 Mint Metadata
IPFS'e yazılan JSON: name, description, image, attributes.

📦 Trait Attribute
`trait_type` + `value` çifti; marketplace Viewer filtreleri için ham madde.
```जो विशेषता यूआरएल में नहीं है उसे समर्थन अनुरोध में 'उसी अवतार को वापस लाओ' कहकर हल नहीं किया जा सकता है।

## यूआरएल क्यों?

जेनरेटर क्रिएट पेज विकल्प कुंजियों को `UrlQueryParamTypes.string` से जोड़ता है। `onChangeUrlQueryParams` के साथ सभी विकल्पों और पुश के नमूनों को यादृच्छिक करें। तो एक दृश्य एक लिंक बन जाता है - डिस्कॉर्ड में चिपकाया जा सकता है, टकसाल से पहले समीक्षा की जा सकती है।```text
URL as source of truth
  ?topType=…&clotheType=…&avatarStyle=Circle
         ↓
  OptionContext.setData(props)
         ↓
  deterministic render
```## पीएनजी और एसवीजी डाउनलोड

SVG को अवतार DOM `outerHTML` से ब्लॉब के रूप में डाउनलोड किया गया है। पीएनजी पथ एसवीजी को एक छवि के रूप में लोड करता है, कैनवास पर 2× स्केल खींचता है, `file-saver` और `avataaars.png` लौटाता है। मिंट पाइपलाइन आम तौर पर रैस्टर या एसवीजी को आईपीएफएस से पिन करती है; मेटाडेटा `image` फ़ील्ड में एक हैश लिखता है।

## मेटाडेटा अनुबंध

मार्केटप्लेस मिंट फॉर्म कम से कम विशेषताओं में कलाकार जैसे क्षेत्रों को रखता है। जेनरेटर विशेषताओं को एक ही स्कीमा में मैप किया जाना चाहिए: प्रत्येक यूआरएल कुंजी → `trait_type`, चयनित मान → `value`। अन्यथा व्यूअर और भविष्य के दुर्लभ उपकरण अलग-अलग भाषाएँ बोलेंगे।```text
ADR sketch
  Decision: URL-synced traits as mint attribute source
  Why: shareable looks; reproducible before mint
  Trade-off: long query strings; need allowlisted keys
  Follow-up: freeze trait vocabulary version in metadata
```## फ़नल कनेक्शन

जेनरेटर → डाउनलोड/शेयर → मिंट क्लाइंट मेटाडेटा → आईपीएफएस → चेन `tokenURI`। बेयर क्रिप्टो में, ये एप्लिकेशन अलग-अलग रिपो हैं; यदि अनुबंध के नाम और विशेषता शब्दावली को सामान्य नहीं रखा जाता है, तो उत्पाद की सतह टूट जाएगी।

## इस एपिसोड में सबसे भ्रमित करने वाला मैचअप```text
❌ Generator sadece marketing widget'ıdır
✓ Mint metadata vocabulary'sinin kaynağıdır

❌ Trait'leri yalnız React state'te tutmak yeter
✓ Paylaşım ve destek için URL veya eşdeğeri gerekir

❌ PNG indirmek metadata demektir
✓ Metadata JSON + image URI ayrıdır; attributes map edilmelidir

❌ Tüm query key'lerini körlemesine kabul etmek
✓ Allowlist ve varsayılanlar olmadan bozuk görünümler çoğalır

आपके अपने सिस्टम की चेकलिस्ट

1. कौन सी विशेषता कुंजियाँ URL में रहती हैं और कौन सी केवल स्थानीय हैं?
2. क्या रैंडमाइजेशन के बाद लिंक दूसरे ब्राउज़र में वही एसवीजी उत्पन्न करता है?
3. क्या मिंट मेटाडेटा विशेषताएँ जनरेटर कुंजियों के समान हैं?
4. क्या पीएनजी आकार/एसवीजी हैश मिंट इमेज स्पेस के लिए पर्याप्त है?
5. मेटाडेटा में विशेषता शब्दावली संस्करण कहाँ जमा हुआ है?

इस अनुभाग से याद रखने योग्य बातें

1. यूआरएल-सिंक्रोनस लक्षण जेनरेटिव व्यू को दोहराने योग्य बनाते हैं।
2. पीएनजी/एसवीजी डाउनलोड मिंट इमेज फीड है; विशेषताओं के लिए एक अलग मानचित्र की आवश्यकता होती है।
3. जेनरेटर और मिंट क्लाइंट को समान विशेषता शब्दावली साझा करनी चाहिए।

अवतार जिसे साझा नहीं किया जा सकता, का अर्थ है मेटाडेटा जिसे ढाला नहीं जा सकता।