\n \n \n \n",[],[151,195],"01b9fc04-2785-490b-afd4-8d499986d29d","favicon.svg","019ead28-5fd5-7414-b06f-2be8e0a77b1f",["D",1781021564206],"\n",[],[151,204],"a4f613dc-ed56-4aeb-8bcb-28ad6a87e5bf","data.ts","17cb717c-641e-11f1-8f24-1607ee4eb77e",12,["D",1781022098070],"// TypeScript compiler diagnostics across four scenarios.\n// Source: `tsc --diagnostics` output provided by the user.\n\nexport type Scenario = \"before\" | \"after\" | \"afterOctokit\" | \"optimizedAgain\";\n\nexport const scenarioLabels: Record = {\n before: \"Before\",\n after: \"After optimization\",\n afterOctokit: \"After removing octokit\",\n optimizedAgain: \"After more optimization\",\n};\n\nexport const scenarioColors: Record = {\n before: \"#94a3b8\", // slate\n after: \"#3b82f6\", // blue\n afterOctokit: \"#10b981\", // emerald\n optimizedAgain: \"#8b5cf6\", // violet\n};\n\nexport const scenarioOrder: Scenario[] = [\n \"before\",\n \"after\",\n \"afterOctokit\",\n \"optimizedAgain\",\n];\n\nexport interface Metric {\n key: string;\n label: string;\n values: Record;\n unit?: string; // e.g. \"s\", \"K\"\n /** Lower is better → improvements shown in green. */\n lowerIsBetter?: boolean;\n}\n\nexport interface MetricGroup {\n title: string;\n description: string;\n metrics: Metric[];\n}\n\nexport const groups: MetricGroup[] = [\n {\n title: \"Timing\",\n description: \"Wall-clock time spent in each compiler phase (seconds).\",\n metrics: [\n m(\"totalTime\", \"Total time\", 24.50, 21.29, 21.14, 18.90, \"s\", true),\n m(\"checkTime\", \"Check time\", 17.53, 14.85, 15.87, 14.74, \"s\", true),\n m(\"programTime\", \"Program time\", 5.80, 5.54, 4.46, 3.30, \"s\", true),\n m(\"parseTime\", \"Parse time\", 2.61, 2.10, 1.49, 1.37, \"s\", true),\n m(\"bindTime\", \"Bind time\", 1.16, 0.89, 0.81, 0.86, \"s\", true),\n m(\"ioReadTime\", \"I/O Read time\", 1.70, 2.02, 1.82, 1.17, \"s\", true),\n m(\"resolveModuleTime\", \"ResolveModule time\", 1.00, 0.99, 0.80, 0.44, \"s\", true),\n ],\n },\n {\n title: \"Memory\",\n description: \"Peak memory used by the compiler (lower is better).\",\n metrics: [\n m(\"memory\", \"Memory used\", 2582158, 2684547, 3028775, 2605375, \"K\", true),\n ],\n },\n {\n title: \"Type system work\",\n description: \"Counts of types, symbols, and instantiations the checker processed.\",\n metrics: [\n m(\"types\", \"Types\", 792611, 792488, 792463, 792379, \"\", true),\n m(\"symbols\", \"Symbols\", 2727630, 2727426, 2650130, 2630848, \"\", true),\n m(\"identifiers\", \"Identifiers\", 1477296, 1477297, 1400262, 1373312, \"\", true),\n m(\"instantiations\", \"Instantiations\", 4580929, 4581919, 4580041, 4581792, \"\", true),\n ],\n },\n {\n title: \"Source size\",\n description: \"Files processed and lines of code by category.\",\n metrics: [\n m(\"files\", \"Files\", 8876, 8876, 8833, 8353, \"\", true),\n m(\"linesDefinitions\", \"Lines of Definitions\", 1198958, 1198958, 1056659, 1026970, \"\", true),\n m(\"linesTypeScript\", \"Lines of TypeScript\", 239068, 239076, 238890, 238908, \"\", true),\n m(\"linesLibrary\", \"Lines of Library\", 57917, 57917, 57917, 57917, \"\", true),\n ],\n },\n {\n title: \"Caches\",\n description: \"Sizes of the checker's internal caches.\",\n metrics: [\n m(\"assignabilityCache\", \"Assignability cache\", 349928, 349994, 349930, 349936, \"\"),\n m(\"identityCache\", \"Identity cache\", 29214, 29213, 29218, 29216, \"\"),\n m(\"subtypeCache\", \"Subtype cache\", 18909, 18910, 18961, 18953, \"\"),\n m(\"strictSubtypeCache\", \"Strict subtype cache\", 23058, 23041, 23137, 23137, \"\"),\n ],\n },\n];\n\nfunction m(\n key: string,\n label: string,\n before: number,\n after: number,\n afterOctokit: number,\n optimizedAgain: number,\n unit = \"\",\n lowerIsBetter = false,\n): Metric {\n return {\n key,\n label,\n unit,\n lowerIsBetter,\n values: { before, after, afterOctokit, optimizedAgain },\n };\n}\n",[],[151,211],"fcf7c90e-b9e7-4b2a-9c05-dddf9b155373","format.ts","1b637c4e-641e-11f1-8f24-1607ee4eb77e","019ead28-5fd5-7414-b06f-2695ebfe2d11",3,["D",1781021589640],"export function formatValue(n: number, unit = \"\"): string {\n if (unit === \"s\") return `${n.toFixed(2)}s`;\n if (unit === \"K\") {\n // Values are already in K (thousands). Show as GB-ish for readability.\n return `${(n / 1000).toLocaleString(undefined, { maximumFractionDigits: 0 })} MB`;\n }\n return n.toLocaleString();\n}\n\nexport function formatPct(delta: number): string {\n const sign = delta > 0 ? \"+\" : \"\";\n return `${sign}${delta.toFixed(1)}%`;\n}\n\n/** Percent change from `from` to `to`. */\nexport function pctChange(from: number, to: number): number {\n if (from === 0) return 0;\n return ((to - from) / from) * 100;\n}\n",[],[151,227,219],"components","afdd4793-aa56-49c6-9018-257eacf767e8","Headline.tsx","2688d9ac-641e-11f1-830c-1607ee4eb77e",13,["D",1781022110478],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { groups, scenarioOrder } from \"../data.ts\";\nimport { formatPct, formatValue, pctChange } from \"./format.ts\";\n\nconst headlineKeys = [\"totalTime\", \"checkTime\", \"memory\", \"linesDefinitions\"];\n\n// Compare the first scenario against the most recent one.\nconst firstScenario = scenarioOrder[0];\nconst latestScenario = scenarioOrder[scenarioOrder.length - 1];\n\n/** Top-row cards: before → latest deltas for the marquee metrics. */\nexport function Headline() {\n const all = groups.flatMap((g) => g.metrics);\n const cards = headlineKeys\n .map((k) => all.find((m) => m.key === k))\n .filter((m): m is NonNullable => Boolean(m));\n\n return (\n

\n {cards.map((m) => {\n const from = m.values[firstScenario];\n const to = m.values[latestScenario];\n const delta = pctChange(from, to);\n const improved = m.lowerIsBetter ? delta < 0 : delta > 0;\n const neutral = Math.abs(delta) < 0.05;\n return (\n

{m.label}

\n {formatValue(to, m.unit ?? \"\")}\n

\n \n {neutral ? \"no change\" : `${formatPct(delta)} vs before`}\n

\n );\n })}\n \n );\n}\n",[],[151,227,229],"db14849d-f84b-4dcf-b174-9f8771781165","GroupSection.tsx","296a617c-641e-11f1-b57c-1607ee4eb77e",6,["D",1781021613172],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type MetricGroup } from \"../data.ts\";\nimport { BarChart } from \"./BarChart.tsx\";\n\nexport function GroupSection({ group }: { group: MetricGroup }) {\n return (\n

{group.title}

{group.description}

\n {group.metrics.map((metric) => (\n \n ))}\n

\n );\n}\n",[],[151,227,237],"6edb5617-b98d-40f1-83ec-acce5cab9e42","BarChart.tsx","2136bf96-641e-11f1-8f24-1607ee4eb77e",4,["D",1781021599405],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n type Metric,\n type Scenario,\n scenarioColors,\n scenarioLabels,\n scenarioOrder,\n} from \"../data.ts\";\nimport { formatValue } from \"./format.ts\";\n\n/**\n * A horizontal grouped bar chart for a single metric: one bar per scenario,\n * each scaled to the max value across the three scenarios. Pure SVG/HTML so\n * there are no chart-library dependencies.\n */\nexport function BarChart({ metric }: { metric: Metric }) {\n const max = Math.max(...scenarioOrder.map((s) => metric.values[s]));\n\n return (\n

{metric.label}

\n {scenarioOrder.map((s) => (\n \n ))}\n

\n );\n}\n\nfunction Bar({\n scenario,\n value,\n max,\n unit,\n}: {\n scenario: Scenario;\n value: number;\n max: number;\n unit: string;\n}) {\n const widthPct = max === 0 ? 0 : (value / max) * 100;\n return (\n

\n {scenarioLabels[scenario]}\n

\n \n

\n {formatValue(value, unit)}\n

\n );\n}\n",[],[151,227,245],"cbab8877-0d9e-472c-a6ef-0d40e44298e2","App.tsx","019ead28-5fd3-7123-b0be-660889c4f344",["D",1781022114785],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { groups, scenarioColors, scenarioLabels, scenarioOrder } from \"../data.ts\";\nimport { Headline } from \"./Headline.tsx\";\nimport { GroupSection } from \"./GroupSection.tsx\";\n\nexport function App() {\n return (\n

TypeScript Diagnostics

\n Compiler stats across four checkpoints: before optimization, after\n optimization, after removing octokit, and after a further round of\n optimization.\n

\n \n

\n\n \n\n

\n {groups.map((group) => )}\n

\n\n \n

\n );\n}\n\nfunction Legend() {\n return (\n

\n {scenarioOrder.map((s) => (\n

\n \n {scenarioLabels[s]}\n

\n ))}\n

\n );\n}\n",[],[151,227,253],"198e253d-534d-4c53-88a9-d1007d9f71e2",["D",1781021564206],[168,169,170,171,172],[151,227],["D",1781021564206],[167,173,174,175,176],[151],["D",1781021564206],{"_16":17,"_88":84},{"_16":17,"_82":-5,"_83":84,"_34":35,"_85":86,"_87":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":72,"_73":74,"_75":28,"_76":77,"_78":79,"_80":21,"_81":17},"ctx",{"_59":-5,"_111":303,"_304":305,"_306":307,"_308":26,"_309":26,"_310":26,"_311":39,"_312":-5,"_313":-7,"_314":-7,"_315":43,"_316":26,"_317":26,"_318":-5,"_319":26,"_320":26,"_321":26,"_322":-5},"ENV",{"_274":275,"_276":277,"_278":68,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302},"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"]

Search