[{"_1":2,"_174":-5,"_175":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","a31a1550ad486cf340b818a53bc6ddc8c7db0295","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_150":151,"_171":172,"_173":-5},"handle","devto","name","adportal","path","services/templateService.ts","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":113,"_114":115,"_116":-5,"_117":118,"_119":32,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_136":137,"_149":20},"id","3d585f8e-2aa1-11f0-9541-569c3dd06744","createdAt",["D",1746553245576],"deletedAt","legacyEnvVars","privacy","unlisted","description","imageUrl","02918d80-2aa1-11f0-8ae4-9344e0a55cd2","pinnedFileId","9829a20a-2aa2-11f0-8816-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",431,"likeCount","33e34e2c-78a0-46e0-9bb4-035d37492531","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_131":132},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/557032ea-741e-493e-dade-5dae3b283600/square512","org",{"_93":94,"_135":132,"_12":-5},"avatar","branch",{"_138":139,"_95":43,"_101":140,"_141":102,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},"version",449,"3d58aafc-2aa1-11f0-9541-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":152,"_95":153,"_154":155,"_156":157,"_158":140,"_159":118,"_160":115,"_103":161,"_138":162,"_163":164,"_165":166,"_167":20,"_168":-5,"_97":169},"bdee3a0c-2c3f-11f0-94c3-569c3dd06744","templateService.ts","fileId","697c937e-2b4f-11f0-a8e2-569c3dd06744","parentId","ed368a55-a55d-4883-a46c-b3a7d7aa58c6","branchId","branchVersion","latest",["D",1746731272923],6,"fileType","script","content","import { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n/**\n * Service for handling HTML templates\n */\n\n// Storage key for dev.to stylesheets\nconst DEVTO_STYLESHEETS_KEY = \"devto_stylesheets\";\n\ninterface StylesheetData {\n stylesheets: string[];\n fetchedAt: string;\n source: string;\n}\n\n/**\n * Fetch dev.to stylesheets from blob storage\n */\nasync function getDevtoStylesheets(): Promise {\n try {\n const data = await blob.getJSON(DEVTO_STYLESHEETS_KEY);\n return data?.stylesheets || [];\n } catch (error) {\n console.error(\"Error fetching dev.to stylesheets:\", error);\n return [];\n }\n}\n\n/**\n * Inject dev.to stylesheets into HTML\n */\nasync function injectDevtoStylesheets(html: string): Promise {\n const stylesheets = await getDevtoStylesheets();\n \n if (stylesheets.length === 0) {\n console.log(\"No dev.to stylesheets found in storage\");\n return html;\n }\n \n console.log(`Injecting ${stylesheets.length} dev.to stylesheets`);\n \n // Create stylesheet links\n const stylesheetLinks = stylesheets\n .map(url => ``)\n .join('\\n');\n \n // Add a comment to identify the injected stylesheets\n const stylesheetBlock = `\n\n${stylesheetLinks}\n\n`;\n \n // Insert after the last link or before \n if (html.includes('')) {\n return html.replace('', `${stylesheetBlock}`);\n } else {\n return html;\n }\n}\n\n/**\n * Process conditional blocks in templates\n * Handles #if, #else, #elseif, and #endif directives\n */\nfunction processConditionals(html: string, data: Record): string {\n // Process nested conditionals by repeatedly applying the replacement\n // until no more changes are made\n let previousHtml = \"\";\n let currentHtml = html;\n \n while (previousHtml !== currentHtml) {\n previousHtml = currentHtml;\n \n // Match {{#if condition}}...{{/if}} blocks\n const ifRegex = /\\{\\{#if\\s+([^}]+)\\}\\}([\\s\\S]*?)(?:\\{\\{#else\\}\\}([\\s\\S]*?))?(?:\\{\\{#elseif\\s+([^}]+)\\}\\}([\\s\\S]*?))*\\{\\{\\/if\\}\\}/g;\n \n currentHtml = previousHtml.replace(ifRegex, (match, condition, ifContent, elseContent = '') => {\n // Evaluate the condition\n let result = false;\n \n // Handle equality check (condition == value)\n if (condition.includes('==')) {\n const [left, right] = condition.split('==').map(part => part.trim());\n const leftValue = data[left] || left;\n const rightValue = data[right] || right.replace(/[\"']/g, ''); // Remove quotes if present\n result = leftValue == rightValue;\n } \n // Handle simple variable check\n else {\n const value = data[condition.trim()];\n result = !!value;\n }\n \n return result ? ifContent : elseContent;\n });\n }\n \n return currentHtml;\n}\n\n/**\n * Process component inclusions in templates\n * Handles {{> component/path param1=\"value1\" param2=\"value2\"}} syntax\n */\nasync function processComponents(\n html: string, \n data: Record,\n importMetaUrl: string\n): Promise {\n // Match component inclusion patterns like {{> components/header title=\"My Title\"}}\n const componentRegex = /\\{\\{>\\s*([^}\\s]+)(?:\\s+([^}]+))?\\}\\}/g;\n \n let result = html;\n let match;\n \n // Find all component inclusions\n const componentMatches: Array<{\n fullMatch: string;\n componentPath: string;\n paramsString?: string;\n }> = [];\n \n while ((match = componentRegex.exec(html)) !== null) {\n componentMatches.push({\n fullMatch: match[0],\n componentPath: match[1],\n paramsString: match[2]\n });\n }\n \n // Process each component inclusion\n for (const { fullMatch, componentPath, paramsString } of componentMatches) {\n // Parse component parameters\n const componentData = { ...data };\n if (paramsString) {\n const params = parseComponentParams(paramsString);\n Object.assign(componentData, params);\n }\n \n try {\n // Load and render the component\n const componentHtml = await renderTemplate(\n `/views/${componentPath}.html`, \n componentData, \n importMetaUrl\n );\n \n // Replace the component placeholder with the rendered component\n result = result.replace(fullMatch, componentHtml);\n } catch (error) {\n console.error(`Error rendering component ${componentPath}:`, error);\n // Replace with error message in development, empty string in production\n result = result.replace(fullMatch, ``);\n }\n }\n \n return result;\n}\n\n/**\n * Parse component parameters from a string\n * Handles param=\"value\" and param='value' syntax\n */\nfunction parseComponentParams(paramsString: string): Record {\n const params: Record = {};\n \n // Match param=\"value\" patterns\n const paramRegex = /(\\w+)=(?:\"([^\"]*)\"|'([^']*)'|(\\S+))/g;\n \n let paramMatch;\n while ((paramMatch = paramRegex.exec(paramsString)) !== null) {\n const [, name, doubleQuoted, singleQuoted, unquoted] = paramMatch;\n params[name] = doubleQuoted || singleQuoted || unquoted;\n }\n \n return params;\n}\n\n/**\n * Replace variables in a template\n * Handles {{variable}} syntax\n */\nfunction replaceVariables(html: string, data: Record): string {\n // Add current year to data if not present\n if (!data.year) {\n data.year = new Date().getFullYear().toString();\n }\n \n // Replace all placeholders with their values\n let result = html;\n for (const [key, value] of Object.entries(data)) {\n if (value !== undefined && value !== null) {\n const placeholder = `{{${key}}}`;\n // Use a global regex to replace all occurrences\n const regex = new RegExp(placeholder, 'g');\n result = result.replace(regex, value.toString());\n }\n }\n \n return result;\n}\n\n/**\n * Render a template with the given data\n * @param templatePath Path to the template file\n * @param data Object containing key-value pairs to replace in the template\n * @param importMetaUrl import.meta.url from the calling file\n */\nexport async function renderTemplate(\n templatePath: string, \n data: Record = {}, \n importMetaUrl: string\n): Promise {\n try {\n // Read the template file\n let html = await readFile(templatePath, importMetaUrl);\n \n // Process components first (they may contain conditionals)\n html = await processComponents(html, data, importMetaUrl);\n \n // Process conditionals (multiple passes to handle nested conditionals)\n let previousHtml = \"\";\n let currentHtml = html;\n let iterations = 0;\n const maxIterations = 5; // Prevent infinite loops\n \n while (previousHtml !== currentHtml && iterations < maxIterations) {\n previousHtml = currentHtml;\n currentHtml = processConditionals(previousHtml, data);\n iterations++;\n }\n \n html = currentHtml;\n \n // Replace variables\n html = replaceVariables(html, data);\n \n // Inject dev.to stylesheets\n html = await injectDevtoStylesheets(html);\n \n return html;\n } catch (error) {\n console.error(`Error rendering template ${templatePath}:`, error);\n throw error;\n }\n}","deleted","label",[170,153],"services","permalink","https://www.val.town/x/devto/adportal/code/services/templateService.ts","extension","actionData","errors"]