jetpad

Jetpad

JetPad-это веб-редактор совместного текста, созданный с технологией Swellrt в реальном времени и Angular 2 Framework.

Установка

Установите Node.js и NPM -диспетчер пакетов, чтобы загрузить зависимости. Тогда сделай:

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

Бегать

Вы можете запустить его в режиме разработчика с:

 npm start

Сервер работает сейчас по адресу http: // localhost: 3000/

Строить

Если вы хотите создать проект в режиме DEV, сделайте:

 npm run build

Для производства готовой сборки, сделайте:

 npm run build:prod

Выходные файлы будут размещены в папке '/dist'.

Swellrt Server

JetPad требует SwellRT в качестве бэкэнд -сервера. Чтобы настроить сервер SwellRT, посетите Suflrt Readme.

Если вы запустите JetPad в режиме DEV ( npm start ), индекс индексного файла. index.html будет указывать на localhost:9898 , конечная точка разработки Devilrt по умолчанию. Для других сценариев отредактировать index.html для регулировки конечной точки на swellrt.js .

Nginx

При использовании Nginx в качестве сервера Fronted для 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 проекта. Существует три типа конфигурации: разработка , продувка и тест . Также существует конфигурация для модульного тестирования, управляемой тестами Karma и E2E, основанными на Proctor.

Начальная загрузка

Проект использует Bootstrap в качестве Framework. Текущая версия 3.3.7. В проекте также используются модули загрузчика и модуля Bootstrap-Sass-Sass.

Bootstrap также требует jQuery . Версия, импортируемая с проектом, составляет 1.9.1. Стили SASS определяются в папке src/assets , а основным файлом является src/app/app.style.scss .

В настоящее время проект не внедряет угловые компоненты в качестве веб -компонентов. Конфигурация в app.component.ts , основной компонент приложения настройка свойства инкапсуляции в качестве encapsulation: ViewEncapsulation.None . Таким образом, все определенные Sytles будут приготовлены в элементах стиля в главе приложения. Преобразование стилей SASS в чистое CSS состоит из погрузчиков WebPack: CSS-Loader, CSS-To-String-Moder, Resolve-URL и SASS-загрузчик.

Авторские права и лицензия

Код и документация Copyright 2016-2017 Pablo Ojanguren, David Llop, Alejandro Garrido и Университетская комплекс в Мадриде. Код, выпущенный по лицензии Affero GPL v3. Док лицензирован в соответствии с CC на 4.0.