आम्ही आमच्या कामात प्लॅटफॉर्म सक्रियपणे वापरतो सोनारक्यूब उच्च स्तरावर कोड गुणवत्ता राखण्यासाठी. मध्ये लिहिलेल्या प्रकल्पांपैकी एक एकत्रित करताना VueJs+Typescript, समस्या निर्माण झाल्या. म्हणून, आम्ही त्यांचे निराकरण कसे केले ते मी तुम्हाला अधिक तपशीलवार सांगू इच्छितो.

या लेखात आपण सोनारक्यूब प्लॅटफॉर्मबद्दल मी वर लिहिल्याप्रमाणे बोलू. एक छोटा सिद्धांत - हे सर्वसाधारणपणे काय आहे, जे पहिल्यांदा याबद्दल ऐकत आहेत त्यांच्यासाठी:

सोनारक्यूब (माजी सोनार) सतत तपासणी आणि कोड गुणवत्ता मापनासाठी एक मुक्त स्रोत व्यासपीठ आहे.
MISRA C, MISRA C++, MITER/CWE आणि CERT Secure Coding Standards प्रोग्रामिंग मानकांच्या नियमांनुसार कोड विश्लेषण आणि त्रुटी शोधण्याचे समर्थन करते. हे OWASP टॉप 10 आणि CWE/SANS टॉप 25 प्रोग्रामिंग एरर लिस्टमधील त्रुटी देखील ओळखू शकते.
प्लॅटफॉर्म विविध रेडीमेड टूल्स वापरत असूनही, सोनारक्यूब धावांचा इतिहास ठेवून निकाल एकाच डॅशबोर्डवर कमी करतो आणि त्याद्वारे तुम्हाला विकासादरम्यान सॉफ्टवेअरच्या गुणवत्तेतील बदलांचा सामान्य कल पाहण्याची परवानगी देतो.

अधिक तपशील येथे आढळू शकतात अधिकृत वेबसाइट

मोठ्या संख्येने प्रोग्रामिंग भाषा समर्थित आहेत. वरील लिंकवरील माहितीनुसार, या 25 पेक्षा जास्त भाषा आहेत. विशिष्ट भाषेचे समर्थन करण्यासाठी, आपण योग्य प्लगइन स्थापित करणे आवश्यक आहे. समुदाय आवृत्तीमध्ये कार्य करण्यासाठी प्लगइन समाविष्ट आहे Javascript (typeсript सह), जरी विकी उलट म्हणतो. मागे Javascript प्लगइन उत्तरे सोनारजेएस, Typescript साठी सोनारटीएस अनुक्रमे

अधिकृत क्लायंटचा वापर कव्हरेज माहिती पाठवण्यासाठी केला जातो सोनारक्यूब-स्कॅनर, जे, पासून सेटिंग्ज वापरून कॉन्फिगर-फाइल, हा डेटा सर्व्हरला पाठवते सोनारक्यूब पुढील एकत्रीकरण आणि एकत्रीकरणासाठी.

करण्यासाठी Javascript आहे एनपीएम रॅपर. तर, चरण-दर-चरण अंमलबजावणी सुरू करूया सोनारक्यूब в व्ह्यू- प्रकल्प वापरून प्रकार.

सर्व्हर उपयोजित करण्यासाठी सोनारक्यूब चला फायदा घेऊया डॉकर-कंपोज.

सोनार.यामल:

version: '1'
    services:
        simplesample-sonar:
            image: sonarqube:lts
            ports:
                - 9001:9000
                - 9092:9092
            network_mode: bridge

लाँच:

docker-compose -f sonar.yml up

यानंतर सोनारक्यूब येथे उपलब्ध होईल: http://localhost:9001 .

त्यात अद्याप कोणतेही प्रकल्प नाहीत आणि ते योग्य आहे. आम्ही ही परिस्थिती दुरुस्त करू. मी अधिकृत उदाहरण प्रकल्प घेतला VueJS+TS+जेस्ट. चला ते स्वतःकडे वाकवूया:

git clone https://github.com/vuejs/vue-test-utils-typescript-example.git

प्रथम आपल्याला क्लायंट स्थापित करणे आवश्यक आहे सोनारक्यूब, ज्यास म्हंटले जाते सोनार-स्कॅनरसाठी npm एक आवरण आहे:

yarn add sonarqube-scanner

आणि लगेच कमांड जोडा स्क्रिप्ट त्याच्यासोबत काम करण्यासाठी.

package.json:

{
 … 
   scripts: {
      ...
      "sonar": "sonar-scanner"
      ...
   },
 …
}

पुढे, स्कॅनर कार्य करण्यासाठी, आपल्याला एका विशेष फाइलमध्ये प्रकल्प सेटिंग्ज सेट करणे आवश्यक आहे. चला मूलभूत गोष्टींसह प्रारंभ करूया.

sonar-project.properties:

sonar.host.url=http://localhost:9001

sonar.projectKey=test-project-vuejs-ts
sonar.projectName=Test Application (VueJS+TS)

sonar.sources=src
# sonar.tests=
sonar.test.inclusions=src/**/*tests*/**
sonar.sourceEncoding=UTF-8

sonar.host.url - पत्ता सोनार'अ;
sonar.projectKey - सर्व्हरवर अद्वितीय प्रकल्प अभिज्ञापक सोनार'अ;
sonar.projectName - त्याचे नाव, ते कधीही बदलले जाऊ शकते, कारण प्रकल्पाद्वारे ओळखले जाते प्रोजेक्टकी;
सोनार.स्रोत - स्त्रोतांसह फोल्डर, सहसा हे Src, पण काहीही असू शकते. हे फोल्डर रूट फोल्डरच्या सापेक्ष सेट केले आहे, ते फोल्डर ज्यामधून स्कॅनर लाँच केले जाते;
सोनार.चाचण्या - एक पॅरामीटर जो मागील एकाच्या बरोबरीने जातो. हे फोल्डर आहे जेथे चाचण्या आहेत. या प्रकल्पात, असे कोणतेही फोल्डर नाही आणि चाचणी फोल्डरमध्ये तपासल्या जात असलेल्या घटकाच्या शेजारी स्थित आहे.चाचणी', म्हणून आम्ही सध्या त्याकडे दुर्लक्ष करू आणि पुढील पॅरामीटर वापरू;
sonar.test.inclusion - मुखवटा वापरून चाचण्यांसाठी मार्ग, स्वल्पविरामाने विभक्त केलेले अनेक घटक असू शकतात;
sonar.source एन्कोडिंग - स्त्रोत फायलींसाठी एन्कोडिंग.

स्कॅनरच्या पहिल्या लाँचसाठी, मुख्य आधीच्या क्रियेशिवाय सर्व काही तयार आहे: चाचणी इंजिन स्वतः लाँच करणे, जेणेकरून ते कव्हरेजबद्दल माहिती व्युत्पन्न करू शकेल, जे स्कॅनर नंतर वापरेल.

परंतु हे करण्यासाठी, तुम्हाला ही माहिती व्युत्पन्न करण्यासाठी चाचणी इंजिन कॉन्फिगर करणे आवश्यक आहे. या प्रकल्पात, चाचणी इंजिन आहे आहे. आणि त्याची सेटिंग्ज फाइलच्या संबंधित विभागात आहेत package.json.

चला या सेटिंग्ज जोडूया:

"collectCoverage": true,
"collectCoverageFrom": [
      "src/**/*",
      "!src/main.ts",
      "!src/App.vue",
      "!src/**/*.d.*",
      "!src/**/*__tests__*"
],

म्हणजेच, आम्ही कव्हरेज आणि स्त्रोत (अपवादांसह) ज्याच्या आधारे ते तयार केले जाईल याची गणना करण्याच्या गरजेसाठी ध्वज स्वतः सेट करतो.

आता चाचणी चालवू:

yarn test

आपण पुढील गोष्टी पाहू.

कारण घटकामध्येच कोड नाही. चला हे दुरुस्त करूया.

HelloWorld.vue:

...
methods: {
    calc(n) {
      return n + 1;
    }
  },
mounted() {
  this.msg1 = this.msg + this.calc(1);
},
...

कव्हरेजची गणना करण्यासाठी हे पुरेसे असेल.

चाचणी रीस्टार्ट केल्यानंतर, आम्ही याची खात्री करू:

स्क्रीनवर आपल्याला कव्हरेजबद्दल माहिती दिसली पाहिजे आणि प्रोजेक्ट फोल्डरमध्ये एक फोल्डर तयार केले जाईल कव्हरेज सार्वत्रिक स्वरूपात चाचणी कव्हरेज माहितीसह LCOV (LTP GCOV विस्तार).

Gcov कोड कव्हरेज तपासण्यासाठी मुक्तपणे वितरित उपयुक्तता आहे. Gcov प्रोग्रॅममधील प्रत्येक विधानासाठी अंमलबजावणीची अचूक संख्या व्युत्पन्न करते आणि तुम्हाला स्त्रोत कोडमध्ये भाष्य जोडण्याची परवानगी देते. GCC पॅकेजचा भाग म्हणून Gcov एक मानक उपयुक्तता म्हणून येते.
Lcov - gcov साठी ग्राफिकल इंटरफेस. हे एकाधिक स्त्रोत फायलींसाठी gcov फाइल्स एकत्र करते आणि कोड आणि कव्हरेज माहितीसह HTML पृष्ठांचा संच तयार करते. नेव्हिगेशन सुलभ करण्यासाठी पृष्ठे देखील तयार केली जातात. Lcov स्ट्रिंग्स, फंक्शन्स आणि शाखांच्या कव्हरेजला समर्थन देते.

चाचण्या पूर्ण झाल्यानंतर, कव्हरेज माहिती मध्ये स्थित असेल coverage/lcov.info.
म्हणायला हवे सोनार'मला ते कुठून मिळेल? म्हणून, त्याच्या कॉन्फिगरेशन फाइलमध्ये खालील ओळी जोडूया. पण एक मुद्दा आहे: प्रकल्प बहुभाषिक असू शकतात, म्हणजेच फोल्डरमध्ये Src अनेक प्रोग्रामिंग भाषांसाठी स्त्रोत कोड आहेत आणि एक किंवा दुसर्याशी संलग्नता आहेत आणि त्याऐवजी, एक किंवा दुसर्या प्लगइनचा वापर त्याच्या विस्ताराद्वारे निर्धारित केला जातो. आणि कव्हरेज माहिती वेगवेगळ्या प्रोग्रामिंग भाषांसाठी वेगवेगळ्या ठिकाणी संग्रहित केली जाऊ शकते, म्हणून प्रत्येक भाषेचा स्वतःचा विभाग आहे. आमचा प्रकल्प वापरतो प्रकार, म्हणून आम्हाला फक्त त्यासाठी सेटिंग्ज विभागाची आवश्यकता आहे:

sonar-project.properties:

sonar.typescript.coveragePlugin=lcov
sonar.typescript.lcov.reportPaths=coverage/lcov.info

स्कॅनरच्या पहिल्या लॉन्चसाठी सर्व काही तयार आहे. मी हे लक्षात घेऊ इच्छितो की प्रकल्प आहे सोनारतुम्ही दिलेल्या प्रोजेक्टसाठी पहिल्यांदा स्कॅनर चालवता तेव्हा 'e स्वयंचलितपणे तयार होते. त्यानंतरच्या काळात, वेळोवेळी प्रकल्पाच्या पॅरामीटर्समधील बदलांची गतिशीलता पाहण्यासाठी माहिती जमा केली जाईल.

तर, आधी तयार केलेली कमांड वापरू package.json:

yarn run sonar

टीप: आपण पॅरामीटर देखील वापरू शकता -X अधिक तपशीलवार लॉगिंगसाठी.

स्कॅनर प्रथमच लाँच केले असल्यास, स्कॅनरची बायनरी प्रथम डाउनलोड केली जाईल. त्यानंतर ते सुरू होते आणि सर्व्हरचे स्कॅनिंग सुरू होते सोनारस्थापित प्लगइनसाठी a, त्याद्वारे समर्थित भाषेची गणना केली जाते. त्याच्या ऑपरेशनसाठी विविध इतर मापदंड देखील लोड केले आहेत: गुणवत्ता प्रोफाइल, सक्रिय नियम, मेट्रिक्स भांडार, सर्व्हर नियम.

टीप: आम्ही या लेखाच्या चौकटीत त्यांच्याबद्दल तपशीलवार विचार करणार नाही, परंतु आपण नेहमी अधिकृत स्त्रोतांशी संपर्क साधू शकता.

पुढे, फोल्डरचे विश्लेषण सुरू होते Src सर्वांसाठी स्त्रोत फाइल्सच्या उपलब्धतेसाठी (एखादी विशिष्ट स्पष्टपणे निर्दिष्ट केलेली नसल्यास) समर्थित भाषा, त्यांच्या त्यानंतरच्या अनुक्रमणिकेसह.

पुढे इतर विविध विश्लेषणे येतात, ज्यावर आम्ही या लेखात लक्ष केंद्रित करत नाही (उदाहरणार्थ, लिंटिंग, कोड डुप्लिकेशन शोधणे इ.).

स्कॅनरच्या कामाच्या अगदी शेवटी, सर्व गोळा केलेली माहिती एकत्रित केली जाते, संग्रहित केली जाते आणि सर्व्हरला पाठविली जाते.

यानंतर, वेब इंटरफेसमध्ये काय झाले ते आम्ही आधीच पाहू शकतो:

जसे आपण पाहू शकतो, काहीतरी कार्य केले, आणि काही प्रकारचे कव्हरेज देखील दर्शवते, परंतु ते आपल्याशी जुळत नाही आहे- अहवाल.

चला ते बाहेर काढूया. चला प्रकल्पाकडे अधिक तपशीलवार पाहू, कव्हरेज मूल्यावर क्लिक करा आणि तपशीलवार फाइल अहवालात "फॉल थ्रू":

येथे आपण मुख्य व्यतिरिक्त, तपासलेली फाइल पाहतो HelloWorld.vue, एक फाइल देखील आहे main.ts, जे कव्हरेजचे संपूर्ण चित्र खराब करते. पण कव्हरेजच्या गणनेतून आम्ही ते कसे वगळले. होय, सर्वकाही बरोबर आहे, परंतु ते स्तरावर होते आहे, परंतु स्कॅनरने ते अनुक्रमित केले, म्हणून ते त्याच्या गणनेत संपले.

चला याचे निराकरण करूया:

sonar-project.properties:

...
sonar.exclusions=src/main.ts
...

मी एक स्पष्टीकरण देऊ इच्छितो: या पॅरामीटरमध्ये निर्दिष्ट केलेल्या फोल्डर्स व्यतिरिक्त, पॅरामीटरमध्ये सूचीबद्ध केलेले सर्व फोल्डर देखील जोडले आहेत sonar.test.inclusion.

स्कॅनर लाँच केल्यानंतर, आम्हाला योग्य माहिती दिसते:

पुढचा मुद्दा पाहू - दर्जेदार प्रोफाइल. मी वर समर्थनाबद्दल बोललो सोनारएकाच वेळी अनेक भाषा. नेमके हेच आपण पाहत आहोत. पण आम्हाला माहित आहे की आमचा प्रकल्प त्यात लिहिलेला आहे TS, मग स्कॅनरला अनावश्यक फेरफार आणि तपासण्या का ताण द्या. कॉन्फिगरेशन फाइलमध्ये आणखी एक पॅरामीटर जोडून आम्ही विश्लेषणासाठी भाषा सेट करू सोनार'अ:

sonar-project.properties:

...
sonar.language=ts
...

चला स्कॅनर पुन्हा चालवू आणि परिणाम पाहू:

कव्हरेज पूर्णपणे गेले होते.

आपण स्कॅनर लॉग पाहिल्यास, आपण खालील ओळ पाहू शकतो:

म्हणजेच, आमच्या प्रकल्प फाइल्स फक्त अनुक्रमित केल्या गेल्या नाहीत.

परिस्थिती खालीलप्रमाणे आहे: अधिकृतपणे समर्थित VueJs प्लगइनमध्ये आहे सोनारजेएसकोण जबाबदार आहे Javascript.

परंतु हे समर्थन प्लगइनमध्ये नाही सोनारटीएस ते TS, ज्याबद्दल बग ट्रॅकरमध्ये अधिकृत तिकीट उघडले होते सोनार'अ:

या वस्तुस्थितीची पुष्टी करणारी सोनारक्यूब डेव्हलपरच्या प्रतिनिधींपैकी एकाची काही उत्तरे येथे आहेत.

परंतु सर्व काही आमच्यासाठी कार्य करते, तुमचा आक्षेप आहे. होय, ते थोडे प्रयत्न करूया "खाच".
आधार असेल तर .vue-फाईल्स सोनार'अरे, मग आपण त्याला त्यांचा विचार करायला सांगण्याचा प्रयत्न करूया प्रकार.

चला एक पॅरामीटर जोडूया:

sonar-project.properties:

...
sonar.typescript.file.suffixes=.ts,.tsx,.vue
...

चला स्कॅनर लाँच करूया:

आणि, व्हॉइला, सर्व काही सामान्य झाले आहे आणि फक्त एका प्रोफाइलसह प्रकार. म्हणजेच, आम्ही समर्थनामध्ये समस्येचे निराकरण करण्यात व्यवस्थापित केले VueJs+TS ते सोनारक्यूब.

चला आणखी पुढे जाण्याचा प्रयत्न करूया आणि कव्हरेज माहितीमध्ये थोडी सुधारणा करूया.

आम्ही आतापर्यंत काय केले आहे:

प्रकल्पात जोडले सोनार- स्कॅनर;
सेट करा आहे कव्हरेज माहिती व्युत्पन्न करण्यासाठी;
कॉन्फिगर केले सोनार- स्कॅनर;
समर्थन समस्या सोडवली .vue-फाईल्स + प्रकार.

चाचणी कव्हरेज व्यतिरिक्त, कोड गुणवत्तेसाठी इतर मनोरंजक उपयुक्त निकष आहेत, उदाहरणार्थ, कोड डुप्लिकेशन आणि प्रकल्पाच्या ओळींची संख्या (कोड जटिलतेशी संबंधित गुणांकांच्या गणनेमध्ये समाविष्ट आहे).

सह कार्य करण्यासाठी प्लगइनच्या सध्याच्या अंमलबजावणीमध्ये TS (सोनारटीएस) काम करणार नाही CPD (कॉपी पेस्ट डिटेक्टर) आणि कोडच्या ओळी मोजणे .vue-फाईल्स.

कोड डुप्लिकेशनची सिंथेटिक परिस्थिती निर्माण करण्यासाठी, फक्त एका वेगळ्या नावाने घटक फाइलची डुप्लिकेट करा आणि ती कोडमध्ये जोडा main.ts एक डमी फंक्शन आणि ते वेगळ्या नावाने डुप्लिकेट करा. मध्ये डुप्लिकेशन तपासण्यासाठी .vue, आणि मध्ये .ts -फाईल्स.

main.ts:

...
function name(params:string): void {
  console.log(params);
}
...

हे करण्यासाठी, तुम्हाला कॉन्फिगरेशन लाइनवर तात्पुरते टिप्पणी देणे आवश्यक आहे:

sonar-project.properties:

...
sonar.exclusions=src/main.ts
...

चाचणीसह स्कॅनर रीस्टार्ट करूया:

yarn test && yarn run sonar

अर्थात, आमचे कव्हरेज कमी होईल, परंतु आता आम्हाला त्यात रस नाही.

कोडच्या डुप्लिकेट ओळींच्या बाबतीत, आम्ही पाहू:

तपासण्यासाठी आम्ही वापरू सीपीडीउपयुक्तता - jscpd:

npx jscpd src

कोडच्या ओळींसाठी:

कदाचित भविष्यातील प्लगइन आवृत्त्यांमध्ये याचे निराकरण केले जाईल सोनारजेएस(टीएस). मला हे लक्षात घ्यायचे आहे की ते हळूहळू हे दोन प्लगइन एकामध्ये विलीन करू लागले आहेत सोनारजेएस, जे मला योग्य वाटते.

आता मला कव्हरेज माहिती सुधारण्याच्या पर्यायाचा विचार करायचा होता.

आतापर्यंत आम्ही संपूर्ण प्रकल्पासाठी आणि विशेषतः फाइल्ससाठी टक्केवारीच्या दृष्टीने चाचणी कव्हरेज पाहू शकतो. परंतु प्रमाणाबद्दलच्या माहितीसह हे सूचक विस्तृत करणे शक्य आहे युनिटप्रकल्पासाठी तसेच फाइल्सच्या संदर्भात चाचणी.

करू शकतील अशी लायब्ररी आहे आहे- अहवाल फॉरमॅटमध्ये रूपांतरित करा सोनार'अ:
सामान्य चाचणी डेटा - https://docs.sonarqube.org/display/SONAR/Generic+Test+Data.

चला ही लायब्ररी आमच्या प्रोजेक्टमध्ये स्थापित करूया:

yarn add jest-sonar-reporter

आणि कॉन्फिगरेशनमध्ये जोडा आहे:

package.json:

…
"testResultsProcessor": "jest-sonar-reporter"
…

आता चाचणी चालवू:

yarn test

त्यानंतर प्रोजेक्टच्या रूटमध्ये एक फाईल तयार होईल test-report.xml.

चला कॉन्फिगरेशनमध्ये वापरू सोनार'अ:

sonar-project.properties:

…
sonar.testExecutionReportPaths=test-report.xml
…

आणि स्कॅनर रीस्टार्ट करा:

yarn run sonar

इंटरफेसमध्ये काय बदल झाले आहेत ते पाहूया सोनार'अ:

आणि काहीही बदलले नाही. वस्तुस्थिती अशी आहे की सोनार जेस्ट अहवालात वर्णन केलेल्या फाईल्स फाईल्स मानत नाहीत युनिट-चाचण्या. ही परिस्थिती दुरुस्त करण्यासाठी, आम्ही कॉन्फिगरेशन पॅरामीटर वापरतो सोनार सोनार.चाचण्या, ज्यामध्ये आम्ही चाचण्यांसह फोल्डर स्पष्टपणे सूचित करू (आमच्याकडे सध्या फक्त एक आहे):

sonar-project.properties:

…
sonar.tests=src/components/__tests__
…

चला स्कॅनर रीस्टार्ट करूया:

yarn run sonar

इंटरफेसमध्ये काय बदल झाले ते पाहूया:

आता आमचा नंबर पाहिला युनिट-चाचण्या आणि, आत क्लिक करून अयशस्वी झाल्यानंतर, आम्ही प्रकल्प फाइल्समध्ये या क्रमांकाचे वितरण पाहू शकतो:

निष्कर्ष

म्हणून, आम्ही सतत विश्लेषणासाठी एक साधन पाहिले सोनारक्यूब. आम्ही त्यात लिहिलेला प्रकल्प यशस्वीरित्या समाकलित केला VueJs+TS. काही सुसंगतता समस्यांचे निराकरण केले. आम्ही चाचणी कव्हरेज निर्देशकाची माहिती सामग्री वाढवली आहे. या लेखात आम्ही कोड गुणवत्ता निकषांपैकी फक्त एक (कदाचित मुख्य निकषांपैकी एक) तपासले, परंतु सोनारक्यूब सुरक्षा चाचणीसह इतर गुणवत्ता निकषांना समर्थन देते. परंतु ही सर्व वैशिष्ट्ये पूर्णपणे उपलब्ध नाहीत समुदाय-आवृत्त्या. मनोरंजक आणि उपयुक्त वैशिष्ट्यांपैकी एक म्हणजे एकत्रीकरण सोनारक्यूब GitLab आणि BitBucket सारख्या विविध कोड रिपॉझिटरी व्यवस्थापन प्रणालीसह. टाळणे विलीन करा (विलीन) विनंतीकव्हरेज खराब झाल्यावर भांडाराच्या मुख्य शाखेकडे. पण ही पूर्णपणे वेगळ्या लेखाची कथा आहे.

PS: कोडच्या स्वरूपात लेखात वर्णन केलेली प्रत्येक गोष्ट मध्ये उपलब्ध आहे माझा काटा.

केवळ नोंदणीकृत वापरकर्तेच सर्वेक्षणात भाग घेऊ शकतात. साइन इन करा, आपले स्वागत आहे.

तुम्ही सोनारक्यूब प्लॅटफॉर्म वापरता का:

26,3%होय २०७
15,8%क्रमांक २४४
15,8%मी या प्लॅटफॉर्मबद्दल ऐकले आहे आणि मी 3 वापरू इच्छितो
10,5%मी या प्लॅटफॉर्मबद्दल ऐकले आहे आणि मी 2 वापरू इच्छित नाही
0,0%मी वेगळा प्लॅटफॉर्म0 वापरत आहे
31,6%तिच्याबद्दल मी पहिल्यांदाच ऐकले 6

19 वापरकर्त्यांनी मतदान केले. 3 वापरकर्ते दूर राहिले.

स्त्रोत: www.habr.com

SonarQube सह VueJS+TS प्रकल्प एकत्रीकरण

निष्कर्ष

तुम्ही सोनारक्यूब प्लॅटफॉर्म वापरता का:

एक टिप्पणी जोडा Отменить ответ