jetpad

Jetpad

Jetpad هو محرر نصوص تعاوني قائم على الويب تم تصميمه باستخدام تقنية Swellrt في الوقت الفعلي وإطار Angular 2.

تثبيت

تثبيت Node.js و NPM Package Manager من أجل تنزيل التبعيات. ثم ، افعل:

 git clone [email protected]:P2Pvalue/jetpad.git
cd jetpad
npm i

يجري

يمكنك تشغيله في وضع dev مع:

 npm start

يعمل الخادم الآن على http: // localhost: 3000/

يبني

إذا كنت ترغب في إنشاء المشروع في وضع dev ، افعل:

 npm run build

للبناء الجاهز للإنتاج ، افعل:

 npm run build:prod

سيتم وضع ملفات الإخراج في مجلد "/dist".

Swellrt Server

يتطلب Jetpad Swellrt كخادم خلفي. لإعداد خادم Swellrt ، يرجى زيارة Swellrt ReadMe.

إذا قمت بتشغيل jetpad في وضع dev ( npm start ) ، فسيشير index.html إلى localhost:9898 ، نقطة نهاية تطوير Swellrt الافتراضية. للسيناريوهات الأخرى تحرير index.html لضبط نقطة النهاية إلى swellrt.js .

nginx

عند استخدام NGINX كخادم مواجهة لـ JETPAD ، استخدم التكوين التالي لتخزين موارد ذاكرة التخزين المؤقت بشكل صحيح:

 server {
        listen 80;
        listen [::]:80;

        server_name     jetpad.local.net;

        root /var/www/jetpad;
        index index.html;

        location / {
                try_files $uri$args $uri$args/ $uri/ /index.html =404;
                add_header Cache-Control must-revalidate;
        }

        location /assets {
                etag on;        
        }

        location ~ .bundle.js$ {
                add_header Cache-Control public;
                etag off;
                expires max;
                gzip on;
                gzip_types application/javascript;
        }
}

التبعيات

يستخدم Jetpad WebPack 2. من أجل إدارة تبعيات المشروع ، يجب عليك استخدام نظام NPM أو إضافة مباشرة التبعية الجديدة في ملف package.json :

  npm install <dependency> --save

يقع تصميم المشروع في بداية AngularClass. يتم استضافة التكوين بالكامل ضمن مجلد config للمشروع. هناك ثلاثة أنواع من التكوين: dev ، prod واختبار . هناك أيضًا تكوين لاختبار الوحدة الذي تديره اختبارات Karma و E2E في المنقلة.

bootstrap

يستخدم المشروع bootstrap كإطار واجهة المستخدم. الإصدار الحالي هو 3.3.7. يستخدم المشروع أيضًا وحدات تصميم Material ووحدة Bootstrap-Sass.

يتطلب bootstrap أيضا jQuery . الإصدار المستورد مع المشروع هو 1.9.1. يتم تعريف أنماط SASS في مجلد src/assets والملف الرئيسي هو src/app/app.style.scss .

حاليًا لا يقوم المشروع بتطبيق المكونات الزاوية كمكونات ويب. التكوين في app.component.ts ، المكون الرئيسي للتطبيق قم بإعداد خاصية التغليف على أنها encapsulation: ViewEncapsulation.None . وبهذه الطريقة ، سيتم إعداد جميع sytles المحددة في عناصر النمط في رأس التطبيق. يتكون تحويل أنماط SASS إلى CSS النقي بواسطة لوادر ويب حلقات الويب: CSS-Loader و CSS-to-string-string و Resolve-URL و SASS-Loader.

حقوق الطبع والنشر والترخيص

الكود والوثائق حقوق الطبع والنشر 2016-2017 بابلو أوجانجورن ، ديفيد لوب ، أليخاندرو جاريدو وجامعة Complutense of Madrid. رمز تم إصداره تحت ترخيص ASCERO GPL V3. DOC مرخصة تحت CC بحلول 4.0.