[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":85,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":118,"_119":120,"_121":25,"_122":123,"_124":49,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",20,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","2b8b40e4-27b0-11f0-aecd-569c3dd06744","name","fileType","http","content","import { versionLogger } from \"https://esm.town/v/willthereader/versionLoggger\";\n// version one is the one with the javascript scenario\nfunction App() {\n let url = \"\";\n let chapterTitles = \"\";\n let result = null;\n let loading = false;\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n loading = true;\n updateUI();\n console.log(`Fetching threadmarks for URL: ${url}`);\n try {\n result = await fetchThreadmarksFromServer(url, chapterTitles);\n } catch (error) {\n console.log(`Error occurred while fetching threadmarks: ${error.message}`);\n result = { error: error.message };\n }\n loading = false;\n updateUI();\n };\n\n const updateUI = () => {\n const root = document.getElementById(\"root\");\n root.innerHTML = `\n

Threadmark Fetcher and Comparator

\n \n ${\n result\n ? `\n

Result:

\n ${\n result.error\n ? `\n

Error: ${result.error}

\n ${\n result.stack\n ? `\n

Error Details

${result.stack}

\n `\n : \"\"\n }\n

\n `\n : `\n

Correctly Retrieved (In Order):

${title}

\n \n

Retrieved Out of Order:

${\n item.expectedIndex === -1\n ? `${item.title} (Unexpected, found at position: ${item.foundIndex + 1})`\n : `${item.title} (Expected position: ${item.expectedIndex + 1}, Found position: ${\n item.foundIndex + 1\n })`\n }

Summary:

Total expected: ${result.totalExpected}
Total retrieved: ${result.totalRetrieved}
Correctly retrieved (in order): ${result.correctOrder.length}
Retrieved out of order: ${result.outOfOrder.length - result.unexpectedCount}
Unexpected threadmarks: ${result.unexpectedCount}
Not retrieved: ${result.notRetrievedCount}

\n \n

Chapter Titles Not Retrieved:

${title}

\n \n

All Retrieved Threadmarks:

\n ${threadmark.title}\n

\n `\n }\n

\n `\n : \"\"\n }\n

\n `;\n\n document.getElementById(\"threadmarkForm\").addEventListener(\"submit\", handleSubmit);\n document.getElementById(\"urlInput\").addEventListener(\"input\", (e) => {\n url = e.target.value;\n });\n document.getElementById(\"chapterTitlesInput\").addEventListener(\"input\", (e) => {\n chapterTitles = e.target.value;\n });\n };\n\n return { updateUI };\n}\n\nasync function fetchThreadmarksFromServer(url, chapterTitles) {\n const response = await fetch(\"/api/threadmarks\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ url, chapterTitles }),\n });\n const data = await response.json();\n if (!response.ok) {\n throw new Error(data.error || `HTTP error! status: ${response.status}`);\n }\n return data;\n}\n\nasync function getThreadmarkUrls(baseUrl, apiKey) {\n versionLogger(import.meta.url);\n console.log(`[START] Threadmark URL fetch for base URL: ${baseUrl}`);\n const startTime = Date.now();\n\n const categories = [1]; // Only testing category 1 (threadmarks)\n let allThreadmarks = [];\n\n for (const category of categories) {\n try {\n const threadmarkUrl = `${baseUrl}/threadmarks?hide_wrapper=1&display=embedded&threadmark_category=${category}`;\n console.log(`[INFO] Constructing URL for category ${category}: ${threadmarkUrl}`);\n\n const scrapingBeeUrl = `https://app.scrapingbee.com/api/v1/?api_key=${apiKey}&url=${\n encodeURIComponent(threadmarkUrl)\n }&render_js=false`;\n console.log(`[INFO] Sending GET request to ScrapingBee API for category ${category}`);\n\n const requestStartTime = Date.now();\n const response = await fetch(scrapingBeeUrl);\n console.log(\n `Response received. Status: ${response.status}, Headers: ${\n JSON.stringify(Object.fromEntries(response.headers))\n }`,\n );\n console.log(\n `[INFO] Received response for category ${category} in ${\n Date.now() - requestStartTime\n } ms. Status: ${response.status}`,\n );\n console.log(`[DEBUG] Response headers: ${JSON.stringify(Object.fromEntries(response.headers), null, 2)}`);\n const requestDuration = Date.now() - requestStartTime;\n console.log(\n `[INFO] Received response for category ${category} in ${requestDuration} ms. Status: ${response.status}`,\n );\n\n console.log(\n `[DEBUG] Response headers for category ${category}: ${\n JSON.stringify(Object.fromEntries(response.headers), null, 2)\n }`,\n );\n\n if (!response.ok) {\n const errorBody = await response.text();\n console.error(\n `[ERROR] Server error for category ${category}. Status: ${response.status}, Response body: ${errorBody}`,\n );\n throw new Error(`Server error: ${response.status} - ${errorBody}`);\n }\n\n const data = await response.text();\n console.log(\n `Raw data received. Length: ${data.length}, First 500 chars: ${data.slice(0, 500)}, Last 500 chars: ${\n data.slice(-500)\n }`,\n );\n console.log(`[INFO] Data received for category ${category}. Length: ${data.length} characters`);\n\n if (data.length === 0) {\n console.error(`[ERROR] Received empty response for category ${category}`);\n throw new Error(\"Received empty response from server\");\n }\n\n console.log(`[DEBUG] Raw data snippet for category ${category}: ${data.slice(0, 2000)}...`);\n console.log(`[DEBUG] Last part of raw data: ${data.slice(-2000)}`);\n console.log(`[DEBUG] Total data length: ${data.length}`);\n console.log(`[DEBUG] Checking for pagination: ${data.includes(\"pagination\") ? \"Found\" : \"Not found\"}`);\n\n const threadmarks = parseThreadmarks(data);\n console.log(\n `Parsed ${threadmarks.length} threadmarks. First: ${JSON.stringify(threadmarks[0])}, Last: ${\n JSON.stringify(threadmarks[threadmarks.length - 1])\n }`,\n );\n console.log(`[INFO] Parsed ${threadmarks.length} threadmarks from category ${category}`);\n if (threadmarks.length > 0) {\n console.log(`[DEBUG] First 3 threadmarks: ${JSON.stringify(threadmarks.slice(0, 3), null, 2)}`);\n } else {\n console.log(`[WARN] No threadmarks found in category ${category}`);\n }\n console.log(`[INFO] Parsed ${threadmarks.length} threadmarks from category ${category}`);\n\n if (threadmarks.length === 0) {\n console.warn(`[WARN] No threadmarks found in category ${category}`);\n } else {\n console.log(\n `[INFO] First 3 threadmarks from category ${category}: ${JSON.stringify(threadmarks.slice(0, 3), null, 2)}`,\n );\n }\n\n allThreadmarks = allThreadmarks.concat(threadmarks);\n } catch (error) {\n console.error(`[ERROR] Exception during fetching or parsing for category ${category}:`);\n console.error(`[ERROR] Error name: ${error.name}`);\n console.error(`[ERROR] Error message: ${error.message}`);\n console.error(`[DEBUG] Error stack: ${error.stack}`);\n throw error; // Re-throw the error to be caught by the caller\n }\n }\n\n const totalDuration = Date.now() - startTime;\n console.log(\n `[END] Finished fetching threadmarks for all categories in ${totalDuration} ms. Total threadmarks found: ${allThreadmarks.length}`,\n );\n\n if (allThreadmarks.length > 0) {\n console.log(`[INFO] First 3 threadmarks overall: ${JSON.stringify(allThreadmarks.slice(0, 3), null, 2)}`);\n return allThreadmarks;\n } else {\n console.warn(`[WARN] No threadmarks found across all categories`);\n throw new Error(\"No threadmarks found\");\n }\n}\n\nfunction parseThreadmarks(data) {\n console.log(`[INFO] Starting to parse threadmarks from HTML data. Total data length: ${data.length}`);\n const threadmarks = [];\n const regex = /

[\\s\\S]*?]*href=\"([^\"]*)\"[^>]*>([\\s\\S]*?)<\\/a>/g;\n let match;\n\n while ((match = regex.exec(data)) !== null) {\n const url = match[1];\n const title = match[2].replace(/<[^>]*>/g, \"\").trim();\n // console.log(`[DEBUG] Found threadmark - URL: ${url}, Title: ${title}`);\n threadmarks.push({ url, title });\n }\n\n console.log(`[INFO] Extracted ${threadmarks.length} threadmarks from the HTML data`);\n return threadmarks;\n}\n\nfunction compareThreadmarks(expectedTitles, retrievedThreadmarks) {\n const expectedTitlesArray = expectedTitles.split(\"\\n\").map(title => title.trim()).filter(title => title !== \"\");\n const retrievedTitles = retrievedThreadmarks.map(threadmark => threadmark.title);\n\n console.log(`Expected titles: ${expectedTitlesArray.length}, Retrieved titles: ${retrievedTitles.length}`);\n\n const correctOrder = [];\n const outOfOrder = [];\n let notRetrievedCount = expectedTitlesArray.length;\n const notRetrieved = [...expectedTitlesArray];\n let lastCorrectIndex = -1;\n\n retrievedTitles.forEach((title, index) => {\n console.log(`Processing title: \"${title}\" at index ${index}`);\n const expectedIndex = expectedTitlesArray.indexOf(title);\n console.log(`Expected index for \"${title}\": ${expectedIndex}`);\n\n // If the title is in the expected list\n console.log(`Expected index for \"${title}\": ${expectedIndex}`);\n if (expectedIndex !== -1) {\n notRetrievedCount--;\n console.log(`Title \"${title}\" found. New notRetrievedCount: ${notRetrievedCount}`);\n // If the title is in the correct position (after the last correct one)\n if (expectedIndex > lastCorrectIndex) {\n correctOrder.push(title);\n lastCorrectIndex = expectedIndex; // Update the last correct index\n notRetrieved.splice(notRetrieved.indexOf(title), 1); // Remove from notRetrieved list\n console.log(`\"${title}\" added to correct order. New lastCorrectIndex: ${expectedIndex}`);\n } else {\n // Title was found, but it's out of order (appeared earlier in the list)\n outOfOrder.push({ title, expectedIndex, foundIndex: index });\n console.log(\n `\"${title}\" added to out of order. Expected: ${expectedIndex}, Found: ${index}, lastCorrectIndex: ${lastCorrectIndex}`,\n );\n }\n } else {\n // Title was not found in the expected list (unexpected title)\n outOfOrder.push({ title, expectedIndex: -1, foundIndex: index });\n console.log(`\"${title}\" not found in expected titles, added to out of order`);\n }\n });\n console.log(`Final processing results: correctOrder.length=${correctOrder.length}, outOfOrder.length=${outOfOrder.length}, notRetrievedCount=${notRetrievedCount}`);\n\n\n console.log(\n `Correct order: ${correctOrder.length}, Out of order: ${outOfOrder.length}, Not retrieved: ${notRetrievedCount}`,\n );\n\n return {\n correctOrder,\n outOfOrder,\n notRetrievedCount,\n allThreadmarks: retrievedThreadmarks,\n totalExpected: expectedTitlesArray.length,\n totalRetrieved: retrievedTitles.length,\n notRetrieved,\n unexpectedCount: retrievedTitles.length\n - (correctOrder.length + outOfOrder.length - (outOfOrder.filter(item => item.expectedIndex === -1).length)),\n };\n}\n\nfunction client() {\n console.log(\"Initializing client-side application\");\n const app = App();\n app.updateUI();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request) {\n console.log(`Received ${request.method} request for path: ${new URL(request.url).pathname}`);\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/api/threadmarks\") {\n const apiKey = Deno.env.get(\"ScrapingBeeAPIkey\");\n if (!apiKey) {\n console.error(\"[ERROR] API key not found in environment variables\");\n return new Response(JSON.stringify({ error: \"API key not found in environment variables\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n try {\n const { url, chapterTitles } = await request.json();\n console.log(`[INFO] Received request to fetch threadmarks for URL: ${url}`);\n const threadmarks = await getThreadmarkUrls(url, apiKey);\n console.log(`[INFO] Retrieved ${threadmarks.length} threadmarks`);\n\n try {\n const comparisonResult = compareThreadmarks(chapterTitles, threadmarks);\n console.log(`[INFO] Comparison completed`);\n\n return new Response(JSON.stringify(comparisonResult), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (comparisonError) {\n console.error(\"[ERROR] Error in threadmark comparison:\");\n console.error(`[ERROR] Error name: ${comparisonError.name}`);\n console.error(`[ERROR] Error message: ${comparisonError.message}`);\n console.error(`[DEBUG] Error stack: ${comparisonError.stack}`);\n throw comparisonError; // Re-throw to be caught by the outer catch block\n }\n } catch (error) {\n console.error(\"[ERROR] Error in threadmark fetching or comparison:\");\n console.error(`[ERROR] Error name: ${error.name}`);\n console.error(`[ERROR] Error message: ${error.message}`);\n console.error(`[DEBUG] Error stack: ${error.stack}`);\n return new Response(\n JSON.stringify({\n error: `Error fetching threadmarks: ${error.message}`,\n stack: error.stack,\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n console.log(\"[INFO] Serving HTML page\");\n return new Response(\n `\n \n \n \n \n \n Threadmark Fetcher and Comparator\n \n \n \n

Threadmark Fetcher and Comparator

\n \n ${\n result\n ? `\n

Result:

\n ${\n result.error\n ? `\n

Error: ${result.error}

\n ${\n result.stack\n ? `\n

Error Details

${result.stack}

\n `\n : \"\"\n }\n

\n `\n : `\n

Correctly Retrieved (In Order):

${title}

\n \n

Retrieved Out of Order:

${\n item.expectedIndex === -1\n ? `${item.title} (Unexpected, found at position: ${item.foundIndex + 1})`\n : `${item.title} (Expected position: ${item.expectedIndex + 1}, Found position: ${\n item.foundIndex + 1\n })`\n }

Summary:

Total expected: ${result.totalExpected}
Total retrieved: ${result.totalRetrieved}
Correctly retrieved (in order): ${result.correctOrder.length}
Retrieved out of order: ${result.outOfOrder.length - result.unexpectedCount}
Unexpected threadmarks: ${result.unexpectedCount}
Not retrieved: ${result.notRetrievedCount}

\n \n

Chapter Titles Not Retrieved:

${title}

\n \n

All Retrieved Threadmarks:

\n ${threadmark.title}\n

\n `\n }\n

\n `\n : \"\"\n }\n

\n `;\n\n document.getElementById(\"threadmarkForm\").addEventListener(\"submit\", handleSubmit);\n document.getElementById(\"urlInput\").addEventListener(\"input\", (e) => {\n url = e.target.value;\n });\n document.getElementById(\"chapterTitlesInput\").addEventListener(\"input\", (e) => {\n chapterTitles = e.target.value;\n });\n };\n\n return { updateUI };\n}\n\nasync function fetchThreadmarksFromServer(url, chapterTitles) {\n const response = await fetch(\"/api/threadmarks\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ url, chapterTitles }),\n });\n const data = await response.json();\n if (!response.ok) {\n throw new Error(data.error || `HTTP error! status: ${response.status}`);\n }\n return data;\n}\n\nasync function getThreadmarkUrls(baseUrl, apiKey) {\n versionLogger(import.meta.url);\n // console.log(`[START] Threadmark URL fetch for base URL: ${baseUrl}`);\n const startTime = Date.now();\n\n const categories = [1]; // Only testing category 1 (threadmarks)\n let allThreadmarks = [];\n\n for (const category of categories) {\n try {\n const threadmarkUrl = `${baseUrl}/threadmarks?hide_wrapper=1&display=embedded&threadmark_category=${category}`;\n console.log(`[INFO] Constructing URL for category ${category}: ${threadmarkUrl}`);\n\n const scrapingBeeUrl = `https://app.scrapingbee.com/api/v1/?api_key=${apiKey}&url=${\n encodeURIComponent(threadmarkUrl)\n }&render_js=false`;\n console.log(`[INFO] Sending GET request to ScrapingBee API for category ${category}`);\n\n const requestStartTime = Date.now();\n const response = await fetch(scrapingBeeUrl);\n // console.log(\n // `Response received. Status: ${response.status}, Headers: ${\n // JSON.stringify(Object.fromEntries(response.headers))\n // }`,\n // );\n // console.log(\n // `[INFO] Received response for category ${category} in ${\n // Date.now() - requestStartTime\n // } ms. Status: ${response.status}`,\n // );\n // console.log(`[DEBUG] Response headers: ${JSON.stringify(Object.fromEntries(response.headers), null, 2)}`);\n const requestDuration = Date.now() - requestStartTime;\n // console.log(\n // `[INFO] Received response for category ${category} in ${requestDuration} ms. Status: ${response.status}`,\n // );\n\n // console.log(\n // `[DEBUG] Response headers for category ${category}: ${\n // JSON.stringify(Object.fromEntries(response.headers), null, 2)\n // }`,\n // );\n\n if (!response.ok) {\n const errorBody = await response.text();\n console.error(\n `[ERROR] Server error for category ${category}. Status: ${response.status}, Response body: ${errorBody}`,\n );\n throw new Error(`Server error: ${response.status} - ${errorBody}`);\n }\n\n const data = await response.text();\n // console.log(\n // `Raw data received. Length: ${data.length}, First 500 chars: ${data.slice(0, 500)}, Last 500 chars: ${\n // data.slice(-500)\n // }`,\n // );\n // console.log(`[INFO] Data received for category ${category}. Length: ${data.length} characters`);\n\n if (data.length === 0) {\n console.error(`[ERROR] Received empty response for category ${category}`);\n throw new Error(\"Received empty response from server\");\n }\n\n // console.log(`[DEBUG] Raw data snippet for category ${category}: ${data.slice(0, 2000)}...`);\n // console.log(`[DEBUG] Last part of raw data: ${data.slice(-2000)}`);\n // console.log(`[DEBUG] Total data length: ${data.length}`);\n // console.log(`[DEBUG] Checking for pagination: ${data.includes(\"pagination\") ? \"Found\" : \"Not found\"}`);\n\n const threadmarks = parseThreadmarks(data);\n console.log(\n `Parsed ${threadmarks.length} threadmarks. First: ${JSON.stringify(threadmarks[0])}, Last: ${\n JSON.stringify(threadmarks[threadmarks.length - 1])\n }`,\n );\n // console.log(`[INFO] Parsed ${threadmarks.length} threadmarks from category ${category}`);\n // if (threadmarks.length > 0) {\n // console.log(`[DEBUG] First 3 threadmarks: ${JSON.stringify(threadmarks.slice(0, 3), null, 2)}`);\n // } else {\n // console.log(`[WARN] No threadmarks found in category ${category}`);\n // }\n // console.log(`[INFO] Parsed ${threadmarks.length} threadmarks from category ${category}`);\n\n if (threadmarks.length === 0) {\n console.warn(`[WARN] No threadmarks found in category ${category}`);\n } else {\n console.log(\n `[INFO] First 3 threadmarks from category ${category}: ${JSON.stringify(threadmarks.slice(0, 3), null, 2)}`,\n );\n }\n\n allThreadmarks = allThreadmarks.concat(threadmarks);\n } catch (error) {\n console.error(`[ERROR] Exception during fetching or parsing for category ${category}:`);\n console.error(`[ERROR] Error name: ${error.name}`);\n console.error(`[ERROR] Error message: ${error.message}`);\n console.error(`[DEBUG] Error stack: ${error.stack}`);\n throw error; // Re-throw the error to be caught by the caller\n }\n }\n\n const totalDuration = Date.now() - startTime;\n console.log(\n `[END] Finished fetching threadmarks for all categories in ${totalDuration} ms. Total threadmarks found: ${allThreadmarks.length}`,\n );\n}\n\nfunction parseThreadmarks(data) {\n // console.log(`[INFO] Starting to parse threadmarks from HTML data. Total data length: ${data.length}`);\n const threadmarks = [];\n const regex = /

[\\s\\S]*?]*href=\"([^\"]*)\"[^>]*>([\\s\\S]*?)<\\/a>/g;\n let match;\n\n while ((match = regex.exec(data)) !== null) {\n const url = match[1];\n const title = match[2].replace(/<[^>]*>/g, \"\").trim();\n // console.log(`[DEBUG] Found threadmark - URL: ${url}, Title: ${title}`);\n threadmarks.push({ url, title });\n }\n\n console.log(`[INFO] Extracted ${threadmarks.length} threadmarks from the HTML data`);\n return threadmarks;\n}\n\nfunction compareThreadmarks(expectedTitles, retrievedThreadmarks) {\n const expectedTitlesArray = expectedTitles.split(\"\\n\").map(title => title.trim()).filter(title => title !== \"\");\n const retrievedTitles = retrievedThreadmarks.map(threadmark => threadmark.title);\n\n console.log(`Expected titles: ${expectedTitlesArray.length}, Retrieved titles: ${retrievedTitles.length}`);\n\n const correctOrder = [];\n const outOfOrder = [];\n let notRetrievedCount = expectedTitlesArray.length;\n const notRetrieved = [...expectedTitlesArray];\n let lastCorrectIndex = -1;\n\n retrievedTitles.forEach((title, index) => {\n // console.log(`Processing title: \"${title}\" at index ${index}`);\n const expectedIndex = expectedTitlesArray.indexOf(title);\n // console.log(`Expected index for \"${title}\": ${expectedIndex}`);\n\n // If the title is in the expected list\n console.log(`Expected index for \"${title}\": ${expectedIndex}`);\n if (expectedIndex !== -1) {\n notRetrievedCount--;\n console.log(`Title \"${title}\" found. New notRetrievedCount: ${notRetrievedCount}`);\n // If the title is in the correct position (after the last correct one)\n if (expectedIndex > lastCorrectIndex) {\n correctOrder.push(title);\n lastCorrectIndex = expectedIndex; // Update the last correct index\n notRetrieved.splice(notRetrieved.indexOf(title), 1); // Remove from notRetrieved list\n console.log(`\"${title}\" added to correct order. New lastCorrectIndex: ${expectedIndex}`);\n } else {\n // Title was found, but it's out of order (appeared earlier in the list)\n outOfOrder.push({ title, expectedIndex, foundIndex: index });\n console.log(\n `\"${title}\" added to out of order. Expected: ${expectedIndex}, Found: ${index}, lastCorrectIndex: ${lastCorrectIndex}`,\n );\n }\n } else {\n // Title was not found in the expected list (unexpected title)\n outOfOrder.push({ title, expectedIndex: -1, foundIndex: index });\n console.log(`\"${title}\" not found in expected titles, added to out of order`);\n }\n });\n console.log(\n `Final processing results: correctOrder.length=${correctOrder.length}, outOfOrder.length=${outOfOrder.length}, notRetrievedCount=${notRetrievedCount}`,\n );\n\n console.log(\n `Correct order: ${correctOrder.length}, Out of order: ${outOfOrder.length}, Not retrieved: ${notRetrievedCount}`,\n );\n\n return {\n correctOrder,\n outOfOrder,\n notRetrievedCount,\n allThreadmarks: retrievedThreadmarks,\n totalExpected: expectedTitlesArray.length,\n totalRetrieved: retrievedTitles.length,\n notRetrieved,\n unexpectedCount: retrievedTitles.length\n - (correctOrder.length + outOfOrder.length - (outOfOrder.filter(item => item.expectedIndex === -1).length)),\n };\n}\n\nfunction client() {\n // console.log(\"Initializing client-side application\");\n const app = App();\n app.updateUI();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request) {\n console.log(`Received ${request.method} request for path: ${new URL(request.url).pathname}`);\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/api/threadmarks\") {\n const apiKey = Deno.env.get(\"ScrapingBeeAPIkey\");\n if (!apiKey) {\n console.error(\"[ERROR] API key not found in environment variables\");\n return new Response(JSON.stringify({ error: \"API key not found in environment variables\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n try {\n const { url, chapterTitles } = await request.json();\n // console.log(`[INFO] Received request to fetch threadmarks for URL: ${url}`);\n const threadmarks = await getThreadmarkUrls(url, apiKey);\n console.log(`[INFO] Retrieved ${threadmarks.length} threadmarks`);\n\n try {\n const comparisonResult = compareThreadmarks(chapterTitles, threadmarks);\n console.log(`[INFO] Comparison completed`);\n\n return new Response(JSON.stringify(comparisonResult), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (comparisonError) {\n console.error(\"[ERROR] Error in threadmark comparison:\");\n console.error(`[ERROR] Error name: ${comparisonError.name}`);\n console.error(`[ERROR] Error message: ${comparisonError.message}`);\n console.error(`[DEBUG] Error stack: ${comparisonError.stack}`);\n throw comparisonError; // Re-throw to be caught by the outer catch block\n }\n } catch (error) {\n console.error(\"[ERROR] Error in threadmark fetching or comparison:\");\n console.error(`[ERROR] Error name: ${error.name}`);\n console.error(`[ERROR] Error message: ${error.message}`);\n console.error(`[DEBUG] Error stack: ${error.stack}`);\n return new Response(\n JSON.stringify({\n error: `Error fetching threadmarks: ${error.message}`,\n stack: error.stack,\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n console.log(\"[INFO] Serving HTML page\");\n return new Response(\n `\n \n \n \n \n \n Threadmark Fetcher and Comparator\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nconst CSS = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\ninput[type=\"url\"], textarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n}\nbutton {\n padding: 10px 20px;\n}\npre {\n background-color: #f4f4f4;\n padding: 10px;\n border-radius: 5px;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n`;","createdAt",["D",1728070924330],"branchVersion","branchId","2b87511e-27b0-11f0-aecd-569c3dd06744","id","2b870f56-27b0-11f0-aecd-569c3dd06744","ThreadmarkLISTFetcher2",["D",1746229804646],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","e5615e9f-07dd-4d28-aaa1-9ee23a41135a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","76badc02-5066-4776-b1f9-963b50ea816c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":63,"_94":45,"_95":96},"isOwned",22,"main","projectId","forkedBranchId","ac590c7e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","ac58cac0-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","projectName","userHandle","willthereader","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXZ0bE1rbVBEMkhHNzR3SmVmMHc3eldBQiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":172,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":173,"_79":174,"_81":175,"_83":25},"tree",[163,164],"files",[163,164],"counts",{"_153":61,"_154":61,"_155":61,"_156":157,"_158":159},"contents",[138,139],"upstreamProject",{"_43":92,"_32":136,"_53":-5,"_54":-5,"_50":51,"_77":137},"upstreamBranch",{"_43":88,"_38":129,"_130":131,"_32":85,"_86":92,"_13":132,"_87":133,"_89":61,"_134":135,"_47":-5,"_83":25,"_50":51,"_95":96,"_62":63,"_94":136},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230020769],"updatedAt",["D",1728055143333],164,"9dbd5418-27b0-11f0-aecd-569c3dd06744","lockfileKey","1746241981991-esm.town_v_willthereader_ThreadmarkLISTFetcher@164-main","ThreadmarkLISTFetcher",{"_97":96,"_104":100},{"_43":147,"_32":148,"_30":149,"_141":-5,"_41":42,"_40":150,"_142":49,"_38":151,"_13":61,"_33":20,"_35":-5,"_24":25,"_145":-5,"_27":152},{"_43":140,"_32":28,"_30":31,"_141":-5,"_41":42,"_40":14,"_142":25,"_38":143,"_13":144,"_33":34,"_35":-5,"_24":25,"_145":-5,"_27":146},"2c0c26f0-27b0-11f0-aecd-569c3dd06744","parentId","latest",["D",1728070924330],19,"label",[28],"2b8b57c8-27b0-11f0-aecd-569c3dd06744","README.md","2b8b585e-27b0-11f0-aecd-569c3dd06744",1,["D",1728055568296],[148],"pulls","branches","forks","envVars",{"_160":61,"_162":61},"connections",{"_160":61,"_161":61},"count","unfilledCount","emptyCount",{"_43":147,"_32":148,"_30":149,"_141":-5,"_41":42,"_40":150,"_142":49,"_38":169,"_13":61,"_33":20,"_35":-5,"_24":25,"_145":-5,"_166":170,"_27":171},{"_43":140,"_32":28,"_30":31,"_141":-5,"_41":42,"_40":14,"_142":25,"_38":165,"_13":144,"_33":34,"_35":-5,"_24":25,"_145":-5,"_166":167,"_27":168},["D",1728070924330],"children",[],[28],["D",1728055568296],[],[148],["D",1746229804646],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":63,"_94":45,"_95":96},"ctx",{"_77":-5,"_209":210,"_126":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":49,"_220":-5,"_221":-7,"_222":-7,"_223":61,"_224":25,"_225":25,"_226":-5},"ENV",{"_180":181,"_182":183,"_184":85,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","db46cea2d909ccbd011cfec0e4ddfe291f419728","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","aiChatModels",[227,228,229,230,231],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_232":256,"_145":257,"_235":258,"_53":259,"_238":49,"_239":49,"_240":241,"_242":49},{"_232":251,"_145":252,"_235":253,"_53":254,"_238":49,"_239":25,"_240":255,"_242":25},{"_232":247,"_145":248,"_235":249,"_53":250,"_238":49,"_239":49,"_240":241,"_242":25},{"_232":243,"_145":244,"_235":245,"_53":246,"_238":49,"_239":49,"_240":241,"_242":25},{"_232":233,"_145":234,"_235":236,"_53":237,"_238":49,"_239":49,"_240":241,"_242":25},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]

Diff · v20