antedate

سابق

العرض المسبق لمواقع الويب الثابتة بسهولة.

Antedate عبارة عن واجهة برمجة تطبيقات بسيطة وواجهة سطر أوامر (CLI) تستخدم أداة محرك البحث Chrome لعرض مواقع الويب من جانب العميل مسبقًا. يقوم تلقائيًا بتدوير خادم محلي ويعرض كل مسار متوفر.

ثَبَّتَ

 $ npm install antedate

الاستخدام

يمكنك إما استخدام API أو CLI.

 $ antedate render -r /home -r /about

 import antedate from 'antedate'

const routes = [ '/' , '/about' , '/contact' ] ;
const site = './site' ;

await antedate ( site , routes ) ;
// => [
//      { html: '....', route: '/', path: '/index.html' },
//      { html: '....', route: '/about', path: '/about.html' }
//      ...
// ]

await antedate ( site , routes , { headless : false , dirs : true } ) ;
// => [
//      { html: '....', route: '/', path: '/index.html' },
//      { html: '....', route: '/about', path: '/about/index.html' }
//      ...
// ] 

سطر الأوامر

تأتي الوحدة أيضًا مع CLI

  Description
    Pre-render the routes given

  Usage
    $ antedate render [options]

  Options
    -s, --selector    Wait for the following selector before rendering
    -w, --wait        MS to wait before saving page. Happens after selector wait
    -r, --route       Prerender the route specified
    -d, --dir         Directory containing the static site  (default .)
    -o, --output      Output directory  (default ./static)
    -h, --help        Displays this message

  Examples
    $ antedate render -r /home -r /about

واجهة برمجة التطبيقات

التاريخ المسبق (الجذر، الطرق، الخيارات؟)

العوائد: Array

تقوم بإرجاع دالة عرض تقبل بشكل اختياري قيمة date باعتبارها الوسيطة الوحيدة لها.

جذر

النوع: String
المطلوب: true

المسار إلى الدليل الذي يحتوي على الموقع الثابت للعرض المسبق. يبدأ Antedate تلقائيًا بخادم محلي.

الطرق

النوع: Array
المطلوب: true

مجموعة من الطرق التي سيتم تقديمها. يتم دائمًا تقديم الجذر / أخيرًا. على سبيل المثال ['/about', '/contact', '/'] .

يختار

النوع: Object
المطلوب: false

مقطوعة الرأس

النوع: Boolean
الافتراضي: false

ويذر لتشغيل محرك الدمى في وضع مقطوعة الرأس.

محدد

النوع: String
الافتراضي: ``

انتظر حتى يظهر selector قبل عرض الموقع. على سبيل المثال، body.prerender .

انتظر

النوع: Number
الافتراضي: ``

ميلي ثانية قبل تقديم الموقع.

OBS: يحدث هذا بعد خيار المحدد إذا تم توفير كليهما.

البرنامج النصي

النوع: Function
الافتراضي: ``

وظيفة رد اتصال يتم تنفيذها على الصفحة قبل حدوث العرض.

مصمم ديكور

النوع: Function
الافتراضي: ``

وظيفة ديكور تسمح لك بمعالجة سلسلة HTML المقدمة.

 await antedate ( site , routes , { decorator : html => html . toUpperCase ( ) } ) ; 

ائتمان

تعتمد الفكرة والمنطق على كود من PWA بواسطة Luke Edwards. راجع التنفيذ الأصلي في build.js في @pwa/cli.

رخصة

رخصة معهد ماساتشوستس للتكنولوجيا @ Terkel Gjervig