FanFic Scraper

\n setUrl(e.target.value)}\n placeholder=\"Enter URL to scrape\"\n required\n />\n \n \n {result && (\n

Result:

{result.title}

Content:

Chapters:

\n
Threadmark: {article.threadmark}
\n
Date: {article.date}
\n
Author: {article.author}
\n
\n

\n\n {result.error &&

Error: {result.error}

}\n

\n )}\n

\n );\n}\n\nfunction client() {\n console.log(\"Initializing client-side React application\");\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nconst _REGEX_THREAD_URL = /threads\\/(?\\d+)/;\nconst _REGEX_POST_URL = /posts\\/(?\\d+)/;\n\nfunction normalizeUrl(url) {\n const threadMatch = url.match(_REGEX_THREAD_URL);\n const postMatch = url.match(_REGEX_POST_URL);\n\n if (postMatch) {\n return `https://forums.spacebattles.com/posts/${postMatch.groups.id}/`;\n } else if (threadMatch) {\n return `https://forums.spacebattles.com/threads/${threadMatch.groups.id}/`;\n }\n return url;\n}\n\nasync function scrapePage(url) {\n console.log(`Starting to scrape page: ${url}`);\n const apiKey = await getApiKey();\n\n url = normalizeUrl(url);\n console.log(`Normalized URL for scraping: ${url}`);\n\n const extractRules = {\n title: \"h1.p-title-value\",\n prefixTags: \"div.p-body-header a[href*='prefix_id']\",\n posts: {\n selector: \"article.message--post\",\n type: \"list\",\n output: {\n id: \"@data-content\",\n content: \"article.message-body div.bbWrapper\",\n author: \"div.message-userDetails .username\",\n date: \"div.message-attribution-main time\",\n lastEdit: \"div.message-lastEdit time\",\n isSticky: \".sticky-container\",\n },\n },\n threadmarksTop: \"div.block-outer-recent-threadmarks\",\n threadmarks: {\n selector: \"div.block-outer-recent-threadmarks a.menuTrigger[href*='threadmarks']\",\n type: \"list\",\n output: {\n category: \"@href\",\n name: \"text\",\n },\n },\n };\n\n const result = await scrapePageWithRules(url, apiKey, extractRules);\n return processResults(result);\n}\n\nfunction processThreadmarks(threadmarks) {\n return threadmarks.map(tm => {\n let category = \"1\";\n const categoryMatch = tm.category.match(/threadmark_category=(\\d+)/);\n if (categoryMatch) {\n category = categoryMatch[1];\n }\n return {\n category: category,\n name: tm.name,\n };\n });\n}\n\nclass NetworkError extends Error {\n constructor(message) {\n super(message);\n this.name = \"NetworkError\";\n }\n}\n\nclass APIError extends Error {\n constructor(message, status) {\n super(message);\n this.name = \"APIError\";\n this.status = status;\n }\n}\n\nclass ParsingError extends Error {\n constructor(message) {\n super(message);\n this.name = \"ParsingError\";\n }\n}\n\nasync function scrapePageWithRules(url, apiKey, extractRules) {\n console.log(`Sending request to ScrapingBee API for URL: ${url}`);\n try {\n const response = await fetch(\n `https://app.scrapingbee.com/api/v1/?api_key=${apiKey}&url=${\n encodeURIComponent(url)\n }&render_js=true&json_response=true&extract_rules=${encodeURIComponent(JSON.stringify(extractRules))}`,\n );\n\n if (!response.ok) {\n throw new APIError(`HTTP error! status: ${response.status}`, response.status);\n }\n\n console.log(\"Response received from ScrapingBee API\");\n console.log(`Cost: ${response.headers.get(\"Spb-cost\")}`);\n console.log(`Initial status code: ${response.headers.get(\"Spb-initial-status-code\")}`);\n console.log(`Resolved URL: ${response.headers.get(\"Spb-resolved-url\")}`);\n\n let result;\n try {\n result = await response.json();\n } catch (jsonError) {\n throw new ParsingError(\"Failed to parse JSON response\");\n }\n\n console.log(\"ScrapingBee API response parsed successfully\");\n return result;\n } catch (error) {\n if (error instanceof TypeError) {\n console.error(\"Network error:\", error.message);\n throw new NetworkError(\"Failed to connect to the API\");\n } else if (error instanceof APIError) {\n console.error(\"API error:\", error.message, \"Status:\", error.status);\n throw error;\n } else if (error instanceof ParsingError) {\n console.error(\"Parsing error:\", error.message);\n throw error;\n } else {\n console.error(\"Unexpected error:\", error.message);\n throw new Error(\"An unexpected error occurred\");\n }\n }\n}\n\nfunction processResults(results) {\n console.log(\"Processing results:\", JSON.stringify(results, null, 2));\n if (!results || results.length === 0) {\n console.log(\"No results to process\");\n return {\n title: \"No title found\",\n prefixTags: [],\n firstPost: null,\n threadmarks: [],\n posts: [],\n };\n }\n\n const processedResult = {\n title: results[0].title || \"No title found\",\n prefixTags: results[0].prefixTags || [],\n firstPost: null,\n threadmarks: results[0].threadmarks ? processThreadmarks(results[0].threadmarks) : [],\n posts: [],\n };\n\n if (results[0].posts && Array.isArray(results[0].posts)) {\n processedResult.posts = results[0].posts.map(processPost);\n processedResult.firstPost = processedResult.posts.find(post => !post.isSticky) || processedResult.posts[0];\n }\n\n console.log(`Final processed result: ${JSON.stringify(processedResult, null, 2)}`);\n return processedResult;\n}\n\nfunction processPost(post) {\n return {\n id: post.id,\n content: post.content,\n author: post.author,\n date: new Date(post.date),\n lastEdit: post.lastEdit ? new Date(post.lastEdit) : null,\n isSticky: !!post.isSticky,\n };\n}\n\nasync function getApiKey() {\n const apiKey = Deno.env.get(\"ScrapingBeeAPIkey\");\n if (!apiKey) {\n console.log(\"ScrapingBee API key not found in environment variables\");\n throw new Error(\"ScrapingBee API key not found in environment variables\");\n }\n return apiKey;\n}\n\nexport default async function server(request) {\n console.log(`Received ${request.method} request for path: ${new URL(request.url).pathname}`);\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/scrape\") {\n try {\n const { url } = await request.json();\n const result = await scrapePage(url);\n console.log(`Successfully scraped URL: ${url}`);\n console.log(`Scraping completed for URL: ${url}\n Result summary:\n Title: ${result.title}\n Number of posts: ${result.posts.length}`);\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.log(`Error occurred while processing request. Error details: ${error.message}`);\n console.log(`Error stack trace: ${error.stack}`);\n console.error(`Error occurred during scraping operation:\n Error message: ${error.message}\n Stack trace:\n ${error.stack}`);\n return new Response(JSON.stringify({ error: error.message, stack: error.stack }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n console.log(\"Serving HTML page\");\n return new Response(\n `\n \n \n \n \n \n Web Scraper\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\"] {\n width: 70%;\n padding: 10px;\n margin-right: 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`;","deleted","label",[99],"permalink","https://www.val.town/x/willthereader/v2FanFicScraper/code/main.tsx","extension","actionData","errors"]