jetpad

Jetpad

JetPad es un editor de texto colaborativo basado en la web construido con tecnología Swellrt en tiempo real y el marco Angular 2.

Instalación

Instale el administrador de paquetes Node.js y NPM para descargar las dependencias. Entonces, haz:

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

Correr

Puede ejecutarlo en modo dev:

 npm start

El servidor se está ejecutando ahora en http: // localhost: 3000/

Construir

Si desea construir el proyecto en modo desarrollo, haga:

 npm run build

Para la construcción de producción de producción, do:

 npm run build:prod

Los archivos de salida se colocarán en la carpeta '/Dist'.

Servidor swellrt

JetPad requiere SWELLRT como servidor de backend. Para configurar un servidor SWELLRT, visite el SwellRT ReadMe.

Si ejecuta JETPAD en modo dev ( npm start ), el archivo de índice index.html apuntará a localhost:9898 , el punto final de desarrollo SWELLRT predeterminado. Para otros escenarios editar index.html para ajustar el punto final a swellrt.js .

Nginx

Cuando use NGINX como servidor delantero para JETPAD, use la siguiente configuración para almacenar recursos correctamente:

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

Dependencias

JetPad utiliza WebPack 2. Para administrar las dependencias del proyecto, debe usar el sistema NPM o agregar directamente la nueva dependencia en el archivo Package.json :

  npm install <dependency> --save

El diseño del proyecto se basa en el inicio de AngularClass. La configuración se aloja completamente en la carpeta config del proyecto. Hay tres tipos de configuración: dev , prod y prueba . También hay una configuración para la prueba unitaria administrada por las pruebas de Karma y E2E basadas en Protractor.

Oreja

El proyecto utiliza Bootstrap como marco de UI. La versión actual es 3.3.7. El proyecto también utiliza los módulos Bootstrap-Material-Diseño y el módulo Bootstrap-Sass.

Bootstrap también requiere jQuery . La versión importada con el proyecto es 1.9.1. Los estilos SASS se definen en la carpeta src/assets y el archivo principal es src/app/app.style.scss .

Actualmente, el proyecto no está implementando componentes angulares como componentes web. La configuración en app.component.ts , componente principal de la aplicación Configuración de la propiedad de encapsulación como encapsulation: ViewEncapsulation.None . De esta manera, todos los sítles definidos se prependen en elementos de estilo en el jefe de la aplicación. La transformación de los estilos SASS a CSS puro está compuesta por Webpack Loaders: CSS-Loader, CSS-to-String-Loader, Resolve-URL y Sass-Loader.

Derechos de autor y licencia

Código y documentación Copyright 2016-2017 Pablo Ojanguren, David Llop, Alejandro Garrido y University Complutense de Madrid. Código publicado bajo la licencia Affero GPL V3. Doc con licencia bajo CC por 4.0.