الواجهات الكاملة · واجهة برمجية
صفحة توثيق
شريط تنقّل ومحتوى وفهرس جانبي — عرض السطر محدود لأنّ النصّ يُقرأ لا يُملأ
<div class="iface ifo">
<div class="ifo-wrap">
<aside class="ifo-nav">
<div class="brand" data-ar="مِفتاح" data-en="Miftah">مِفتاح</div>
<nav>
<b data-ar="البداية" data-en="Getting started">البداية</b>
<a href="#"><span data-ar="التنصيب" data-en="Install">التنصيب</span></a>
<a href="#" aria-current="page"><span data-ar="المصادقة" data-en="Authentication">المصادقة</span></a>
<a href="#"><span data-ar="أوّل طلب" data-en="First request">أوّل طلب</span></a>
<b data-ar="المراجع" data-en="Reference">المراجع</b>
<a href="#"><span data-ar="المستخدمون" data-en="Users">المستخدمون</span></a>
<a href="#"><span data-ar="الفواتير" data-en="Invoices">الفواتير</span></a>
<a href="#"><span data-ar="الأخطاء" data-en="Errors">الأخطاء</span></a>
</nav>
</aside>
<main class="ifo-main">
<header class="if-top">
<span class="brand" data-ar="المصادقة" data-en="Authentication">المصادقة</span>
<span class="grow"></span>
<span class="ifo-ver num">v2.4</span>
</header>
<div class="ifo-body">
<article class="ifo-doc">
<h1 data-ar="المصادقة" data-en="Authentication">المصادقة</h1>
<p data-ar="كل طلب يحتاج مفتاحًا في ترويسة Authorization. المفاتيح تبدأ بـ mk_ ولا تُرسَل في عنوان الرابط أبدًا — العناوين تُسجَّل في الوسطاء والسجلّات، فمفتاحٌ فيها مفتاحٌ مسرَّب."
data-en="Every request needs a key in the Authorization header. Keys start with mk_ and are never sent in the URL — URLs are logged by proxies and servers, so a key there is a leaked key.">كل طلب يحتاج مفتاحًا في ترويسة Authorization. المفاتيح تبدأ بـ mk_ ولا تُرسَل في عنوان الرابط أبدًا — العناوين تُسجَّل في الوسطاء والسجلّات، فمفتاحٌ فيها مفتاحٌ مسرَّب.</p>
<h2 id="s1" data-ar="مثال" data-en="Example">مثال</h2>
<pre dir="ltr"><code>curl https://api.miftah.dev/v2/users \
-H "Authorization: Bearer mk_live_8f2c…"</code></pre>
<div class="ifo-note">
<b data-ar="لا تضع المفتاح في المتصفّح" data-en="Never ship a key to the browser">لا تضع المفتاح في المتصفّح</b>
<span data-ar="كل ما يصل إلى صفحة الزائر يستطيع الزائر قراءته. النداءات من الخادم وحده."
data-en="Anything that reaches the visitor’s page can be read by the visitor. Call from your server only.">كل ما يصل إلى صفحة الزائر يستطيع الزائر قراءته. النداءات من الخادم وحده.</span>
</div>
<h2 id="s2" data-ar="انتهاء الصلاحية" data-en="Expiry">انتهاء الصلاحية</h2>
<p data-ar="المفتاح لا ينتهي من تلقاء نفسه، ويُلغى فورًا حين تُلغيه من اللوحة. والإلغاء لا رجعة فيه."
data-en="A key does not expire on its own, and is revoked the moment you revoke it from the dashboard. Revocation is final.">المفتاح لا ينتهي من تلقاء نفسه، ويُلغى فورًا حين تُلغيه من اللوحة. والإلغاء لا رجعة فيه.</p>
</article>
<nav class="ifo-toc" aria-label="في هذه الصفحة">
<b data-ar="في هذه الصفحة" data-en="On this page">في هذه الصفحة</b>
<a href="#s1"><span data-ar="مثال" data-en="Example">مثال</span></a>
<a href="#s2"><span data-ar="انتهاء الصلاحية" data-en="Expiry">انتهاء الصلاحية</span></a>
</nav>
</div>
</main>
</div>
</div>
.iface{min-height:100%;background:var(--pt-bg-base);color:var(--pt-text-primary);
font-family:inherit;display:flex;flex-direction:column}
.iface *,.iface *::before,.iface *::after{box-sizing:border-box}
.iface h1,.iface h2,.iface h3,.iface h4,.iface p,.iface ul,.iface ol{margin:0}
.iface ul{list-style:none;padding:0}
.iface a{color:inherit;text-decoration:none}
.iface button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.iface button:focus-visible,.iface a:focus-visible,.iface input:focus-visible,
.iface select:focus-visible{outline:2px solid var(--pt-focus-ring);outline-offset:2px}
/* الرأس المشترك */
.if-top{display:flex;align-items:center;gap:var(--pt-space-4);
padding:var(--pt-space-3) var(--pt-space-5);
border-block-end:1px solid var(--pt-border-subtle);background:var(--pt-bg-raised)}
.if-top .brand{font-weight:700;font-size:var(--pt-font-size-sm)}
.if-top .grow{flex:1}
.if-top nav{display:flex;gap:var(--pt-space-4);font-size:var(--pt-font-size-xs);
color:var(--pt-text-muted)}
.if-top nav a[aria-current]{color:var(--pt-accent);font-weight:600}
.if-avatar{width:26px;height:26px;border-radius:50%;background:var(--pt-bg-inset);
border:1px solid var(--pt-border-default);display:grid;place-items:center;
font-size:10px;color:var(--pt-text-secondary)}
.if-btn{padding:var(--pt-space-2) var(--pt-space-4);border-radius:var(--pt-radius-md);
background:var(--pt-accent);color:var(--pt-on-accent);font-weight:700;
font-size:var(--pt-font-size-xs)}
.if-btn.ghost{background:transparent;color:var(--pt-text-secondary);
border:1px solid var(--pt-border-default);font-weight:500}
.if-body{flex:1;padding:var(--pt-space-5);display:flex;flex-direction:column;
gap:var(--pt-space-5)}
.if-h{display:flex;align-items:baseline;gap:var(--pt-space-3);flex-wrap:wrap}
.if-h h1{font-size:var(--pt-font-size-xl);font-weight:700}
.if-h p{font-size:var(--pt-font-size-xs);color:var(--pt-text-muted)}
.if-card{border:1px solid var(--pt-border-subtle);border-radius:var(--pt-radius-lg);
background:var(--pt-bg-raised);padding:var(--pt-space-4)}
.num{font-variant-numeric:tabular-nums}
/* الرقم بإشارته: عزلٌ باتّجاه لاتيني.
«−» و«+» محارف محايدة في خوارزمية الاتّجاه. وفي سطر عربي تُقذَف إلى
طرف النصّ، فيقرأ الزائر «0.6-» بدل «-0.6» — وهي قراءة معكوسة للمعنى
لا مجرّد فرق شكل. والعزل يجعل المحتوى يُحلّ اتّجاهه وحده. */
.sig{unicode-bidi:isolate;direction:ltr;font-variant-numeric:tabular-nums;
/* العرض بقدر المحتوى: العنصر داخل عمودٍ مرن يمتدّ افتراضيًّا، وباتّجاه
لاتيني يهاجر نصّه إلى الطرف الآخر — فيبقى مكانه بتقييد عرضه. */
inline-size:fit-content}
.ifo-wrap{display:flex;min-block-size:100%}
.ifo-nav{flex:none;inline-size:210px;padding:var(--pt-space-5) var(--pt-space-4);
border-inline-end:1px solid var(--pt-border-subtle);background:var(--pt-bg-inset)}
.ifo-nav .brand{font-weight:700;color:var(--pt-accent);
margin-block-end:var(--pt-space-5);font-size:var(--pt-font-size-base)}
.ifo-nav nav{display:flex;flex-direction:column;gap:2px}
.ifo-nav b{margin-block:var(--pt-space-3) var(--pt-space-1);font-size:10px;
text-transform:uppercase;letter-spacing:.06em;color:var(--pt-text-muted)}
.ifo-nav a{padding:var(--pt-space-2) var(--pt-space-3);border-radius:var(--pt-radius-md);
font-size:var(--pt-font-size-xs);color:var(--pt-text-muted)}
.ifo-nav a:hover{background:var(--pt-bg-raised);color:var(--pt-text-primary)}
.ifo-nav a[aria-current]{background:var(--pt-bg-raised);color:var(--pt-accent);font-weight:600}
.ifo-main{flex:1;min-inline-size:0;display:flex;flex-direction:column}
.ifo-ver{font-size:11px;color:var(--pt-text-muted);padding:2px var(--pt-space-3);
border-radius:99px;background:var(--pt-bg-inset)}
.ifo-body{flex:1;display:grid;grid-template-columns:1fr 190px;gap:var(--pt-space-6);
padding:var(--pt-space-6) var(--pt-space-6) var(--pt-space-8);align-items:start}
@media(max-width:900px){.ifo-body{grid-template-columns:1fr}.ifo-toc{display:none}
.ifo-nav{display:none}}
/* العرض محدود لأنّ النصّ يُقرأ: سطرٌ يتجاوز 75 حرفًا يفقد القارئ أوّله */
.ifo-doc{max-inline-size:75ch;display:flex;flex-direction:column;gap:var(--pt-space-4)}
.ifo-doc h1{font-size:var(--pt-font-size-2xl);font-weight:700}
.ifo-doc h2{font-size:var(--pt-font-size-base);font-weight:600;
margin-block-start:var(--pt-space-3)}
.ifo-doc p{font-size:var(--pt-font-size-sm);color:var(--pt-text-secondary);line-height:2}
.ifo-doc pre{margin:0;padding:var(--pt-space-4);border-radius:var(--pt-radius-lg);
background:var(--pt-bg-inset);border:1px solid var(--pt-border-subtle);overflow-x:auto}
.ifo-doc code{font-family:var(--pt-font-mono);font-size:11.5px;line-height:1.9;
color:var(--pt-text-secondary)}
.ifo-note{padding:var(--pt-space-4);border-radius:var(--pt-radius-lg);
background:var(--pt-bg-inset);
border-inline-start:3px solid var(--pt-color-warning-400)}
.ifo-note b{display:block;font-size:var(--pt-font-size-xs);
color:var(--pt-color-warning-400);margin-block-end:var(--pt-space-1)}
.ifo-note span{font-size:var(--pt-font-size-xs);color:var(--pt-text-muted);line-height:1.9}
.ifo-toc{position:sticky;inset-block-start:var(--pt-space-6);display:flex;
flex-direction:column;gap:var(--pt-space-2);
padding-inline-start:var(--pt-space-4);
border-inline-start:1px solid var(--pt-border-subtle)}
.ifo-toc b{font-size:10px;text-transform:uppercase;letter-spacing:.06em;
color:var(--pt-text-muted)}
.ifo-toc a{font-size:var(--pt-font-size-xs);color:var(--pt-text-muted)}
.ifo-toc a:hover{color:var(--pt-accent)}