serviceمُنشَر

إضافة Chrome للأتمتة الذكية

Chrome Extension احترافية تضيف طبقة أتمتة سريعة فوق صفحات الويب: ملء النماذج، استخراج البيانات، تخزين قوالب جاهزة، وتفعيل عمليات DOM معقدة بنقرة واحدة.

JavaScriptChrome ExtensionManifest V3DOMVanilla

abstract

إضافة Chrome Manifest V3 احترافية تختصر دقائق من العمل اليدوي إلى نقرة.

🎯 المشكلة: ملء النماذج المتشابهة يومياً مضيعة للوقت، والنسخ/اللصق اليدوي يكسر التركيز.

✨ الحل: إضافة Chrome تخزّن قوالب وتطبّقها فوراً.

التقنيات: • Manifest V3 — أحدث معايير Chrome Extension • Vanilla JavaScript — صفر مكتبات خارجية، أداء أقصى • Content Scripts لتفاعل DOM المباشر • Background Service Worker للأحداث • Chrome Storage API لحفظ القوالب • popup.html بواجهة عربية RTL سريعة • إجراءات سريعة: اختيار عشوائي، توليد بيانات، تنفيذ متسلسل

architecture

  ┌──────────────┐      ┌────────────┐      ┌─────────────┐
  │  client      │─────▶│   nginx    │─────▶│  next.js    │
  │  (browser)   │      │  (proxy)   │      │  (ssr)      │
  └──────────────┘      └─────┬──────┘      └──────┬──────┘
                              │                    │
                              ▼                    ▼
                        ┌───────────┐        ┌──────────┐
                        │ fastapi   │◀──────▶│ postgres │
                        │ (asyncio) │        │ (asyncpg)│
                        └───────────┘        └──────────┘

Stateless API behind a reverse proxy. SSR delivers HTML in under a second on warm cache. Connection pool keeps Postgres hot. JWT in HttpOnly cookie for the admin panel.

notes

SSR-first to keep TTFB < 1s on cold visits.
Type-checked end-to-end via Pydantic schemas mirrored to TS.
Migrations versioned via Alembic; zero-downtime restarts.