[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":49,"_121":-5,"_122":-5,"_123":124},"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",2,"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","c5c918b4-2780-11f0-b46e-569c3dd06744","name","fileType","http","content","export default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}","import { Hono } from \"hono\";\nimport { Document, DOMParser } from \"jsr:@b-fuze/deno-dom\";\n\n// INICIO INDEX HTML\nconst INDEX =\n ` Crea fichas en BBCode

Generador de Fichas BBCode

˚｡⋆🎬🎧📚⋆｡˚

🛠️ Crea fichas informativas para tu música, libros, películas y series favoritas. ¡Pega el enlace y obtén el código BBCode listo para compartir!

Plataformas admitidas (vendrán más, dame tu sugerencia 🙏):

✅ GoodReads
✅ FilmAffinity
✅ Discogs

`;\n// FIN INDEX HTML\n\nconst CABECERAS = {\n \"User-Agent\": \"Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:136.0) Gecko/20100101 Firefox/136.0\",\n \"Accept-Language\": \"es-ES,en;q=0.5\",\n};\n\n// TIPOS PROPIOS\ntype GetParseado = {\n doc: Document | null;\n error: string | null;\n};\n\ntype GoodReadsLinkedData = {\n titulo: string | null;\n caratula: string | null;\n paginas: number | null;\n valoracion: number | null;\n votos: number | null;\n};\n\nenum PlataformasWeb {\n GoodReads,\n FilmAffinity,\n Discogs,\n SinImplementar,\n}\n\nfunction generarTextAreaFicha(bc: string): string {\n return `

¡Ficha generada!

\n `;\n}\n\nasync function realizarGetParsearTexto(url: string): Promise {\n try {\n const r = await fetch(url, {\n headers: CABECERAS,\n });\n if (r.status != 200) {\n throw Error(\n `la petición a ${url} ha devuelto un status code incorrecto: ${r.statusText}`,\n );\n }\n const t = await r.text();\n const doc = new DOMParser().parseFromString(t, \"text/html\");\n const resultado: GetParseado = {\n doc: doc,\n error: null,\n };\n return resultado;\n } catch (error) {\n const resultado: GetParseado = {\n doc: null,\n error: `${error}`,\n };\n return resultado;\n }\n}\n\nclass GoodReads {\n doc: Document;\n url: string;\n\n constructor(doc: Document, url: string) {\n this.doc = doc;\n this.url = url;\n }\n private extraerColeccionTexto(selector: string) {\n const coleccion = [];\n const coincidencias = this.doc.querySelectorAll(selector);\n for (const c of coincidencias) {\n coleccion.push(c.textContent.trim());\n }\n return coleccion;\n }\n\n extraerLinkedData(): GoodReadsLinkedData {\n try {\n const scriptLdJson = this.doc.querySelector(\n `script[type=\"application/ld+json\"]`,\n );\n if (!scriptLdJson) {\n throw Error(\n `selector no encontrado script[type=\"application/ld+json\"]`,\n );\n }\n const jsonLinkedData = JSON.parse(scriptLdJson.textContent);\n const g: GoodReadsLinkedData = {\n titulo: jsonLinkedData.name as string | null,\n caratula: jsonLinkedData.image as string | null,\n paginas: jsonLinkedData.numberOfPages as number | null,\n valoracion: jsonLinkedData.aggregateRating.ratingValue as number | null,\n votos: jsonLinkedData.aggregateRating.ratingCount as number | null,\n };\n return g;\n } catch (error) {\n console.error(`ha fallado recuperarLinkedData ${error}`);\n const g: GoodReadsLinkedData = {\n titulo: null,\n caratula: null,\n paginas: null,\n valoracion: null,\n votos: null,\n };\n return g;\n }\n }\n extraerAutor(): string[] {\n return this.extraerColeccionTexto(\n \"div.AuthorPreview span.ContributorLink__name\",\n );\n }\n extraerGeneros(): string[] {\n return this.extraerColeccionTexto(\n \"span.BookPageMetadataSection__genreButton\",\n );\n }\n extraerSinopsis(): string | null {\n const parrafoSinopsis = this.doc.querySelector(\n \"div.DetailsLayoutRightParagraph__widthConstrained\",\n );\n if (parrafoSinopsis) {\n return parrafoSinopsis.innerHTML.replaceAll(/[\\s]{2,}/gm, \" \")\n .replaceAll(\"
\", \"\\n\").replaceAll(/<\\/?[^>]+(>|$)/g, \"\").trim();\n }\n return null;\n }\n extraerPublicacion(): string | null {\n const primeraPublicacion = this.doc.querySelector(\n `p[data-testid=\"publicationInfo\"]`,\n );\n if (primeraPublicacion) {\n const fecha = primeraPublicacion.textContent;\n const infoFecha = fecha.split(\",\");\n if (infoFecha.length != 2) {\n return fecha;\n }\n const año = parseInt(infoFecha[1].trim());\n if (!isNaN(año)) {\n return año.toString();\n }\n return fecha;\n }\n return null;\n }\n generarBBCode(): string {\n const linkedData = this.extraerLinkedData();\n const autor = this.extraerAutor();\n const generos = this.extraerGeneros();\n const sinopsis = this.extraerSinopsis();\n const publicacion = this.extraerPublicacion();\n\n let caratula = \"\";\n if (linkedData.caratula) {\n caratula = `[CENTER][IMG]${linkedData.caratula}[/IMG][/CENTER]\\n`;\n }\n\n return `${caratula}📚 Título: ${linkedData.titulo ?? \"Título desconocido\"}\n✏️ Autor: ${autor.join(\", \")}\n📅 Año: ${publicacion ?? \"-\"}\n📜 Géneros: ${generos.join(\", \")}\n \n⭐ Valoración: ${linkedData.valoracion ?? \"-\"} / 5\n🗳️ Número de votos: ${linkedData.votos ?? \"-\"}\n📄 Número de páginas: ${linkedData.paginas ?? \"-\"}\n \n📝 Sinopsis: [I]${sinopsis ?? \"-\"}[/I]\n \n🔗 [URL=${this.url}]Ver ficha completa[/URL]`;\n }\n}\n\nclass FilmAffinity {\n doc: Document;\n url: string;\n constructor(doc: Document, url: string) {\n this.doc = doc;\n this.url = url;\n }\n private extraerTextoSelector(selector: string): string | null {\n const elemento = this.doc.querySelector(selector);\n if (elemento == null) {\n return null;\n }\n return elemento.textContent.trim();\n }\n\n private extraerColeccionSelectorAll(selector: string): string[] {\n const coleccion: string[] = [];\n const coincidencias = this.doc.querySelectorAll(selector);\n for (const c of coincidencias) {\n coleccion.push(c.textContent.trim());\n }\n return coleccion;\n }\n\n private extraerAtributoSelector(\n selector: string,\n atributo: string,\n ): string | null {\n const elemento = this.doc.querySelector(selector);\n if (elemento == null) {\n return null;\n }\n const atr = elemento.getAttribute(atributo);\n if (atr == null) {\n return null;\n }\n return atr.trim();\n }\n\n private extraerTitulo(): string | null {\n return this.extraerTextoSelector(`h1#main-title span[itemprop=\"name\"]`);\n }\n\n extraerTipo(): string | null {\n return this.extraerTextoSelector(`h1#main-title span.movie-type`);\n }\n\n extraerAño(): string | null {\n return this.extraerTextoSelector(\n `dl.movie-info dd[itemprop=\"datePublished\"]`,\n );\n }\n\n extraerDireccion(): string[] {\n return this.extraerColeccionSelectorAll(\n `dl.movie-info .directors span[itemprop=\"name\"]`,\n );\n }\n\n extraerReparto(): string[] {\n return this.extraerColeccionSelectorAll(`.cast-wrapper div.name`);\n }\n\n extraerGeneros(): string[] {\n return this.extraerColeccionSelectorAll(\n `dl.movie-info dd.card-genres span[itemprop=\"genre\"] a`,\n );\n }\n\n extraerSinopsis(): string | null {\n return this.extraerTextoSelector(\n `dl.movie-info dd[itemprop=\"description\"]`,\n );\n }\n\n extraerValoracion(): string | null {\n return this.extraerTextoSelector(`#movie-rat-avg`);\n }\n\n extraerVotos(): string | null {\n return this.extraerTextoSelector(\n `#movie-count-rat span[itemprop=\"ratingCount\"]`,\n );\n }\n\n extraerPoster(): string | null {\n return this.extraerAtributoSelector(\n `#movie-main-image-container img[itemprop=\"image\"]`,\n \"src\",\n );\n }\n\n generarBBCode() {\n let poster = \"\";\n const p = this.extraerPoster();\n if (p) {\n poster = `[CENTER][IMG]${p}[/IMG][/CENTER]\\n`;\n }\n return `${poster}🎞 Título: ${this.extraerTitulo() ?? \"Título desconocido\"}\n📅 Año: ${this.extraerAño() ?? \"-\"}\n🏷️ Géneros: ${this.extraerGeneros().join(\", \")}\n⭐ Valoración: ${this.extraerValoracion() ?? \"-\"} / 10 (${this.extraerVotos()} votos)\n🎬 Dirección: ${this.extraerDireccion() ?? \"-\"}\n🎭 Reparto: ${this.extraerReparto().join(\", \")}\n\n📝 Sinopsis: ${this.extraerSinopsis() ?? \"-\"}\n\n\n🔗 [URL=${this.url}]Ver ficha completa[/URL]`;\n }\n}\n\nclass Discogs {\n doc: Document;\n url: string;\n constructor(doc: Document, url: string) {\n this.doc = doc;\n this.url = url;\n }\n private extraerColeccionSelectorAll(selector: string): string[] {\n const coleccion: string[] = [];\n const coincidencias = this.doc.querySelectorAll(selector);\n for (const c of coincidencias) {\n coleccion.push(c.textContent.trim());\n }\n return coleccion;\n }\n private extraerAtributoSelector(\n selector: string,\n atributo: string,\n ): string | null {\n const elemento = this.doc.querySelector(selector);\n if (elemento == null) {\n return null;\n }\n const atr = elemento.getAttribute(atributo);\n if (atr == null) {\n return null;\n }\n return atr.trim();\n }\n extraerArtista(): string[] {\n return this.extraerColeccionSelectorAll(`div[class^=\"body\"] h1 a[class^=\"link\"]`);\n }\n extraerTitulo(): string | null {\n const encabezado = this.doc.querySelector(`div[class^=\"body\"] h1`);\n if (!encabezado) {\n return null;\n }\n const texto = encabezado.innerHTML;\n const expReg = /.*?/gm;\n return texto.replaceAll(expReg, \"\");\n }\n\n extraerPublicacion(): string | null {\n const t = this.doc.querySelector(\"time[datetime]\");\n if (!t) {\n return null;\n }\n return t.textContent.trim();\n }\n\n extraerGeneros(): string[] {\n return this.extraerColeccionSelectorAll(`td a[href^=\"/genre\"]`);\n }\n extraerEstilos(): string[] {\n return this.extraerColeccionSelectorAll(`td a[href^=\"/style\"]`);\n }\n extraerPortada(): string | null {\n return this.extraerAtributoSelector(`div[class^=\"thumbnail\"] img`, \"src\");\n }\n\n generarBBCode() {\n let portada = \"\";\n const p = this.extraerPortada();\n if (p) {\n portada = `[CENTER][IMG]${p}[/IMG][/CENTER]\\n`;\n }\n const generos = this.extraerGeneros();\n const estilos = this.extraerEstilos();\n const generosEstilos = generos.concat(estilos);\n\n return `${portada}🎤 ${this.extraerArtista().join(\", \")}\n💿 ${this.extraerTitulo() ?? \"Sin título\"}\n📅 ${this.extraerPublicacion() ?? \"-\"}\n🎧 ${generosEstilos.join(\", \")}\n\n🔗 [URL=${this.url}]Ver ficha completa[/URL]`;\n }\n}\n\nfunction determinarPlataformaWeb(url: string): PlataformasWeb {\n try {\n const u = new URL(url);\n if (u.hostname.includes(\"goodreads\")) {\n return PlataformasWeb.GoodReads;\n }\n if (u.hostname.includes(\"filmaffinity\")) {\n return PlataformasWeb.FilmAffinity;\n }\n if (u.hostname.includes(\"discogs\")) {\n return PlataformasWeb.Discogs;\n }\n return PlataformasWeb.SinImplementar;\n } catch (_) {\n return PlataformasWeb.SinImplementar;\n }\n}\n\nconst app = new Hono();\napp.post(\"/generar\", async (c) => {\n try {\n const solicitud = await c.req.parseBody();\n const url: string = solicitud[\"url\"] as string;\n const d = await realizarGetParsearTexto(url);\n if (!d.doc) {\n return c.text(d.error as string);\n }\n let ficha;\n switch (determinarPlataformaWeb(url)) {\n case PlataformasWeb.GoodReads: {\n ficha = new GoodReads(d.doc, url);\n break;\n }\n case PlataformasWeb.FilmAffinity: {\n ficha = new FilmAffinity(d.doc, url);\n break;\n }\n case PlataformasWeb.Discogs: {\n ficha = new Discogs(d.doc, url);\n break;\n }\n case PlataformasWeb.SinImplementar:\n return c.text(\n `

La URL no corresponde a una plataforma soportada

`,\n 400,\n );\n }\n const bbcode = ficha.generarBBCode();\n return c.text(generarTextAreaFicha(bbcode));\n } catch (error) {\n return c.text(`

${error}

`, 500);\n }\n});\n\napp.get(\"/\", (c) => {\n return c.html(INDEX);\n});\n\nDeno.serve(app.fetch);","createdAt",["D",1741445485654],"branchVersion","branchId","c5c6ca78-2780-11f0-b46e-569c3dd06744","id","c5c6735c-2780-11f0-b46e-569c3dd06744","bbcode",["D",1746209447587],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","8c6f7b7d-5fce-488e-bfc1-207243f1aa43","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","b8696be3-5d2b-41df-bcad-0bda40352f27","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",9,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","antikorps","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJoazR3R1hhR0tVd1hLRGQxTDg2eWptQnFDRyIsImluaXRpYWxzIjoiQSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":148,"_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":149,"_79":150,"_81":151,"_83":25},"tree",[143],"files",[143],"counts",{"_133":61,"_134":130,"_135":61,"_136":137,"_138":139},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"c5d0f2aa-2780-11f0-b46e-569c3dd06744","parentId","latest",["D",1741445485654],1,"label",[28],"pulls","branches","forks","envVars",{"_140":61,"_142":61},"connections",{"_140":61,"_141":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":144,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_145":146,"_27":147},["D",1741445485654],"children",[],[28],["D",1746209447587],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":185,"_186":187,"_188":189,"_190":25,"_191":25,"_192":25,"_193":49,"_194":-5,"_195":-7,"_196":-7,"_197":61,"_198":25,"_199":25,"_200":-5,"_201":25,"_202":25,"_203":25,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":85,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v2