Development

.github/workflows/ta-na-mesa-workflow.yml

@@ -24,4 +24,4 @@ jobs:
         run: npm run lint
       - name: Executa build
         working-directory: ./client
-        run: npm run build
+        run: npm run build

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:10-alpine
+FROM node:12-alpine
 
 WORKDIR /app
 

README.md

@@ -99,3 +99,29 @@ Para matar um container
 ```
 docker kill <container_id>
 ```
+
+## Como preparar para produção
+
+Este projeto possui mais de um contexto de produção, podendo ser contruído a depender das configurações de `build` e de `environments`. Isso permite que cada contexto possua seus própios arquivos de estilo (SCSS), arquivos estáticos (.js e .json) e arquivos de textos (localização).
+
+Cada contexto é definido em um diretório em `client/src/environments/<contexto>`
+
+### Definindo o estilo do contexto
+
+Deve-se alterar a folha de estilo em `client/src/environments/<contexto>/scss/_variables.scss`.
+
+### Definindo os arquivos estáticos do contexto
+
+Deve-se alterar os arquivos .js e .json em `client/src/environments/<contexto>` e, em seguida, configurar o atributo `fileReplacements`, no arquivo `client/angular.json` para o contexto correspondente.
+
+### Definindo os arquivos de textos do contexto
+
+Para gerar textos específicos pra cada contexto utiliza-se a ferramenta de localização do angular [ng extract-i18n](https://angular.io/cli/extract-i18n). Cada contexto possui seu próprio arquivo de localização encontrados em `client/src/environments/<contexto>/locale.json` e são identificados pelo atributo locale neste arquivo (exemplo: pt-MR e pt-CV). Quando novas entradas de texto localizados forem introduzidas no HTML, é preciso gerar novamente esse arquivo utilizando o comando a seguir:
+
+```
+npm run locale
+```
+
+Um novo arquivo padrão `locale.json` vai ser gerado em `client/src/environments` e o mesmo deve ser usado como base para criação dos locale específicos de cada contexto.
+
+Para saber como gerar ou mudar entradas, [ler este artigo](https://angular.io/guide/i18n-common-prepare).

client/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:10-alpine
+FROM node:12-alpine
 
 WORKDIR /app/client
 

client/angular.json

@@ -5,8 +5,9 @@
   },
   "version": 1,
   "newProjectRoot": "projects",
+  "defaultProject": "ta-de-pe",
   "projects": {
-    "ta-na-mesa": {
+    "ta-de-pe": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -16,6 +17,22 @@
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
+      "i18n": {
+        "sourceLocale": {
+          "code": "pt",
+          "baseHref": "/"
+        },
+        "locales": {
+          "pt-MR": {
+            "baseHref": "/",
+            "translation": "src/environments/merenda/locale.json"
+          },
+          "pt-CV": {
+            "baseHref": "/",
+            "translation": "src/environments/covid/locale.json"
+          }
+        }
+      },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
@@ -25,30 +42,44 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "aot": false,
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets/imgs",
+              "src/assets/fonts"
             ],
             "styles": [
               "src/styles.scss"
             ],
-            "scripts": []
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "src/environments/merenda/scss"
+              ]
+            },
+            "scripts": [],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
-            "production": {
+            "merenda": {
+              "localize": ["pt-MR"],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
                   "with": "src/environments/environment.prod.ts"
+                },
+                {
+                  "replace": "src/app/shared/services/faq.data.ts",
+                  "with": "src/environments/merenda/faq.data.ts"
                 }
               ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -63,25 +94,71 @@
                   "maximumWarning": "6kb",
                   "maximumError": "10kb"
                 }
-              ]
+              ],
+              "stylePreprocessorOptions": {
+                "includePaths": [
+                  "src/environments/merenda/scss"
+                ]
+              }
+            },
+            "covid": {
+              "localize": ["pt-CV"],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                },
+                {
+                  "replace": "src/app/shared/services/faq.data.ts",
+                  "with": "src/environments/covid/faq.data.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
+                }
+              ],
+              "stylePreprocessorOptions": {
+                "includePaths": [
+                  "src/environments/covid/scss"
+                ]
+              }
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "ta-na-mesa:build"
+            "browserTarget": "ta-de-pe:build"
           },
           "configurations": {
-            "production": {
-              "browserTarget": "ta-na-mesa:build:production"
+            "merenda": {
+              "browserTarget": "ta-de-pe:build:merenda"
+            },
+            "covid": {
+              "browserTarget": "ta-de-pe:build:covid"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ta-na-mesa:build"
+            "browserTarget": "ta-de-pe:build"
           }
         },
         "test": {
@@ -118,15 +195,14 @@
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "ta-na-mesa:serve"
+            "devServerTarget": "ta-de-pe:serve"
           },
           "configurations": {
             "production": {
-              "devServerTarget": "ta-na-mesa:serve:production"
+              "devServerTarget": "ta-de-pe:serve:production"
             }
           }
         }
       }
-    }},
-  "defaultProject": "ta-na-mesa"
+    }}
 }

client/e2e/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "outDir": "../out-tsc/e2e",
     "module": "commonjs",
-    "target": "es5",
+    "target": "es2018",
     "types": [
       "jasmine",
       "jasminewd2",