[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_164":-5,"_167":168,"_169":170},"routes/shell",{"_41":42,"_163":-5,"_164":-5,"_165":166},"routes/repo",{"_34":-7,"_35":36,"_37":38,"_39":40,"_41":42,"_43":32,"_44":32,"_45":32,"_46":32,"_47":32,"_48":32,"_49":50,"_51":52,"_53":32,"_54":-7,"_55":-7,"_56":57,"_58":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5,"_26":27,"_28":29,"_29":30,"_31":32,"_33":14},"ref","main","path","tests/oracle/embedded.ts","oid","792662e4dabf4aede8208935ea3d4de754ea8662","size",8604,"commit","12e96b5435e408a25422fcfd87d6fa5474b6e53a","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","// Formats HTML, Vue and Markdown files with Prettier, embedded code included, and with tidy twice: with a hook that\n// formats the JavaScript and TypeScript with Prettier, as a host of the Node binding can, and without one, where tidy\n// formats them itself. Every other embedded language is tidy's both times. Counts the files that match Prettier each\n// way, and shows the ones that only match through the hook.\n//\n// bun tests/oracle/embedded.ts [dir...] [--show=n] [--list=file]\n//\n// Without folders, it reads the HTML and Vue files of the bench corpora (see bench/run.ts), and the Markdown files of\n// target/corpus/markdown that have a JavaScript or TypeScript code block.\nimport { $ } from \"bun\";\nimport { readdirSync, statSync } from \"node:fs\";\nimport { homedir } from \"node:os\";\nimport { extname, join } from \"node:path\";\nimport * as prettier from \"prettier\";\nimport { format, type EmbedRequest } from \"../../crates/tidy_napi/index.js\";\n\nlet args = Bun.argv.slice(2).filter((arg) => !arg.startsWith(\"--\"));\nlet option = (name: string) =>\n Bun.argv.find((arg) => arg.startsWith(`--${name}=`))?.slice(name.length + 3);\nlet show = Number(option(\"show\") ?? 3);\nlet list = option(\"list\");\nlet root = new URL(\"../..\", import.meta.url).pathname;\nlet markup = /\\.(html|vue|md)$/;\nlet script =\n /^\\s*(`{3,}|~{3,})\\s*(js|jsx|ts|tsx|javascript|typescript|mjs|cjs|mts|cts)\\b/m;\n\nasync function corpus(): Promise {\n let oss = join(homedir(), \"repos/oss\");\n let sources = [\n ...[\"vite\", \"storybook\"].map((repo) => [repo, \"*.html\"]),\n ...[\"vite\", \"storybook\", \"npmx.dev\"].map((repo) => [repo, \"*.vue\"]),\n ];\n let paths: string[] = [];\n for (let [repo, pattern] of sources) {\n let listed = await $`git -C ${join(oss, repo)} ls-files -z -- ${pattern}`\n .nothrow()\n .text();\n for (let file of listed.split(\"\\0\").filter(Boolean)) {\n if (/node_modules|\\/dist\\/|\\/build\\/|(^|\\/)\\./.test(file)) continue;\n paths.push(join(oss, repo, file));\n }\n }\n return [...paths, ...files(join(root, \"target/corpus/markdown\"))];\n}\n\nfunction files(path: string): string[] {\n try {\n if (statSync(path).isFile()) return markup.test(path) ? [path] : [];\n return readdirSync(path).flatMap((name) =>\n name === \"node_modules\" ? [] : files(join(path, name)),\n );\n } catch {\n return [];\n }\n}\n\nlet javascript = /^(babel|typescript|babel-ts|__(js|ts|vue|vue_ts)_[a-z_]+)$/;\n\n/** How many parameters the function in `code` has. */\nasync function parameters(code: string, parser: string) {\n let { ast } = await prettier.__debug.parse(code, { parser });\n return (ast as { program: { body: { params: unknown[] }[] } }).program.body[0]\n .params.length;\n}\n\n/** What Prettier prints for `request`, inside its indents. */\nasync function prettierHook(\n request: EmbedRequest,\n): Promise {\n let tab = \" \";\n let indent = (text: string) =>\n text\n .split(\"\\n\")\n .map((line, index) =>\n index === 0 || line === \"\" ? line : tab.repeat(request.indent) + line,\n )\n .join(\"\\n\");\n try {\n // Prettier's HTML printer passes options for these that no caller can, so the declaration is formatted.\n let binding = /^__vue(_ts)?_(bindings|for_left|generic)$/.exec(\n request.language,\n );\n if (binding) {\n let generic = binding[2] === \"generic\";\n let [code, start, end] = generic\n ? [`type T<${request.code}> = any`, \"type T<\", \"> = any;\"]\n : [`function _(${request.code}) {}`, \"function _(\", \") {}\"];\n let parser = binding[1] || generic ? \"babel-ts\" : \"babel\";\n let formatted = (\n await prettier.format(code, { parser, printWidth: 2 ** 31 - 1 })\n ).trim();\n if (!formatted.startsWith(start) || !formatted.endsWith(end))\n return undefined;\n let inner = formatted.slice(start.length, -end.length);\n let many =\n binding[2] === \"for_left\" && (await parameters(code, parser)) !== 1;\n return indent(many ? `(${inner})` : inner);\n }\n let settings = {\n parser: request.language,\n printWidth: request.width,\n tabWidth: 2,\n useTabs: false,\n ...(request.kind === \"attribute\" ? { singleQuote: true } : {}),\n ...(request.module ? {} : { filepath: \"script.cjs\" }),\n };\n let { builders, printer } = prettier.doc;\n let code = await prettier.__debug.printToDoc(request.code, settings);\n // The text around the code on its lines, as spaces that the trimming below removes.\n let doc: prettier.Doc = [\n builders.hardline,\n \" \".repeat(request.prefix),\n code,\n \" \".repeat(request.suffix),\n ];\n for (let level = 0; level < request.indent; level++)\n doc = builders.indent(doc);\n let formatted = printer.printDocToString(\n doc,\n settings as prettier.doc.printer.Options,\n ).formatted;\n formatted = formatted.replace(/^\\n[\\t ]*/, \"\").replace(/\\s+$/, \"\");\n // `__isHtmlInlineEventHandler`: no semicolon after a single expression statement.\n if (request.kind === \"attribute\" && request.language === \"babel\") {\n let { ast } = await prettier.__debug.parse(request.code, {\n parser: \"babel\",\n });\n let program = (\n ast as { program: { body: { type: string }[]; directives: unknown[] } }\n ).program;\n let single =\n program.body.length === 1 &&\n program.body[0].type === \"ExpressionStatement\";\n if (single && program.directives.length === 0)\n formatted = formatted.replace(/;$/, \"\");\n }\n return formatted;\n } catch {\n return undefined;\n }\n}\n\n/**\n * Tidy's output with the hook, which some requests only make after an earlier\n * answer.\n */\nasync function withHook(text: string, filepath: string) {\n let answers = new Map();\n let output = \"\";\n for (let round = 0; round < 8; round++) {\n let missing = new Map();\n output = format(text, { filepath }, (request) => {\n if (!javascript.test(request.language)) return undefined;\n let id = JSON.stringify(request);\n if (!answers.has(id)) missing.set(id, request);\n return answers.get(id);\n });\n if (missing.size === 0) break;\n for (let [id, request] of missing)\n answers.set(id, await prettierHook(request));\n }\n return output;\n}\n\nlet attempt = async (run: () => string | Promise) => {\n try {\n return await run();\n } catch {\n return undefined;\n }\n};\n\n/**\n * What Prettier formats `output`, its own, to when formatted again until it\n * stays the same, if it does.\n */\nasync function fixedPoint(output: string, filepath: string) {\n for (let round = 0; round < 5; round++) {\n let again = await attempt(() => prettier.format(output, { filepath }));\n if (again === undefined || again === output) return again;\n output = again;\n }\n return undefined;\n}\n\nlet paths = args.length ? args.flatMap(files) : await corpus();\nlet counts: Record =\n {};\nlet onlyHook: string[] = [];\nlet shown = 0;\nfor (let path of paths) {\n let text = await Bun.file(path).text();\n if (path.endsWith(\".md\") && !script.test(text)) continue;\n let expected = await attempt(() => prettier.format(text, { filepath: path }));\n if (expected === undefined) continue;\n let hooked = await attempt(() => withHook(text, path));\n // Prettier runs without prettier-plugin-jsdoc.\n let builtin = await attempt(() =>\n format(text, { filepath: path, js: { jsdoc: false } }),\n );\n let count = (counts[extname(path)] ??= { files: 0, hook: 0, builtin: 0 });\n count.files++;\n if (hooked === expected) count.hook++;\n // Where Prettier's output changes when formatted again, tidy prints Prettier's fixed point.\n let matches =\n builtin === expected ||\n (builtin !== undefined && builtin === (await fixedPoint(expected, path)));\n if (matches) count.builtin++;\n if (matches || hooked !== expected) continue;\n onlyHook.push(path);\n if (shown++ >= show) continue;\n console.log(`\\n✗ ${path}`);\n await Bun.write(\"/tmp/tidy-expected\", expected);\n await Bun.write(\"/tmp/tidy-actual\", builtin ?? \"!error\");\n console.log(\n (await $`diff -u /tmp/tidy-expected /tmp/tidy-actual`.nothrow().text())\n .split(\"\\n\")\n .slice(2)\n .join(\"\\n\"),\n );\n}\nif (list) await Bun.write(list, `${onlyHook.join(\"\\n\")}\\n`);\nconsole.log();\nfor (let [extension, { files, hook, builtin }] of Object.entries(counts)) {\n console.log(\n `${extension}: ${files} files, ${hook} match Prettier through the hook, ${builtin} without it`,\n );\n}\nconsole.log(`${onlyHook.length} only match through the hook`);\n","editable",false,"branch","documentNavigation","repo","lukeed/tidy","repoId","b2cac5cc-818f-4958-803a-7d401ccd9a90","ownerId","user:5855893","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers",1,"watching","pinned","notify","views",[119,120,121,122,123,124,125,126,127,128,129,130,131],"navigation",{"_56":57,"_78":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89},"sources",[],"viewer","meta",{"_71":72,"_73":74,"_75":72,"_43":32,"_76":14,"_77":32,"_49":50,"_51":52},"branches",[14],"tags",[],"cloneUrl","https://git.nexthub.sh/lukeed/tidy.git","description","","owner","lukeed","section","head","empty","pins",[101,102,103],"documents",{"_98":99,"_100":50},"code",{"_95":96,"_97":50},"automations",{"_92":93,"_94":-5},"delivery",{"_90":50,"_91":-5},"tag","W1_y18R9FUcyveBRlHeRXdVTtjo","releases","applications","workflows",2,"deployments","commits",350,"changes","counts",{},"total",{"_104":97,"_106":117,"_15":97,"_108":118,"_54":110,"_111":32,"_112":110,"_113":50},{"_104":114,"_106":115,"_15":114,"_108":116,"_54":110,"_111":32,"_112":110,"_113":50},{"_104":105,"_106":107,"_15":105,"_108":109,"_54":110,"_111":32,"_112":110,"_113":50},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_104":97,"_106":117,"_15":97,"_108":162,"_54":110,"_111":32,"_112":110},{"_104":114,"_106":115,"_15":114,"_108":161,"_54":110,"_111":32,"_112":110},{"_104":105,"_106":107,"_15":105,"_108":160,"_54":110,"_111":32,"_112":110},{"_104":157,"_106":158,"_15":157,"_108":159,"_54":32,"_111":32,"_112":110},{"_104":154,"_106":155,"_15":154,"_108":156,"_54":32,"_111":32,"_112":110},{"_104":92,"_106":152,"_15":84,"_108":153,"_54":32,"_111":32,"_112":110},{"_104":94,"_106":149,"_15":150,"_108":151,"_54":32,"_111":32,"_112":110},{"_104":90,"_106":147,"_15":90,"_108":148,"_54":32,"_111":32,"_112":110},{"_104":143,"_106":144,"_15":145,"_108":146,"_54":32,"_111":32,"_112":110},{"_104":80,"_106":141,"_15":80,"_108":142,"_54":32,"_111":32,"_112":32},{"_104":138,"_106":139,"_15":138,"_108":140,"_54":32,"_111":32,"_112":32},{"_104":135,"_106":136,"_15":135,"_108":137,"_54":32,"_111":32,"_112":32},{"_104":132,"_106":133,"_15":132,"_108":134,"_54":32,"_111":32,"_112":32},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794435289563,"sidebar","expanded"]