jetpad

Jetpad

JetPad adalah editor teks kolaboratif berbasis web yang dibangun dengan teknologi real-time yang membengkak dan kerangka kerja Angular 2.

Instalasi

Instal Node.js dan NPM Package Manager untuk mengunduh dependensi. Lalu, lakukan:

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

Berlari

Anda dapat menjalankannya dalam mode dev dengan:

 npm start

Server sedang berjalan sekarang di http: // localhost: 3000/

Membangun

Jika Anda ingin membangun proyek dalam mode dev, lakukan:

 npm run build

Untuk produksi siap pakai, lakukan:

 npm run build:prod

File output akan ditempatkan di folder '/dist'.

Server Swellrt

JetPad membutuhkan Swellrt sebagai server backend. Untuk menyiapkan server Swellrt, silakan kunjungi readme Swellrt.

Jika Anda menjalankan JetPad dalam mode DEV ( npm start ) Indeks file index.html akan menunjuk ke localhost:9898 , titik akhir pengembangan DEWNRT default. Untuk skenario lain Edit index.html untuk menyesuaikan titik akhir menjadi swellrt.js .

Nginx

Saat menggunakan NGINX sebagai server terdepan untuk JetPad, gunakan konfigurasi berikut untuk menangani sumber daya dengan benar:

 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;
        }
}

Dependensi

JetPad menggunakan Webpack 2. Untuk mengelola dependensi proyek, Anda harus menggunakan sistem NPM atau menambahkan secara langsung ketergantungan baru dalam file package.json :

  npm install <dependency> --save

Tata letak proyek ini berbasis di Starter AngularClass. Konfigurasi dihosting sepenuhnya di bawah folder config proyek. Ada tiga jenis konfigurasi: dev , prod and test . Juga ada konfigurasi untuk uji unit yang dikelola oleh karma dan tes E2E yang berbasis di busur derajat.

Bootstrap

Proyek ini menggunakan bootstrap sebagai kerangka kerja UI. Versi saat ini adalah 3.3.7. Proyek ini juga menggunakan modul Bootstrap-Material-Design dan Bootstrap-Sass Module.

Bootstrap juga membutuhkan jQuery . Versi yang diimpor dengan proyek adalah 1.9.1. Gaya SASS didefinisikan dalam folder src/assets dan file utamanya adalah src/app/app.style.scss .

Saat ini proyek tidak menerapkan komponen sudut sebagai komponen web. Konfigurasi di app.component.ts , komponen utama aplikasi mengatur properti enkapsulasi sebagai encapsulation: ViewEncapsulation.None . Dengan cara ini semua Sytles yang ditentukan akan disiapkan dalam elemen gaya di kepala aplikasi. Transformasi gaya Sass ke CSS murni dibuat oleh loader webpack: CSS-Loader, CSS-to-string-Loader, Resolve-URL dan Sass-Loader.

Hak Cipta dan Lisensi

Kode dan Dokumentasi Hak Cipta 2016-2017 Pablo Ojanguren, David Llop, Alejandro Garrido dan Complutense University of Madrid. Kode yang dirilis di bawah lisensi Affero GPL V3. DOC dilisensikan di bawah CC pada 4.0.