@internetarchive/bookreader 5.0.0-8 → 5.0.0-80

Sign up to get free protection for your applications and to get access to all the features.
Files changed (313) hide show
  1. package/.eslintrc.js +17 -15
  2. package/.github/workflows/node.js.yml +73 -10
  3. package/.github/workflows/npm-publish.yml +6 -20
  4. package/.testcaferc.js +10 -0
  5. package/BookReader/BookReader.css +398 -1133
  6. package/BookReader/BookReader.js +1 -1
  7. package/BookReader/BookReader.js.LICENSE.txt +20 -20
  8. package/BookReader/BookReader.js.map +1 -1
  9. package/BookReader/ia-bookreader-bundle.js +1782 -0
  10. package/BookReader/ia-bookreader-bundle.js.LICENSE.txt +7 -0
  11. package/BookReader/ia-bookreader-bundle.js.map +1 -0
  12. package/BookReader/icons/1up.svg +1 -1
  13. package/BookReader/icons/2up.svg +1 -1
  14. package/BookReader/icons/advance.svg +1 -1
  15. package/BookReader/icons/chevron-right.svg +1 -1
  16. package/BookReader/icons/close-circle-dark.svg +1 -1
  17. package/BookReader/icons/close-circle.svg +1 -1
  18. package/BookReader/icons/fullscreen.svg +1 -1
  19. package/BookReader/icons/fullscreen_exit.svg +1 -1
  20. package/BookReader/icons/hamburger.svg +1 -1
  21. package/BookReader/icons/left-arrow.svg +1 -1
  22. package/BookReader/icons/magnify-minus.svg +1 -1
  23. package/BookReader/icons/magnify-plus.svg +1 -1
  24. package/BookReader/icons/magnify.svg +1 -1
  25. package/BookReader/icons/pause.svg +1 -1
  26. package/BookReader/icons/play.svg +1 -1
  27. package/BookReader/icons/playback-speed.svg +1 -1
  28. package/BookReader/icons/read-aloud.svg +1 -1
  29. package/BookReader/icons/review.svg +1 -1
  30. package/BookReader/icons/thumbnails.svg +1 -1
  31. package/BookReader/icons/voice.svg +1 -0
  32. package/BookReader/icons/volume-full.svg +1 -1
  33. package/BookReader/images/BRicons.svg +3 -3
  34. package/BookReader/images/books_graphic.svg +1 -1
  35. package/BookReader/images/icon_book.svg +1 -1
  36. package/BookReader/images/icon_bookmark.svg +1 -1
  37. package/BookReader/images/icon_gear.svg +1 -1
  38. package/BookReader/images/icon_hamburger.svg +1 -1
  39. package/BookReader/images/icon_home.svg +1 -1
  40. package/BookReader/images/icon_info.svg +1 -1
  41. package/BookReader/images/icon_one_page.svg +1 -1
  42. package/BookReader/images/icon_pause.svg +1 -1
  43. package/BookReader/images/icon_play.svg +1 -1
  44. package/BookReader/images/icon_playback-rate.svg +1 -1
  45. package/BookReader/images/icon_search_button.svg +1 -1
  46. package/BookReader/images/icon_share.svg +1 -1
  47. package/BookReader/images/icon_skip-ahead.svg +1 -1
  48. package/BookReader/images/icon_skip-back.svg +1 -1
  49. package/BookReader/images/icon_speaker.svg +1 -1
  50. package/BookReader/images/icon_speaker_open.svg +1 -1
  51. package/BookReader/images/icon_thumbnails.svg +1 -1
  52. package/BookReader/images/icon_toc.svg +1 -1
  53. package/BookReader/images/icon_two_pages.svg +1 -1
  54. package/BookReader/images/marker_chap-off.svg +1 -1
  55. package/BookReader/images/marker_chap-on.svg +1 -1
  56. package/BookReader/images/marker_srch-on.svg +1 -1
  57. package/BookReader/jquery-3.js +2 -0
  58. package/BookReader/jquery-3.js.LICENSE.txt +24 -0
  59. package/BookReader/plugins/plugin.archive_analytics.js +1 -1
  60. package/BookReader/plugins/plugin.archive_analytics.js.map +1 -1
  61. package/BookReader/plugins/plugin.autoplay.js +1 -1
  62. package/BookReader/plugins/plugin.autoplay.js.map +1 -1
  63. package/BookReader/plugins/plugin.chapters.js +25 -1
  64. package/BookReader/plugins/plugin.chapters.js.LICENSE.txt +1 -0
  65. package/BookReader/plugins/plugin.chapters.js.map +1 -1
  66. package/BookReader/plugins/plugin.iframe.js +1 -1
  67. package/BookReader/plugins/plugin.iframe.js.map +1 -1
  68. package/BookReader/plugins/plugin.iiif.js +2 -0
  69. package/BookReader/plugins/plugin.iiif.js.map +1 -0
  70. package/BookReader/plugins/plugin.resume.js +1 -1
  71. package/BookReader/plugins/plugin.resume.js.map +1 -1
  72. package/BookReader/plugins/plugin.search.js +2 -1
  73. package/BookReader/plugins/plugin.search.js.LICENSE.txt +1 -0
  74. package/BookReader/plugins/plugin.search.js.map +1 -1
  75. package/BookReader/plugins/plugin.text_selection.js +2 -1
  76. package/BookReader/plugins/plugin.text_selection.js.LICENSE.txt +1 -0
  77. package/BookReader/plugins/plugin.text_selection.js.map +1 -1
  78. package/BookReader/plugins/plugin.tts.js +1 -1
  79. package/BookReader/plugins/plugin.tts.js.LICENSE.txt +2 -0
  80. package/BookReader/plugins/plugin.tts.js.map +1 -1
  81. package/BookReader/plugins/plugin.url.js +1 -1
  82. package/BookReader/plugins/plugin.url.js.map +1 -1
  83. package/BookReader/plugins/plugin.vendor-fullscreen.js +1 -1
  84. package/BookReader/plugins/plugin.vendor-fullscreen.js.map +1 -1
  85. package/BookReader/webcomponents-bundle.js +3 -0
  86. package/BookReader/webcomponents-bundle.js.LICENSE.txt +9 -0
  87. package/BookReader/webcomponents-bundle.js.map +1 -0
  88. package/BookReaderDemo/BookReaderDemo.css +18 -19
  89. package/BookReaderDemo/BookReaderJSAdvanced.js +0 -3
  90. package/BookReaderDemo/BookReaderJSAutoplay.js +4 -1
  91. package/BookReaderDemo/BookReaderJSSimple.js +1 -0
  92. package/BookReaderDemo/IADemoBr.js +147 -0
  93. package/BookReaderDemo/demo-advanced.html +2 -2
  94. package/BookReaderDemo/demo-autoplay.html +2 -3
  95. package/BookReaderDemo/demo-embed-iframe-src.html +2 -1
  96. package/BookReaderDemo/demo-fullscreen-mobile.html +3 -5
  97. package/BookReaderDemo/demo-fullscreen.html +2 -4
  98. package/BookReaderDemo/demo-iiif.html +99 -12
  99. package/BookReaderDemo/demo-internetarchive.html +214 -18
  100. package/BookReaderDemo/demo-multiple.html +2 -1
  101. package/BookReaderDemo/demo-preview-pages.html +2 -1
  102. package/BookReaderDemo/demo-simple.html +2 -1
  103. package/BookReaderDemo/demo-vendor-fullscreen.html +2 -4
  104. package/BookReaderDemo/ia-multiple-volumes-manifest.js +170 -0
  105. package/BookReaderDemo/immersion-1up.html +2 -2
  106. package/BookReaderDemo/immersion-mode.html +2 -4
  107. package/BookReaderDemo/toggle_controls.html +3 -2
  108. package/BookReaderDemo/view_mode.html +2 -1
  109. package/BookReaderDemo/viewmode-cycle.html +2 -3
  110. package/CHANGELOG.md +536 -33
  111. package/README.md +14 -1
  112. package/babel.config.js +20 -0
  113. package/codecov.yml +6 -0
  114. package/index.html +4 -1
  115. package/jsconfig.json +19 -0
  116. package/netlify.toml +9 -0
  117. package/package.json +70 -60
  118. package/renovate.json +52 -0
  119. package/scripts/preversion.js +0 -1
  120. package/src/BookNavigator/assets/bookmark-colors.js +1 -1
  121. package/src/BookNavigator/assets/button-base.js +4 -2
  122. package/src/BookNavigator/assets/ia-logo.js +17 -0
  123. package/src/BookNavigator/assets/icon_checkmark.js +1 -1
  124. package/src/BookNavigator/assets/icon_close.js +1 -1
  125. package/src/BookNavigator/book-navigator.js +590 -0
  126. package/src/BookNavigator/bookmarks/bookmark-button.js +3 -2
  127. package/src/BookNavigator/bookmarks/bookmark-edit.js +3 -4
  128. package/src/BookNavigator/bookmarks/bookmarks-list.js +2 -3
  129. package/src/BookNavigator/bookmarks/bookmarks-loginCTA.js +3 -8
  130. package/src/BookNavigator/bookmarks/bookmarks-provider.js +27 -17
  131. package/src/BookNavigator/bookmarks/ia-bookmarks.js +116 -67
  132. package/src/BookNavigator/delete-modal-actions.js +1 -1
  133. package/src/BookNavigator/downloads/downloads-provider.js +36 -21
  134. package/src/BookNavigator/downloads/downloads.js +41 -25
  135. package/src/BookNavigator/search/search-provider.js +49 -27
  136. package/src/BookNavigator/search/search-results.js +23 -9
  137. package/src/BookNavigator/sharing.js +27 -0
  138. package/src/BookNavigator/viewable-files.js +95 -0
  139. package/src/BookNavigator/visual-adjustments/visual-adjustments-provider.js +11 -10
  140. package/src/BookNavigator/visual-adjustments/visual-adjustments.js +3 -3
  141. package/src/BookReader/BookModel.js +64 -34
  142. package/src/BookReader/DragScrollable.js +233 -0
  143. package/src/BookReader/Mode1Up.js +56 -351
  144. package/src/BookReader/Mode1UpLit.js +388 -0
  145. package/src/BookReader/Mode2Up.js +73 -1318
  146. package/src/BookReader/Mode2UpLit.js +776 -0
  147. package/src/BookReader/ModeCoordinateSpace.js +29 -0
  148. package/src/BookReader/ModeSmoothZoom.js +312 -0
  149. package/src/BookReader/ModeThumb.js +18 -12
  150. package/src/BookReader/Navbar/Navbar.js +14 -40
  151. package/src/BookReader/PageContainer.js +81 -6
  152. package/src/BookReader/ReduceSet.js +1 -1
  153. package/src/BookReader/Toolbar/Toolbar.js +10 -37
  154. package/src/BookReader/events.js +2 -3
  155. package/src/BookReader/options.js +27 -2
  156. package/src/BookReader/utils/HTMLDimensionsCacher.js +44 -0
  157. package/src/BookReader/utils/ScrollClassAdder.js +31 -0
  158. package/src/BookReader/utils/SelectionObserver.js +45 -0
  159. package/src/BookReader/utils.js +118 -13
  160. package/src/BookReader.js +427 -1061
  161. package/src/assets/icons/magnify-minus.svg +3 -7
  162. package/src/assets/icons/magnify-plus.svg +3 -7
  163. package/src/assets/icons/voice.svg +1 -0
  164. package/src/css/BookReader.scss +1 -5
  165. package/src/css/_BRBookmarks.scss +1 -1
  166. package/src/css/_BRComponent.scss +1 -1
  167. package/src/css/_BRmain.scss +16 -3
  168. package/src/css/_BRnav.scss +12 -39
  169. package/src/css/_BRpages.scss +149 -40
  170. package/src/css/_BRsearch.scss +68 -25
  171. package/src/css/_BRtoolbar.scss +5 -5
  172. package/src/css/_TextSelection.scss +87 -27
  173. package/src/css/_colorbox.scss +2 -2
  174. package/src/css/_controls.scss +20 -7
  175. package/src/css/_icons.scss +1 -1
  176. package/src/ia-bookreader/ia-bookreader.js +224 -0
  177. package/src/plugins/plugin.archive_analytics.js +3 -3
  178. package/src/plugins/plugin.autoplay.js +5 -11
  179. package/src/plugins/plugin.chapters.js +237 -191
  180. package/src/plugins/plugin.iiif.js +151 -0
  181. package/src/plugins/plugin.resume.js +3 -3
  182. package/src/plugins/plugin.text_selection.js +464 -134
  183. package/src/plugins/plugin.vendor-fullscreen.js +4 -4
  184. package/src/plugins/search/plugin.search.js +142 -125
  185. package/src/plugins/search/utils.js +43 -0
  186. package/src/plugins/search/view.js +33 -58
  187. package/src/plugins/tts/AbstractTTSEngine.js +71 -40
  188. package/src/plugins/tts/FestivalTTSEngine.js +13 -14
  189. package/src/plugins/tts/PageChunk.js +15 -21
  190. package/src/plugins/tts/PageChunkIterator.js +8 -12
  191. package/src/plugins/tts/WebTTSEngine.js +87 -71
  192. package/src/plugins/tts/plugin.tts.js +96 -127
  193. package/src/plugins/tts/utils.js +15 -25
  194. package/src/plugins/url/UrlPlugin.js +191 -0
  195. package/src/plugins/{plugin.url.js → url/plugin.url.js} +45 -16
  196. package/src/util/browserSniffing.js +22 -0
  197. package/src/util/docCookies.js +21 -2
  198. package/tests/e2e/README.md +37 -0
  199. package/tests/e2e/autoplay.test.js +2 -2
  200. package/tests/e2e/base.test.js +8 -16
  201. package/tests/e2e/helpers/base.js +53 -48
  202. package/tests/e2e/helpers/debug.js +1 -1
  203. package/tests/e2e/helpers/params.js +17 -0
  204. package/tests/e2e/helpers/rightToLeft.js +8 -14
  205. package/tests/e2e/helpers/search.js +73 -0
  206. package/tests/e2e/models/Navigation.js +20 -37
  207. package/tests/e2e/rightToLeft.test.js +4 -5
  208. package/tests/e2e/viewmode.test.js +40 -33
  209. package/tests/jest/BookNavigator/book-navigator.test.js +661 -0
  210. package/tests/jest/BookNavigator/bookmarks/bookmark-button.test.js +43 -0
  211. package/tests/{karma → jest}/BookNavigator/bookmarks/bookmark-edit.test.js +25 -26
  212. package/tests/{karma → jest}/BookNavigator/bookmarks/bookmarks-list.test.js +41 -42
  213. package/tests/jest/BookNavigator/bookmarks/ia-bookmarks.test.js +45 -0
  214. package/tests/jest/BookNavigator/downloads/downloads-provider.test.js +67 -0
  215. package/tests/jest/BookNavigator/downloads/downloads.test.js +53 -0
  216. package/tests/jest/BookNavigator/search/search-provider.test.js +167 -0
  217. package/tests/{karma → jest}/BookNavigator/search/search-results.test.js +109 -60
  218. package/tests/jest/BookNavigator/sharing/sharing-provider.test.js +49 -0
  219. package/tests/jest/BookNavigator/viewable-files/viewable-files-provider.test.js +80 -0
  220. package/tests/jest/BookNavigator/visual-adjustments.test.js +200 -0
  221. package/tests/{BookReader → jest/BookReader}/BookModel.test.js +74 -14
  222. package/tests/jest/BookReader/BookReaderPublicFunctions.test.js +193 -0
  223. package/tests/{BookReader → jest/BookReader}/ImageCache.test.js +4 -4
  224. package/tests/jest/BookReader/Mode1UpLit.test.js +73 -0
  225. package/tests/jest/BookReader/Mode2Up.test.js +98 -0
  226. package/tests/jest/BookReader/Mode2UpLit.test.js +190 -0
  227. package/tests/jest/BookReader/ModeCoordinateSpace.test.js +16 -0
  228. package/tests/jest/BookReader/ModeSmoothZoom.test.js +218 -0
  229. package/tests/jest/BookReader/ModeThumb.test.js +71 -0
  230. package/tests/{BookReader → jest/BookReader}/Navbar/Navbar.test.js +10 -10
  231. package/tests/{BookReader → jest/BookReader}/PageContainer.test.js +88 -6
  232. package/tests/{BookReader → jest/BookReader}/ReduceSet.test.js +1 -1
  233. package/tests/{BookReader → jest/BookReader}/Toolbar/Toolbar.test.js +2 -2
  234. package/tests/jest/BookReader/utils/HTMLDimensionsCacher.test.js +59 -0
  235. package/tests/jest/BookReader/utils/ScrollClassAdder.test.js +49 -0
  236. package/tests/jest/BookReader/utils/SelectionObserver.test.js +57 -0
  237. package/tests/{BookReader → jest/BookReader}/utils/classes.test.js +1 -1
  238. package/tests/jest/BookReader/utils.test.js +229 -0
  239. package/tests/jest/BookReader.keyboard.test.js +190 -0
  240. package/tests/{BookReader.options.test.js → jest/BookReader.options.test.js} +9 -1
  241. package/tests/{BookReader.test.js → jest/BookReader.test.js} +26 -37
  242. package/tests/{plugins → jest/plugins}/plugin.archive_analytics.test.js +2 -2
  243. package/tests/{plugins → jest/plugins}/plugin.autoplay.test.js +4 -4
  244. package/tests/jest/plugins/plugin.chapters.test.js +195 -0
  245. package/tests/{plugins → jest/plugins}/plugin.iframe.test.js +2 -2
  246. package/tests/{plugins → jest/plugins}/plugin.resume.test.js +3 -3
  247. package/tests/jest/plugins/plugin.text_selection.test.js +317 -0
  248. package/tests/{plugins → jest/plugins}/plugin.vendor-fullscreen.test.js +2 -2
  249. package/tests/{plugins → jest/plugins}/search/plugin.search.test.js +25 -47
  250. package/tests/{plugins → jest/plugins}/search/plugin.search.view.test.js +39 -6
  251. package/tests/jest/plugins/search/utils.js +25 -0
  252. package/tests/jest/plugins/search/utils.test.js +29 -0
  253. package/tests/{plugins → jest/plugins}/tts/AbstractTTSEngine.test.js +29 -9
  254. package/tests/{plugins → jest/plugins}/tts/FestivalTTSEngine.test.js +4 -4
  255. package/tests/{plugins → jest/plugins}/tts/PageChunk.test.js +1 -1
  256. package/tests/{plugins → jest/plugins}/tts/PageChunkIterator.test.js +3 -3
  257. package/tests/{plugins → jest/plugins}/tts/WebTTSEngine.test.js +47 -1
  258. package/tests/{plugins → jest/plugins}/tts/utils.test.js +1 -60
  259. package/tests/jest/plugins/url/UrlPlugin.test.js +198 -0
  260. package/tests/{plugins → jest/plugins/url}/plugin.url.test.js +53 -14
  261. package/tests/jest/setup.js +3 -0
  262. package/tests/{util → jest/util}/browserSniffing.test.js +1 -1
  263. package/tests/jest/util/docCookies.test.js +24 -0
  264. package/tests/{util → jest/util}/strings.test.js +1 -1
  265. package/tests/{utils.js → jest/utils.js} +38 -0
  266. package/webpack.config.js +12 -6
  267. package/.babelrc +0 -12
  268. package/.dependabot/config.yml +0 -6
  269. package/.testcaferc.json +0 -5
  270. package/BookReader/bookreader-component-bundle.js +0 -1450
  271. package/BookReader/bookreader-component-bundle.js.LICENSE.txt +0 -38
  272. package/BookReader/bookreader-component-bundle.js.map +0 -1
  273. package/BookReader/jquery-1.10.1.js +0 -2
  274. package/BookReader/jquery-1.10.1.js.LICENSE.txt +0 -24
  275. package/BookReader/plugins/plugin.menu_toggle.js +0 -2
  276. package/BookReader/plugins/plugin.menu_toggle.js.map +0 -1
  277. package/BookReader/plugins/plugin.mobile_nav.js +0 -2
  278. package/BookReader/plugins/plugin.mobile_nav.js.map +0 -1
  279. package/BookReaderDemo/IIIFBookReader.js +0 -207
  280. package/BookReaderDemo/bookreader-template-bundle.js +0 -7178
  281. package/BookReaderDemo/demo-iiif.js +0 -26
  282. package/BookReaderDemo/demo-plugin-menu-toggle.html +0 -34
  283. package/karma.conf.js +0 -23
  284. package/src/BookNavigator/BookModel.js +0 -14
  285. package/src/BookNavigator/BookNavigator.js +0 -446
  286. package/src/BookNavigator/assets/book-loader.js +0 -27
  287. package/src/BookNavigator/br-fullscreen-mgr.js +0 -83
  288. package/src/BookNavigator/search/a-search-result.js +0 -55
  289. package/src/BookReader/DebugConsole.js +0 -54
  290. package/src/BookReaderComponent/BookReaderComponent.js +0 -112
  291. package/src/ItemNavigator/ItemNavigator.js +0 -376
  292. package/src/ItemNavigator/providers/sharing.js +0 -29
  293. package/src/css/_MobileNav.scss +0 -194
  294. package/src/dragscrollable-br.js +0 -261
  295. package/src/lit-wrapper.js +0 -2
  296. package/src/plugins/menu_toggle/plugin.menu_toggle.js +0 -324
  297. package/src/plugins/plugin.mobile_nav.js +0 -287
  298. package/tests/BookReader/BookReaderPublicFunctions.test.js +0 -171
  299. package/tests/BookReader/DebugConsole.test.js +0 -25
  300. package/tests/BookReader/Mode1Up.test.js +0 -164
  301. package/tests/BookReader/Mode2Up.test.js +0 -247
  302. package/tests/BookReader/utils.test.js +0 -109
  303. package/tests/e2e/helpers/desktopSearch.js +0 -72
  304. package/tests/e2e/helpers/mobileSearch.js +0 -85
  305. package/tests/e2e/ia-production/ia-prod-base.js +0 -17
  306. package/tests/karma/BookNavigator/book-navigator.test.js +0 -132
  307. package/tests/karma/BookNavigator/search/search-provider.test.js +0 -23
  308. package/tests/karma/BookNavigator/visual-adjustments.test.js +0 -201
  309. package/tests/plugins/menu_toggle/plugin.menu_toggle.test.js +0 -68
  310. package/tests/plugins/plugin.chapters.test.js +0 -130
  311. package/tests/plugins/plugin.mobile_nav.test.js +0 -66
  312. package/tests/plugins/plugin.text_selection.test.js +0 -203
  313. package/tests/util/docCookies.test.js +0 -15
@@ -1,55 +0,0 @@
1
- import { nothing } from 'lit-html';
2
- import { html, LitElement } from 'lit-element';
3
- import { unsafeHTML } from 'lit-html/directives/unsafe-html';
4
-
5
- export class BookSearchResult extends LitElement {
6
- static get properties() {
7
- return {
8
- match: { type: Object },
9
- };
10
- }
11
-
12
- constructor() {
13
- super();
14
-
15
- this.matchRegex = new RegExp('{{{(.+?)}}}', 'g');
16
- }
17
-
18
- createRenderRoot() {
19
- return this;
20
- }
21
-
22
- highlightedHit(hit) {
23
- return html`
24
- <p>${unsafeHTML(hit.replace(this.matchRegex, '<mark>$1</mark>'))}</p>
25
- `;
26
- }
27
-
28
- resultSelected() {
29
- this.dispatchEvent(new CustomEvent('resultSelected', {
30
- bubbles: true,
31
- composed: true,
32
- detail: {
33
- match: this.match,
34
- },
35
- }));
36
- }
37
-
38
- render() {
39
- const { match } = this;
40
- const { par = [] } = match;
41
- const [resultDetails = {}] = par;
42
- const pageNumber = Number.isInteger(resultDetails.page)
43
- ? html`<p class="page-num">Page -${resultDetails.page}-</p>` : nothing;
44
- const coverImage = html`<img src="${match.cover}" />`;
45
- return html`
46
- <li @click=${this.resultSelected}>
47
- ${match.cover ? coverImage : nothing}
48
- <h4>${match.title || nothing}</h4>
49
- ${pageNumber}
50
- ${this.highlightedHit(match.text)}
51
- </li>
52
- `;
53
- }
54
- }
55
- customElements.define('book-search-result', BookSearchResult);
@@ -1,54 +0,0 @@
1
- /**
2
- * Displays a console on the document for debugging devices where remote
3
- * debugging is not feasible, and forwards all console.log's to be displayed
4
- * on screen.
5
- */
6
- export class DebugConsole {
7
- constructor() {
8
- /** How many times we've seen the same line in a row */
9
- this.currentRun = 0;
10
- }
11
-
12
- init() {
13
- this.$log = $(`<div id="_debugLog" style="width: 100%; height: 300px; overflow: auto" />`);
14
- $(document.body).prepend(this.$log);
15
-
16
- this.$form = $(`
17
- <form>
18
- <input style="width:100%; font-family: monospace;" id="_debugLogInput">
19
- </form>`);
20
- this.$log.append(this.$form);
21
-
22
- this.$form.submit(ev => {
23
- ev.preventDefault();
24
- const result = eval(this.$form.find('input').val());
25
- this.logToScreen([result]);
26
- });
27
-
28
- const _realLog = console.log.bind(console);
29
- console.log = (...args) => {
30
- _realLog(...args);
31
- this.logToScreen(args);
32
- }
33
-
34
- window.onerror = (...args) => this.logToScreen(args);
35
- }
36
-
37
- /**
38
- * Log the provided array onto the on screen console
39
- * @param {Array} args
40
- */
41
- logToScreen(args) {
42
- const html = args.map(JSON.stringify).join(',');
43
- const $lastEntry = this.$log.children('.log-entry:last-child')
44
- if ($lastEntry.find('.entry-code').html() == html) {
45
- $lastEntry.find('.count').text(`(${++this.currentRun})`);
46
- } else {
47
- this.currentRun = 1;
48
- this.$log.append($(`
49
- <div class="log-entry">
50
- <code class="count"></code> <code class="entry-code">${html}</code>
51
- </div>`));
52
- }
53
- }
54
- }
@@ -1,112 +0,0 @@
1
- /**
2
- * BookReaderTemplate to load BookNavigator components
3
- */
4
-
5
- import { LitElement, html, css } from 'lit-element';
6
-
7
- import '../ItemNavigator/ItemNavigator.js'
8
- import '../BookNavigator/BookNavigator.js'
9
-
10
- export class BookReader extends LitElement {
11
- static get properties() {
12
- return {
13
- base64Json: { type: String },
14
- baseHost: { type: String },
15
- };
16
- }
17
-
18
- constructor() {
19
- super();
20
- this.base64Json = '';
21
- this.baseHost = 'https://archive.org';
22
- }
23
-
24
- firstUpdated() {
25
- this.fetchData();
26
- }
27
-
28
- /**
29
- * Fetch metadata response from public metadata API
30
- * convert response to base64 data
31
- * set base64 data to props
32
- */
33
- async fetchData() {
34
- const ocaid = new URLSearchParams(location.search).get('ocaid');
35
- const response = await fetch(`${this.baseHost}/metadata/${ocaid}`);
36
- const bookMetadata = await response.json();
37
- const jsonBtoa = btoa(JSON.stringify(bookMetadata));
38
- this.setBaseJSON(jsonBtoa);
39
- }
40
-
41
- /**
42
- * Set base64 data to prop
43
- * @param {string} value - base64 string format
44
- */
45
- setBaseJSON(value) {
46
- this.base64Json = value;
47
- }
48
-
49
- render() {
50
- return html`
51
- <div class="ia-bookreader">
52
- <item-navigator
53
- itemType="bookreader"
54
- basehost=${this.baseHost}
55
- item=${this.base64Json}>
56
- <div slot="bookreader">
57
- <slot name="bookreader"></slot>
58
- </div>
59
- </item-navigator>
60
- </div>
61
- `;
62
- }
63
-
64
- static get styles() {
65
- return css`
66
- :host {
67
- display: block;
68
- --primaryBGColor: var(--black, #000);
69
- --secondaryBGColor: #222;
70
- --tertiaryBGColor: #333;
71
- --primaryTextColor: var(--white, #fff);
72
- --primaryCTAFill: #194880;
73
- --primaryCTABorder: #c5d1df;
74
- --secondaryCTAFill: #333;
75
- --secondaryCTABorder: #999;
76
- --primaryErrorCTAFill: #e51c26;
77
- --primaryErrorCTABorder: #f8c6c8;
78
- }
79
-
80
- .ia-bookreader {
81
- background-color: var(--primaryBGColor);
82
- position: relative;
83
- height: auto;
84
- }
85
-
86
- item-navigator {
87
- display: block;
88
- width: 100%;
89
- color: var(--primaryTextColor);
90
- --menuButtonLabelDisplay: block;
91
- --menuWidth: 320px;
92
- --menuSliderBg: var(--secondaryBGColor);
93
- --activeButtonBg: var(--tertiaryBGColor);
94
- --subpanelRightBorderColor: var(--secondaryCTABorder);
95
- --animationTiming: 100ms;
96
- --iconFillColor: var(--primaryTextColor);
97
- --iconStrokeColor: var(--primaryTextColor);
98
- --menuSliderHeaderIconHeight: 2rem;
99
- --menuSliderHeaderIconWidth: 2rem;
100
- --iconWidth: 2.4rem;
101
- --iconHeight: 2.4rem;
102
- --shareLinkColor: var(--primaryTextColor);
103
- --shareIconBorder: var(--primaryTextColor);
104
- --shareIconBg: var(--secondaryBGColor);
105
- --activityIndicatorLoadingDotColor: var(--primaryTextColor);
106
- --activityIndicatorLoadingRingColor: var(--primaryTextColor);
107
- }
108
- `;
109
- }
110
- }
111
-
112
- window.customElements.define("ia-bookreader", BookReader);
@@ -1,376 +0,0 @@
1
- import { css, html, LitElement } from "lit-element";
2
- import { nothing } from "lit-html";
3
- import { IAMenuSlider } from "@internetarchive/ia-menu-slider";
4
- import IAIcon from "@internetarchive/ia-icons";
5
- import { ModalConfig } from "@internetarchive/modal-manager";
6
-
7
- export default class ItemNavigator extends LitElement {
8
- static get properties() {
9
- return {
10
- baseHost: { type: String },
11
- item: {
12
- type: Object,
13
- converter(value) {
14
- return !value ? {} : JSON.parse(atob(value));
15
- },
16
- },
17
- itemType: { type: String },
18
- menuShortcuts: {
19
- type: Array,
20
- hasChanged(newVal, oldVal) {
21
- if (newVal !== oldVal) {
22
- return true;
23
- }
24
- return false;
25
- },
26
- },
27
- menuOpened: { type: Boolean },
28
- menuContents: { type: Array },
29
- openMenu: { type: String },
30
- signedIn: {
31
- type: Boolean,
32
- converter: (arg) => {
33
- if (typeof (arg) === 'boolean') {
34
- return arg;
35
- }
36
- return arg === 'true';
37
- },
38
- },
39
- viewportInFullscreen: { type: Boolean },
40
- };
41
- }
42
-
43
- constructor() {
44
- /** TODO: Request BookModel.js
45
- * Request BookNavigator.js
46
- * Show loading spinner
47
- * When JS assets loaded:
48
- * - render book-navigator component
49
- */
50
- super();
51
- this.baseHost = 'archive.org';
52
- this.item = {};
53
- this.itemType = '';
54
- this.menuOpened = false;
55
- this.signedIn = false;
56
- this.menuShortcuts = [];
57
- this.menuContents = [];
58
- this.viewportInFullscreen = false;
59
- this.openMenu = '';
60
- this.renderModalManager();
61
- }
62
-
63
- showItemNavigatorModal({ detail }) {
64
- this.modal.showModal({
65
- config: this.modalConfig,
66
- customModalContent: detail.customModalContent,
67
- });
68
- }
69
-
70
- closeItemNavigatorModal() {
71
- this.modal.closeModal();
72
- }
73
-
74
- /**
75
- * Event handler - handles viewport slot going into fullscreen
76
- * @param {Event} e - custom event object
77
- */
78
- manageViewportFullscreen({ detail }) {
79
- const { isFullScreen } = detail;
80
- this.viewportInFullscreen = isFullScreen;
81
- }
82
-
83
- /**
84
- * Event handler - handles viewport slot going into fullscreen
85
- * @param {Event} e - custom event object
86
- * @param {object} event.detail - custom event detail
87
- * @param {(open, toggle, close)} detail.action
88
- * @param {string} detail.menuId - menu id to be shown
89
- */
90
- manageSideMenuEvents({ detail }) {
91
- const { action = '', menuId = '' } = detail;
92
- if (!menuId) { return; }
93
- switch (action) {
94
- case 'open':
95
- this.openShortcut(menuId);
96
- break;
97
- case 'toggle':
98
- this.openMenu = menuId;
99
- this.toggleMenu();
100
- break;
101
- default:
102
- this.closeMenu();
103
- }
104
- }
105
-
106
- toggleMenu() {
107
- this.menuOpened = !this.menuOpened;
108
- }
109
-
110
- closeMenu() {
111
- this.menuOpened = false;
112
- }
113
-
114
- /**
115
- * Opens menu to selected menu
116
- * @param {string} selectedMenuId
117
- */
118
- openShortcut(selectedMenuId = '') {
119
- // open sidemenu to proper tab
120
- this.openMenu = selectedMenuId;
121
- this.menuOpened = true;
122
- }
123
-
124
- setOpenMenu({ detail }) {
125
- const { id } = detail;
126
- this.openMenu = id === this.openMenu ? '' : id;
127
- }
128
-
129
- setMenuContents({ detail }) {
130
- this.menuContents = [...detail];
131
- }
132
-
133
- setMenuShortcuts({ detail }) {
134
- this.menuShortcuts = [...detail];
135
- }
136
-
137
- /**
138
- * computes classes for item-navigator <section> node
139
- */
140
- get menuClass() {
141
- const drawerState = this.menuOpened ? 'open' : '';
142
- const fullscreenState = this.viewportInFullscreen ? 'fullscreen' : '';
143
- return `${drawerState} ${fullscreenState}`;
144
- }
145
-
146
- get menuToggleButton() {
147
- return html`
148
- <button class="toggle-menu" @click=${this.toggleMenu.bind(this)}>
149
- <div>
150
- <ia-icon icon="ellipses" style="width: var(--iconWidth); height: var(--iconHeight);"></ia-icon>
151
- </div>
152
- </button>
153
- `;
154
- }
155
-
156
- get menuSlider() {
157
- return html`
158
- <div id="menu">
159
- <ia-menu-slider
160
- .menus=${this.menuContents}
161
- .open=${true}
162
- .selectedMenu=${this.openMenu}
163
- @menuTypeSelected=${this.setOpenMenu}
164
- @menuSliderClosed=${this.closeMenu}
165
- ?manuallyHandleClose=${true}
166
- ?animateMenuOpen=${false}
167
- ></ia-menu-slider>
168
- </div>
169
- `;
170
- }
171
-
172
- /**
173
- * Returns the shortcut buttons for minimized view
174
- * @return html
175
- */
176
- get shortcuts() {
177
- // todo: aria tags
178
- const shortcuts = this.menuShortcuts.map(({
179
- icon,
180
- id,
181
- }) => html`
182
- <button class="shortcut ${id}" @click="${(e) => { this.openShortcut(id); }}">
183
- ${icon}
184
- </button>
185
- `);
186
-
187
- return html`<div class="shortcuts">${shortcuts}</div>`;
188
- }
189
-
190
- /**
191
- * Returns the side menu given it's open/close state
192
- * @return html
193
- */
194
- get renderSideMenu() {
195
- // todo: aria tags
196
- return html`
197
- <nav>
198
- <div class="minimized">
199
- ${this.shortcuts}
200
- ${this.menuToggleButton}
201
- </div>
202
- ${this.menuSlider}
203
- </nav>
204
- `;
205
- }
206
-
207
- /**
208
- * Given a itemType, this chooses the proper viewport component
209
- * @return html
210
- */
211
- get renderViewport() {
212
- if (this.itemType === 'bookreader') {
213
- return html`
214
- <book-navigator
215
- .baseHost=${this.baseHost}
216
- .book=${this.item}
217
- ?signedIn=${this.signedIn}
218
- ?sideMenuOpen=${this.menuOpened}
219
- @ViewportInFullScreen=${this.manageViewportFullscreen}
220
- @updateSideMenu=${this.manageSideMenuEvents}
221
- @menuUpdated=${this.setMenuContents}
222
- @menuShortcutsUpdated=${this.setMenuShortcuts}
223
- @showItemNavigatorModal=${this.showItemNavigatorModal}
224
- @closeItemNavigatorModal=${this.closeItemNavigatorModal}
225
- >
226
- <div slot="bookreader">
227
- <slot name="bookreader"></slot>
228
- </div>
229
- </book-navigator>
230
- `;
231
- }
232
- return html`<div class="viewport"></div>`;
233
- }
234
-
235
- renderModalManager() {
236
- this.modal = document.createElement('modal-manager');
237
- this.modal.setAttribute('id', 'item-navigator-modal');
238
- this.modalConfig = new ModalConfig();
239
- this.modalConfig.title = 'Delete Bookmark';
240
- this.modalConfig.headline = 'This bookmark contains a note. Deleting it will permanently delete the note. Are you sure?';
241
- this.modalConfig.headerColor = '#194880';
242
- document.body.appendChild(this.modal);
243
- }
244
-
245
- render() {
246
- const renderMenu = this.menuContents.length || this.menuShortcuts.length;
247
- return html`
248
- <div id="frame" class=${this.menuClass}>
249
- <slot name="item-nav-header"></slot>
250
- <div class="menu-and-reader">
251
- ${renderMenu ? this.renderSideMenu : nothing}
252
- <div id="reader">
253
- ${this.renderViewport}
254
- </div>
255
- </div>
256
- </div>
257
- `;
258
- }
259
-
260
- static get styles() {
261
- const subnavWidth = css`var(--menuWidth, 320px)`;
262
- const tabletPlusQuery = css`@media (min-width: 640px)`;
263
- const transitionTiming = css`var(--animationTiming, 200ms)`;
264
- const transitionEffect = css`transform ${transitionTiming} ease-out`;
265
-
266
- return css`
267
- #frame {
268
- position: relative;
269
- overflow: hidden;
270
- }
271
-
272
- #frame.fullscreen,
273
- #frame.fullscreen #reader {
274
- height: 100vh;
275
- }
276
-
277
- button {
278
- cursor: pointer;
279
- padding: 0;
280
- border: 0;
281
- }
282
-
283
- button:focus,
284
- button:active {
285
- outline: none;
286
- }
287
-
288
- .menu-and-reader {
289
- position: relative;
290
- }
291
-
292
- nav button {
293
- background: none;
294
- }
295
-
296
- nav .minimized {
297
- background: rgba(0, 0, 0, .7);
298
- border-bottom-right-radius: 5%;
299
- position: absolute;
300
- padding-top: .6rem;
301
- left: 0;
302
- width: 4rem;
303
- z-index: 2;
304
- }
305
-
306
- nav .minimized button {
307
- width: var(--iconWidth);
308
- height: var(--iconHeight);
309
- margin: auto;
310
- display: inline-flex;
311
- vertical-align: middle;
312
- -webkit-box-align: center;
313
- align-items: center;
314
- -webkit-box-pack: center;
315
- justify-content: center;
316
- width: 4rem;
317
- height: 4rem;
318
- }
319
-
320
- nav .minimized button.toggle-menu > * {
321
- border: 2px solid var(--iconStrokeColor);
322
- border-radius: var(--iconWidth);
323
- width: var(--iconWidth);
324
- height: var(--iconHeight);
325
- margin: auto;
326
- }
327
-
328
- #menu {
329
- position: absolute;
330
- top: 0;
331
- bottom: 0;
332
- left: 0;
333
- z-index: 3;
334
- overflow: hidden;
335
- transform: translateX(-${subnavWidth});
336
- width: ${subnavWidth};
337
- transform: translateX(calc(${subnavWidth} * -1));
338
- transition: ${transitionEffect};
339
- }
340
-
341
- #reader {
342
- position: relative;
343
- z-index: 1;
344
- transition: ${transitionEffect};
345
- transform: translateX(0);
346
- width: 100%;
347
- }
348
-
349
- .open #menu {
350
- width: ${subnavWidth};
351
- transform: translateX(0);
352
- transition: ${transitionEffect};
353
- }
354
-
355
- ${tabletPlusQuery} {
356
- .open #reader {
357
- transition: ${transitionEffect};
358
- transform: translateX(${subnavWidth});
359
- width: calc(100% - ${subnavWidth});
360
- }
361
- }
362
-
363
- #loading-indicator {
364
- display: none;
365
- }
366
-
367
- #loading-indicator.visible {
368
- display: block;
369
- }
370
- `;
371
- }
372
- }
373
-
374
- customElements.define('ia-icon', IAIcon);
375
- customElements.define('ia-menu-slider', IAMenuSlider);
376
- customElements.define('item-navigator', ItemNavigator);
@@ -1,29 +0,0 @@
1
- import { html } from 'lit-element';
2
-
3
- /* register subpanel */
4
- import { IASharingOptions } from '@internetarchive/ia-sharing-options';
5
- customElements.define('ia-sharing-options', IASharingOptions);
6
-
7
- export default class {
8
- constructor(metadata = {}, baseHost, baseItemType) {
9
- this.itemType = baseItemType;
10
- const label = `Share this ${this.reconcileItemType}`;
11
- this.icon = html`<ia-icon icon="share" style="width: var(--iconWidth); height: var(--iconHeight);"></ia-icon>`;
12
- this.label = label;
13
- this.id = 'share';
14
- this.component = html`<ia-sharing-options
15
- identifier="${metadata.identifier}"
16
- type="book"
17
- creator="${metadata.creator}"
18
- description="${metadata.title}"
19
- baseHost="${baseHost}"
20
- ></ia-sharing-options>`;
21
- }
22
-
23
- get reconcileItemType() {
24
- if (this.itemType === 'bookreader') {
25
- return 'book';
26
- }
27
- return 'item';
28
- }
29
- }