ब्लॉकली और ब्लॉकली सैंपल की मदद से डीबग करना

कभी-कभी ब्लॉकली सैंपल में कोई प्लगिन डेवलप करते समय, आपको Blockly में ही सभी बदलाव करने होंगे. ज़्यादातर प्लगिन, npm रजिस्ट्री से Blockly फ़ेच करने के लिए सेट अप किए जाते हैं, ताकि आप सिर्फ़ उस कोड का इस्तेमाल कर पाएं जिसे पहले ही एनपीएम पर रिलीज़ कर दिया गया है. इससे ब्लॉकली वाले बदलावों को डीबग करना मुश्किल हो जाएगा. अगर आपको ब्लॉकली और ब्लॉकली, दोनों तरह के सैंपल में बदलाव करने हैं और उनकी जांच करनी है, तो npm link का इस्तेमाल करके उन बदलावों को एक साथ टेस्ट किया जा सकता है जो रिलीज़ नहीं किए गए हैं.

एनपीएम लिंक

आप npm को npm रजिस्ट्री से पैकेज लाने के बजाय अपनी मशीन से एक पैकेज इस्तेमाल करने के लिए कह सकते हैं. इस तरीके का इस्तेमाल करने पर, आपके पास सोर्समैप का ऐक्सेस होना चाहिए, ताकि डीबग करना ब्लॉक करना आसान हो जाए. इस तरीके का इस्तेमाल, उन मुख्य बदलावों के साथ किया जा सकता है जिन्हें अब तक GitHub में पुश नहीं किया गया है.

1. ब्लॉकी के मामले में:

   $ npm run package
   $ cd dist
   $ npm link
   

   ये चरण बुनियादी Blockly बनाते हैं, उसे पैकेज करते हैं, और फिर पैकेज की गई फ़ाइलों का सिमलिंक बनाते हैं.

2. ब्लॉकली सैंपल के अपने फ़ोर्क में, रूट पर:

   $ npm link blockly
   

   यह चरण npm से पैकेज को npm से फ़ेच करने के बजाय पहले बनाए गए सिमलिंक को ढूंढने के लिए कहता है.

3. अपने प्लग इन की जांच करने के लिए, प्लगिन की डायरेक्ट्री से npm run start करें.

जब आप मूल रूप से बदलाव करते हैं, तो आपको उसे फिर से बनाना और नए सिरे से पैकेज करना होगा.

जांच पूरी हो जाने के बाद, डेटा स्टोर करने की जगह की स्थिति को रीसेट करने के लिए, ब्लॉकली सैंपल के रूट लेवल पर npm ci को चलाएं.