[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_212":213,"_214":215},"routes/_app.x.$handle.$name",{"_93":92,"_31":43,"_102":83,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":120,"_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",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","example-hono.ts","latestPath","fileId","512193de-eab1-11f0-b7d6-42dde27851f2","name","fileType","http","content","/**\n * Example: Hono app with Axiom logging\n * \n * Set these environment variables:\n * - AXIOM_TOKEN: Your Axiom API token\n * - AXIOM_DATASET: Your Axiom dataset name\n */\nimport { Hono } from \"npm:hono@4\";\nimport { axiomMiddleware, type AxiomEnv } from \"./hono.ts\";\n\nconst app = new Hono();\n\n// Add Axiom logging middleware\napp.use(axiomMiddleware({\n // Optional: override defaults\n // dataset: \"my-dataset\",\n // token: \"my-token\",\n console: \"warn\", // Only log warnings and errors to Val Town console\n}));\n\napp.get(\"/\", (c) => {\n c.var.log.info(\"home page accessed\");\n return c.json({ message: \"Hello from axiom-logger!\" });\n});\n\napp.get(\"/users/:id\", async (c) => {\n const userId = c.req.param(\"id\");\n c.var.log.info(\"fetching user\", { userId });\n \n // Simulate some work\n await new Promise((r) => setTimeout(r, 100));\n \n c.var.log.info(\"user fetched successfully\", { userId, cached: false });\n return c.json({ id: userId, name: \"Example User\" });\n});\n\napp.post(\"/webhook\", async (c) => {\n const body = await c.req.json();\n c.var.log.info(\"webhook received\", { \n type: body.type,\n payloadSize: JSON.stringify(body).length \n });\n \n return c.json({ received: true });\n});\n\napp.onError((err, c) => {\n c.var.log.error(\"unhandled error\", { \n error: err.message,\n stack: err.stack \n });\n return c.json({ error: \"Internal Server Error\" }, 500);\n});\n\nexport default app.fetch;\n","createdAt",["D",1767670773970],"branchVersion","branchId","26956820-eab1-11f0-ac97-42dde27851f2","id","2695342c-eab1-11f0-ac97-42dde27851f2","axiom-logger",["D",1767670702588],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Axiom logging for Val Town","imageUrl","3ee322c5-8742-48e0-86c7-5f3ae129683b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","f427167a-3263-4778-81d8-f79626323ff5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_101":97},"org",{"_93":92,"_94":95,"_96":97,"_18":53,"_98":99,"_100":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"isOwned",46,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","kamalnrf","handle","displayName","Kamal","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaVpXT3l1d2hWSFdtWTNoZFIwZ0lFUUhOd2oifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":208,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":209,"_77":210,"_79":211,"_81":24},"tree",[183,184,185,186,187,188],"files",[183,184,185,186,187,188],"counts",{"_173":59,"_174":159,"_175":59,"_176":177,"_178":179},"contents",[125,126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_41":170,"_31":27,"_29":30,"_134":-5,"_39":40,"_38":14,"_136":24,"_36":171,"_13":59,"_32":33,"_34":35,"_23":24,"_140":-5,"_26":172},{"_41":163,"_31":164,"_29":165,"_134":-5,"_39":40,"_38":166,"_136":24,"_36":167,"_13":59,"_32":138,"_34":168,"_23":24,"_140":-5,"_26":169},{"_41":156,"_31":157,"_29":158,"_134":-5,"_39":40,"_38":159,"_136":120,"_36":160,"_13":59,"_32":138,"_34":161,"_23":24,"_140":-5,"_26":162},{"_41":149,"_31":150,"_29":151,"_134":-5,"_39":40,"_38":152,"_136":24,"_36":153,"_13":59,"_32":138,"_34":154,"_23":24,"_140":-5,"_26":155},{"_41":142,"_31":143,"_29":144,"_134":-5,"_39":40,"_38":145,"_136":24,"_36":146,"_13":59,"_32":138,"_34":147,"_23":24,"_140":-5,"_26":148},{"_41":131,"_31":132,"_29":133,"_134":-5,"_39":40,"_38":135,"_136":24,"_36":137,"_13":59,"_32":138,"_34":139,"_23":24,"_140":-5,"_26":141},"2c18af82-eab1-11f0-9395-42dde27851f2","types.ts","2c18b054-eab1-11f0-9395-42dde27851f2","parentId",1,"latest",["D",1767670711833],"script","export type LogLevel = \"debug\" | \"info\" | \"warn\" | \"error\";\n\nexport interface LogEvent {\n level: LogLevel;\n message: string;\n timestamp: string;\n [key: string]: unknown;\n}\n\nexport interface RequestLogContext {\n requestId: string;\n method: string;\n path: string;\n startTime: number;\n}\n\nexport interface LoggerConfig {\n /** Axiom dataset name. Defaults to AXIOM_DATASET env var */\n dataset?: string;\n /** Axiom API token. Defaults to AXIOM_TOKEN env var */\n token?: string;\n /** Minimum level to log to console. Default: 'error' */\n console?: LogLevel | \"none\";\n /** Default fields to include in every log */\n defaultFields?: Record;\n /** Called on Axiom ingest errors. Silent by default */\n onError?: (error: Error) => void;\n}\n\nexport interface Logger {\n debug(message: string, fields?: Record): void;\n info(message: string, fields?: Record): void;\n warn(message: string, fields?: Record): void;\n error(message: string, fields?: Record): void;\n flush(): Promise;\n}\n","label",[132],"4a1eeb54-eab1-11f0-aaf7-42dde27851f2","mod.ts","4a1eebea-eab1-11f0-aaf7-42dde27851f2",5,["D",1767670762209],"// Core logger\nexport { AxiomLogger, createLogger } from \"./logger.ts\";\n\n// Types\nexport type {\n LogLevel,\n LogEvent,\n LoggerConfig,\n Logger,\n RequestLogContext,\n} from \"./types.ts\";\n\n// Framework integrations available via direct imports:\n// - Hono: import { axiomMiddleware, getLogger, type AxiomEnv } from \"esm.town/v/kamalnrf/axiom-logger/hono\"\n// - H3: import { axiomMiddleware, getLogger, flushLogs } from \"esm.town/v/kamalnrf/axiom-logger/h3\"\n",[143],"34a883de-eab1-11f0-8383-42dde27851f2","logger.ts","34a884b0-eab1-11f0-8383-42dde27851f2",2,["D",1767670726199],"import { Axiom } from \"npm:@axiomhq/js@1.9.0\";\nimport type { LogLevel, LogEvent, LoggerConfig, Logger, RequestLogContext } from \"./types.ts\";\n\nconst LOG_LEVELS: Record = {\n debug: 0,\n info: 1,\n warn: 2,\n error: 3,\n};\n\nexport class AxiomLogger implements Logger {\n private axiom: Axiom;\n private dataset: string;\n private buffer: LogEvent[] = [];\n private consoleLevel: LogLevel | \"none\";\n private defaultFields: Record;\n private onError?: (error: Error) => void;\n private requestContext?: RequestLogContext;\n\n constructor(config: LoggerConfig = {}) {\n const token = config.token ?? Deno.env.get(\"AXIOM_TOKEN\");\n const dataset = config.dataset ?? Deno.env.get(\"AXIOM_DATASET\");\n\n if (!token) {\n throw new Error(\"Axiom token required: set AXIOM_TOKEN env var or pass token in config\");\n }\n if (!dataset) {\n throw new Error(\"Axiom dataset required: set AXIOM_DATASET env var or pass dataset in config\");\n }\n\n this.axiom = new Axiom({ token });\n this.dataset = dataset;\n this.consoleLevel = config.console ?? \"error\";\n this.defaultFields = config.defaultFields ?? {};\n this.onError = config.onError;\n }\n\n /** Attach request context (used by middleware) */\n setRequestContext(ctx: RequestLogContext): void {\n this.requestContext = ctx;\n }\n\n /** Get request context for finalizing logs */\n getRequestContext(): RequestLogContext | undefined {\n return this.requestContext;\n }\n\n private log(level: LogLevel, message: string, fields: Record = {}): void {\n const event: LogEvent = {\n level,\n message,\n timestamp: new Date().toISOString(),\n ...this.defaultFields,\n ...this.requestContext ? {\n requestId: this.requestContext.requestId,\n method: this.requestContext.method,\n path: this.requestContext.path,\n } : {},\n ...fields,\n };\n\n this.buffer.push(event);\n this.logToConsole(level, event);\n }\n\n private logToConsole(level: LogLevel, event: LogEvent): void {\n if (this.consoleLevel === \"none\") return;\n if (LOG_LEVELS[level] < LOG_LEVELS[this.consoleLevel]) return;\n\n const { message, ...rest } = event;\n const fn = level === \"error\" ? console.error : level === \"warn\" ? console.warn : console.log;\n fn(`[${level.toUpperCase()}] ${message}`, Object.keys(rest).length > 0 ? rest : \"\");\n }\n\n debug(message: string, fields?: Record): void {\n this.log(\"debug\", message, fields);\n }\n\n info(message: string, fields?: Record): void {\n this.log(\"info\", message, fields);\n }\n\n warn(message: string, fields?: Record): void {\n this.log(\"warn\", message, fields);\n }\n\n error(message: string, fields?: Record): void {\n this.log(\"error\", message, fields);\n }\n\n async flush(): Promise {\n if (this.buffer.length === 0) return;\n\n const events = [...this.buffer];\n this.buffer = [];\n\n try {\n this.axiom.ingest(this.dataset, events);\n await this.axiom.flush();\n } catch (err) {\n if (this.onError) {\n this.onError(err instanceof Error ? err : new Error(String(err)));\n }\n // Silent fail by default - don't break the app\n }\n }\n}\n\n/** Create a standalone logger instance (for scripts, crons, non-HTTP contexts) */\nexport function createLogger(config: LoggerConfig = {}): Logger {\n return new AxiomLogger(config);\n}\n",[150],"3ceeac44-eab1-11f0-b03f-42dde27851f2","hono.ts","3ceead3e-eab1-11f0-b03f-42dde27851f2",3,["D",1767670740081],"import type { Context, MiddlewareHandler, Env } from \"npm:hono@4\";\nimport { AxiomLogger } from \"./logger.ts\";\nimport type { LoggerConfig, Logger } from \"./types.ts\";\n\nconst LOG_KEY = \"log\";\n\n/** Hono environment type with logger variable */\nexport type AxiomEnv = {\n Variables: {\n log: Logger;\n };\n};\n\nexport interface AxiomMiddlewareConfig extends LoggerConfig {\n /** Generate custom request ID. Defaults to crypto.randomUUID() */\n generateRequestId?: () => string;\n}\n\nfunction generateRequestId(): string {\n return crypto.randomUUID();\n}\n\n/**\n * Hono middleware that provides request-scoped Axiom logging.\n * \n * Usage:\n * ```ts\n * import { Hono } from \"npm:hono\";\n * import { axiomMiddleware, type AxiomEnv } from \"esm.town/v/kamalnrf/axiom-logger/hono\";\n * \n * const app = new Hono();\n * app.use(axiomMiddleware());\n * \n * app.get(\"/\", (c) => {\n * c.var.log.info(\"handling request\", { custom: \"field\" });\n * return c.json({ ok: true });\n * });\n * ```\n */\nexport function axiomMiddleware(config: AxiomMiddlewareConfig = {}): MiddlewareHandler {\n const genRequestId = config.generateRequestId ?? generateRequestId;\n\n return async (c, next) => {\n const logger = new AxiomLogger(config);\n const requestId = genRequestId();\n const startTime = Date.now();\n\n logger.setRequestContext({\n requestId,\n method: c.req.method,\n path: new URL(c.req.url).pathname,\n startTime,\n });\n\n c.set(LOG_KEY, logger);\n\n // Log request start\n logger.info(\"request started\", {\n url: c.req.url,\n headers: Object.fromEntries(c.req.raw.headers),\n });\n\n let status = 200;\n let errorMessage: string | undefined;\n\n try {\n await next();\n status = c.res.status;\n } catch (err) {\n status = 500;\n errorMessage = err instanceof Error ? err.message : String(err);\n logger.error(\"request error\", { error: errorMessage });\n throw err;\n } finally {\n const duration = Date.now() - startTime;\n \n logger.info(\"request completed\", {\n status,\n duration,\n ...(errorMessage ? { error: errorMessage } : {}),\n });\n\n // Fire-and-forget flush - don't block response\n logger.flush().catch(() => {});\n }\n };\n}\n\n/**\n * Get logger from Hono context (typed escape hatch).\n * Prefer `c.var.log` with `Hono` for best ergonomics.\n */\nexport function getLogger(c: Context): Logger {\n const logger = c.get(LOG_KEY);\n if (!logger) {\n throw new Error(\"Logger not found. Did you forget to add axiomMiddleware()?\");\n }\n return logger as Logger;\n}\n",[157],"4642738e-eab1-11f0-af01-42dde27851f2","h3.ts","46427442-eab1-11f0-af01-42dde27851f2",4,["D",1767670755730],"import type { H3Event, EventHandler } from \"npm:h3@1\";\nimport { AxiomLogger } from \"./logger.ts\";\nimport type { LoggerConfig, Logger } from \"./types.ts\";\n\nconst LOG_KEY = \"log\";\n\nexport interface AxiomMiddlewareConfig extends LoggerConfig {\n /** Generate custom request ID. Defaults to crypto.randomUUID() */\n generateRequestId?: () => string;\n}\n\nfunction generateRequestId(): string {\n return crypto.randomUUID();\n}\n\n/**\n * H3 middleware that provides request-scoped Axiom logging.\n * \n * Usage:\n * ```ts\n * import { createApp, defineEventHandler } from \"npm:h3\";\n * import { axiomMiddleware, getLogger } from \"esm.town/v/kamalnrf/axiom-logger/h3\";\n * \n * const app = createApp();\n * app.use(axiomMiddleware());\n * \n * app.use(\"/\", defineEventHandler((event) => {\n * event.context.log.info(\"handling request\", { custom: \"field\" });\n * return { ok: true };\n * }));\n * ```\n */\nexport function axiomMiddleware(config: AxiomMiddlewareConfig = {}): EventHandler {\n const genRequestId = config.generateRequestId ?? generateRequestId;\n\n return async (event) => {\n const logger = new AxiomLogger(config);\n const requestId = genRequestId();\n const startTime = Date.now();\n const url = new URL(event.node.req.url ?? \"/\", `http://${event.node.req.headers.host ?? \"localhost\"}`);\n\n logger.setRequestContext({\n requestId,\n method: event.node.req.method ?? \"GET\",\n path: url.pathname,\n startTime,\n });\n\n // Attach to event context\n event.context[LOG_KEY] = logger;\n\n // Log request start\n logger.info(\"request started\", {\n url: url.href,\n headers: event.node.req.headers,\n });\n\n // H3 doesn't have native onResponse hook in middleware pattern\n // We'll flush on process exit or rely on user calling flush\n // For proper cleanup, users should use the onAfterResponse hook\n \n // Store cleanup function\n event.context._axiomCleanup = async (status: number, errorMessage?: string) => {\n const duration = Date.now() - startTime;\n \n logger.info(\"request completed\", {\n status,\n duration,\n ...(errorMessage ? { error: errorMessage } : {}),\n });\n\n await logger.flush().catch(() => {});\n };\n };\n}\n\n/**\n * Get logger from H3 event context.\n * Access via `event.context.log` or use this helper.\n */\nexport function getLogger(event: H3Event): Logger {\n const logger = event.context[LOG_KEY];\n if (!logger) {\n throw new Error(\"Logger not found. Did you forget to add axiomMiddleware()?\");\n }\n return logger as Logger;\n}\n\n/**\n * Call this at the end of your request handler to flush logs.\n * H3 doesn't have automatic response hooks like Hono.\n * \n * Usage:\n * ```ts\n * app.use(\"/\", defineEventHandler(async (event) => {\n * try {\n * event.context.log.info(\"doing work\");\n * return { ok: true };\n * } finally {\n * await flushLogs(event, 200);\n * }\n * }));\n * ```\n */\nexport async function flushLogs(event: H3Event, status: number, errorMessage?: string): Promise {\n const cleanup = event.context._axiomCleanup;\n if (typeof cleanup === \"function\") {\n await cleanup(status, errorMessage);\n }\n}\n\n// Type augmentation for H3 event context\ndeclare module \"npm:h3@1\" {\n interface H3EventContext {\n log: Logger;\n _axiomCleanup?: (status: number, errorMessage?: string) => Promise;\n }\n}\n",[164],"512192ee-eab1-11f0-b7d6-42dde27851f2",["D",1767670773970],[27],"pulls","branches","forks","envVars",{"_180":152,"_182":59},"connections",{"_180":59,"_181":59},"count","unfilledCount","emptyCount",{"_41":170,"_31":27,"_29":30,"_134":-5,"_39":40,"_38":14,"_136":24,"_36":205,"_13":59,"_32":33,"_34":35,"_23":24,"_140":-5,"_190":206,"_26":207},{"_41":163,"_31":164,"_29":165,"_134":-5,"_39":40,"_38":166,"_136":24,"_36":202,"_13":59,"_32":138,"_34":168,"_23":24,"_140":-5,"_190":203,"_26":204},{"_41":156,"_31":157,"_29":158,"_134":-5,"_39":40,"_38":159,"_136":120,"_36":199,"_13":59,"_32":138,"_34":161,"_23":24,"_140":-5,"_190":200,"_26":201},{"_41":149,"_31":150,"_29":151,"_134":-5,"_39":40,"_38":152,"_136":24,"_36":196,"_13":59,"_32":138,"_34":154,"_23":24,"_140":-5,"_190":197,"_26":198},{"_41":142,"_31":143,"_29":144,"_134":-5,"_39":40,"_38":145,"_136":24,"_36":193,"_13":59,"_32":138,"_34":147,"_23":24,"_140":-5,"_190":194,"_26":195},{"_41":131,"_31":132,"_29":133,"_134":-5,"_39":40,"_38":135,"_136":24,"_36":189,"_13":59,"_32":138,"_34":139,"_23":24,"_140":-5,"_190":191,"_26":192},["D",1767670711833],"children",[],[132],["D",1767670762209],[],[143],["D",1767670726199],[],[150],["D",1767670740081],[],[157],["D",1767670755730],[],[164],["D",1767670773970],[],[27],["D",1767670702588],{"_93":92,"_101":97},{"_93":92,"_94":95,"_96":97,"_18":53,"_98":99,"_100":24},{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"ctx",{"_75":-5,"_122":245,"_246":247,"_248":249,"_250":24,"_251":24,"_252":24,"_253":120,"_254":-5,"_255":-7,"_256":-7,"_257":59,"_258":24,"_259":24,"_260":-5,"_261":24,"_262":24,"_263":24,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":83,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"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 · v6