Yardımcı regex ifadeleri

regex101.ts

// Yorum blokları ve satır yorumlarını almak için ifade

// örnek1 :
//      /**
//          Bu bir blok yorumdur
//      */

// Örnek2 :
// Bu bir satır yorumdur

const CommentsParser = /(\/\*[\w\'\s\r\n\*]*\*\/)|(\/\/[\w\s\']*)|(\<![\-\-\s\w\>\/]*\>)/gim;

// Özel yorum etiketlerini çözümleme ifadesi

/* 
*  Örnek ifade
  `@comments(
    deneme 123213 31 31
  )
  @comments-private(
    deneme 123213 31 31
  )`.match(/^\@[A-Za-z-0-9_-]*\([\S\s]*?\)$/gim)
*/

const CustomCommentTagParser = /^\@[A-Za-z-0-9_-]*\([\S\s]*?\)$/gim;

// Renk kodları çözümleme ifadeleri

/** RGB?A */
const RGB = /rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)/gim;  // rgb(0,0,0)
const RGBA = /rgba\((\d{1,3}), (\d{1,3}), (\d{1,3}), (\d{1})\)/gim; // rgba(0,0,0,.4)

/** HEX{3,6}
HEX hexadecimal sayı sisteminin kısaltmasıdır.
Hexadecimal sayı sistemi 16lık sayı tabanını ifade eder
10 luk sitemde 0-9 arası rakamlar kullanılırken 
hexadecimalde 9'tan sonra a, b, c, d, e, f ifadeleri 9dan 15'e kadar değer ifade eder.
!Yani ...9, a=10, b=11, c=12, d=13, e=14, f= 15 ve 16. değere geçince yine 10luk sistemdeki gibi 0'a düşer. 
Çünkü sayı sistemleri 1 den değil sıfırdan başlar
!!! Sayısal bilimin kutsal sayısı 0'dır. @Hârizmî sağolsun :)

HEX renk kodları rgba deki gibi düşünebilirsiniz
ilk iki hane kırmızı 3,4 yeşil ve 5,6 haneleri mavi tonu belirtir
eğer 3 lü kullanırsanız her hane deki değer ikili okunur. Örnek #abc ---> #aabbcc
peki opacity değerini nasıl vereceksiniz ?
eğer dört haneli hex tipini kullanırsanız son değer veya 8 haneli hex tipini kullanırsanız son iki hane ifade eder
şöyleki 2 haneli maximum hexadecimal kodunun decimal değeeri ff=255'tir 
yani #000000ff dersek simsiyah bir renk alırsınız ve #00000000 dersek tamamen transparan bir değer alırız
*/
const HEX3 = /[0-9A-Fa-f]{3}/gim; //  #aaa
const HEX6 = /[0-9A-Fa-f]{6}/gim; //  #aaaaaa 
const HEX4 = /[0-9A-Fa-f]{4}/gim; //  #aaa5   -> son hanede bulunan sayı opacity değerini belirtir
const HEX8 = /[0-9A-Fa-f]{8}/gim; //  #aaaaaa50 -> son iki hanede bulunan sayı opacity değerini belirtir

/** 
HSL Tanımı: hsl(hue, saturation, lightness)
HSLA Tanımı: hsl(hue, saturation, lightness,alpha)
*/
const HSL = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/gim; //hsl(0, 100%, 50%)
const HSLA = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(\d{1})\)/gim; 

//Double Float sayı çözümleme ifadesi
const DoubleFloat = /\d*\.\d*/gim;

Renk kodlarını anlamlandırmada çok etkili bir yazı oldu. Ellerinize sağlık.

Renk kodlarını anlamlandırmada çok etkili bir yazı oldu. Ellerinize sağlık.

Teşekkürler