सही सीएसएस ढांचे की तलाश में। Maxmertkit विजेट प्रबंधक

मैक्समार्टकिट ढांचे का वर्णन करने वाली पिछली पोस्ट को शानदार प्रतिक्रिया मिली। किसी कारण के लिए, रूपरेखा विशेष रूप से जापानियों द्वारा पसंद की गई थी, लेकिन मुझे सबसे अच्छी रचनात्मक आलोचना मिली और हब्रोसैक्विटी से मदद मिली। अब बात है।
खदान सहित वर्तमान ढांचे, एक मॉड्यूलर संरचना है। लेकिन ये सभी मॉड्यूल कुछ हद तक एक-दूसरे पर निर्भर हैं। यह बुरा है। यह वह समस्या है जिसे मैं हल करना चाहता हूं।

मैं एक उदाहरण दूंगा।
मान लीजिए मेरे पास एक बटन विजेट है। यह विजेट समूह का हिस्सा है। मैं एक समूह के हिस्से के रूप में बटन को अलग-अलग और दोनों तरह से उपयोग कर सकता हूं। लेकिन क्या होगा अगर मैं अपने विवेक पर बटन बदलूं? फिर, समूह के हिस्से के रूप में, यह भी बदल जाएगा, लेकिन मैं चाहता हूं कि यह पहले की तरह समूह में दिखे।
दुर्भाग्य से, अभी तक इस समस्या का कोई अच्छा समाधान नहीं है। इसलिए मैंने अपना दूसरा प्रोजेक्ट शुरू किया, जो इस समस्या को हल करेगा: mwm (मैक्सिमर्किट विजेट मैनेजर)।

Npm के विचार से प्रेरित होकर, मैंने पहले से ही प्रबंधक को खुद बनाया है (मैं बाद में एक स्पष्टीकरण लेख के साथ पोस्ट करूंगा), और अब मैं विजेट्स और थीम के साथ एक पोर्टल विकसित कर रहा हूं।

किन तकनीकों का उपयोग किया जाता है?

• नोडज का उपयोग प्रबंधक द्वारा फ़ाइल हेरफेर, सर्वर अनुरोधों और एसएएस संकलन के लिए किया जाता है।
• npm प्रबंधक स्थापित करने के लिए।
• एसएसएस संकलन करने के लिए सास।
• Mwm ही कॉफ़ीस्क्रिप्ट का उपयोग करके लिखा गया है।

कैसे चलेगा?

उदाहरण के लिए, एक विजेट को एक बटन स्थापित करने के लिए (html कोड में .-btn का उपयोग करना होगा)

 mwm install btn 

उसके बाद, प्रबंधक इस विजेट को डाउनलोड करता है, आपके ढांचे को संकलित करता है, और परिणाम को सीएसएस फ़ाइल में लिखता है। आपको बस इसका उपयोग करना है!
यदि आपको विशिष्ट विषयों (जो आपको पोर्टल पर मिला) के साथ विजेट की आवश्यकता है, तो

 mwm install group -t error warning 

अब आप इस विजेट के लिए थीम का उपयोग कर सकते हैं:

 <div class="-group -error-"> <a href="#" class="-btn">button 1</a> <a href="#" class="-btn">button 2</a> </div> 

Btn विजेट पर समूह विजेट की निर्भरता के बारे में क्या? नोडज के रूप में, वे एक दूसरे से स्वतंत्र हैं। यह SASS कोड के लिए संभव बनाया गया है जो नोडज का उपयोग करके उत्पन्न होता है और किसी विशेष विजेट के निर्भरता फ़ोल्डर में रखा जाता है। आप btn विजेट बदल सकते हैं, इसे समूह के अंदर संशोधित नहीं किया जाएगा।

मैक्समार्टकिट में पहले की तरह, कोई भी विषय किसी भी विजेट पर लागू होगा, लेकिन आप विशेष रूप से निर्दिष्ट कर सकते हैं कि आप किस विषय को किस विजेट के साथ उपयोग करना चाहते हैं। यह css कोड की मात्रा को कम करता है।

प्रकाशन

आप npm की तरह ही विगेट्स प्रकाशित कर सकते हैं।

थोड़ा और स्वचालन

Npm की तरह, maxmertkit विजेट मैनेजर में एक maxmertkit.json फ़ाइल है जो आपके सीएसएस ढांचे और उसकी निर्भरता का वर्णन करती है। अर्थात्, पोर्टल पर एक सीएसएस विजेट का एक नया संस्करण खोजना, आप इसके संस्करण को maxmertkit.json में बदल दें और निष्पादित करें

 mwm update 

उसी तरह, आप उन विषयों को बदल सकते हैं जो आपका विजेट उपयोग करता है।

मैं अब खुद प्रबंधक को बाहर करना चाहता था, लेकिन यह पोर्टल के बिना बेकार है, इसलिए मैं एक ही बार में सब कुछ प्रकाशित करूंगा। तिथियां? मैं दो महीने में योजना बनाता हूं। अब तक मैंने एक फंडराइज़र का आयोजन किया है, जिसमें से पैसा सर्वर के लिए भुगतान करने के लिए जाएगा, जहां विजेट, थीम और संशोधक के साथ मैक्सिमर्किट पोर्टल तैनात किया जाएगा - https://www.bountysource.com/#fundraisers/85 ।
मैक्समार्टकिट के बारे में प्रतिक्रिया के लिए धन्यवाद, मैं आपका बहुत आभारी हूं!

वेबसाइट - http://maxmert.com/
गिथब - https://github.com/maxmert/maxmertkit