jetpad

Jetpad

O JetPad é um editor de texto colaborativo baseado na Web, construído com a tecnologia Swellrt em tempo real e a estrutura Angular 2.

Instalação

Instale o Node.JS e o NPM Package Manager para baixar as dependências. Então, faça:

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

Correr

Você pode executá -lo no modo dev com:

 npm start

O servidor está em execução agora em http: // localhost: 3000/

Construir

Se você deseja construir o projeto no modo dev, faça:

 npm run build

Para construção pronta para a produção, faça:

 npm run build:prod

Os arquivos de saída serão colocados na pasta '/dist'.

Servidor swellrt

O JetPad requer swellrt como servidor de back -end. Para configurar um servidor swellrt, visite o swellrt readme.

Se você executar o jetpad no modo dev ( npm start ), o arquivo de índice index.html apontará para localhost:9898 , o terminal de desenvolvimento padrão inchando. Para outros cenários, editar index.html para ajustar o terminal para swellrt.js .

Nginx

Ao usar o NGINX como servidor de frente para o JetPad, use a configuração seguinte para cache os recursos corretamente:

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

Dependências

O JetPad usa o WebPack 2. Para gerenciar as dependências do projeto, você deve usar o sistema NPM ou adicionar diretamente a nova dependência no arquivo package.json :

  npm install <dependency> --save

O layout do projeto é baseado no AngularClass Starter. A configuração é hospedada completamente na pasta config do projeto. Existem três tipos de configuração: Dev , Prod e teste . Também há uma configuração para teste de unidade gerenciado por testes KARMA e E2E baseados em transferidor.

Bootstrap

O projeto usa o Bootstrap como estrutura da interface do usuário. A versão atual é 3.3.7. O projeto também usa os módulos de design de materiais de bootstrap e módulo de bootstrap-sass.

O Bootstrap também requer jQuery . A versão importada com o projeto é 1.9.1. Os estilos SASS são definidos na pasta src/assets e o arquivo principal é src/app/app.style.scss .

Atualmente, o projeto não está implementando componentes angulares como componentes da Web. A configuração em app.component.ts , componente principal do aplicativo, configurou a propriedade de encapsulamento como encapsulation: ViewEncapsulation.None . Dessa forma, todos os sistemas definidos serão antecedidos em elementos de estilo na cabeça do aplicativo. A transformação dos estilos SASS em CSS pura é composta pelos carregadores do WebPack: CSS-LOADER, CSS-STRING-LOARTER, Resolve-URL e Sass-Largoer.

Direitos autorais e licença

Código e documentação Copyright 2016-2017 Pablo Ojanguren, David Llop, Alejandro Garrido e University Complutense of Madri. Código liberado sob a licença Affero GPL V3. DOC licenciado sob CC por 4.0.