Xterm.js: टर्मिनल सही रंग प्रस्तुत नहीं करता है

इसके लिए इंतजार नहीं कर सकता। मैं सच्चे रंग का समर्थन प्राप्त करने की कोशिश कर रहा हूं, लेकिन मुझे लगता है कि यह एक बेहतर विकल्प है।

इसे लागू करने के लिए यहां https://github.com/sourcelair/xterm.js/blob/365a9f949cc1acfb6c4649ee1d85da3bbc60f928/src/InputHandler.ts#L1276 करना होगा।

मुश्किल हिस्सा यह निर्धारित कर रहा है कि हम वर्णों के विरुद्ध रंगों को कैसे संग्रहीत करते हैं और फिर इसे कैसे प्रस्तुत करते हैं (शायद इनलाइन style विशेषताएँ)। https://github.com/sourcelair/xterm.js/pull/450 जैसा कुछ शायद विशेषताओं को जोड़ने को सरल बना देगा।

जब मुझे कुछ समय मिलता है तो मैं इसे देख सकता हूं, लेकिन मैं यह नहीं कह सकता कि मैं नियंत्रण दृश्यों से बहुत परिचित हूं।

मैंने http://invisible-island.net/xterm/ctlseqs/ctlseqs.html पर एक नज़र

@cnsumner xterm वर्तमान में सही रंग प्रदर्शित नहीं कर सकता है, लेकिन प्रस्तावित एस्केप अनुक्रमों में से एक के लिए समर्थन है। आप इसके बारे में यहाँ और अधिक पढ़ सकते हैं: https://gist.github.com/XVilka/8346728
BTW यह आंशिक रूप से ECMA-48 मानक में निर्दिष्ट है।

हमें यहां क्या करने की आवश्यकता है, इसका बेहतर विचार प्राप्त करने के लिए अवधारणा का एक गन्दा सबूत एक साथ रखें https://github.com/Tyriar/xterm.js/tree/484_truecolor

चीजें जो करने की आवश्यकता है:

• शाखा वर्तमान में 0x1RRGGBB (fg) या 0x0RRGGBB (bg) प्रारूप में अपने 'ट्रूकलर' का प्रतिनिधित्व करने वाले प्रत्येक वर्ण में एक और संख्या जोड़ती है, जो 32 बिट पूर्णांक में फिट बैठता है
• इसे fg और bg दोनों रंगों का समर्थन करने की आवश्यकता है, और सच्चे रंग और नियमित रंग को मिलाने में सक्षम होना चाहिए
• curTrueColor सुपर बदसूरत है
• समर्थन उलटा
• जब कोशिकाओं का पुन: उपयोग किया जाता है, तो रंग फ़्लैग को साफ़ करने की आवश्यकता होती है

• यह पुनर्विचार करने का समय हो सकता है कि वर्ण कैसे एन्कोड किए जाते हैं, वर्तमान प्रारूप है:

  [attribute, character, width]
  

  • attribute : एक 32-बिट पूर्णांक जिसमें ascii fg, ascii bg और फ़्लैग्स (बोल्ड, अंडरलाइन, ब्लिंक, उलटा, अदृश्य) होते हैं, सभी बिट्स का उपयोग नहीं किया जाता है
  • char : या तो खाली स्ट्रिंग (0 चौड़ाई वाले वर्णों के लिए जो चौड़े वर्णों को पैड करते हैं) या एकल वर्ण यूनिकोड स्ट्रिंग
  • width : चार की चौड़ाई, वर्तमान में 0, 1 या 2 हो सकती है लेकिन इसमें टैब को ठीक से समर्थन देने के लिए और अधिक शामिल हो सकते हैं https://github.com/sourcelair/xterm.js/issues/734
• अंतिम समाधान मेमोरी के लिए कॉम्पैक्ट होना चाहिए और एक्सेस करने के लिए त्वरित होना चाहिए, एक सरणी के साथ चिपके रहना, बाइनरी फ्लैग और डेटा के लिए बिट शिफ्टिंग शायद सबसे अच्छा विचार है।

@ टायरियार
हाँ स्मृति उपयोग में विस्फोट हो जाएगा यदि इसे कम खपत के लिए अनुकूलित नहीं किया गया है। हो सकता है कि इसे width साथ पैक किया जा सकता है, इस क्षेत्र में 16 से अधिक केवल 4 बाइट्स खपत करने की संभावना नहीं है (टैब डिफ़ॉल्ट रूप से 4 या 8 सामान्य रूप से)। यह एक आरजीबी परिभाषा * के लिए जगह छोड़ देता है (मान लीजिए कि width एक 32 बिट पूर्णांक है)। सुनिश्चित नहीं है कि attribute में कितने बिट निःशुल्क हैं, शायद दूसरी आरजीबी परिभाषा जा सकती है ।

ऐसा लगता है कि विशेषताएँ वर्तमान में bg के लिए 9 बाइट्स, bg के लिए 9 बाइट्स और फ़्लैग के लिए 5 बाइट्स की खपत करती हैं, जिससे अंत में चौड़ाई को निचोड़ने के लिए बहुत कुछ मिलता है। RGB परिभाषाओं में प्रत्येक को 24 बाइट्स (8*3) की आवश्यकता होती है।

यहाँ (थोड़ा जटिल) अंतरिक्ष बचत दृष्टिकोण है जो मुझे लगता है कि आप सुझाव दे रहे हैं:

[char, attr1, attr2]

जहां attr1 (29 बिट) है:

• चौड़ाई: 4 बिट
• 256 रंग या सच्चे रंग का झंडा है: 1 बिट
• बीजी रंग: 24 बिट

और attr2 (30 बिट) है:

• झंडे: 5 बिट
• 256 रंग या सच्चे रंग का झंडा है: 1 बिट
• एफजी रंग: 24 बिट

एक सरल दृष्टिकोण विशेष रूप से विशेषताओं के लिए एक संख्या का उपयोग करेगा:

[char, attr, truecolorBg, truecolorFg]

एटीआर कहां है:

• चौड़ाई: 4 बाइट्स
• झंडे: 5 बाइट्स
• 256 बीजी रंग: 9 बाइट्स
• 256 fg रंग: 9 बाइट्स

मैं इन विवरणों को इतनी बुरी तरह से समाहित करना चाहता हूं क्योंकि वे वास्तव में चीजों को जटिल करते हैं, मुझे आश्चर्य है कि टाइपस्क्रिप्ट हमें किसी भी तरह से सरणी पर गेटर्स डालने देगा। एक ऑब्जेक्ट का उपयोग करना एक माइक्रो बेंचमार्क के आधार पर एक सरणी से 20x धीमा था जो मैंने jsperf पर किया था, मुझे पता है कि वे हमेशा विश्वसनीय नहीं होते हैं लेकिन प्रोटोटाइप के आधार पर ऑब्जेक्ट बनाने के लिए मुझे ओवरहेड के रूप में अपेक्षा की जाती है।

हम जो कुछ भी करते हैं, प्रारूप को बहुत अच्छी तरह से प्रलेखित करने की आवश्यकता है। अभी आपको InputHandler.charAttributes को देखकर खुद ही इसका पता लगाना होगा।

स्मृति बचत पर कुछ और विचार:

• यदि किसी वर्ण की चौड़ाई> 1 है, तो हमें वास्तव में निम्नलिखित वर्णों के लिए कोई डेटा संग्रहीत करने की आवश्यकता नहीं है। "खाली वर्ण" वर्कअराउंड के रूप में हैं और संभवतः null होने के कारण ठीक काम करेंगे।
• आम तौर पर पात्रों का एक सेट स्टाइल किया जाता है, जिसका अर्थ है कि विशेषताओं को वर्णों के अनुक्रम के बीच साझा किया जा सकता है।
• गुणों को कैश किया जा सकता है और प्रत्येक चार कैश्ड मानों में से किसी एक के लिए एक पॉइंटर का उपयोग करता है,

हां, मुझे लगता है कि अधिकांश जेएस इंजनों पर इंडेक्स एक्सेस के साथ सरणी वस्तुओं और उनकी संपत्ति को हल करने की तुलना में तेज़ हैं। V8 को हालांकि वस्तुओं के लिए कुछ अतिरिक्त अनुकूलन मिले। निर्माण और जीसी के अनुसार एक सरणी अधिक सरल मेमोरी लेआउट के कारण तेज होती है (मौजूदा वस्तुओं को पुन: उपयोग करके इस नुकसान को छोड़ा जा सकता है)।

मुझे यहां सही लेआउट के बारे में कोई जानकारी नहीं है, समस्या यह है कि किसी भी अत्यधिक पैक वाली सामग्री आवश्यक परिवर्तनों के कारण रनटाइम पेनल्टी बढ़ाएगी। (यह एक कारण है कि सी में बिटफिल्ड का उपयोग न करें यदि स्मृति कोई चिंता नहीं है - आवश्यक शिफ्ट ऑपरेशंस कैश मिस करने के लिए निर्देश कैश को प्रदूषित करेगा - कोड बहुत धीमा चलता है)।
इम्हो केवल परीक्षण दिखाएगा कि यहां सबसे अच्छा क्या काम करता है।

@jerch दिलचस्प, मेरे पास अभी https://github.com/sourcelair/xterm.js/pull/756 में सादगी के लिए 4 नंबर संस्करण हैं

तो यहां स्मृति लगभग होने की उम्मीद है: 5 * (1000 स्क्रॉलबैक) * (64-बिट मशीन पर 8 बाइट्स) * 80 = 3.2 एमबी (जेएस सरणी के ओवरहेड से पहले)। एक विशिष्ट वीएस कोड टर्मिनल की वास्तविक चौड़ाई उस डबल को देखेगी यदि हम वर्तमान प्रारूप रखते हैं। अब जब मैं इसे देखता हूं तो यह बहुत कठिन लगता है, खासकर जब से उपयोगकर्ताओं के पास अक्सर 1000 से अधिक स्क्रॉलबैक और कई सक्रिय टर्मिनल होंगे। पिछली सफेद जगह जो वास्तव में बहुत कुछ नहीं जोड़ती है और जितनी आसानी से शून्य हो सकती है जो शायद एक बहुत बड़ी जीत होगी।

विशेषता/रंग सेट कैश विचार भी आशाजनक प्रतीत होता है, जब तक तेज़ पहुंच के लिए एक अच्छा तरीका है। एक हल्का स्प्ले ट्री जैसी संरचना आदर्श होगी (विशेषताओं के लिए तेज़ पहुंच सबसे अधिक बार उपयोग होती है)।

लाइन डेटा सरणियों का पुन: उपयोग करने पर भी ध्यान देने योग्य हो सकता है जब उन्हें केवल उन्हें त्यागने के बजाय छंटनी की जाती है ( उदाहरण के लिए यहां )।

हाँ और इंजन ओवरहेड को ध्यान में रखते हुए यह और भी बड़ा हो जाता है - एक सरणी या वस्तु में सब कुछ एक संदर्भ के रूप में संग्रहीत किया जाता है, मूल रूप से सामग्री के लिए एक सूचक। घने जेएस-सरणियों का यहां थोड़ा सा फायदा है, वे पथ के नीचे कहीं सी की तरह सरणी के रूप में बनते हैं (वास्तव में ArrayLists)। संपत्ति संकल्प को हल करने के लिए कुछ पेड़ जादू के साथ स्पैस सरणी और अन्य वस्तुओं का निर्माण किया जाता है।
तो 64 बिट के लिए संदर्भ चीज़ प्रति सेल 5 * 8 और बाइट जोड़ती है (यह मूल रूप से आपकी गणना को दोगुना कर देती है - 6.4 एमबी)। सामग्री "वास्तविक सामग्री" के बगल में और भी बाइट जोड़ सकती है, लेकिन यह इंटीजर और स्ट्रिंग प्रकार के वास्तविक कार्यान्वयन पर निर्भर करती है।

शायद एक TypedArray इसे हल कर सकता है। वहां पूर्णांक सामग्री बिना किसी अतिरिक्त संकेत के स्मृति में अनुक्रमणिका स्थिति पर सीधे रह सकती है। asm.js मूल रूप से केवल उन्हीं पर काम करता है।

निर्माण और डेटा प्रविष्टि के लिए TypedArray और js-Array की तुलना करने के लिए यहां एक त्वरित माइक्रो बेंचमार्क है: http://jsbench.github.io/#af3ea1056a70df2aa6775699d174df0d

TypedArray मेरी मशीन पर FF और Chrome के साथ 10 गुना तेज चलता है। यह प्रीलोकेशन के कारण हो सकता है, इसे जेएस-एरे के साथ परीक्षण नहीं किया है क्योंकि यह निराश है। सुनिश्चित नहीं है कि जेआईटी इस तथ्य को खोजते हैं, कि मूल्य हर 8 बाइट्स में 1 से बढ़ता है और यहां तक ​​​​कि इसे अनुकूलित भी करता है। तब बेंचमार्क बिल्कुल बेकार है।

TypedArray के लिए पहुंच थोड़ी खराब है (शायद Number रूपांतरण के कारण), मेमोरी खपत एक TypedArray के साथ बहुत बेहतर है।

जब अतिरिक्त डेटा की बात आती है तो TypedArray का डाउनसाइड मेमोरी का स्थिर ब्लॉक होता है (डेटा से बचने के लिए यहां सभी काम नहीं करेंगे, मेमोरी वैसे भी "खो गई" है) या सामग्री रैपिंग के साथ आकार बदलना। इसे ठीक करना कठिन है और डेटा के बड़े हिस्से को बार-बार कॉपी करना शामिल है।

नमस्ते। इस पर कोई अपडेट? यह काम करने के लिए इंतजार नहीं कर सकता 😃

क्या कोई सक्रिय रूप से इस मुद्दे पर काम कर रहा है? क्या इसकी चर्चा कहीं और हो रही है? @ चाबौ

tmux और vim/neovim का समर्थन करने वाला एक अच्छा देव CLI वर्कफ़्लो प्रदान करने के लिए Windows 10 पर WSL में हाइपर का उपयोग करने के लिए यह अंतिम लैगिंग समस्या है। डब्लूएसएल के साथ उपयोग करने के लिए उपलब्ध अन्य टर्मिनल अनुकरणकर्ता देखने में सुखद नहीं हैं, wsltty करीब है, लेकिन टैब समर्थन और प्लगइन समर्थन गायब है ...

@vastbinderj क्यों गायब सच्चा रंग समर्थन आपको एक अच्छा देव सीएलआई वर्कफ़्लो नहीं देता है? ईमानदार सवाल।

@szmarczak और @vastbinderj
यह मुद्दा अभी भी एजेंडा पर है, लेकिन उच्च मेमोरी उपयोग के कारण इसे वर्तमान टर्मिनल बफर डिज़ाइन के साथ पेश किया जाएगा। जब #791 ने हमें अधिक कुशल बफर लेआउट लाया है तो इस पर अधिक ध्यान दिया जाएगा।

@rfgamaral सरल - मैं कई माइक्रोसर्विसेज के साथ बहुत बड़े एंटरप्राइज़ सिस्टम पर एक दिन में कई अलग-अलग यूनिक्स/लिनक्स सर्वरों पर काम करता हूं और मुख्य होस्ट में सभ्य रंग समर्थन नहीं होना विघटनकारी है। रंगों के समान न होने से निपटने के लिए, चाहे मैं आरएचएल पर हूं या सेंटोस या डेबियन, दर्दनाक है। इसके अलावा, विंडोज़ पर एक जूनियर या पीयर डेवलपर की मदद करने के लिए बैठने का मतलब है कि अगर चीजें समान रूप से काम नहीं करती हैं तो मुझे संदर्भ स्विच करना होगा। हालांकि, मैं बहुत प्रभावित हूं कि लगभग मासिक आधार पर जारी किए गए सुधारों के साथ डब्ल्यूएसएल कितनी जल्दी आ गया है और वीएस कोड के साथ भी, यह बकाया है।

@jerch अपडेट के लिए धन्यवाद, धैर्यपूर्वक #791 पर काम करने की प्रतीक्षा करेंगे ...

इसका भी बहुत बेसब्री से इंतजार है।

यह याद रखने योग्य है कि जावास्क्रिप्ट संख्या 53 बिट तक के सटीक पूर्णांकों का प्रतिनिधित्व कर सकती है। तो आपके पास 32 "सुविधाजनक" बिट्स के अतिरिक्त 21 बिट हैं। यदि आप पहले से सेट नहीं हैं, तो आप साधारण जोड़ द्वारा "या" कर सकते हैं। उच्च-क्रम बिट्स को पढ़ने के लिए, बस एक उपयुक्त घात-दो-पूर्णांक से विभाजित करें, और फिर नियमित बिट संचालन का उपयोग करें।

बेशक उच्च-क्रम बिट्स के साथ काम करने के लिए थोड़ा अधिक ओवरहेड है, लेकिन आधुनिक सीपीयू पर पावर-या-टू द्वारा विभाजन अपेक्षाकृत सस्ता है - मेमोरी एक्सेस की तुलना में सस्ता है।

मेरा सुझाव है कि 50 बिट्स के साथ एकल संख्या का उपयोग करें: अग्रभूमि और पृष्ठभूमि के लिए प्रत्येक 25 बिट्स। एक बिट यदि सेट इंगित करता है कि हम 24-बिट "सत्य" रंग का उपयोग कर रहे हैं; यदि सेट नहीं है तो हम "लॉजिकल" (थीमेबल) या 8-बिट रंगों का उपयोग कर रहे हैं। संकेतक बिट्स 2 निचले क्रम के बिट्स होने चाहिए; यदि सेट न किया जाए तो तार्किक/8-बिट रंग अगले 30 बिट्स में हो सकते हैं, इसलिए हम केवल 32-50 बिट्स का उपयोग करते हैं यदि हम वास्तव में सच्चे-रंग का उपयोग कर रहे हैं।

@PerBothner हमने नए बफर के लिए Uint32Array के साथ जाने का फैसला किया, और सुविधा के लिए रंगों को उस सरणी में भी डालने का फैसला किया। यह अभी तक नहीं किया गया है क्योंकि हम ट्रूकलर का समर्थन करने से पहले नए इम्प्लांट को पहले सेनिटाइज करना चाहते हैं।

इसके अलावा मैंने संभावित लेआउट के बारे में कुछ परीक्षण/गणना किए (देखें https://gist.github.com/jerch/27c2cf91ad313a25415873e4047b2900)। लंबी कहानी छोटी - विचार ट्रेडऑफ़ मेम सेविंग बनाम रनटाइम पेनल्टी के बारे में हैं। टाइप किए गए सरणी में संक्रमण ने पहले से ही बड़ी मेम बचत दी है (वर्तमान में ऊपर से दूसरे विचार को लागू करता है, हालांकि सही रंग मान अभी तक लागू नहीं हुए हैं)।