Hamza/flash-call-otp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deploy: 2026-05-23 18:56:57

Browse Source
This commit is contained in:
Hamza-Ayed
2026-05-23 18:56:57 +03:00
parent 88788e6ea1
commit 6c1d3ed255
2 changed files with 22 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
backend/api/test-render.php
View File

@@ -25,23 +25,20 @@ try {
$fontDir = realpath(__DIR__ . '/../fonts');
$roboto = $fontDir ? $fontDir . '/Roboto-Bold.ttf' : '';
$lora = $fontDir ? $fontDir . '/Lora-Bold.ttf' : '';
$cairo = $fontDir ? $fontDir . '/Cairo-Bold.ttf' : '';
$results = [
'font_dir' => $fontDir,
'roboto_path' => $roboto,
'lora_path' => $lora,
'cairo_path' => $cairo,
'roboto_exists' => file_exists($roboto),
'lora_exists' => file_exists($lora),
'cairo_exists' => file_exists($cairo),
'php_errors_during_init' => $errors
];
// Reset captured errors for rendering phase
$errors = [];
$im = imagecreatetruecolor(200, 200);
$im = imagecreatetruecolor(100, 100);
$color = imagecolorallocate($im, 0, 0, 0);
function testFontDigits($im, $fontPath, $color) {
@@ -63,15 +60,6 @@ function testFontDigits($im, $fontPath, $color) {
$results['Roboto-Bold.ttf_digits'] = testFontDigits($im, $roboto, $color);
$results['Lora-Bold.ttf_digits'] = testFontDigits($im, $lora, $color);
$results['Cairo-Bold.ttf_digits'] = testFontDigits($im, $cairo, $color);
// Test Arabic text rendering specifically for Cairo
if ($cairo && file_exists($cairo)) {
$res = imagettftext($im, 14, 0, 10, 100, $color, $cairo, 'ﻖﻘﺤﺘﻠﺎ ﺰﻣﺮ'); // رمز التحقق (RTL shaped)
$results['Cairo-Bold.ttf_arabic_render'] = ($res === false) ? 'Failed' : 'Success';
} else {
$results['Cairo-Bold.ttf_arabic_render'] = 'File not found';
}
$results['rendering_errors'] = $errors;

68
backend/includes/WhatsApp.php
View File

@@ -117,8 +117,7 @@ class WhatsAppClient {
// Use Fontsource dedicated jsDelivr CDN endpoint for direct TTF files
$fonts = [
'Roboto-Bold.ttf' => 'https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-700-normal.ttf',
'Lora-Bold.ttf' => 'https://cdn.jsdelivr.net/fontsource/fonts/lora@latest/latin-700-normal.ttf',
'Cairo-Bold.ttf' => 'https://cdn.jsdelivr.net/fontsource/fonts/cairo@latest/arabic-700-normal.ttf'
'Lora-Bold.ttf' => 'https://cdn.jsdelivr.net/fontsource/fonts/lora@latest/latin-700-normal.ttf'
];
foreach ($fonts as $filename => $url) {
@@ -189,7 +188,6 @@ class WhatsAppClient {
// --- 1. Check if TTF is available and fonts are loaded ---
$useTtf = false;
$availableFonts = [];
$arabicFont = '';
if (function_exists('imagettftext')) {
$fontDir = realpath(__DIR__ . '/../fonts');
if ($fontDir) {
@@ -199,11 +197,6 @@ class WhatsAppClient {
if (file_exists($fontDir . '/Lora-Bold.ttf') && @filesize($fontDir . '/Lora-Bold.ttf') > 20000) {
$availableFonts[] = $fontDir . '/Lora-Bold.ttf';
}
if (file_exists($fontDir . '/Cairo-Bold.ttf') && @filesize($fontDir . '/Cairo-Bold.ttf') > 20000) {
$arabicFont = $fontDir . '/Cairo-Bold.ttf';
// We can also use Cairo for drawing OTP digits for extra variety!
$availableFonts[] = $fontDir . '/Cairo-Bold.ttf';
}
if (!empty($availableFonts)) {
$useTtf = true;
}
@@ -267,51 +260,32 @@ class WhatsAppClient {
// --- 3. Draw Random Header Label with Variable Font ---
$labels = [
// English labels of varying word count
['text' => 'Verification Code:', 'lang' => 'en'],
['text' => 'Your OTP:', 'lang' => 'en'],
['text' => 'Security Key:', 'lang' => 'en'],
['text' => 'Access Number:', 'lang' => 'en'],
['text' => 'Auth Code:', 'lang' => 'en'],
['text' => 'Login Pin:', 'lang' => 'en'],
['text' => 'Secret Key:', 'lang' => 'en'],
['text' => 'Your Number:', 'lang' => 'en'],
['text' => 'One Time Pass:', 'lang' => 'en'],
['text' => 'Code:', 'lang' => 'en'],
['text' => 'App Verification PIN:', 'lang' => 'en'],
['text' => 'System Access Key:', 'lang' => 'en'],
['text' => 'Dynamic Access PIN:', 'lang' => 'en'],
['text' => 'Secure Verification Code:', 'lang' => 'en'],
['text' => 'Account Code:', 'lang' => 'en'],
['text' => 'Secure Passcode:', 'lang' => 'en'],
// Pre-shaped Arabic labels (written RTL for GD engine)
['text' => 'ﻖﻘﺤﺘﻠﺎ ﺰﻣﺮ', 'lang' => 'ar'], // رمز التحقق
['text' => 'ﻥﺎﻣﺃﻟﺍ ﺩﻮﻛ', 'lang' => 'ar'], // كود الأمان
['text' => 'ﺪﻴﻜﺃﺘﻠﺍ ﺰﻣﺮ', 'lang' => 'ar'], // رمز التأكيد
['text' => 'ﻒﻳﺮﻌﺘﻟﺍ ﻢﻗﺭ', 'lang' => 'ar'] // رقم التعريف
'Verification Code:',
'Your OTP:',
'Security Key:',
'Access Number:',
'Auth Code:',
'Login Pin:',
'Secret Key:',
'Your Number:',
'One Time Pass:',
'Code:',
'App Verification PIN:',
'System Access Key:',
'Dynamic Access PIN:',
'Secure Verification Code:',
'Account Code:',
'Secure Passcode:'
];
$selectedLabel = $labels[array_rand($labels)];
$label = $selectedLabel['text'];
$label = $labels[array_rand($labels)];
if ($useTtf) {
// Select font: Cairo-Bold for Arabic, random for English
$labelFont = ($selectedLabel['lang'] === 'ar' && $arabicFont)
? $arabicFont
: $availableFonts[array_rand($availableFonts)];
$labelFont = $availableFonts[array_rand($availableFonts)];
// Draw smooth TTF label (y=28 is baseline position, roughly equivalent to y=10 box)
$size = ($selectedLabel['lang'] === 'ar') ? 14 : 12; // Adjust size for Arabic readability
imagettftext($im, $size, 0, 20, 28, $textColor, $labelFont, $label);
imagettftext($im, 12, 0, 20, 28, $textColor, $labelFont, $label);
} else {
// Fallback: draw using built-in font (convert Arabic to English fallback to avoid garbage text)
$fallbackLabel = $label;
if ($selectedLabel['lang'] === 'ar') {
$fallbackLabel = 'Verification Code:';
}
$labelFont = random_int(3, 5);
imagestring($im, $labelFont, 20, 10, $fallbackLabel, $textColor);
imagestring($im, $labelFont, 20, 10, $label, $textColor);
}
// Draw a bounding border