Merge pull request #9 from comatory/improvement-add-code-split-when-fetching-event

Improvement add code split when fetching event

lib/frontend/components/Input.svelte

@@ -21,12 +21,14 @@
 </style>
 
 <script>
-  import { createEvent } from '../actions'
   import logger from '../services/logger'
 
   export let error
   export let pending
   export let pendingRequest
+  export let onModuleLoadStart
+  export let onModuleLoadStop
+  export let onModuleLoadError
 
   let value = ''
   $: value = error && pendingRequest && pendingRequest.url || ''
@@ -38,15 +40,24 @@
     pending ? 'input--pending': '',
   ].join(' ')
 
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
     if (!form.reportValidity()) {
       return
     }
 
     e.preventDefault()
 
-    createEvent(value, { logger })
-    value = ''
+   try {
+     onModuleLoadStart()
+     const module = await import('../actions')
+     onModuleLoadStop()
+
+     module.createEvent(value, { logger })
+     value = ''
+   } catch (importError) {
+     onModuleLoadError(importError)
+     console.error(importError)
+   }
   }
 
   const handleChange = (e) => {

lib/frontend/components/InputContainer.svelte

@@ -8,6 +8,10 @@
   $: pendingRequest = $requestStore
   $: status = $parseStatusStore
   $: swStatus = $swStatusStore
+
+  const handleModuleLoadStart = () => parseStatusStore.set('Loading application data.')
+  const handleModuleLoadEnd = () => parseStatusStore.set(null)
+  const handleModuleLoadError = (error) => parseStatusStore.set('Failed to load application data.')
 </script>
 
 <div class="input-container">
@@ -15,6 +19,9 @@
     {pending}
     {pendingRequest}
     {error}
+    onModuleLoadStart={handleModuleLoadStart}
+    onModuleLoadStop={handleModuleLoadEnd}
+    onModuleLoadError={handleModuleLoadError}
   />
   <Status
     {error}

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "facebook-events-ical-converter",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "facebook-events-ical-converter",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "private": true,
   "description": "App that converts events on Facebook event page to iCal file.",
   "main": "lib/index.js",