From f052a664210bebc022b86b0cbb851bd12fc24fb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Syn=C3=A1=C4=8Dek?=
 <ondrejsynacek@fastmail.com>
Date: Fri, 25 Dec 2020 14:40:23 +0100
Subject: [PATCH] improvement: add a code split when event is fetched

The code for parsing HTML is isomorphic and runs on server as well.
Unfortunately it brings lot of dependencies and I will try to minimize
the initial load of the app.
---
 lib/frontend/components/Input.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/lib/frontend/components/Input.svelte b/lib/frontend/components/Input.svelte
index 76ef703..dbc882d 100644
--- a/lib/frontend/components/Input.svelte
+++ b/lib/frontend/components/Input.svelte
@@ -21,7 +21,6 @@
 </style>
 
 <script>
-  import { createEvent } from '../actions'
   import logger from '../services/logger'
 
   export let error
@@ -38,15 +37,20 @@
     pending ? 'input--pending': '',
   ].join(' ')
 
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
     if (!form.reportValidity()) {
       return
     }
 
     e.preventDefault()
 
-    createEvent(value, { logger })
-    value = ''
+   try {
+     const module = await import('../actions')
+     module.createEvent(value, { logger })
+     value = ''
+   } catch (importError) {
+     console.error(importError)
+   }
   }
 
   const handleChange = (e) => {