Other Component

Author: Andres Vargas

app/settings.py

@@ -31,6 +31,7 @@
 # Application definition
 
 INSTALLED_APPS = [
+    'bsync',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
@@ -39,6 +40,7 @@
     'django.contrib.staticfiles',
     'core',
     'livewire',
+    'django_seed',
 ]
 
 MIDDLEWARE = [

app/urls.py

@@ -1,10 +1,11 @@
 from django.contrib import admin
 from django.urls import path, include
 from django.contrib.staticfiles.urls import staticfiles_urlpatterns
-from core.views import index
+from django.views.generic import TemplateView as TV
 
 urlpatterns = [
     path('admin/', admin.site.urls),
     path('', include("livewire.urls")),
-    path('', index),
+    path('counter', TV.as_view(template_name="counter.html"), name="counter"),
+    path('', TV.as_view(template_name="index.html"), name="index"),
 ] + staticfiles_urlpatterns()

core/migrations/0001_initial.py

@@ -0,0 +1,24 @@
+# Generated by Django 3.0.4 on 2020-03-22 06:03
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Post',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=100)),
+                ('context', models.TextField()),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+        ),
+    ]

core/models.py

@@ -1,3 +1,12 @@
 from django.db import models
 
-# Create your models here.
+
+class Post(models.Model):
+    title = models.CharField(max_length=100)
+    context = models.TextField()
+
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    def __str__(self):
+        return self.title

core/templates/base.html

@@ -18,8 +18,8 @@ <h1 class="title">
         My first website with <strong>django-livewire</strong>!
       </p>
 
-    {% livewire 'counter' %}
-
+    {% block content %}
+    {% endblock %}
     </div>
   </section>
 

core/templates/counter.html

@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+{% load livewire_tags %}
+{% block content %}
+    
+{% livewire "counter" %}
+
+{% endblock content %}

core/templates/delete_post.livewire.html

@@ -0,0 +1,13 @@
+{% extends "base.html" %}
+{% load livewire_tags %}
+{% block content %}
+
+    <div class="content">
+    
+    <ul>
+        <li>
+            <a href=" {% url 'counter' %}" >counter</a>
+        </li>
+    </ul>
+    </div>
+{% endblock content %}

core/templates/index.html

@@ -1,20 +1,18 @@
 from django.shortcuts import render
 from livewire.views import LivewireComponent
 
-def index(request):
-    context = {}
-    return render(request, "base.html", context)
-
-
 
 class CounterLivewire(LivewireComponent):
     component_name = "counter"
-    context = {
-        'count': 0
-    }
+    count = 2
     def decrement(self, *args):
-        self.context["count"] -=1
+        self.count -=1
 
     def increment(self, *args):
-        self.context["count"]+=1
+        self.count +=1
+
+    def get_context(self):
+        return {
+            'count': self.count
+        }
 

core/views.py

@@ -11,4 +11,5 @@ def livewire(component,**kwargs):
     # TODO: register Components by livewire.register(ComponentLivewire)
     from core.views import CounterLivewire
     livewire_component = CounterLivewire()
+    print(livewire_component.get_context())
     return livewire_component.render_initial()

livewire/templatetags/livewire_tags.py

@@ -23,17 +23,12 @@ def livewire_message(request, component_name):
 def get_id():
     return ''.join(random.choice(string.ascii_lowercase) for i in range(20))
 
-class LivewireComponent():
+class LivewireComponent(object):
     id = None
-    context = {}
 
     def get_component_name(self):
         return self.component_name.lower()
 
-    def get_context(self, **kwargs):
-        self.context.update(kwargs)
-        return self.context
-
     def get_dom(self):
         context = self.get_context()
         return self._render_component(context)
@@ -55,9 +50,17 @@ def get_response(self):
             'checksum': "c24"
         }
 
+    def update_context(self, data_context):
+        context = self.get_context()
+        context.update(data_context)
+        for key, value in context.items():
+            setattr(self, key,value)
+        return context
+
+
     def parser_payload(self, payload):
         self.id = payload.get("id")
-        self.context.update(payload.get("data"))
+        self.update_context(payload.get("data"))
         action_queue = payload.get("actionQueue", [])
         for action in action_queue:
             action_type = action.get("type")
@@ -66,7 +69,10 @@ def parser_payload(self, payload):
                 method = payload.get("method")
                 params = payload.get("params",[])
                 """
-                RUN THIS IT IS REALLY SAFE ???
+                TODO:
+                    RUN THIS IT IS REALLY SAFE ???
+                    https://www.toptal.com/python/python-design-patterns
+                    patterns
                 """
                 local_method = getattr(self, method)
                 local_method(*params)
@@ -94,12 +100,12 @@ def render_initial(self):
         initial_data = {
             'id': self.id,
             'name': component,
-            'redirectTo':"",
+            'redirectTo': False,
             "events": [],
             "eventQueue": [],
             "dispatchQueue": [],
             "data": context, 
-            "children": [],
+            "children": {},
             "checksum": "9e4c194bb6aabf5f1" # TODO: checksum
         }
         return self._render_component(context, initial_data=initial_data)

livewire/views.py

@@ -0,0 +1,3 @@
+django
+django-bsync
+django-seed