relay.app 0.5.0 → 0.6.0

data/public/js/relay.js

@@ -1,6 +1,70 @@
 /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
+/***/ "./js/draft.js"
+/*!*********************!*\
+  !*** ./js/draft.js ***!
+  \*********************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Draft: () => (/* binding */ Draft)
+/* harmony export */ });
+const Draft = () => {
+  const prefix = "relay:draft"
+
+  const composer = () => {
+    return document.getElementById("chat-composer")
+  }
+
+  const textarea = () => {
+    return composer()?.querySelector("textarea[name='message']")
+  }
+
+  const key = (form = composer()) => {
+    if (!form?.dataset.contextId)
+      return null
+    return [prefix, form.dataset.contextId].join(":")
+  }
+
+  const restore = () => {
+    const el = textarea()
+    const currentKey = key()
+    if (!el || !currentKey)
+      return
+    const value = localStorage.getItem(currentKey)
+    if (value === null)
+      return
+    el.value = value
+  }
+
+  const persist = (el) => {
+    const currentKey = key(el?.form)
+    if (!currentKey)
+      return
+    if (el.value.length === 0)
+      localStorage.removeItem(currentKey)
+    else
+      localStorage.setItem(currentKey, el.value)
+  }
+
+  const clear = (form = composer()) => {
+    const currentKey = key(form)
+    if (!currentKey)
+      return
+    localStorage.removeItem(currentKey)
+  }
+
+  return {clear, persist, restore}
+}
+
+
+
+
+/***/ },
+
 /***/ "./js/file_upload.js"
 /*!***************************!*\
   !*** ./js/file_upload.js ***!
@@ -237,11 +301,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Relay: () => (/* binding */ Relay)
 /* harmony export */ });
-/* harmony import */ var _file_upload__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../file_upload */ "./js/file_upload.js");
-/* harmony import */ var _controllers_ActivityController__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./controllers/ActivityController */ "./js/lib/controllers/ActivityController.js");
-/* harmony import */ var _controllers_ContentController__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controllers/ContentController */ "./js/lib/controllers/ContentController.js");
-/* harmony import */ var _scroll__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../scroll */ "./js/scroll.js");
-/* harmony import */ var _timer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../timer */ "./js/timer.js");
+/* harmony import */ var _draft__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../draft */ "./js/draft.js");
+/* harmony import */ var _file_upload__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../file_upload */ "./js/file_upload.js");
+/* harmony import */ var _controllers_ActivityController__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controllers/ActivityController */ "./js/lib/controllers/ActivityController.js");
+/* harmony import */ var _controllers_ContentController__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./controllers/ContentController */ "./js/lib/controllers/ContentController.js");
+/* harmony import */ var _scroll__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../scroll */ "./js/scroll.js");
+/* harmony import */ var _timer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../timer */ "./js/timer.js");
+
 
 
 
@@ -250,23 +316,25 @@ __webpack_require__.r(__webpack_exports__);
 
 const Relay = () => {
   const target = document
-  const timer = (0,_timer__WEBPACK_IMPORTED_MODULE_4__.Timer)(document.getElementById("chatbot-status"))
-  const activity = (0,_controllers_ActivityController__WEBPACK_IMPORTED_MODULE_1__.ActivityController)({target})
-  const content = (0,_controllers_ContentController__WEBPACK_IMPORTED_MODULE_2__.ContentController)({target})
+  const timer = (0,_timer__WEBPACK_IMPORTED_MODULE_5__.Timer)(document.getElementById("chatbot-status"))
+  const activity = (0,_controllers_ActivityController__WEBPACK_IMPORTED_MODULE_2__.ActivityController)({target})
+  const content = (0,_controllers_ContentController__WEBPACK_IMPORTED_MODULE_3__.ContentController)({target})
   const controllers = [activity, content]
-  let scroll = (0,_scroll__WEBPACK_IMPORTED_MODULE_3__.Scroll)(document.getElementById("chatbot-stream"))
+  const draft = (0,_draft__WEBPACK_IMPORTED_MODULE_0__.Draft)()
+  let scroll = (0,_scroll__WEBPACK_IMPORTED_MODULE_4__.Scroll)(document.getElementById("chatbot-stream"))
 
   const refreshScroll = () => {
     const stream = document.getElementById("chatbot-stream")
     if (!stream)
       return
     if (!scroll || scroll.parentEl !== stream)
-      scroll = (0,_scroll__WEBPACK_IMPORTED_MODULE_3__.Scroll)(stream)
+      scroll = (0,_scroll__WEBPACK_IMPORTED_MODULE_4__.Scroll)(stream)
   }
 
   const enhance = (root = document.body) => {
     refreshScroll()
     controllers.forEach((controller) => controller.enhance(root))
+    draft.restore()
   }
 
   const syncTimer = () => {
@@ -277,7 +345,7 @@ const Relay = () => {
     timer.handle(status)
   }
 
-  const fileUpload = (0,_file_upload__WEBPACK_IMPORTED_MODULE_0__.FileUpload)({afterUpload: enhance})
+  const fileUpload = (0,_file_upload__WEBPACK_IMPORTED_MODULE_1__.FileUpload)({afterUpload: enhance})
 
   const handleOobSwap = (event) => {
     const elt = event.detail.elt || event.target
@@ -298,6 +366,7 @@ const Relay = () => {
       return
     if (fileUpload.blockSubmit(event))
       return
+    draft.clear(event.target)
     scroll?.force()
   }
 
@@ -310,6 +379,7 @@ const Relay = () => {
   const handleInput = (event) => {
     if (!event.target.matches("#chat-composer textarea"))
       return
+    draft.persist(event.target)
     scroll?.force()
   }