{"version":3,"file":"_bookId_.7c2fd9a4.js","sources":["../../../../src/components/CommentBox.vue","../../../../src/pages/[shelfId]/[bookId].vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst comment = ref('')\nconst emit = defineEmits(['submitted'])\nconst input = ref(null)\nconst focusInput = function () {\n    input.focus()\n}\n</script>\n\n<template>\n    <div class=\"relative group overflow-hidden searchbar\" @click=\"focusInput\">\n        <label\n            class=\"absolute top-1/2 z-10 -translate-y-1/2 left-4 w-24 inline-block transition-all duration-100 opacity-100 group-focus-within:-translate-x-1/2 group-focus-within:opacity-0 pointer-events-none\"\n            >Comment</label\n        >\n        <input\n            v-model=\"comment\"\n            class=\"absolute top-0 left-0 input-search transition-all duration-100\"\n            type=\"text\"\n        />\n        <label\n            @click=\"emit('submitted', comment)\"\n            class=\"absolute top-1/2 z-10 -translate-y-1/2 w-24 py-8 text-center inline-block transition-all duration-100 hover:bg-primary cursor-pointer hover:text-white opacity-0 -right-full group-focus-within:right-0 group-focus-within:opacity-100\"\n            >Comment</label\n        >\n    </div>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport { query, where, getDocs } from 'firebase/firestore'\nimport { collection, addDoc } from 'firebase/firestore'\nimport { Icon } from '@iconify/vue'\nimport { error } from 'firebase-functions/logger'\nconst db = useFirestore()\n\nconst showSuggestHighlight = ref(false)\nconst suggestedHighlights = ref(\"\")\nconst highlightSubmitted = ref(false)\n\nconst errorMessage = ref(\"\")\n    const highlightsRef = collection(db, 'highlights')\n\nfunction suggestHighlight(){\n    if(suggestedHighlights.value.length === 0){\n        errorMessage.value = \"form cannot be blank!\"\n        return;\n    }\n    const data = {highlights: suggestedHighlights.value, bookId: bookId, shelfId:shelfId}\n    addDoc(highlightsRef, data).then((res)=>{\n            console.log(res)\n    highlightSubmitted.value = true;\n\n    },(err)=>{\n        console.error(err)\n    })\n}\nwatch(suggestedHighlights, ()=>{\n    errorMessage.value = \"\"\n})\nconst collectionsRef = collection(db, 'collections')\nconst route = useRoute()\nconst shelfId = route.params.shelfId\nconst bookId = route.params.bookId\n\n\nconst getData = async function (shelfId, bookId) {\n    const db = useFirestore()\n    const collectionsRef = collection(db, 'collections')\n\n    try {\n        const q = query(\n            collectionsRef, // Replace with your collection name\n            where('shelfId', '==', shelfId),\n        )\n\n        const querySnapshot = await getDocs(q)\n\n        if (!querySnapshot.empty) {\n            // Get the first matching document\n            const data = querySnapshot.docs[0].data()\n            let book\n            let relatedBooks = []\n            data.books.forEach((b) => {\n                if (b.id === bookId) {\n                    book = b\n                } else {\n                    relatedBooks.push(b)\n                }\n            })\n\n            // The Rebel traces the evolution of values in Europe post 1789, the year God's mandated values were overthrown, symbolized by the execution of King who derives power from the heavens. After the French revolution, various substitutes for God were found; Reason being one of them, and the other History. Here is a paragraph that to me is the core of the book, found in the last chapter 'beyond nihilism' (p.246): \"Revolution without honour, calculated revolution which, in preferring an abstract concept of man to a man of flesh and blood, denies existence as many times as is necessary, puts resentment in the place of love.\n            const comments = [\n                {\n                    author: 'Admin',\n                    content: `Accounts and comments coming soon`,\n                },\n            ]\n            return { shelf: data.shelf, book: book, books: data.books, comments: comments }\n        } else {\n            return { data: null, error: 'No data found' }\n        }\n    } catch (error) {\n        return { data: null, error: error.message }\n    }\n}\nconst { shelf, book, books, comments } = await getData(shelfId, bookId)\nconst filteredTags = book?.meta.tags.filter(f => f.length > 0) || false\nfunction joinTagsWithCommaAnd(tags) {\n    if (tags.length === 0) {\n        return \"\";\n    } else if (tags.length === 1) {\n        return tags[0];\n    } else if (tags.length === 2) {\n        return tags.join(' and ');\n    } else {\n        const lastTag = tags.pop();\n        const joinedTags = tags.join(', ');\n        return `${joinedTags}, and ${lastTag}`;\n    }\n}\nuseHead({\n    title: book?.title,\n    meta: [\n        {\n            hid: 'description',\n            name: 'description',\n            content:\n                `The book '${book?.title}' by ${book?.author} provides an insightful answer to '${shelf?.title}'. ${filteredTags && `Subjects explored include ${joinTagsWithCommaAnd(filteredTags)}.`} View highlights for this book, join in the discussion, or purchase through the link.`,\n        },\n    ],\n})\n\n</script>\n\n<template>\n    <div class=\"mainpage\">\n        <aside class=\"h2 bg-accent border-primary border-t-2 flex gap-4 py-4\"\n        style=\"line-height:1.2;\">\n                \n              <my-nuxt-link class=\"px-4 block h-full opacity-70 hover:opacity-100 whitespace-nowrap\" \n              :to=\"{ path: `/search`, hash: `#${shelfId}` }\"\n              rel=\"nofollow\"\n              >\n                ( &lt;= back )</my-nuxt-link\n            >{{ shelf?.title }}\n        </aside>\n        <nav class=\"flex border-t-2 border-b-2 border-primary items-center overflow-x-auto\">\n            <my-nuxt-link\n                class=\"tab-wrapper\"\n                v-for=\"listed in books\"\n                :key=\"listed?.title\"\n                :to=\"`/${shelfId}/${listed.id}`\"\n            >\n                <primary-tab :selected=\"listed?.title === book?.title\">\n                    <span class=\"w-full truncate\">{{ listed?.title }}</span>\n                    <span class=\"font-normal w-full italic truncate\">{{ listed?.author }}</span>\n                </primary-tab>\n            </my-nuxt-link>\n            <div class=\"flex flex-col items-center ml-auto p-2 px-6\">\n              <my-nuxt-link :to=\"{ path: `/suggest/${shelfId}`, hash: '#form' }\"\n              rel=\"nofollow\"\n              >\n                    <action-button>suggest a book</action-button>\n                </my-nuxt-link>\n\n                <span class=\"body-small\">no login required</span>\n            </div>\n        </nav>\n        <div class=\"flex flex-col-reverse md:flex-row\">\n            <main class=\"container flex flex-col lg:mx-auto\" style=\"max-width:66ch\">\n                <h1 class=\"h1 pt-4 md:pt-8\">{{ book?.title }}</h1>\n                <h2 class=\"h2 pb-2\">{{ book?.author }}</h2>\n                <div\n                    v-if=\"book?.highlights.length > 0\"\n                    class=\"flex flex-col border-b-2 border-primary mb-6 pb-6\"\n                >\n                    <div v-for=\"section in book?.highlights\" :key=\"section\">\n                        <p class=\"body-large my-2 text-text\">{{ section }}</p>\n                    </div>\n                    <div v-if=\"showSuggestHighlight === false\" class=\"flex\">\n                        <h3 class=\"h2\">Read this book?</h3>\n\n                        <action-button @click=\"showSuggestHighlight = true\" class=\"ml-auto\">add highlight</action-button>\n                    </div>\n                </div>\n                <div v-else class=\"flex bg-secondary bg-opacity-10 flex-col items-center mb-6 p-6\">\n                    no highlights recorded for this book yet\n                    <div v-if=\"showSuggestHighlight === false\" class=\"flex flex-col\">\n                    <h3 class=\"h2\">Read this book?</h3>\n                    <action-button @click=\"showSuggestHighlight = true\" >add highlight</action-button>\n                    </div>\n                   \n                </div>\n                 <div v-if=\"showSuggestHighlight === true\" class=\"w-full p-2 sm:p-4 md:p-8 mb-4 bg-secondary bg-opacity-20 flex flex-col gap-4\">\n                    <h3 v-if=\"highlightSubmitted === false\" class=\"h2\">Suggest paragraph to add to highlights</h3>\n                    <h3 v-else class=\"h2\">Submitted! Thank you for contributing. Someone will review your entry within a week.</h3>\n                    <textarea id=\"highlights\" v-model=\"suggestedHighlights\" class=\"input-text\" rows=\"10\" style=\"resize:none;\" :disabled=\"highlightSubmitted === true\"/>\n                    <action-button @click=\"suggestHighlight\">suggest</action-button>\n                    <div class=\"text-destructive mt-2.5\">{{errorMessage}}</div>\n                    </div>\n\n                <h2 class=\"h2\">Discussion</h2>\n                <comment-box class=\"h-content\"  @submitted=\"\"></comment-box>\n                <div\n                    v-for=\"comment in comments\"\n                    :key=\"comment.content\"\n                    class=\"p-4 bg-secondary bg-opacity-20 mt-4\"\n                >\n                    <div class=\"body-small font-bold\">\n                        {{ comment.author }}\n                    </div>\n                    <div class=\"body-small font-medium\">\n                        {{ comment.content }}\n                    </div>\n                </div>\n                <div class=\"pt-10\"></div>\n            </main>\n\n            <nav class=\"flex md:flex-col bg-primary md:h-screen sticky top-0 overflow-x-auto md:overflow-y-auto w-full md:w-1/4 flex-shrink-0\">\n                <a class=\"flex-shrink-0 w-48\"\n                    target=\"_blank\"\n                    :href=\"`https://www.amazon.com/gp/search?ie=UTF8&tag=jenniferjang-20&linkCode=ur2&linkId=cdb3d8be08dc2c9d2f5d96df89f67dc5&camp=1789&creative=9325&index=books&keywords=${book?.title} by ${book?.author}`\"\n                >\n                    <secondary-tab \n                        :vertical=\"true\"\n                        class=\"flex items-center md:hidden\"\n                        > <div class=\"w-full flex items-center\">\n                           Buy on Amazon<Icon\n                            class=\"ml-2.5 flex-shrink-0 w-6 h-6 pb-1\"\n                            icon=\"cil:external-link\" />\n                        </div></secondary-tab\n                >\n                 <secondary-tab \n                        :vertical=\"false\"\n                        class=\"items-center hidden md:block\"\n                        > <div class=\"w-full flex items-center\">\n                           Buy on Amazon<Icon\n                            class=\"ml-2.5 flex-shrink-0 w-6 h-6 pb-1\"\n                            icon=\"cil:external-link\" />\n                        </div></secondary-tab\n                >\n                \n                </a>\n                <a\n                   class=\"flex-shrink-0 w-48\"\n                    target=\"_blank\"\n                    :href=\"`https://books.google.com/books?id=${book?.meta.googleId}&printsec=frontcover`\"\n                >\n                <secondary-tab \n                        :vertical=\"true\"\n                        class=\"flex items-center md:hidden\"\n                        > \n                        <div class=\"w-full flex items-center\">\n                        preview on Google Books\n                        <Icon\n                            class=\"ml-2.5 flex-shrink-0 w-6 h-6 pb-1\"\n                            icon=\"cil:external-link\" />\n                            </div>\n                            </secondary-tab\n                >\n                   <secondary-tab \n                        :vertical=\"false\"\n                        class=\"items-center hidden md:block\"\n                        > <div class=\"w-full flex items-center\">\n                          preview on Google Books\n                        <Icon\n                            class=\"ml-2.5 flex-shrink-0 w-6 h-6 pb-1\"\n                            icon=\"cil:external-link\" />\n                        </div></secondary-tab\n                ></a>\n            </nav>\n        </div>\n    </div>\n</template>\n\n<style scoped>\n.tab-wrapper {\n    min-width: 250px;\n    height: 5.5rem;\n}\n</style>\n"],"names":["comment","ref","input","focusInput","db","useFirestore","showSuggestHighlight","suggestedHighlights","highlightSubmitted","errorMessage","highlightsRef","collection","suggestHighlight","data","bookId","shelfId","addDoc","res","err","watch","route","useRoute","getData","collectionsRef","q","query","where","querySnapshot","getDocs","book","relatedBooks","b","comments","error","shelf","books","filteredTags","f","joinTagsWithCommaAnd","tags","lastTag","useHead"],"mappings":"6vBACM,MAAAA,EAAUC,EAAI,EAAE,EAEhBC,EAAQD,EAAI,IAAI,EAChBE,EAAa,UAAY,CAC3BD,EAAM,MAAM,CAAA,8sECAhB,MAAME,EAAKC,IAELC,EAAuBL,EAAI,EAAK,EAChCM,EAAsBN,EAAI,EAAE,EAC5BO,EAAqBP,EAAI,EAAK,EAE9BQ,EAAeR,EAAI,EAAE,EACjBS,EAAgBC,EAAWP,EAAI,YAAY,EAErD,SAASQ,GAAkB,CACpB,GAAAL,EAAoB,MAAM,SAAW,EAAE,CACtCE,EAAa,MAAQ,wBACrB,MACJ,CACA,MAAMI,EAAO,CAAC,WAAYN,EAAoB,MAAO,OAAAO,EAAgB,QAAAC,GACrEC,GAAON,EAAeG,CAAI,EAAE,KAAMI,GAAM,CAChC,QAAQ,IAAIA,CAAG,EACvBT,EAAmB,MAAQ,EAE3B,EAAGU,GAAM,CACL,QAAQ,MAAMA,CAAG,CAAA,CACpB,CACL,CACAC,GAAMZ,EAAqB,IAAI,CAC3BE,EAAa,MAAQ,EAAA,CACxB,EACsBE,EAAWP,EAAI,aAAa,EACnD,MAAMgB,EAAQC,KACRN,EAAUK,EAAM,OAAO,QACvBN,EAASM,EAAM,OAAO,OAGtBE,EAAU,eAAgBP,EAASD,EAAQ,CAC7C,MAAMV,EAAKC,IACLkB,EAAiBZ,EAAWP,EAAI,aAAa,EAE/C,GAAA,CACA,MAAMoB,EAAIC,GACNF,EACAG,GAAM,UAAW,KAAMX,CAAO,CAAA,EAG5BY,EAAgB,MAAMC,GAAQJ,CAAC,EAEjC,GAACG,EAAc,MAsBf,MAAO,CAAE,KAAM,KAAM,MAAO,eAAgB,EAtBtB,CAEtB,MAAMd,EAAOc,EAAc,KAAK,CAAC,EAAE,KAAK,EACpCE,IAAAA,EACAC,EAAe,CAAA,EACdjB,EAAA,MAAM,QAASkB,GAAM,CAClBA,EAAE,KAAOjB,EACTe,EAAOE,EAEPD,EAAa,KAAKC,CAAC,CACvB,CACH,EAGD,MAAMC,EAAW,CACb,CACI,OAAQ,QACR,QAAS,mCACb,CAAA,EAEG,MAAA,CAAE,MAAOnB,EAAK,MAAO,KAAMgB,EAAM,MAAOhB,EAAK,MAAO,SAAUmB,CAAS,CAAA,QAI7EC,EAAO,CACZ,MAAO,CAAE,KAAM,KAAM,MAAOA,EAAM,OAAQ,CAC9C,CAAA,EAEE,CAAE,MAAAC,EAAO,KAAAL,EAAM,MAAAM,GAAO,SAAAH,kBAAmBV,EAAQP,EAASD,CAAM,CAAA,mBAChEsB,GAAeP,GAAA,YAAAA,EAAM,KAAK,KAAK,OAAYQ,GAAAA,EAAE,OAAS,KAAM,GAClE,SAASC,GAAqBC,EAAM,CAC5B,GAAAA,EAAK,SAAW,EACT,MAAA,GACX,GAAWA,EAAK,SAAW,EACvB,OAAOA,EAAK,CAAC,EACjB,GAAWA,EAAK,SAAW,EAChB,OAAAA,EAAK,KAAK,OAAO,EACrB,CACG,MAAAC,EAAUD,EAAK,MAEd,MAAA,GADYA,EAAK,KAAK,IAAI,CACb,SAASC,CAAO,EACxC,CACJ,CACQ,OAAAC,GAAA,CACJ,MAAOZ,GAAA,YAAAA,EAAM,MACb,KAAM,CACF,CACI,IAAK,cACL,KAAM,cACN,QACI,aAAaA,GAAA,YAAAA,EAAM,KAAK,QAAQA,GAAA,YAAAA,EAAM,MAAM,sCAAsCK,GAAA,YAAAA,EAAO,KAAK,MAAME,GAAgB,6BAA6BE,GAAqBF,CAAY,CAAC,GAAG,uFAC9L,CACJ,CAAA,CACH"}