From 780058173162ab3dbc99d3d5119b8d0047d661bd Mon Sep 17 00:00:00 2001
From: Andros Fenollosa <andros@fenollosa.email>
Date: Sat, 13 Mar 2021 11:07:46 +0100
Subject: [PATCH] Add demo

---
 README.md                              | 14 +++---
 apps/back/consumers.py                 |  3 --
 apps/front/templates/layouts/main.html |  3 --
 docker-compose.dev.yaml                |  9 ----
 docker-compose.pro.yaml                | 66 --------------------------
 5 files changed, 8 insertions(+), 87 deletions(-)
 delete mode 100644 docker-compose.pro.yaml

diff --git a/README.md b/README.md
index 478d8f0..8905a2b 100644
--- a/README.md
+++ b/README.md
@@ -2,18 +2,20 @@
 
 Demonstration of how to build a real time application using HTML over WebSockets in Django 
 
+![demo](demo.gif)
+
 ## Article that inspired
 
 https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/
 
 ## Run demo
 
-``` bash
-docker-compose -f docker-compose.pro.yaml up -d
-```
-
-## Develpment
-
 ``` bash
 docker-compose -f docker-compose.dev.yaml up -d
 ```
+
+Open
+
+``` bash
+my-demo.localhost
+```
diff --git a/apps/back/consumers.py b/apps/back/consumers.py
index aaba870..cd3cb71 100644
--- a/apps/back/consumers.py
+++ b/apps/back/consumers.py
@@ -6,15 +6,12 @@ from apps.back.models import Post, Comment
 class BlogConsumer(WebsocketConsumer):
 
     def connect(self):
-        ''' Cliente se conecta '''
         self.accept()
 
     def disconnect(self, close_code):
-        ''' Cliente se desconecta '''
         pass
 
     def receive(self, text_data):
-        ''' Cliente envía información y nosotros la recibimos '''
         text_data_json = json.loads(text_data)
         selector = text_data_json["selector"]
         template = text_data_json["template"]
diff --git a/apps/front/templates/layouts/main.html b/apps/front/templates/layouts/main.html
index 7490272..f2578a0 100644
--- a/apps/front/templates/layouts/main.html
+++ b/apps/front/templates/layouts/main.html
@@ -32,16 +32,13 @@
         <script>
             document.$CHAT_SOCKET = new WebSocket('ws://my-demo.localhost/ws/blog/{{ CHANNEL}}/');
 
-              // Conectado
              document.$CHAT_SOCKET.addEventListener('open', () => {
                  console.log('Connect');
              });
-             // Desconectado
              document.$CHAT_SOCKET.addEventListener('close', () => {
                   console.log('Disconnect');
               });
 
-             // Recibir mensaje y dibujar
              document.$CHAT_SOCKET.addEventListener('message', (event) => {
                 const NEW_DATA = JSON.parse(event.data);
                 const rangeHTML = document.createRange().createContextualFragment(NEW_DATA.html);
diff --git a/docker-compose.dev.yaml b/docker-compose.dev.yaml
index d6da0d9..5ea3b84 100644
--- a/docker-compose.dev.yaml
+++ b/docker-compose.dev.yaml
@@ -21,15 +21,6 @@ services:
       REDIS_URL: redis
     expose:
       - 8000
-    depends_on:
-      - redis
-
-  redis:
-    image: redis:alpine
-    restart: always
-    expose:
-      - 6379
-
 
   caddy:
     image: caddy:alpine
diff --git a/docker-compose.pro.yaml b/docker-compose.pro.yaml
deleted file mode 100644
index 0fc739a..0000000
--- a/docker-compose.pro.yaml
+++ /dev/null
@@ -1,66 +0,0 @@
-version: '3.1'
-
-services:
-
-  db:
-    image: postgres
-    restart: always
-    volumes:
-      - ./../postgres_data:/var/lib/postgresql/data
-    environment:
-      POSTGRES_DB: guitarlions
-      POSTGRES_PASSWORD: postgres
-    expose:
-      - 5432
-
-  django:
-    build: .
-    restart: always
-    entrypoint: /django-launcher.pro.sh
-    volumes:
-      - .:/usr/src/app/
-    environment:
-      DEBUG: "False"
-      ALLOWED_HOSTS: ""
-      SECRET_KEY: "secret"
-      DB_HOST: db
-      DB_NAME: "guitarlions"
-      DB_USER: "postgres"
-      DB_PASSWORD: "postgres"
-      DB_PORT: "5432"
-      DOMAIN: ""
-      DOMAIN_URL: "https://"
-      STATIC_URL: "/static/"
-      MEDIA_URL: "/media/"
-      EMAIL_USE_TLS: True
-      EMAIL_HOST: ""
-      EMAIL_USE_TLS: "True"
-      EMAIL_PORT: "2525"
-      EMAIL_USER: ""
-      EMAIL_PASSWORD: ""
-    expose:
-      - 8000
-    depends_on:
-      - db
-
-  redis:
-    image: redis:alpine
-    restart: always
-    expose:
-      - 6379
-    depends_on:
-      - django
-
-  caddy:
-    image: caddy:alpine
-    restart: always
-    ports:
-        - 80:80
-        - 443:443
-    volumes:
-        - .:/usr/src/app/
-        - ./Caddyfile:/etc/caddy/Caddyfile
-        - ./../caddy_data:/data
-    depends_on:
-      - django
-