paginar 0.3.0 → 0.3.2

package/src/components/icons/Expand.vue

@@ -1,7 +1,7 @@
-<script setup></script>
-<template>
-	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-			d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path>
-	</svg>
-</template>
+<script setup></script>
+<template>
+	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+			d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path>
+	</svg>
+</template>

package/src/components/icons/Eye.vue

@@ -1,9 +1,9 @@
-<script setup></script>
-<template>
-	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-			d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z">
-		</path>
-	</svg>
-</template>
+<script setup></script>
+<template>
+	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+			d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z">
+		</path>
+	</svg>
+</template>

package/src/components/icons/Footnote.vue

@@ -1,5 +1,5 @@
-<template>
-	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-	</svg>
-</template>
+<template>
+	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+	</svg>
+</template>

package/src/components/icons/Home.vue

@@ -1,6 +1,6 @@
-<template>
-	<svg fill="none" stroke="currentColor" viewBox="0 0 20 22" xmlns="http://www.w3.org/2000/svg">
-		<path d="M1 8L10 1L19 8V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H3C2.46957 21 1.96086 20.7893 1.58579 20.4142C1.21071 20.0391 1 19.5304 1 19V8Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-		<path d="M7 21V11H13V21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-	</svg>
-</template>
+<template>
+	<svg fill="none" stroke="currentColor" viewBox="0 0 20 22" xmlns="http://www.w3.org/2000/svg">
+		<path d="M1 8L10 1L19 8V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H3C2.46957 21 1.96086 20.7893 1.58579 20.4142C1.21071 20.0391 1 19.5304 1 19V8Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+		<path d="M7 21V11H13V21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+	</svg>
+</template>

package/src/components/icons/Moon.vue

@@ -1,5 +1,5 @@
-<template>
-  	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>
-	</svg>
-</template>
+<template>
+  	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>
+	</svg>
+</template>

package/src/components/icons/Notes.vue

@@ -1,5 +1,5 @@
-<template>
-	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
-	</svg>
-</template>
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
+	</svg>
+</template>

package/src/components/icons/SingleColumn.vue

@@ -1,3 +1,3 @@
-<template>
-	<svg viewBox="0 0 341.5 441.2" fill="currentColor"><rect data-v-acadaaca="" x="73.2" y="143.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="82.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="203.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="263.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="319" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="0" y="-0.6" width="332.3" height="15"></rect><rect data-v-acadaaca="" x="0" y="426.2" width="332.3" height="15"></rect><rect data-v-acadaaca="" x="-209.4" y="216.2" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -216.2339 231.2339)" width="433.7" height="15"></rect><rect data-v-acadaaca="" x="108" y="211.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 105.4808 544.1859)" width="433.7" height="15"></rect></svg>
-</template>
+<template>
+	<svg viewBox="0 0 341.5 441.2" fill="currentColor"><rect data-v-acadaaca="" x="73.2" y="143.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="82.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="203.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="263.7" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="73.2" y="319" width="195.2" height="20"></rect><rect data-v-acadaaca="" x="0" y="-0.6" width="332.3" height="15"></rect><rect data-v-acadaaca="" x="0" y="426.2" width="332.3" height="15"></rect><rect data-v-acadaaca="" x="-209.4" y="216.2" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -216.2339 231.2339)" width="433.7" height="15"></rect><rect data-v-acadaaca="" x="108" y="211.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 105.4808 544.1859)" width="433.7" height="15"></rect></svg>
+</template>

package/src/components/icons/Summary.vue

@@ -1,10 +1,10 @@
-<template>
-	<svg width="24" height="19" viewBox="0 0 24 19" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
-		<line x1="5" y1="1.08447" x2="1" y2="1.08447" stroke-width="2" stroke-linecap="round"/>
-		<line x1="23" y1="1.04248" x2="11" y2="1.04248" stroke-width="2" stroke-linecap="round"/>
-		<line x1="23" y1="9.08447" x2="14" y2="9.08447" stroke-width="2" stroke-linecap="round"/>
-		<line x1="8" y1="9.14905" x2="4" y2="9.14905" stroke-width="2" stroke-linecap="round"/>
-		<line x1="23" y1="17.149" x2="10.9993" y2="17.149" stroke-width="2" stroke-linecap="round"/>
-		<line x1="5" y1="17.2429" x2="1" y2="17.2429" stroke-width="2" stroke-linecap="round"/>
-	</svg>
-</template>
+<template>
+	<svg width="24" height="19" viewBox="0 0 24 19" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
+		<line x1="5" y1="1.08447" x2="1" y2="1.08447" stroke-width="2" stroke-linecap="round"/>
+		<line x1="23" y1="1.04248" x2="11" y2="1.04248" stroke-width="2" stroke-linecap="round"/>
+		<line x1="23" y1="9.08447" x2="14" y2="9.08447" stroke-width="2" stroke-linecap="round"/>
+		<line x1="8" y1="9.14905" x2="4" y2="9.14905" stroke-width="2" stroke-linecap="round"/>
+		<line x1="23" y1="17.149" x2="10.9993" y2="17.149" stroke-width="2" stroke-linecap="round"/>
+		<line x1="5" y1="17.2429" x2="1" y2="17.2429" stroke-width="2" stroke-linecap="round"/>
+	</svg>
+</template>

package/src/components/icons/Sun.vue

@@ -1,5 +1,5 @@
-<template>
-  	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path>
-	</svg>
-</template>
+<template>
+  	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path>
+	</svg>
+</template>

package/src/components/icons/ThreeDots.vue

@@ -1,8 +1,8 @@
-<script setup></script>
-<template>
-	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-			d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z">
-		</path>
-	</svg>
-</template>
+<script setup></script>
+<template>
+	<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+			d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z">
+		</path>
+	</svg>
+</template>

package/src/composables/useBrowser.js

@@ -1,16 +1,16 @@
-const isSafari = [
-	'iPad Simulator',
-	'iPhone Simulator',
-	'iPod Simulator',
-	'iPad',
-	'iPhone',
-	'iPod'
-].includes(navigator.platform)
-	|| (navigator.userAgent.includes("Mac") && "ontouchend" in document)
-
-const isApple = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
-
-export default {
-	isSafari,
-	isApple
-}
+const isSafari = [
+	'iPad Simulator',
+	'iPhone Simulator',
+	'iPod Simulator',
+	'iPad',
+	'iPhone',
+	'iPod'
+].includes(navigator.platform)
+	|| (navigator.userAgent.includes("Mac") && "ontouchend" in document)
+
+const isApple = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
+
+export default {
+	isSafari,
+	isApple
+}

package/src/composables/useFootnotes.js

@@ -1,50 +1,50 @@
-import { computed, reactive } from 'vue'
-
-const state = reactive({
-	footnotes: [],
-	showFootnotes: false,
-	footnote: null
-})
-
-const footnotes = computed(() => state.footnotes)
-function setFootnotes(footnotes) {
-	state.footnotes = footnotes
-}
-
-const showFootnotes = computed(() => state.showFootnotes)
-function setShowFootnotes(value) {
-	state.showFootnotes = value
-}
-
-const footnote = computed(() => state.footnote)
-function setHighlightedFootnote(footnote) {
-	state.footnote = footnote
-}
-
-function applyFootnote(event) {
-	const classList = event.target.closest('.footnote')?.classList.value.split(' ')
-
-	if (classList.length === 0)
-		return
-
-	const footnoteTarget = classList.find(
-		item => item.includes('footnote') && item !== 'footnote'
-	)
-
-	if (footnoteTarget) {
-		const ref = state.footnotes.find(item => item.id === footnoteTarget)
-		if (ref) {
-			state.footnote = ref
-		}
-	}
-}
-
-export default {
-	footnotes,
-	footnote,
-	setFootnotes,
-	applyFootnote,
-	setHighlightedFootnote,
-	setShowFootnotes,
-	showFootnotes
-}
+import { computed, reactive } from 'vue'
+
+const state = reactive({
+	footnotes: [],
+	showFootnotes: false,
+	footnote: null
+})
+
+const footnotes = computed(() => state.footnotes)
+function setFootnotes(footnotes) {
+	state.footnotes = footnotes
+}
+
+const showFootnotes = computed(() => state.showFootnotes)
+function setShowFootnotes(value) {
+	state.showFootnotes = value
+}
+
+const footnote = computed(() => state.footnote)
+function setHighlightedFootnote(footnote) {
+	state.footnote = footnote
+}
+
+function applyFootnote(event) {
+	const classList = event.target.closest('.footnote')?.classList.value.split(' ')
+
+	if (classList.length === 0)
+		return
+
+	const footnoteTarget = classList.find(
+		item => item.includes('footnote') && item !== 'footnote'
+	)
+
+	if (footnoteTarget) {
+		const ref = state.footnotes.find(item => item.id === footnoteTarget)
+		if (ref) {
+			state.footnote = ref
+		}
+	}
+}
+
+export default {
+	footnotes,
+	footnote,
+	setFootnotes,
+	applyFootnote,
+	setHighlightedFootnote,
+	setShowFootnotes,
+	showFootnotes
+}

package/src/composables/usePagination.js

@@ -1,125 +1,125 @@
-import { reactive, computed, watch } from 'vue'
-import { onKeyStroke } from '@vueuse/core'
-
-import useReaderSettings from './useReaderSettings'
-import useEstimatePages from './useEstimatePages'
-import useTextContent from './useTextContent'
-import useBrowser from './useBrowser'
-
-const state = reactive({
-	currentPage: 1,
-	nextTry: 0,
-	prevTry: 0,
-	willRedirect: false
-})
-
-const currentPage = computed(() => state.currentPage)
-const totalPages = computed(() => useEstimatePages.totalPages.value)
-
-function init(viewport, content) {
-	useEstimatePages.estimate(viewport, content)
-
-	// check if there is a query string for oring, and
-	// if previews chapter was the next one. If so,
-	// start from the end, as we are coming backwards
-	const urlParams = new URLSearchParams(window.location.search)
-	const origin = urlParams.get('origin')
-	if (origin && origin === 'next') {
-		setTimeout(() => {
-			state.currentPage = totalPages.value
-		}, 200)
-	}
-
-	if (!useBrowser.isApple && !useBrowser.isSafari) {
-		addEventListener('wheel', onWheel)
-	}
-
-	setInterval(() => {
-		useEstimatePages.estimate(viewport, content)
-	}, 5000)
-}
-
-// when resizing the viewport, totalPages change
-// this watch is to currentPage inside totalPages range
-watch(totalPages, () => {
-	if (totalPages.value < currentPage.value) {
-		set(totalPages.value)
-	}
-})
-
-// navigate by increase/decrease value
-function next(usingScroll = false) {
-	if (!useReaderSettings.blocked.value) {
-		if ((state.currentPage + 1) <= totalPages.value) {
-			state.currentPage = state.currentPage + 1
-		} else {
-			// prevent going too fast to next chapter on
-			// stronger scroll
-			if (usingScroll && state.nextTry < 4) {
-				state.nextTry += 1
-				return
-			}
-
-			if (state.willRedirect === false) {
-				const context = useTextContent.context.value
-				if (context.surround?.after) {
-					window.location.href = context.surround.after.link + (`?origin=prev`)
-					state.willRedirect = true
-				}
-			}
-		}
-	}
-}
-onKeyStroke('ArrowRight', (e) => {
-	e.preventDefault()
-	next()
-})
-
-function onWheel(event) {
-	if (event.wheelDelta < 0) {
-		next(true)
-	} else {
-		prev(true)
-	}
-};
-
-function prev(usingScroll = false) {
-	if (!useReaderSettings.blocked.value) {
-		if ((state.currentPage - 1) > 0) {
-			state.currentPage = state.currentPage - 1
-		} else {
-			// prevent going too fast to prev chapter on
-			// stronger scroll
-			if (usingScroll && state.prevTry < 4) {
-				state.prevTry += 1
-				return
-			}
-
-			if (state.willRedirect === false) {
-				const context = useTextContent.context.value
-				if (context.surround?.before) {
-					window.location.href = context.surround.before.link + (`?origin=next`)
-				}
-				state.willRedirect = true
-			}
-		}
-	}
-}
-onKeyStroke('ArrowLeft', (e) => {
-	e.preventDefault()
-	prev()
-})
-
-// navigate to specific page
-function set(val) {
-	state.currentPage = val
-}
-
-export default {
-	currentPage,
-	totalPages,
-	next,
-	prev,
-	init,
-	set
-}
+import { reactive, computed, watch } from 'vue'
+import { onKeyStroke } from '@vueuse/core'
+
+import useReaderSettings from './useReaderSettings'
+import useEstimatePages from './useEstimatePages'
+import useTextContent from './useTextContent'
+import useBrowser from './useBrowser'
+
+const state = reactive({
+	currentPage: 1,
+	nextTry: 0,
+	prevTry: 0,
+	willRedirect: false
+})
+
+const currentPage = computed(() => state.currentPage)
+const totalPages = computed(() => useEstimatePages.totalPages.value)
+
+function init(viewport, content) {
+	useEstimatePages.estimate(viewport, content)
+
+	// check if there is a query string for oring, and
+	// if previews chapter was the next one. If so,
+	// start from the end, as we are coming backwards
+	const urlParams = new URLSearchParams(window.location.search)
+	const origin = urlParams.get('origin')
+	if (origin && origin === 'next') {
+		setTimeout(() => {
+			state.currentPage = totalPages.value
+		}, 200)
+	}
+
+	if (!useBrowser.isApple && !useBrowser.isSafari) {
+		addEventListener('wheel', onWheel)
+	}
+
+	setInterval(() => {
+		useEstimatePages.estimate(viewport, content)
+	}, 5000)
+}
+
+// when resizing the viewport, totalPages change
+// this watch is to currentPage inside totalPages range
+watch(totalPages, () => {
+	if (totalPages.value < currentPage.value) {
+		set(totalPages.value)
+	}
+})
+
+// navigate by increase/decrease value
+function next(usingScroll = false) {
+	if (!useReaderSettings.blocked.value) {
+		if ((state.currentPage + 1) <= totalPages.value) {
+			state.currentPage = state.currentPage + 1
+		} else {
+			// prevent going too fast to next chapter on
+			// stronger scroll
+			if (usingScroll && state.nextTry < 4) {
+				state.nextTry += 1
+				return
+			}
+
+			if (state.willRedirect === false) {
+				const context = useTextContent.context.value
+				if (context.surround?.after) {
+					window.location.href = context.surround.after.link + (`?origin=prev`)
+					state.willRedirect = true
+				}
+			}
+		}
+	}
+}
+onKeyStroke('ArrowRight', (e) => {
+	e.preventDefault()
+	next()
+})
+
+function onWheel(event) {
+	if (event.wheelDelta < 0) {
+		next(true)
+	} else {
+		prev(true)
+	}
+};
+
+function prev(usingScroll = false) {
+	if (!useReaderSettings.blocked.value) {
+		if ((state.currentPage - 1) > 0) {
+			state.currentPage = state.currentPage - 1
+		} else {
+			// prevent going too fast to prev chapter on
+			// stronger scroll
+			if (usingScroll && state.prevTry < 4) {
+				state.prevTry += 1
+				return
+			}
+
+			if (state.willRedirect === false) {
+				const context = useTextContent.context.value
+				if (context.surround?.before) {
+					window.location.href = context.surround.before.link + (`?origin=next`)
+				}
+				state.willRedirect = true
+			}
+		}
+	}
+}
+onKeyStroke('ArrowLeft', (e) => {
+	e.preventDefault()
+	prev()
+})
+
+// navigate to specific page
+function set(val) {
+	state.currentPage = val
+}
+
+export default {
+	currentPage,
+	totalPages,
+	next,
+	prev,
+	init,
+	set
+}