[{"data":1,"prerenderedAt":540},["ShallowReactive",2],{"content-ja-\u002Fapi\u002Frender-client":3},{"id":4,"title":5,"body":6,"description":532,"extension":533,"meta":534,"navigation":535,"path":536,"seo":537,"stem":538,"__hash__":539},"content_ja\u002Fapi\u002Frender-client.md","renderClient",{"type":7,"value":8,"toc":520},"minimark",[9,13,25,54,58,153,166,169,175,185,190,193,198,300,304,322,457,461,478,481,500,503,516],[10,11,5],"h1",{"id":12},"renderclient",[14,15,16,17,24],"p",{},"ブラウザ（CSR）向けのレンダリング API です。",[18,19,20],"strong",{},[21,22,23],"code",{},"@b4moss\u002Fhyogen-md\u002Fclient"," から import します。",[26,27,32],"pre",{"className":28,"code":29,"language":30,"meta":31,"style":31},"language-ts shiki shiki-themes github-light github-dark","import { renderClient } from '@b4moss\u002Fhyogen-md\u002Fclient'\n","ts","",[21,33,34],{"__ignoreMap":31},[35,36,39,43,47,50],"span",{"class":37,"line":38},"line",1,[35,40,42],{"class":41},"szBVR","import",[35,44,46],{"class":45},"sVt8B"," { renderClient } ",[35,48,49],{"class":41},"from",[35,51,53],{"class":52},"sZZnC"," '@b4moss\u002Fhyogen-md\u002Fclient'\n",[55,56,57],"h2",{"id":57},"シグネチャ",[26,59,61],{"className":28,"code":60,"language":30,"meta":31,"style":31},"function renderClient(\n  source: string | { path: string },\n  context?: HyogenContext,\n  options?: RenderOptions,\n): Promise\u003CRenderResult>\n",[21,62,63,75,105,120,133],{"__ignoreMap":31},[35,64,65,68,72],{"class":37,"line":38},[35,66,67],{"class":41},"function",[35,69,71],{"class":70},"sScJk"," renderClient",[35,73,74],{"class":45},"(\n",[35,76,78,82,85,89,92,95,98,100,102],{"class":37,"line":77},2,[35,79,81],{"class":80},"s4XuR","  source",[35,83,84],{"class":41},":",[35,86,88],{"class":87},"sj4cs"," string",[35,90,91],{"class":41}," |",[35,93,94],{"class":45}," { ",[35,96,97],{"class":80},"path",[35,99,84],{"class":41},[35,101,88],{"class":87},[35,103,104],{"class":45}," },\n",[35,106,108,111,114,117],{"class":37,"line":107},3,[35,109,110],{"class":80},"  context",[35,112,113],{"class":41},"?:",[35,115,116],{"class":70}," HyogenContext",[35,118,119],{"class":45},",\n",[35,121,123,126,128,131],{"class":37,"line":122},4,[35,124,125],{"class":80},"  options",[35,127,113],{"class":41},[35,129,130],{"class":70}," RenderOptions",[35,132,119],{"class":45},[35,134,136,139,141,144,147,150],{"class":37,"line":135},5,[35,137,138],{"class":45},")",[35,140,84],{"class":41},[35,142,143],{"class":70}," Promise",[35,145,146],{"class":45},"\u003C",[35,148,149],{"class":70},"RenderResult",[35,151,152],{"class":45},">\n",[14,154,155,158,159,165],{},[21,156,157],{},"renderServer"," と同型ですが、",[18,160,161,164],{},[21,162,163],{},"serverContext"," は使えません","。",[55,167,168],{"id":168},"引数",[170,171,173],"h3",{"id":172},"source",[21,174,172],{},[176,177,178],"ul",{},[179,180,181,182],"li",{},"文字列、または ",[21,183,184],{},"{ path: string }",[170,186,188],{"id":187},"context",[21,189,187],{},[14,191,192],{},"テンプレート変数のオブジェクトです。",[170,194,196],{"id":195},"options",[21,197,195],{},[199,200,201,220],"table",{},[202,203,204],"thead",{},[205,206,207,211,214,217],"tr",{},[208,209,210],"th",{},"オプション",[208,212,213],{},"型",[208,215,216],{},"デフォルト",[208,218,219],{},"説明",[221,222,223,244,262,282],"tbody",{},[205,224,225,231,236,241],{},[226,227,228],"td",{},[21,229,230],{},"loader",[226,232,233],{},[21,234,235],{},"Loader",[226,237,238],{},[18,239,240],{},"必須",[226,242,243],{},"ファイル読み込み関数",[205,245,246,251,256,259],{},[226,247,248],{},[21,249,250],{},"root",[226,252,253],{},[21,254,255],{},"string",[226,257,258],{},"—",[226,260,261],{},"ドキュメントルートの上書き",[205,263,264,269,274,279],{},[226,265,266],{},[21,267,268],{},"preserveFrontMatter",[226,270,271],{},[21,272,273],{},"boolean",[226,275,276],{},[21,277,278],{},"false",[226,280,281],{},"出力に front matter を残す",[205,283,284,289,293,297],{},[226,285,286],{},[21,287,288],{},"preserveHgComments",[226,290,291],{},[21,292,273],{},[226,294,295],{},[21,296,278],{},[226,298,299],{},"出力に hyogen コメントを残す",[55,301,303],{"id":302},"loader-は必須","loader は必須",[14,305,306,307,310,311,310,314,317,318,321],{},"ブラウザではライブラリがファイルシステムやネットワークに直接アクセスしません。",[21,308,309],{},"include"," \u002F ",[21,312,313],{},"component",[21,315,316],{},"extend"," を使う場合は、呼び出し側が ",[18,319,320],{},"loader を必ず渡す","必要があります。",[26,323,325],{"className":28,"code":324,"language":30,"meta":31,"style":31},"const result = await renderClient(\n  { path: '\u002Fsrc\u002Findex.md' },\n  { siteName: 'Demo' },\n  {\n    loader: async (path) => {\n      const res = await fetch(`\u002Fvirtual-fs${path}`)\n      return res.text()\n    },\n  },\n)\n",[21,326,327,345,355,365,370,395,425,440,446,452],{"__ignoreMap":31},[35,328,329,332,335,338,341,343],{"class":37,"line":38},[35,330,331],{"class":41},"const",[35,333,334],{"class":87}," result",[35,336,337],{"class":41}," =",[35,339,340],{"class":41}," await",[35,342,71],{"class":70},[35,344,74],{"class":45},[35,346,347,350,353],{"class":37,"line":77},[35,348,349],{"class":45},"  { path: ",[35,351,352],{"class":52},"'\u002Fsrc\u002Findex.md'",[35,354,104],{"class":45},[35,356,357,360,363],{"class":37,"line":107},[35,358,359],{"class":45},"  { siteName: ",[35,361,362],{"class":52},"'Demo'",[35,364,104],{"class":45},[35,366,367],{"class":37,"line":122},[35,368,369],{"class":45},"  {\n",[35,371,372,375,378,381,384,386,389,392],{"class":37,"line":135},[35,373,374],{"class":70},"    loader",[35,376,377],{"class":45},": ",[35,379,380],{"class":41},"async",[35,382,383],{"class":45}," (",[35,385,97],{"class":80},[35,387,388],{"class":45},") ",[35,390,391],{"class":41},"=>",[35,393,394],{"class":45}," {\n",[35,396,398,401,404,406,408,411,414,417,419,422],{"class":37,"line":397},6,[35,399,400],{"class":41},"      const",[35,402,403],{"class":87}," res",[35,405,337],{"class":41},[35,407,340],{"class":41},[35,409,410],{"class":70}," fetch",[35,412,413],{"class":45},"(",[35,415,416],{"class":52},"`\u002Fvirtual-fs${",[35,418,97],{"class":45},[35,420,421],{"class":52},"}`",[35,423,424],{"class":45},")\n",[35,426,428,431,434,437],{"class":37,"line":427},7,[35,429,430],{"class":41},"      return",[35,432,433],{"class":45}," res.",[35,435,436],{"class":70},"text",[35,438,439],{"class":45},"()\n",[35,441,443],{"class":37,"line":442},8,[35,444,445],{"class":45},"    },\n",[35,447,449],{"class":37,"line":448},9,[35,450,451],{"class":45},"  },\n",[35,453,455],{"class":37,"line":454},10,[35,456,424],{"class":45},[55,458,460],{"id":459},"servercontext-は不可","serverContext は不可",[14,462,463,465,466,468,469,474,475,477],{},[21,464,195],{}," に ",[21,467,163],{}," 相当の値を渡すと ",[18,470,471],{},[21,472,473],{},"server_context_on_client"," エラーで中断します。サーバー専用データは ",[21,476,157],{}," でのみ渡してください。",[55,479,480],{"id":480},"バンドルに含まれるもの",[14,482,483,485,486,489,490,489,493,496,497,165],{},[21,484,23],{}," には Node 専用の API（",[21,487,488],{},"build","、",[21,491,492],{},"createNodeLoader",[21,494,495],{},"createFsLoader"," など）は ",[18,498,499],{},"含まれません",[55,501,502],{"id":502},"関連",[176,504,505,511],{},[179,506,507],{},[508,509,157],"a",{"href":510},"\u002Fja\u002Fapi\u002Frender-server",[179,512,513],{},[508,514,230],{"href":515},"\u002Fja\u002Fapi\u002Floader",[517,518,519],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":31,"searchDepth":77,"depth":77,"links":521},[522,523,528,529,530,531],{"id":57,"depth":77,"text":57},{"id":168,"depth":77,"text":168,"children":524},[525,526,527],{"id":172,"depth":107,"text":172},{"id":187,"depth":107,"text":187},{"id":195,"depth":107,"text":195},{"id":302,"depth":77,"text":303},{"id":459,"depth":77,"text":460},{"id":480,"depth":77,"text":480},{"id":502,"depth":77,"text":502},"CSR 向けの Markdown レンダリング API","md",{},true,"\u002Fapi\u002Frender-client",{"title":5,"description":532},"api\u002Frender-client","3icW_ZG1_yWrWuHe4N-W1jBr9RqLbmuzagE77uUMY8o",1787223114246]