feat(design): add observer pattern to design package

Author: guiseek

.gitignore

@@ -40,3 +40,4 @@ Thumbs.db
 
 .nx/cache
 .angular
+.env

CODE_OF_CONDUCT.md

@@ -14,20 +14,20 @@ appearance, race, religion, or sexual identity and orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Use welcoming and inclusive language
-* Respect each other
-* Provide and gracefully accept constructive criticism
-* Show empathy towards other community members
+- Use welcoming and inclusive language
+- Respect each other
+- Provide and gracefully accept constructive criticism
+- Show empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
   address, without explicit permission
-* The use of sexualized language or imagery
-* Unwelcome sexual attention or advances
-* Other conduct which could reasonably be considered inappropriate in a
+- The use of sexualized language or imagery
+- Unwelcome sexual attention or advances
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Our Responsibilities
@@ -69,9 +69,9 @@ members of the project's leadership.
 
 If you are banned you may contest the decision. To do so email [email protected] with the subject line "Repeal Ban for {{your name here}}" and body with the responses to the following:
 
-* Why do you believe you did not violate the Code of Conduct?
-* Were other factors involved in this situation the leadership team may have been unaware of?
-* Why do you wish to be a part of the Angular community?
+- Why do you believe you did not violate the Code of Conduct?
+- Were other factors involved in this situation the leadership team may have been unaware of?
+- Why do you wish to be a part of the Angular community?
 
 ## Attribution
 

nx.json

@@ -66,7 +66,7 @@
       "style": "scss"
     },
     "@nxgs/design": {
-      "lang": "pt-br"
+      "lang": "en-us"
     }
   }
 }

packages/design/src/constants/i18n/en-us/behavioral.command.ts

@@ -1,6 +1,6 @@
 import { BehavioralCommand } from '../interfaces';
 
-export const behavioralCommand: BehavioralCommand = {
+const behavioralCommand: BehavioralCommand = {
   command: `The Command interface declares a method for executing a command.`,
 
   simpleCommand: `Some commands can implement simple operations on their own.`,
@@ -36,3 +36,5 @@ export const behavioralCommand: BehavioralCommand = {
 
   alsoWorkingOn: `Also working on`,
 };
+
+export default behavioralCommand;

packages/design/src/constants/i18n/en-us/behavioral.observer.ts

@@ -0,0 +1,29 @@
+import { BehavioralObserver } from '../interfaces';
+
+const behavioralObserver: BehavioralObserver = {
+  subject: `The Subject interface declares a set of methods for managing subscribers.`,
+  subjectSubscribe: `Attach an observer to the subject.`,
+  subjectUnsubscribe: `Detach an observer from the subject.`,
+  subjectNotify: `Notify all observers about an event.`,
+  concreteSubject: `The Subject owns some important state and notifies observers when the state
+  * changes.`,
+  concreteSubjectState: `For the sake of simplicity, the Subject's state, essential
+  * to all subscribers, is stored in this variable.`,
+  concreteSubjectObservers: `List of subscribers. In real life, the list of
+  * subscribers can be stored more comprehensively (categorized by event
+  * type, etc.).`,
+  concreteSubjectSubscribe: `The subscription management methods.`,
+  concreteSubjectUnsubscribe: ``,
+  concreteSubjectNotify: `Trigger an update in each subscriber.`,
+  observer: `The Observer interface declares the update method, used by subjects.`,
+  observerUpdate: `Receive update from subject.`,
+  concreteObserverA: `Observers react to the updates issued by the Subject they had been
+  * attached to.`,
+  concreteObserverUpdate: `Reacted to the event.`,
+  concreteSubjectSomeBusinessLogic: `Usually, the subscription logic is only a fraction of what a Subject can
+  * really do. Subjects commonly hold some important business logic, that
+  * triggers a notification method whenever something important is about to
+  * happen (or after it).`,
+};
+
+export default behavioralObserver;

packages/design/src/constants/i18n/interfaces/behavioral-command.ts

@@ -14,3 +14,23 @@ export interface BehavioralCommand {
   workingOn: string;
   alsoWorkingOn: string;
 }
+
+export interface BehavioralObserver {
+  subject: string;
+  subjectSubscribe: string;
+  subjectUnsubscribe: string;
+  subjectNotify: string;
+
+  concreteSubject: string;
+  concreteSubjectState: string;
+  concreteSubjectObservers: string;
+  concreteSubjectSubscribe: string;
+  concreteSubjectUnsubscribe: string;
+  concreteSubjectNotify: string;
+  concreteSubjectSomeBusinessLogic: string;
+
+  observer: string;
+  observerUpdate: string;
+  concreteObserverA: string;
+  concreteObserverUpdate: string;
+}

packages/design/src/constants/i18n/pt-br/behavioral.command.ts

@@ -1,6 +1,6 @@
 import { BehavioralCommand } from '../interfaces';
 
-export const behavioralCommand: BehavioralCommand = {
+const behavioralCommand: BehavioralCommand = {
   command: `A interface Command declara um método para executar um command.`,
 
   simpleCommand: `Alguns commands podem implementar operações simples por conta própria.`,
@@ -36,3 +36,5 @@ export const behavioralCommand: BehavioralCommand = {
 
   alsoWorkingOn: `Também trabalhando em`,
 };
+
+export default behavioralCommand;

packages/design/src/constants/i18n/pt-br/behavioral.observer.ts

@@ -0,0 +1,29 @@
+import { BehavioralObserver } from '../interfaces';
+
+const behavioralObserver: BehavioralObserver = {
+  subject: `A interface Subject declara um conjunto de métodos para gerenciar assinantes.`,
+  subjectSubscribe: `Adicione um observador ao assunto.`,
+  subjectUnsubscribe: `Remova um observador do assunto.`,
+  subjectNotify: `Notifique todos os observadores sobre um evento.`,
+  concreteSubject: `O Sujeito possui algum estado importante e notifica os observadores quando o estado
+  * muda.`,
+  concreteSubjectState: `Por uma questão de simplicidade, o estado do Assunto, essencial
+  * para todos os assinantes, é armazenado nesta variável.`,
+  concreteSubjectObservers: `Lista de assinantes. Na vida real, a lista de
+  * assinantes pode ser armazenada de forma mais abrangente (categorizada por
+  * tipo de evento, etc.).`,
+  concreteSubjectSubscribe: `Os métodos de gerenciamento de assinaturas.`,
+  concreteSubjectUnsubscribe: ``,
+  concreteSubjectNotify: `Notifique uma atualização em cada assinante.`,
+  observer: `A interface Observer declara o método update, utilizado pelos sujeitos.`,
+  observerUpdate: `Receba atualização do assunto.`,
+  concreteObserverA: `Os Observadores reagem às atualizações emitidas pelo Assunto ao qual
+  * foram anexados.`,
+  concreteObserverUpdate: `Reagiu ao evento.`,
+  concreteSubjectSomeBusinessLogic: `Normalmente, a lógica da assinatura é apenas uma fração do que um Assunto
+  * pode realmente fazer. Os assuntos geralmente possuem alguma lógica de negócios importante, 
+  * que aciona um método de notificação sempre que algo importante está para
+  * acontecer (ou depois disso).`,
+};
+
+export default behavioralObserver;