[{"_1":2,"_177":-5,"_178":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":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","isTeamOrgMember","ENV",{"_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":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","8a08d4a46a197c541e82d5fac862bafdcf40c111","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",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":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",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_151":152,"_174":175,"_176":-5},"handle","drewmcdonald","name","flipdot","path","backend/rendering/font.ts","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":111,"_112":-5,"_12":113,"_114":115,"_116":117,"_118":117,"_119":-5,"_120":32,"_14":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":131,"_134":135,"_137":138,"_150":20},"id","c3bdecb0-ba4d-11f0-aa28-0224a6c84d84","createdAt",["D",1762350360767],"deletedAt","legacyEnvVars","privacy","public","description","server for flipdot display content","imageUrl","b8db9d60-1994-11f0-a97f-49be2029e0a3","pinnedFileId","036ffad0-bcd1-11f0-a8c9-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","5affebf8-2371-44b9-a6da-146d4a0e1f13","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_132":133},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydmtBUlRqVEEwb1lKTWo3UHNHN25IZlo0UFYifQ","org",{"_94":95,"_136":133,"_12":113},"avatar","branch",{"_139":140,"_96":44,"_102":141,"_142":103,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},"version",112,"c3be6604-ba4d-11f0-aa28-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":153,"_96":154,"_155":156,"_157":158,"_159":141,"_160":161,"_162":117,"_104":163,"_139":164,"_165":166,"_167":168,"_169":20,"_170":-5,"_98":171},"91e913c0-bfd1-11f0-8e9e-42dde27851f2","font.ts","fileId","ccbfded8-bcd0-11f0-9d29-42dde27851f2","parentId","cc69d0b0-bcd0-11f0-a582-42dde27851f2","branchId","branchVersion",89,"latest",["D",1762956726500],1,"fileType","script","content","/**\n * Simple 5×7 bitmap font for FlipDot display\n * All glyphs are pre-padded to 7 pixels height with baseline alignment\n * Character width: 5 pixels, height: 7 pixels\n * 1 pixel spacing between characters\n */\n\nexport const FONT_NAME = \"simple5x7\";\nexport const CHAR_WIDTH = 5;\nexport const CHAR_HEIGHT = 7;\nexport const CHAR_SPACING = 1;\n\n/**\n * Baseline alignment constants\n * BASELINE_OFFSET: Distance from top of font to baseline (pixels)\n * For this 7-pixel font, baseline is at the bottom (row 7)\n */\nexport const BASELINE_OFFSET = 7;\n\n/**\n * DISPLAY_BASELINE: Standard baseline position on 14-pixel display\n * Set at pixel 11 from top, leaving 3 pixels below for descenders\n */\nexport const DISPLAY_BASELINE = 11;\n\n/**\n * Bitmap font data: each character is 7 rows × 5 columns\n * 1 = pixel on, 0 = pixel off\n * Organized as array of rows (top to bottom)\n */\ntype CharBitmap = number[][];\n\nconst FONT_DATA: Record = {\n // Digits\n \"0\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 1, 1],\n [1, 0, 1, 0, 1],\n [1, 1, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"1\": [\n [0, 0, 1, 0, 0],\n [0, 1, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 1, 1, 1, 0],\n ],\n \"2\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [0, 0, 0, 0, 1],\n [0, 0, 0, 1, 0],\n [0, 0, 1, 0, 0],\n [0, 1, 0, 0, 0],\n [1, 1, 1, 1, 1],\n ],\n \"3\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [0, 0, 0, 0, 1],\n [0, 0, 1, 1, 0],\n [0, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"4\": [\n [0, 0, 0, 1, 0],\n [0, 0, 1, 1, 0],\n [0, 1, 0, 1, 0],\n [1, 0, 0, 1, 0],\n [1, 1, 1, 1, 1],\n [0, 0, 0, 1, 0],\n [0, 0, 0, 1, 0],\n ],\n \"5\": [\n [1, 1, 1, 1, 1],\n [1, 0, 0, 0, 0],\n [1, 1, 1, 1, 0],\n [0, 0, 0, 0, 1],\n [0, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"6\": [\n [0, 0, 1, 1, 0],\n [0, 1, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"7\": [\n [1, 1, 1, 1, 1],\n [0, 0, 0, 0, 1],\n [0, 0, 0, 1, 0],\n [0, 0, 1, 0, 0],\n [0, 1, 0, 0, 0],\n [0, 1, 0, 0, 0],\n [0, 1, 0, 0, 0],\n ],\n \"8\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"9\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 1],\n [0, 0, 0, 0, 1],\n [0, 0, 0, 1, 0],\n [0, 1, 1, 0, 0],\n ],\n\n // Punctuation\n \":\": [\n [0, 0, 0, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 0, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 0, 0, 0],\n ],\n \" \": [\n [0, 0, 0, 0, 0],\n [0, 0, 0, 0, 0],\n [0, 0, 0, 0, 0],\n [0, 0, 0, 0, 0],\n [0, 0, 0, 0, 0],\n [0, 0, 0, 0, 0],\n [0, 0, 0, 0, 0],\n ],\n\n // Letters (uppercase)\n \"A\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 1, 1, 1, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n ],\n \"B\": [\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 1, 1, 1, 0],\n ],\n \"C\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"D\": [\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 1, 1, 1, 0],\n ],\n \"E\": [\n [1, 1, 1, 1, 1],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 1, 1, 1, 1],\n ],\n \"F\": [\n [1, 1, 1, 1, 1],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n ],\n \"G\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 0],\n [1, 0, 1, 1, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"H\": [\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 1, 1, 1, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n ],\n \"I\": [\n [0, 1, 1, 1, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 1, 1, 1, 0],\n ],\n \"J\": [\n [0, 0, 1, 1, 1],\n [0, 0, 0, 1, 0],\n [0, 0, 0, 1, 0],\n [0, 0, 0, 1, 0],\n [1, 0, 0, 1, 0],\n [1, 0, 0, 1, 0],\n [0, 1, 1, 0, 0],\n ],\n \"K\": [\n [1, 0, 0, 0, 1],\n [1, 0, 0, 1, 0],\n [1, 0, 1, 0, 0],\n [1, 1, 0, 0, 0],\n [1, 0, 1, 0, 0],\n [1, 0, 0, 1, 0],\n [1, 0, 0, 0, 1],\n ],\n \"L\": [\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 1, 1, 1, 1],\n ],\n \"M\": [\n [1, 0, 0, 0, 1],\n [1, 1, 0, 1, 1],\n [1, 0, 1, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n ],\n \"N\": [\n [1, 0, 0, 0, 1],\n [1, 1, 0, 0, 1],\n [1, 0, 1, 0, 1],\n [1, 0, 1, 0, 1],\n [1, 0, 0, 1, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n ],\n \"O\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"P\": [\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 0, 0, 0, 0],\n ],\n \"Q\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 1, 0, 1],\n [1, 0, 0, 1, 0],\n [0, 1, 1, 0, 1],\n ],\n \"R\": [\n [1, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 1, 1, 1, 0],\n [1, 0, 1, 0, 0],\n [1, 0, 0, 1, 0],\n [1, 0, 0, 0, 1],\n ],\n \"S\": [\n [0, 1, 1, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 0],\n [0, 1, 1, 1, 0],\n [0, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"T\": [\n [1, 1, 1, 1, 1],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n ],\n \"U\": [\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 1, 1, 0],\n ],\n \"V\": [\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 0, 1, 0],\n [0, 0, 1, 0, 0],\n ],\n \"W\": [\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [1, 0, 1, 0, 1],\n [1, 0, 1, 0, 1],\n [1, 0, 1, 0, 1],\n [0, 1, 0, 1, 0],\n ],\n \"X\": [\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 0, 1, 0],\n [0, 0, 1, 0, 0],\n [0, 1, 0, 1, 0],\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n ],\n \"Y\": [\n [1, 0, 0, 0, 1],\n [1, 0, 0, 0, 1],\n [0, 1, 0, 1, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n [0, 0, 1, 0, 0],\n ],\n \"Z\": [\n [1, 1, 1, 1, 1],\n [0, 0, 0, 0, 1],\n [0, 0, 0, 1, 0],\n [0, 0, 1, 0, 0],\n [0, 1, 0, 0, 0],\n [1, 0, 0, 0, 0],\n [1, 1, 1, 1, 1],\n ],\n};\n\n/**\n * Get font name for cache keys\n */\nexport function getFontName(): string {\n return FONT_NAME;\n}\n\n/**\n * Get bitmap for a single character\n * Returns placeholder for unsupported characters\n */\nexport function renderChar(char: string): CharBitmap {\n const upperChar = char.toUpperCase();\n if (upperChar in FONT_DATA) {\n return FONT_DATA[upperChar];\n }\n // Return space for unknown characters\n return FONT_DATA[\" \"];\n}\n\n/**\n * Measure text width in pixels (including spacing)\n */\nexport function measureText(text: string): number {\n if (text.length === 0) return 0;\n return text.length * (CHAR_WIDTH + CHAR_SPACING) - CHAR_SPACING;\n}\n\n/**\n * Render text at a specific X offset (for scrolling)\n * All glyphs are pre-padded to CHAR_HEIGHT with baseline alignment.\n * This function positions the font block on the display.\n * Returns a flat bit array for the display.\n */\nexport function renderTextAtOffset(\n text: string,\n displayWidth: number,\n displayHeight: number,\n xOffset: number,\n): number[] {\n // Calculate y-offset to align font baseline to display baseline\n const yOffset = DISPLAY_BASELINE - BASELINE_OFFSET;\n\n // Initialize empty display buffer\n const bits = new Array(displayWidth * displayHeight).fill(0);\n\n // Render each character\n let cursorX = xOffset;\n for (let i = 0; i < text.length; i++) {\n const charBitmap = renderChar(text[i]);\n\n // Draw character to buffer\n for (let row = 0; row < CHAR_HEIGHT; row++) {\n for (let col = 0; col < CHAR_WIDTH; col++) {\n const x = cursorX + col;\n const y = yOffset + row;\n\n // Bounds check\n if (x >= 0 && x < displayWidth && y >= 0 && y < displayHeight) {\n const bitIndex = y * displayWidth + x;\n bits[bitIndex] = charBitmap[row][col];\n }\n }\n }\n\n cursorX += CHAR_WIDTH + CHAR_SPACING;\n }\n\n return bits;\n}\n\n/**\n * Generate scrolling animation frames for text\n * Text scrolls from right to left across the display\n *\n * @param text Text to scroll\n * @param displayWidth Display width in pixels\n * @param displayHeight Display height in pixels\n * @param frameDelayMs Delay between frames in milliseconds\n * @returns Array of bit arrays, one per frame\n */\nexport function renderScrollingText(\n text: string,\n displayWidth: number,\n displayHeight: number,\n frameDelayMs: number = 100,\n): Array<{ bits: number[]; duration_ms: number }> {\n const textWidth = measureText(text);\n const frames: Array<{ bits: number[]; duration_ms: number }> = [];\n\n // Start position: text completely off-screen to the right\n // End position: text completely off-screen to the left\n const startX = displayWidth;\n const endX = -textWidth;\n\n // Generate frames scrolling from right to left, one pixel at a time\n for (let x = startX; x >= endX; x--) {\n const bits = renderTextAtOffset(text, displayWidth, displayHeight, x);\n frames.push({\n bits,\n duration_ms: frameDelayMs,\n });\n }\n\n return frames;\n}\n\n/**\n * Render text to a flat bit array (28×14 pixels = 392 bits)\n * All glyphs are pre-padded to CHAR_HEIGHT with baseline alignment.\n * Text is centered horizontally, baseline-aligned vertically.\n */\nexport function renderText(\n text: string,\n displayWidth: number,\n displayHeight: number,\n): number[] {\n const textWidth = measureText(text);\n\n // Calculate horizontal centering offset\n const xOffset = Math.floor((displayWidth - textWidth) / 2);\n // Calculate y-offset to align font baseline to display baseline\n const yOffset = DISPLAY_BASELINE - BASELINE_OFFSET;\n\n // Initialize empty display buffer\n const bits = new Array(displayWidth * displayHeight).fill(0);\n\n // Render each character\n let cursorX = xOffset;\n for (let i = 0; i < text.length; i++) {\n const charBitmap = renderChar(text[i]);\n\n // Draw character to buffer\n for (let row = 0; row < CHAR_HEIGHT; row++) {\n for (let col = 0; col < CHAR_WIDTH; col++) {\n const x = cursorX + col;\n const y = yOffset + row;\n\n // Bounds check\n if (x >= 0 && x < displayWidth && y >= 0 && y < displayHeight) {\n const bitIndex = y * displayWidth + x;\n bits[bitIndex] = charBitmap[row][col];\n }\n }\n }\n\n cursorX += CHAR_WIDTH + CHAR_SPACING;\n }\n\n return bits;\n}\n","deleted","label",[172,173,154],"backend","rendering","permalink","https://www.val.town/x/drewmcdonald/flipdot/code/backend/rendering/font.ts","extension","actionData","errors"]