Function getExampleCode

packages/dev/s2-docs/src/CodePlatter.tsx:325–363

(codeRef: RefObject<HTMLDivElement | null>, urls: {[name: string]: string})

}

function getExampleCode(codeRef: RefObject<HTMLDivElement | null>, urls: {[name: string]: string}) {
  let code = getTextContent(codeRef.current!.querySelector('pre')!);
  let fileTabs = codeRef.current!.closest('[data-files]');
  if (fileTabs) {
    let example = fileTabs.querySelector('[data-example] pre');
    if (example) {
      code = getTextContent(example);
    }
  }

  if (!code.includes('export default function')) {
    // Export the last function
    code = code.replace(
      /\nfunction ([^(]+)((.|\n)+\n\}\n?)$/,
      '\nexport default function Example$2'
    );
  }

  return (
    code
      // Add function wrapper around raw JSX in examples.
      .replace(/\n<((?:.|\n)+)/, (_, code) => {
        let res = '\nexport default function Example() {\n  return (\n    <';
        let lines = code.split('\n');
        res += lines.shift();

        for (let line of lines) {
          res += '\n    ' + line;
        }

        res += '\n  );\n}\n';
        return res;
      })
      // Resolve urls
      .replace(/import (.*?) from ['"](url:.*?)['"]/g, (_, name, specifier) => {
        return `const ${name} = '${urls[specifier]}'`;
      })
  );
}

// const V0 = createIcon(props => (
//   <svg viewBox="0 0 40 20" {...props}>