កូដនេះបង្កើតនូវកម្មវិធីកែសម្រួល និងរៀបចំទម្រង់ JSON (JSON Formatter and Beautifier) ដែលអាចធ្វើអន្តរកម្មបាន។ វាត្រូវបានរចនាឡើងសម្រាប់ដាក់បញ្ចូលក្នុងគេហទំព័រ (ជាពិសេសសម្រាប់ Astro web framework) ដោយមានផ្ទៃប្រើប្រាស់ (UI) ជាភាសាខ្មែរ។
តើវាមានមុខងារអ្វីខ្លះ?
វាទទួលយកទិន្នន័យ JSON ដែលគ្មានសណ្តាប់ធ្នាប់ ឬពិបាកអាន មកប្រែក្លាយជាទម្រង់ដែលស្អាត និងងាយស្រួលអានភ្លាមៗ។
- Live Formatting: រៀបចំទម្រង់ JSON ដោយស្វ័យប្រវត្តិភ្លាមៗ នៅពេលអ្នកវាយបញ្ចូល ឬចម្លងទិន្នន័យដាក់ក្នុងប្រអប់។
- Indentation Control: អនុញ្ញាតឱ្យអ្នកប្រើប្រាស់ផ្លាស់ប្តូរទំហំនៃការដកឃ្លា (Indentation) រវាង ២ ចន្លោះ (2 spaces), ៤ ចន្លោះ (4 spaces) ឬ Tab។
- Error Validation: ពិនិត្យចាប់កំហុស (Syntax errors) និងបង្ហាញសារជូនដំណឹងពណ៌ក្រហមនៅខាងក្រោម ប្រសិនបើទិន្នន័យដែលបញ្ចូលមិនមែនជាទម្រង់ JSON ត្រឹមត្រូវ។
- Utility Buttons: មានប៊ូតុងសម្រាប់ដំណើរការរហ័ស ដូចជាការដាក់ គំរូ (Sample), សម្អាត (Clear) និង ចម្លង (Copy) លទ្ធផលដែលបានរៀបចំរួច។
- Astro SPA Compatibility: ប្រើប្រាស់ព្រឹត្តិការណ៍
astro:page-loadនិងAbortControllerដើម្បីធានាថាកម្មវិធីដំណើរការបានត្រឹមត្រូវ និងមិនមានបញ្ហា Memory leak ពេលប្រើជាមួយ Client-side routing របស់ Astro (View Transitions)។
របៀបប្រើប្រាស់
- ចម្លងទិន្នន័យ JSON របស់អ្នកដាក់ក្នុងប្រអប់ “បញ្ចូល” (ខាងឆ្វេង)។
- ទិន្នន័យ JSON ដែលបានរៀបចំជាទម្រង់ត្រឹមត្រូវ និងងាយអាន នឹងបង្ហាញភ្លាមៗក្នុងប្រអប់ “លទ្ធផល” (ខាងស្តាំ)។
- ប្រើប្រាស់ប៊ូតុងនៅផ្នែកខាងលើខាងឆ្វេង ដើម្បីកែតម្រូវទំហំនៃការដកឃ្លា (២ ចន្លោះ, ៤ ចន្លោះ ឬ Tab)។
- ចុចប៊ូតុង “ចម្លង” នៅខាងលើស្តាំ ដើម្បីចម្លងទិន្នន័យ JSON ដែលរៀបចំរួចនោះយកទៅប្រើប្រាស់បន្ត។
ឯកជនភាព
រាល់ព័ត៌មានដែលអ្នកដាក់ចូលគឺស្ថិតនៅក្នុងម៉ាស៊ីនរបស់អ្នក។ មិនមានការផ្ញើទិន្នន័យទៅម៉ាស៊ីនមេ (server) ទេ។