จัดรูปแบบ SQL ฟรี

วิธีการทำงาน

ตัวจัดรูปแบบ SQL นี้สร้างทั้งหมดจากตัวแบ่งโทเค็นและตัวจัดรูปแบบที่เขียนขึ้นเอง — ไม่ใช้ไลบรารีภายนอก การจัดรูปแบบและเน้นไวยากรณ์ทำงานทันทีในเบราว์เซอร์ขณะพิมพ์ โดยไม่มีเซิร์ฟเวอร์เกี่ยวข้อง

1. 1
   ตัวแบ่งโทเค็นแบ่ง SQL

   ตัวแบ่งโทเค็นทีละอักขระไล่อินพุตและแบ่งเป็นโทเค็นตามประเภท: สตริง (รองรับทั้ง escape ด้วย backslash และแบบเครื่องหมายคำพูดซ้อนของ SQL) คอมเมนต์บรรทัด (--) คอมเมนต์บล็อก (/* */) ตัวดำเนินการ วงเล็บ ตัวระบุ และตัวเลข ช่องว่างถูกยุบเป็นโทเค็นช่องว่างเดียว
2. 2
   รวมคีย์เวิร์ดแบบหลายคำ

   หลังแบ่งโทเค็น รอบที่สองรวมโทเค็นที่อยู่ติดกันซึ่งเป็นคีย์เวิร์ดหลายคำ — 'LEFT' ตามด้วย 'JOIN' จึงกลายเป็นโทเค็น 'LEFT JOIN' เดียว และ 'GROUP' ตามด้วย 'BY' กลายเป็น 'GROUP BY' ทำให้ตัวจัดรูปแบบถือเป็นหน่วยจัดวางเดียว
3. 3
   จัดวางเป็นบล็อกหรือย่อขนาด

   ในโหมดจัดรูปแบบ คีย์เวิร์ดเริ่มบล็อก (SELECT, FROM, WHERE, JOIN ฯลฯ) ถูกวางในบรรทัดของตัวเองที่ไม่มีการเยื้อง และทุกอย่างที่ตามมาถูกเยื้อง AND/OR บังคับขึ้นบรรทัดใหม่ที่เยื้อง จุลภาคที่ระดับวงเล็บบนสุดก็ขึ้นบรรทัดใหม่ ในโหมดย่อขนาด บรรทัดใหม่และช่องว่างที่ซ้ำซ้อนทั้งหมดถูกยุบเป็นลำดับที่คั่นด้วยช่องว่างเดียว
4. 4
   เน้นไวยากรณ์ผ่าน regex

   ผลลัพธ์ที่จัดรูปแบบแล้วผ่าน regex เดียวที่จับคอมเมนต์ สตริง ตัวเลข และตัวระบุในรอบเดียว แต่ละตัวที่ตรงกันถูกห่อด้วย span ของ React ที่มีคลาสสี — คอมเมนต์เป็นตัวเอียงสีจาง สตริงเป็นสีเหลืองอำพัน ตัวเลขเป็นสีม่วง และคีย์เวิร์ด SQL (ตรวจกับชุดคีย์เวิร์ดทั้งหมด) เป็นสีเขียวอมฟ้า — ได้แผงผลลัพธ์ที่มีสี

เครื่องมือที่เกี่ยวข้อง