v1.x से माइग्रेट करें
v1.x से वर्तमान संस्करण में माइग्रेट करने के लिए आम तौर पर पूरी dependencies अपडेट करनी होती हैं और configuration सत्यापित करनी होती है।
मुख्य व्यावहारिक बाधाएँ:
- पुराने package और import पैटर्न।
tsParticles.load(...)कॉल का रूप।- आधुनिक schemas में अपडेटेड option keys।
Load API माइग्रेशन
आधुनिक load एक ही params object स्वीकार करता है।
पहले (legacy positional शैली):
ts
await tsParticles.load("tsparticles", oldOptions);बाद में:
ts
await tsParticles.load({
id: "tsparticles",
options: oldOptions,
});अगर JSON से लोड करते हैं:
ts
await tsParticles.load({
id: "tsparticles",
url: "/particles.json",
});मुख्य option माइग्रेशन
अपनी configurations में इन keys को खोजकर शुरू करें:
particles.color->particles.paint.fillparticles.stroke->particles.paint.stroke
रीराइट उदाहरण:
ts
// पहले
particles: {
color: { value: ["#ff6b6b", "#4ecdc4"] },
stroke: { width: 0 }
}
// बाद में
particles: {
paint: {
fill: { color: { value: ["#ff6b6b", "#4ecdc4"] } },
stroke: { width: 0 }
}
}अनुशंसित चरण
- पुराने package नामों को वर्तमान
@tsparticles/*packages से बदलें। @tsparticles/engine+@tsparticles/slimसे शुरू करें, फिर आवश्यक plugins जोड़ें।- पुराने
loadकॉल को object-आधारितload({ ... })signature में बदलें। - वर्तमान docs के अनुसार option keys सत्यापित करें और renamed/removed fields ठीक करें।
- desktop और mobile पर visual और performance जाँच चलाएँ।
चेकलिस्ट
- पुराने package structure के obsolete imports हटाएँ।
- पुष्टि करें कि interactions, links और custom shapes अपेक्षित रूप से काम करते हैं।
particles.jsशैली की configurations के लिए compatibility layer पर विचार करें।
उपयोगी विकल्प दस्तावेज़
- रीनेम मैट्रिक्स:
/migrations/option-rename-matrix particles.paint:/options/particles-paintparticles.colorमाइग्रेशन नोट:/options/particles-colorparticles.strokeमाइग्रेशन नोट:/options/particles-stroke
संदर्भ
- Legacy compatibility और particles.js bridge:
/migrations/particles-js - Installation matrix:
/guide/installation - Repository releases: https://github.com/tsparticles/tsparticles/releases
