feat: add snippets to github files

[ntindle]

Co-Authored-By: Claude 81847+claude@users.noreply.github.com

[qodo-code-review]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Error Handling The getGithubSnippetContent function returns undefined when the URL is invalid, but throws errors for other cases. This inconsistency could lead to unexpected behavior in the component that uses this function. export const getGithubSnippetContent = async (url: string, snippetTag: string, context: GithubRuntimeContext) => { const urlObject = splitGithubUrl(url); if (!urlObject) { return; } Potential Bug The extractSnippetSection function trims each line when checking for markers, but returns the untrimmed lines. This could lead to inconsistent whitespace handling if markers are indented in the source file. const extractSnippetSection = (content: string, snippetTag: string) => { const lines = content.split('\n'); const startMarker = `--8<-- [start:${snippetTag}]`; const endMarker = `--8<-- [end:${snippetTag}]`; let startIndex = -1; let endIndex = -1; for (let i = 0; i < lines.length; i++) { const line = lines[i].trim(); if (line.includes(startMarker)) { startIndex = i + 1; // Start from the line after the marker } else if (line.includes(endMarker) && startIndex !== -1) { endIndex = i; // End at the line before the marker break; } } if (startIndex === -1 || endIndex === -1) { return null; // Snippet tag not found } return lines.slice(startIndex, endIndex).join('\n'); }; Missing Validation The snippetBlock component allows submitting with an empty snippetTag, but later requires it for fetching content. This could lead to confusing error messages for users. if (!url || !snippetTag) { return ( <block> <input label="GitHub URL" element={<textinput placeholder="https://github.com/owner/repo/blob/main/file.js" />} onValueChange={{ action: 'updateUrl', url: { bind: 'value' }, }} value={url} /> <input label="Snippet Tag" element={<textinput placeholder="BaseOAuthExample" />} onValueChange={{ action: 'updateSnippetTag', snippetTag: { bind: 'value' }, }} value={snippetTag} /> </block> ); }