Create app2.js

app2.js

@@ -0,0 +1,172 @@
+const express = require('express');
+const { chromium, devices } = require('playwright');
+const cors = require('cors');
+const dotenv = require('dotenv');
+const os = require('os');
+
+dotenv.config();
+
+const config = {
+    maxTextLength: 100,
+    viewport: { width: 1920, height: 1080 },
+    defaultUserAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
+    iPhoneUserAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1'
+};
+
+let defaultBrowser, defaultPage, iPhoneBrowser, iPhonePage;
+
+const createBrowserContext = async (isIPhone = false) => {
+    const browser = await chromium.launch({ headless: true });
+    const contextOptions = isIPhone ? {
+        ...devices['iPhone 13'],
+        deviceScaleFactor: 2,
+        isMobile: true,
+        hasTouch: true,
+        userAgent: config.iPhoneUserAgent,
+        forcedColors: 'none',
+        viewport: { width: 390, height: 844 }  // iPhone 13 dimensions
+    } : {
+        viewport: config.viewport,
+        userAgent: config.defaultUserAgent
+    };
+
+    const context = await browser.newContext(contextOptions);
+
+    // Block unnecessary resources
+    await context.route('**/*', (route) => {
+        const url = route.request().url();
+        if (url.endsWith('.png') || url.endsWith('.jpg') || url.includes('google-analytics')) {
+            return route.abort();
+        }
+        route.continue();
+    });
+
+    const page = await context.newPage();
+    
+    // Add iPhone-specific styles for emoji if needed
+    if (isIPhone) {
+        await page.addStyleTag({
+            content: `
+                @font-face {
+                    font-family: "Apple Color Emoji";
+                    src: local("Apple Color Emoji");
+                }
+                * {
+                    font-family: "Apple Color Emoji", -apple-system, BlinkMacSystemFont, "SF Pro", "SF Pro Display", system-ui, sans-serif !important;
+                    -webkit-font-smoothing: antialiased;
+                    text-rendering: optimizeLegibility;
+                }
+                #textInput, #textOverlay {
+                    font-family: "Apple Color Emoji", -apple-system, BlinkMacSystemFont, "SF Pro", "SF Pro Display", system-ui, sans-serif !important;
+                }
+            `
+        });
+    }
+
+    await page.goto('https://www.bratgenerator.com/', { 
+        waitUntil: 'networkidle',
+        timeout: 30000 
+    });
+
+    try {
+        await page.click('#onetrust-accept-btn-handler', { timeout: 2000 });
+    } catch {}
+
+    await page.evaluate(() => setupTheme('white'));
+    
+    return { browser, page };
+};
+
+const utils = {
+    async initialize() {
+        if (!defaultBrowser) {
+            const setup = await createBrowserContext(false);
+            defaultBrowser = setup.browser;
+            defaultPage = setup.page;
+        }
+    },
+
+    async generateBrat(text) {
+        await defaultPage.fill('#textInput', text);
+        await defaultPage.waitForTimeout(500); // Give time for text to render
+        const overlay = defaultPage.locator('#textOverlay');
+        return overlay.screenshot({ timeout: 5000 });
+    },
+
+    async close() {
+        if (defaultBrowser) await defaultBrowser.close();
+    }
+};
+
+const utils2 = {
+    async initialize() {
+        if (!iPhoneBrowser) {
+            const setup = await createBrowserContext(true);
+            iPhoneBrowser = setup.browser;
+            iPhonePage = setup.page;
+        }
+    },
+
+    async generateBrat(text) {
+        await iPhonePage.fill('#textInput', text);
+        await iPhonePage.waitForTimeout(500); // Give time for text to render
+        const overlay = iPhonePage.locator('#textOverlay');
+        return overlay.screenshot({ timeout: 5000 });
+    },
+
+    async close() {
+        if (iPhoneBrowser) await iPhoneBrowser.close();
+    }
+};
+
+const app = express();
+app.use(express.json());
+app.use(cors());
+app.set('json spaces', 3);
+
+app.get('*', async (req, res) => {
+    try {
+        const { q, type } = req.query;
+        if (!q) {
+            return res.status(200).json({
+                name: 'HD Bart Generator API',
+                message: 'Parameter q di perlukan',
+                version: '2.1.0',
+                runtime: {
+                    os: os.type(),
+                    platform: os.platform(),
+                    architecture: os.arch(),
+                    cpuCount: os.cpus().length,
+                    uptime: `${os.uptime()} seconds`,
+                    memoryUsage: `${Math.round((os.totalmem() - os.freemem()) / 1024 / 1024)} MB used of ${Math.round(os.totalmem() / 1024 / 1024)} MB`
+                }
+            });
+        }
+
+        const imageBuffer = type === "iphone" 
+            ? await utils2.generateBrat(q)
+            : await utils.generateBrat(q);
+            
+        res.set('Content-Type', 'image/png');
+        res.send(imageBuffer);
+    } catch (error) {
+        console.error(error);
+        res.status(500).json({
+            status: false,
+            message: 'Error generating image',
+            error: process.env.NODE_ENV === 'development' ? error.message : undefined
+        });
+    }
+});
+
+const PORT = process.env.PORT || 7860;
+
+app.listen(PORT, async () => {
+    console.log(`Server running on port ${PORT}`);
+    await Promise.all([utils.initialize(), utils2.initialize()]);
+});
+
+process.on('SIGINT', async () => {
+    await Promise.all([utils.close(), utils2.close()]);
+    process.exit(0);
+});