dataengineeringtools/schema-diff.html at main · prabakaras/dataengineeringtools · GitHub

1
2
3
4
5
6
7
8
<!doctype html>
<html lang="en">
  <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Schema Diff | Prabakar's GitHub Tools</title><link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" /><link rel="stylesheet" href="styles.css" /></head>
  <body class="tool-page"><main class="tool-layout"><nav class="tool-nav"><a class="brand" href="index.html" aria-label="Prabakar's GitHub home"><span class="brand-mark" aria-hidden="true">PG</span><span class="brand-name">PRABAKAR'S GITHUB</span></a><div class="nav-links"><a href="index.html#tools">ALL TOOLS</a><a class="active" href="schema-diff.html">SCHEMA DIFF</a></div></nav>
    <header class="tool-header"><p class="eyebrow">TOOL 16 / CONTRACT REVIEW</p><h1>Schema <em>Diff</em></h1><p>Compare two JSON schemas locally and find added, removed, required, optional, and type-changed properties.</p></header>
    <div class="control-row"><button type="button" id="schema-diff-run">COMPARE SCHEMAS</button><button type="button" id="schema-diff-sample">LOAD SAMPLE</button></div><section class="work-area convert-layout"><div class="work-panel"><div class="panel-header"><label for="schema-left">ORIGINAL SCHEMA</label></div><textarea id="schema-left" spellcheck="false" placeholder='{"type":"object","properties":{}}' aria-label="Original JSON schema"></textarea></div><div class="work-panel"><div class="panel-header"><label for="schema-right">REVISED SCHEMA</label></div><textarea id="schema-right" spellcheck="false" placeholder='{"type":"object","properties":{}}' aria-label="Revised JSON schema"></textarea></div></section><section class="work-panel result-panel"><div class="panel-header"><label>CHANGES</label></div><div id="schema-diff-output" class="result-area" aria-live="polite">Compare two schemas to review contract changes.</div></section><p id="schema-diff-status" class="status" aria-live="polite">No comparison has been run.</p>
  </main><script src="app.js"></script></body>
</html>