@internetarchive/ia-book-actions 0.0.29-alpha13 → 0.0.29-alpha15

package/demo/index.html

@@ -105,10 +105,6 @@
     const identifier = 'naturalhistoryof00unse_4111';
     let bwbPurchaseUrl = 'https://www.betterworldbooks.com/product/detail/cambridge-ancient-hist-v04-0521044863';
 
-    let iaBookActions = document.querySelector('ia-book-actions');
-
-    // for debugging
-    window.iaBookActions = iaBookActions;
 
     const modalConfig = new ModalConfig();
     modalConfig.headerColor = '#d9534f';
@@ -118,6 +114,8 @@
     }
 
     // set defaultLendingStatus for unavailable (without borrowables) book
+    let iaBookActions = document.querySelector('ia-book-actions');
+
     iaBookActions.userid = userid;
     iaBookActions.identifier = identifier;
     iaBookActions.bookTitle = 'Contemporary Black biography. Volume 39 : profiles from the interContemporary Black biography. Volume 39';
@@ -129,6 +127,7 @@
     iaBookActions.returnUrl = 'https://openlibrary.org';
     iaBookActions.localCache = localCache;
     iaBookActions.loanRenewConfig = {
+      enable: false, // If loan renew is enabled
       totalTime: 10, // 60 second = 1 min
       autoCheckAt: 5, // totalTime - 10th minute
       pageChangedInLast: 15, // within last 15 second/minute 
@@ -278,6 +277,19 @@
         iaBookActions.bwbPurchaseUrl = bwbPurchaseUrl;
       })
     });
+
+    document.querySelector('.pageChangedEvent').addEventListener('click', () => {
+      // dispatch event to say book page has flipped
+      document.querySelector('ia-book-actions').dispatchEvent(
+        new CustomEvent('BookReader:pageChanged', {
+          detail: { isPageChanged: true },
+          bubbles: true,
+          composed: true,
+        })
+      );
+    })
+    
+
 </script>
 
   <div>
@@ -288,6 +300,9 @@
             <td class="titleBar">
               <label><input type="checkbox" name="title" value="title" />Title Bar</label>
             </td>
+            <td>
+              <button class="pageChangedEvent">Page Change Event</button>
+            </td>
           </tr>
         </table>
     </fieldset>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "0.0.29-alpha13",
+  "version": "0.0.29-alpha15",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",

package/src/components/toast-message.js

@@ -5,14 +5,12 @@ export class ToastMessage extends LitElement {
     return {
       texts: { type: String },
       dismisOnClick: { type: Boolean },
-      clostAfter: { type: Number },
     };
   }
 
   constructor() {
     super();
     this.texts = null;
-    this.clostAfter = 0;
   }
 
   render() {
@@ -22,7 +20,7 @@ export class ToastMessage extends LitElement {
             class="toast-message fade-in"
             title="Click/tap to close"
             @click=${() => {
-              this.dismisOnClick ? this.texts = null : nothing;
+              this.dismisOnClick ? (this.texts = null) : nothing;
             }}
             >${this.texts}</span
           >

package/src/core/services/one-hour-loan-renew.js

@@ -5,12 +5,7 @@ import { nothing } from 'lit';
  *
  */
 export class OneHourLoanRenew {
-  constructor(
-    isPageChanged,
-    identifier,
-    localCache,
-    loanRenewConfig
-  ) {
+  constructor(isPageChanged, identifier, localCache, loanRenewConfig) {
     this.isPageChanged = isPageChanged;
     this.identifier = identifier;
     this.localCache = localCache;
@@ -39,7 +34,7 @@ export class OneHourLoanRenew {
         console.log('page changed!!');
         return this.pageChanged(); // user clicked on page
       }
-      
+
       return this.autoChecker(); // auto checker at 50th minute
     } catch (error) {
       console.log(error);
@@ -94,7 +89,7 @@ export class OneHourLoanRenew {
       lastPageFlipTime <= lastFlipTimeFrame
     ) {
       // not viewed
-      console.log('Not viewed, don\'t borrow it!');
+      console.log("Not viewed, don't borrow it!");
       this.loanRenewResult.texts = this.loanReturnWarning;
       this.loanRenewResult.renewNow = false;
     } else if (lastPageFlipTime >= lastFlipTimeFrame) {
@@ -109,8 +104,7 @@ export class OneHourLoanRenew {
     return this.loanRenewResult;
   }
 
-
-  // save page changed time in indexedDB 
+  // save page changed time in indexedDB
   async setPageChangedTime() {
     await this.localCache.set({
       key: `${this.identifier}-pageChangedTime`,

package/src/ia-book-actions.js

@@ -73,7 +73,6 @@ export default class IABookActions extends LitElement {
       renewNow: false,
     };
 
-
     // private props
     this.primaryActions = [];
     this.primaryTitle = '';
@@ -114,27 +113,19 @@ export default class IABookActions extends LitElement {
 
   bindLoanRenewEvents() {
     // dispatched this event from bookreader page changed
-    window.addEventListener(`BookReader:pageChanged`, () => {
-      console.log('window addEventListener!')
+    window.addEventListener('BookReader:pageChanged', () => {
       // early return if book is not browsed (1 hour borrow)
-      if (this.borrowType !== 'browsed') return nothing;
-
-      this.isPageChanged = true;
-      this.executeLoanRenew();
-    })
-
-    this.addEventListener('BookReader:pageChanged', e => {
-      console.log('this addEventListener!')
-
-      // early return if book is not browsed (1 hour borrow)
-      if (this.borrowType !== 'browsed') return nothing;
+      if (this.borrowType === 'browsed') {
+        this.isPageChanged = true;
+        this.executeLoanRenew();
+      }
 
-      this.isPageChanged = true;
-      this.executeLoanRenew();
-    })
+      console.log(this.loanRenewResult)
+      return nothing;
+    });
 
     // dispatched this event from timer-countdown
-    this.addEventListener('IABookActions:loanRenew', e => {
+    this.addEventListener('IABookActions:loanRenew', () => {
       this.isPageChanged = false;
       this.executeLoanRenew();
     });
@@ -148,7 +139,7 @@ export default class IABookActions extends LitElement {
       this.loanRenewConfig
     );
 
-    console.log(this.loanRenewResult)
+    console.log(this.loanRenewResult);
 
     if (this.loanRenewResult.renewNow) {
       this.tokenPoller.disconnectedInterval();
@@ -168,7 +159,8 @@ export default class IABookActions extends LitElement {
     await this.localCache.delete(`${this.identifier}-pageChangedTime`);
 
     // show message after browsed book is expired.
-    this.loanRenewResult.texts = 'This book has been auto-returned due to inactivity.';
+    this.loanRenewResult.texts =
+      'This book has been auto-returned due to inactivity.';
     this.update();
   }
 
@@ -296,9 +288,12 @@ export default class IABookActions extends LitElement {
     // - start token to poller around this.tokenDelay time until renew is completed
     // else
     // - start token poller immediately
-    setTimeout(() => {
-      this.startLoanTokenPoller();
-    }, this.loanRenewResult.renewNow ? this.tokenDelay : 100);
+    setTimeout(
+      () => {
+        this.startLoanTokenPoller();
+      },
+      this.loanRenewResult.renewNow ? this.tokenDelay : 100
+    );
   }
 
   render() {
@@ -340,7 +335,6 @@ export default class IABookActions extends LitElement {
 
   get bookActionBar() {
     return html`
-      <button @click=${() => this.pageChangedEvent()}>Page Change</button>
       <collapsible-action-group
         .userid=${this.userid}
         .identifier=${this.identifier}
@@ -364,18 +358,6 @@ export default class IABookActions extends LitElement {
     `;
   }
 
-  // will move this function to bookreader...
-  pageChangedEvent() {
-    // dispatch event to say book page has flipped
-    document.querySelector('ia-book-actions').dispatchEvent(
-      new CustomEvent('BookReader:pageChanged', {
-        detail: { isPageChanged: true },
-        bubbles: true,
-        composed: true,
-      })
-    );
-  }
-
   /**
    * enable access of borrowed/browsed books
    */