+ <div class="tsd-signature tsd-kind-icon">Examples<wbr>From<wbr>Pkg<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Component</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = awaitComponent(async ({pkg,/** The encoding to use for loading all files. */encoding = "utf8",/** Whether to replace all imports from '..' with imports from 'package-name' */replacePackageImportsWithPackageName = true,title = "🔬 Examples",}) => {const examplesFolder = pkg.directories?.example;if (examplesFolder === undefined) {return null;}const filenames = await fs.readdir(examplesFolder);const examples = await Promise.all(filenames.map(async (fileName) => ({fileName,content: await fs.readFile(path.join(examplesFolder, fileName), {encoding,}),})));const replacements = replacePackageImportsWithPackageName? [{find: /from ".."/g,replace: `from "${pkg.name}"`,},]: [];return (<Fragment><Heading level={2}>{title}</Heading>{examples.sort(({ fileName: fileNameA }, { fileName: fileNameB }) =>fileNameA.localeCompare(fileNameB, "en", { sensitivity: "base" })).map(({ fileName, content }) => (<CodeFilekey={fileName}fileName={fileName}replacements={replacements}>{content}</CodeFile>))}</Fragment>);})</span></div>
0 commit comments