Code Validator & Inspector Demo

\n\n

\n \n \n

\n\n

\n Input Text (Markdown or Code)\n \n

\n Analysis Output\n \n

\n\n \n\n\n`, {headers:{\"Content-Type\":\"text/html\"}});\n}",[],[210],{"_106":220,"_97":221,"_160":222,"_162":-5,"_163":145,"_164":223,"_166":192,"_108":224,"_102":204,"_169":215,"_171":225,"_173":22,"_174":-5,"_175":226,"_100":227},"69b107e8-fe13-11f0-b71a-42dde27851f2","demo2.ts","47fa2c24-fe0e-11f0-b3e4-42dde27851f2",63,["D",1769801977942],"// Learn more: https://docs.val.town/vals/http/\nimport { CodeValidator, CodeUtilities,CodeSense } from \"./CodeUtilities2.ts\";\nimport { List } from \"./System.Collections.Generic.ts\";\n\n// --- UI Components ---\n// We define a simple function to generate HTML strings, avoiding large template literals.\n\n/** Generates the main page structure. */\nfunction createPageHtml(content: string, output: string = '') {\n // We use a simple concatenation or template literal here for cleaner structure.\n // The inner content (output) is generated dynamically based on server-side analysis.\n return `\n\n\n \n \n CodeSense Analyzer Demo\n \n\n\n\n

Code Validator & Inspector Demo

\n\n

\n Input Text (Markdown or Code)\n \n \n

\n Analysis Output\n

${output}

\n\n\n`;\n}\n\n/** Analyzes the code and generates the output string. */\nfunction runAnalysis(inputText: string): string {\n let outputText = \"\";\n\n // 1. Markdown Segment Analysis (for structure and errors)\n const validationResult = CodeValidator.Analyze(inputText);\n if (!validationResult.IsSafe) {\n outputText += `Validation Error Found:\\n`;\n outputText += `Type: ${validationResult.Error.Type}\\n`;\n outputText += `Line: ${validationResult.Error.Line}\\n\\n`;\n }\n\n // 2. Code Definition Inspection\n const jsCodeBlocks = validationResult.Segments\n .Where(s => s.Type === 'code' && (s.Lang === 'js' || s.Lang === 'javascript' || s.Lang === 'ts' || s.Lang === 'typescript'))\n .Select(s => s.Value)\n .ToArray()\n .join('\\n');\n\n if (jsCodeBlocks.length > 0) {\n outputText += `Inspecting Definitions (${jsCodeBlocks.length} chars of code):\\n`;\n // Use your CodeSense/SourceInspector logic here\n // Note: CodeSense.Inspect is part of CodeUtilities2, which you imported\n const definitions = CodeSense.Inspect(jsCodeBlocks, \"demo.js\");\n outputText += JSON.stringify(definitions.ToArray(), null, 2);\n } else {\n outputText += \"No relevant JavaScript/TypeScript code blocks found for definition analysis.\";\n }\n\n return outputText;\n}\n\n// --- Val Town HTTP Handler ---\nexport default async function (req: Request): Promise {\n let inputText = `# Example Markdown Document\n\nThis document contains a few code blocks for analysis.\n\n## JavaScript Example\n\\`\\`\\`javascript\n// A simple function definition\nfunction calculateArea(width, height) {\n let area = width * height;\n return area;\n}\n\\`\\`\\`\n`;\n let analysisOutput = '';\n\n // If a POST request (form submission), run analysis on the data.\n if (req.method === 'POST') {\n try {\n const formData = await req.formData();\n inputText = formData.get('code')?.toString() || '';\n analysisOutput = runAnalysis(inputText);\n } catch (error) {\n analysisOutput = `Error processing form data: ${error.message}`;\n }\n }\n\n // Generate HTML response with form and analysis results (if any).\n const htmlBody = createPageHtml(inputText, analysisOutput);\n return new Response(htmlBody, { headers: { \"Content-Type\": \"text/html\" } });\n}",[],[221],{"_106":229,"_97":230,"_160":231,"_162":-5,"_163":145,"_164":232,"_166":192,"_108":233,"_102":234,"_169":215,"_171":235,"_173":22,"_174":-5,"_175":236,"_100":237},"f356569a-fe15-11f0-8a38-42dde27851f2","demo3.ts","4c552cdc-fe14-11f0-ac47-42dde27851f2",72,["D",1769803067863],5,"// Learn more: https://docs.val.town/vals/http/\n\n// --- Server-Side Imports ---\n// These imports work because Val Town resolves them before running the main function.\nimport { CodeValidator, SourceInspector, CodeUtilities,CodeSense } from \"https://esm.town/v/ziggyware/CodeUtilities/CodeUtilities.ts\";\nimport { List } from \"https://esm.town/v/ziggyware/CodeUtilities/System.Collections.Generic.ts\";\n\n// --- Helper Functions ---\n\n/** Generates a basic HTML structure, allowing dynamic content insertion. */\nfunction createPageHtml(content: string, output: string = '') {\n // Note: No client-side JavaScript analysis code here. All analysis runs on the server.\n return `\n\n\n \n \n CodeSense Analyzer Demo\n \n\n\n\n

Code Validator & Inspector Demo

\n\n

\n Input Text (Markdown or Code)\n \n \n

\n Analysis Output\n

${output}

\n\n\n`;\n}\n\n/** Analyzes the code and generates the output string (server-side logic). */\nfunction runAnalysis(inputText: string): string {\n let outputText = \"\";\n\n // 1. Markdown Segment Analysis (for structure and errors)\n const validationResult = CodeValidator.Analyze(inputText);\n if (!validationResult.IsSafe) {\n outputText += `Validation Error Found:\\n`;\n outputText += `Type: ${validationResult.Error.Type}\\n`;\n outputText += `Line: ${validationResult.Error.Line}\\n\\n`;\n }\n\n // 2. Code Definition Inspection\n const jsCodeBlocks = validationResult.Segments\n .Where(s => s.Type === 'code' && (s.Lang === 'js' || s.Lang === 'javascript' || s.Lang === 'ts' || s.Lang === 'typescript'))\n .Select(s => s.Value)\n .ToArray()\n .join('\\n');\n\n if (jsCodeBlocks.length > 0) {\n outputText += `Inspecting Definitions (${jsCodeBlocks.length} chars of code):\\n`;\n // Use your CodeSense/SourceInspector logic here\n const definitions = SourceInspector.ListDefinitions(jsCodeBlocks, \"demo.js\");\n outputText += JSON.stringify(definitions.ToArray(), null, 2);\n } else {\n outputText += \"No relevant JavaScript/TypeScript code blocks found for definition analysis.\";\n }\n\n return outputText;\n}\n\n// --- Val Town HTTP Handler ---\nexport default async function (req: Request): Promise {\n // Default sample text for initial page load\n let inputText = `# Example Markdown Document\n\nThis document contains a few code blocks for analysis.\n\n## JavaScript Example\n\\`\\`\\`javascript\n// A simple function definition\nfunction calculateArea(width, height) {\n let area = width * height;\n return area;\n}\n\\`\\`\\`\n`;\n let analysisOutput = '';\n\n // If a POST request (form submission), run analysis on the data.\n if (req.method === 'POST') {\n try {\n const formData = await req.formData();\n inputText = formData.get('code')?.toString() || '';\n analysisOutput = runAnalysis(inputText);\n } catch (error) {\n analysisOutput = `Error processing form data: ${error.message}`;\n }\n }\n\n // Generate HTML response with form and analysis results (if any).\n const htmlBody = createPageHtml(inputText, analysisOutput);\n return new Response(htmlBody, { headers: { \"Content-Type\": \"text/html\" } });\n}",[],[230],{"_106":239,"_97":101,"_160":240,"_162":-5,"_163":145,"_164":241,"_166":192,"_108":242,"_102":243,"_169":215,"_171":244,"_173":22,"_174":-5,"_175":245,"_100":246},"53a9ce96-fe16-11f0-915a-42dde27851f2","3f95d88c-fe16-11f0-9c15-42dde27851f2",77,["D",1769803229471],4,"// Learn more: https://docs.val.town/vals/http/\n\n// --- Server-Side Imports ---\n// These imports will work on Val Town.\n// The code in these modules runs on the server when the val executes.\nimport { CodeValidator, SourceInspector, CodeUtilities } from \"https://esm.town/v/ziggyware/CodeUtilities/CodeUtilities.ts\";\nimport { List, Enumerable } from \"https://esm.town/v/ziggyware/CodeUtilities/System.Collections.Generic.ts\";\n\n// --- Sample Code Input ---\n// This sample code will test the parser's ability to handle classes, functions, variables, and errors.\nconst sampleCodeInput = `# Example Project Documentation\n\nThis document contains several code blocks to demonstrate different analysis capabilities.\n\n## Code Block 1: Valid TypeScript/JavaScript Class\n\n\\`\\`\\`typescript\n/** Represents a user profile */\nclass UserProfile {\n // A private field (variable)\n private name: string;\n public age: number = 25;\n\n constructor(name: string) {\n this.name = name;\n }\n\n // A getter method for a property\n get details() {\n return \\`\\${this.name} (\\${this.age})\\`;\n }\n\n // An async method\n public async loadData() {\n // ... implementation ...\n }\n}\n\n// Global variable definitions\nconst PI = 3.14159;\nlet message = \"Hello, world\";\n\n// Standard function declaration\nfunction calculateAverage(a, b) {\n return (a + b) / 2;\n}\n\\`\\`\\`\n\n## Code Block 2: Python Example (Non-JS Code)\n\n\\`\\`\\`python\ndef main():\n print(\"This is Python code.\")\n\\`\\`\\`\n\n## Code Block 3: Unclosed Block Example\n\n\\`\\`\\`javascript\n// This block is missing its closing backticks, triggering a validation error.\nfunction unclosedFunction() {\n console.log(\"Error here\");\n`;\n\n// --- Analysis Logic (Server-Side) ---\n\n/** Runs the analysis and organizes all results into a single object for rendering. */\nfunction runAnalysis(inputText: string): any {\n const report = {\n validationStatus: CodeValidator.Analyze(inputText),\n codeSegments: null,\n definitions: null\n };\n\n // 1. Get code segments (prose and code blocks) from markdown parsing.\n report.codeSegments = report.validationStatus.Segments.ToList();\n\n // 2. Extract JS code blocks for inspection.\n const jsCodeBlocks = report.codeSegments\n .Where(s => s.Type === 'code' && (s.Lang === 'js' || s.Lang === 'javascript' || s.Lang === 'ts' || s.Lang === 'typescript'))\n .Select(s => s.Value)\n .ToArray()\n .join('\\n');\n\n // 3. Perform deep inspection if JS code exists.\n if (jsCodeBlocks.length > 0) {\n report.definitions = SourceInspector.ListDefinitions(jsCodeBlocks, \"demo.js\").ToArray();\n }\n\n return report;\n}\n\n// --- HTML Rendering Logic (Server-Side) ---\n\n/** Generates a detailed report based on the analysis results. */\nfunction generateReportHtml(analysisReport: any) {\n const { validationStatus, codeSegments, definitions } = analysisReport;\n\n let html = '';\n\n // 1. Validation Status Section\n html += '

';\n if (validationStatus.IsSafe) {\n html += '

Validation Status: PASS

';\n html += '

The document structure and code block syntax are valid.

';\n } else {\n html += '

Validation Status: FAIL

';\n html += `

Error Found: ${validationStatus.Error.Type} on line ${validationStatus.Error.Line}.`;\n }\n html += '

';\n\n // 2. Definitions Summary Table\n if (definitions && definitions.length > 0) {\n html += '

';\n html += '

Detected Definitions Summary

';\n html += '';\n html += '';\n html += '';\n for (const def of definitions) {\n html += ``;\n html += ``;\n html += ``;\n html += ``;\n html += ``;\n html += ``;\n html += ``;\n }\n html += '';\n html += '

Kind	Name	Modifiers	Start Line	End Line
${def.Kind}	${def.Name}	${def.Modifiers.ToArray().join(', ') \|\| 'None'}	${def.Start.Line}	${def.End.Line}

';\n html += '

';\n } else {\n html += '

No definitions found for inspection.

';\n }\n\n // 3. Code Segment Breakdown\n html += '

';\n html += '

Document Segment Breakdown

';\n for (const segment of codeSegments) {\n const langInfo = segment.Lang ? `(${segment.Lang})` : '(Prose)';\n html += `

Type: ${segment.Type} ${langInfo}`;\n html += `

${escapeHtml(segment.Value)}

`;\n }\n html += '

';\n\n return html;\n}\n\n/** Escapes HTML special characters in the text. */\nfunction escapeHtml(text: string): string {\n return text.replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\n/** Generates the complete HTML page structure with input and results. */\nfunction createPageHtml(content: string, output: string) {\n return `\n\n\n \n \n CodeSense Analyzer Demo (Complex SSR)\n \n\n\n\n

Code Validator & Inspector Demo

\n\n

\n Input Text (Markdown or Code)\n \n

\n Analysis Output\n

${output}

\n\n\n`;\n}\n\n// --- Val Town HTTP Handler ---\n\n/** Main entry point for the HTTP handler. */\nexport default async function (req: Request): Promise {\n let inputText = sampleCodeInput;\n let analysisOutputHtml = '';\n\n // If a POST request (form submission), run analysis on the data.\n if (req.method === 'POST') {\n try {\n const formData = await req.formData();\n inputText = formData.get('code')?.toString() || '';\n const analysisReportData = runAnalysis(inputText);\n analysisOutputHtml = generateReportHtml(analysisReportData);\n } catch (error) {\n analysisOutputHtml = `

Error processing request: ${error.message}

`;\n }\n } else {\n // Run initial analysis for GET request to pre-populate results\n const analysisReportData = runAnalysis(inputText);\n analysisOutputHtml = generateReportHtml(analysisReportData);\n }\n\n // Generate HTML response with form and analysis results (if any).\n const htmlBody = createPageHtml(inputText, analysisOutputHtml);\n return new Response(htmlBody, { headers: { \"Content-Type\": \"text/html\" } });\n}",[],[101],{"_106":248,"_97":249,"_160":250,"_162":-5,"_163":145,"_164":251,"_166":192,"_108":252,"_102":214,"_169":215,"_171":253,"_173":22,"_174":-5,"_175":254,"_100":255},"4b21ecd0-fe30-11f0-bba5-42dde27851f2","demo5.ts","064cc67c-fe1a-11f0-9ac9-42dde27851f2",97,["D",1769814382073],"// Learn more: https://docs.val.town/vals/http\n// --- Server-Side Imports ---\nimport { CodeValidator, SourceInspector, CodeUtilities,EnhancedDefinition,Definition } from \"https://esm.town/v/ziggyware/CodeUtilities/CodeUtilities.ts\";\nimport { List, Enumerable } from \"https://esm.town/v/ziggyware/CodeUtilities/System.Collections.Generic.ts\";\n\n// --- Sample Code Input ---\nconst sampleCodeInput = `# Example Project Documentation\n\nThis document contains several code blocks to demonstrate different analysis capabilities.\n\n## Code Block 1: Valid TypeScript/JavaScript Class\n\n\\`\\`\\`typescript\n/** Represents a user profile */\nclass UserProfile {\n // A private field (variable) with an initializer\n private name: string = \"defaultName\";\n\n // A getter method for a property\n get details() {\n if (this.name) {\n return \\`Name: \\${this.name}\\`;\n } else {\n return \"No name set\";\n }\n }\n\n // A constructor with parameters\n public constructor(name: string, age: number = 25) {\n this.name = name;\n this.age = age;\n if (age < 18) {\n console.warn(\"User is minor.\");\n }\n }\n\n // An async method with logic complexity\n public async loadData(userId: number, force: boolean) {\n if (force || userId === 0) {\n await this.fetchFromAPI(userId);\n } else if (userId > 100) {\n return;\n }\n }\n\n private fetchFromAPI(id: number) {\n // ... implementation ...\n }\n}\n\n// Global variable definitions\nconst PI = 3.14159;\n\n// Standard function declaration\nfunction calculateAverage(a, b) {\n let sum = a + b;\n return sum / 2;\n}\n\n// Unclosed Block Example (triggers validation error)\n// The parser will attempt to analyze this but note the error.\n\\`\\`\\`javascript\nfunction unclosedFunction() {\n console.log(\"Error here\");\n`;\n\n\n\n/** Runs the analysis and organizes all results into a single object for rendering. */\nfunction runAnalysis(inputText: string): any {\n const report = {\n validationStatus: CodeValidator.Analyze(inputText),\n codeSegments: null,\n definitions: null\n };\n\n // 1. Get code segments (prose and code blocks) from markdown parsing.\n report.codeSegments = report.validationStatus.Segments.ToList();\n\n // 2. Extract JS code blocks for inspection.\n const jsCodeBlocks = report.codeSegments\n .Where(s => s.Type === 'code' && (s.Lang === 'js' || s.Lang === 'javascript' || s.Lang === 'ts' || s.Lang === 'typescript'))\n .Select(s => s.Value)\n .ToArray()\n .join('\\n');\n\n // 3. Perform deep inspection if JS code exists.\n if (jsCodeBlocks.length > 0) {\n // The SourceInspector logic has been significantly improved for this.\n report.definitions = SourceInspector.AnalyzeCode(jsCodeBlocks, \"demo.js\").ToArray();\n }\n\n return report;\n}\n\n// --- HTML Rendering Logic (Server-Side) ---\n\n/** Generates a detailed report based on the analysis results. */\nfunction generateReportHtml(analysisReport: any) {\n const { validationStatus, codeSegments, definitions } = analysisReport;\n\n let html = '';\n\n // 1. Validation Status Section\n html += '

';\n html += '

Validation Status:

';\n if (validationStatus.IsSafe) {\n html += '

PASS

';\n html += '

The document structure and code block syntax are valid.

';\n } else {\n html += '

FAIL

';\n html += `

Error Found: ${validationStatus.Error.Type} on line ${validationStatus.Error.Line}.`;\n }\n html += '

';\n\n // 2. Definitions Summary Table\n if (definitions && definitions.length > 0) {\n html += '

';\n html += '

Detected Definitions Summary

';\n html += renderDefinitionHierarchy(new List(definitions));\n html += '

';\n } else {\n html += '

No definitions found for inspection.

';\n }\n\n // 3. Code Segment Breakdown (for ()context)\n html += '

';\n html += '

Document Segment Breakdown

';\n for (const segment of codeSegments) {\n const langInfo = segment.Lang ? `(${segment.Lang})` : '(Prose)';\n html += `

Type: ${segment.Type} ${langInfo}`;\n html += `

${escapeHtml(segment.Value)}

`;\n }\n html += '

';\n\n return html;\n}\n\n/** Recursively renders the definition hierarchy into nested lists for better visualization. */\nfunction renderDefinitionHierarchy(definitions: List, level: number = 0): string {\n let html = `

`;\n html += `${modifiers} ${def.Name} (${def.Kind}`;\n if (def.Kind !== 'variable') {\n html += `(${parameters}))`;\n } else {\n html += `)`;\n }\n html += `
Metrics: Complexity=${complexity}, Lines=${lineCount}
`;\n\n if (def.children.Count > 0) {\n html += renderDefinitionHierarchy(def.children, level + 1);\n }\n html += `

`;\n return html;\n}\n\n/** Escapes HTML special characters in the text. */\nfunction escapeHtml(text: string): string {\n return text.replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\n/** Generates the complete HTML page structure with input and results. */\nfunction createPageHtml(content: string, output: string) {\n return `\n\n\n \n \n CodeSense Analyzer Demo (Complex SSR)\n \n\n\n\n

Code Validator & Inspector Demo

\n\n

\n Input Text (Markdown or Code)\n \n

\n Analysis Output\n

${output}

Error processing request: ${error.message}

`;\n }\n }\n\n // Run analysis and generate report for the current input text.\n const analysisReportData = runAnalysis(inputText);\n analysisOutputHtml = generateReportHtml(analysisReportData);\n\n // Generate HTML response with form and analysis results.\n const htmlBody = createPageHtml(inputText, analysisOutputHtml);\n return new Response(htmlBody, { headers: { \"Content-Type\": \"text/html\" } });\n}",[],[249],"files",[157,178,187,198,208,219,228,238,247],"counts",{"_260":33,"_261":262,"_263":33,"_264":265,"_268":269},"pulls","branches",1,"forks","envVars",{"_266":262,"_267":33},"count","emptyCount","connections",{"_266":33,"_270":33},"unfilledCount","contents",[],"file",{"_106":239,"_97":101,"_160":240,"_162":-5,"_163":145,"_164":241,"_166":192,"_108":275,"_102":243,"_169":215,"_171":244,"_173":22,"_174":-5,"_100":276},["D",1769803229471],[101],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_95":96,"_97":98,"_99":45,"_102":103,"_100":101,"_104":285,"_155":290,"_256":318,"_273":319,"_271":321,"_322":-5,"_323":-5,"_324":-5,"_325":-5,"_326":327,"_264":-5},{"_106":107,"_97":98,"_108":286,"_110":-5,"_111":22,"_112":113,"_114":-5,"_115":-5,"_14":116,"_117":-5,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":287,"_137":288,"_142":289,"_154":22},["D",1769234447182],{"_95":96,"_135":136},{"_95":96,"_139":136,"_14":116,"_140":141},{"_102":144,"_97":45,"_106":145,"_146":107,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},[291,294,297,300,303,306,309,312,315],{"_106":158,"_97":159,"_160":161,"_162":-5,"_163":145,"_164":165,"_166":22,"_108":167,"_102":168,"_169":170,"_171":172,"_173":22,"_174":-5,"_175":292,"_100":293},[],[159],{"_106":179,"_97":180,"_160":181,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":182,"_102":183,"_169":170,"_171":184,"_173":22,"_174":-5,"_175":295,"_100":296},[],[180],{"_106":188,"_97":189,"_160":190,"_162":-5,"_163":145,"_164":191,"_166":192,"_108":193,"_102":194,"_169":170,"_171":195,"_173":22,"_174":-5,"_175":298,"_100":299},[],[189],{"_106":199,"_97":200,"_160":201,"_162":-5,"_163":145,"_164":202,"_166":22,"_108":203,"_102":204,"_169":170,"_171":205,"_173":22,"_174":-5,"_175":301,"_100":302},[],[200],{"_106":209,"_97":210,"_160":211,"_162":-5,"_163":145,"_164":212,"_166":192,"_108":213,"_102":214,"_169":215,"_171":216,"_173":22,"_174":-5,"_175":304,"_100":305},[],[210],{"_106":220,"_97":221,"_160":222,"_162":-5,"_163":145,"_164":223,"_166":192,"_108":224,"_102":204,"_169":215,"_171":225,"_173":22,"_174":-5,"_175":307,"_100":308},[],[221],{"_106":229,"_97":230,"_160":231,"_162":-5,"_163":145,"_164":232,"_166":192,"_108":233,"_102":234,"_169":215,"_171":235,"_173":22,"_174":-5,"_175":310,"_100":311},[],[230],{"_106":239,"_97":101,"_160":240,"_162":-5,"_163":145,"_164":241,"_166":192,"_108":242,"_102":243,"_169":215,"_171":244,"_173":22,"_174":-5,"_175":313,"_100":314},[],[101],{"_106":248,"_97":249,"_160":250,"_162":-5,"_163":145,"_164":251,"_166":192,"_108":252,"_102":214,"_169":215,"_171":253,"_173":22,"_174":-5,"_175":316,"_100":317},[],[249],[291,294,297,300,303,306,309,312,315],{"_106":239,"_97":101,"_160":240,"_162":-5,"_163":145,"_164":241,"_166":192,"_108":275,"_102":243,"_169":215,"_171":244,"_173":22,"_174":-5,"_100":320},[101],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]