Skip to content

Add TypeScript Renderer #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 23 commits into from
Jun 5, 2025
Merged

Add TypeScript Renderer #10

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
09c8a57
Move Python code to its own dir
osolmaz Apr 8, 2025
888641a
Checkpoint
osolmaz Apr 8, 2025
86c56db
Checkpoint
osolmaz Apr 8, 2025
628dbba
Add prompt
osolmaz May 21, 2025
f33d0e6
Fix validation test
osolmaz May 21, 2025
fd3ee0d
Claude code test (ts implementation for types) (#13)
osolmaz May 22, 2025
d87079b
Rename ts -> typescript
osolmaz May 22, 2025
8934539
Add script to reduce example html
osolmaz May 22, 2025
bf5a947
Add example html and css files over from notion
osolmaz May 22, 2025
103f3f4
Save context in CLAUDE.md
osolmaz May 22, 2025
2e53df7
React renderer with Claude Code (#15)
osolmaz May 22, 2025
4f2ac2e
use vite to serve html
abrehamgezahegn May 30, 2025
b9478d0
add ol and ul
abrehamgezahegn May 30, 2025
d3c9fcc
checkpoint
abrehamgezahegn Jun 3, 2025
c5674d0
tsup setup
abrehamgezahegn Jun 3, 2025
4ae703d
improve tsconfig and tsup
abrehamgezahegn Jun 4, 2025
d23a29d
setup eslint with import and bunch of plugins
abrehamgezahegn Jun 4, 2025
9537181
vscode settings
abrehamgezahegn Jun 4, 2025
451f5aa
add generated types to ts and eslint ingnore
abrehamgezahegn Jun 4, 2025
5850631
setup prettier
abrehamgezahegn Jun 4, 2025
38dc6cb
eslint fix
abrehamgezahegn Jun 4, 2025
4822048
make block container div open for modification + make blocks overriable
abrehamgezahegn Jun 4, 2025
de37e6a
Undo changes to python and schema dirs
osolmaz Jun 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
use vite to serve html
  • Loading branch information
@abrehamgezahegn
abrehamgezahegn committed May 30, 2025
commit 4f2ac2e8a44856862ee021ec53365b4a281c8b6e
151 changes: 151 additions & 0 deletions examples/html/test-doc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Comprehensive HTML QA Page</title>
</head>
<body>
<header>
<h1>HTML QA Test Page</h1>
<nav>
<ul>
<li><a href="#text">Text</a></li>
<li><a href="#lists-tables">Lists & Tables</a></li>
<li><a href="#media">Media</a></li>
<li><a href="#code">Code</a></li>
<li><a href="#form">Forms</a></li>
</ul>
</nav>
</header>

<section id="text">
<h2>Text Elements</h2>
<p>This is a <strong>paragraph</strong> with <em>emphasis</em>, <u>underline</u>, and <code>inline code</code>.</p>
<blockquote>“This is a blockquote for testing.”</blockquote>
<hr/>
</section>

<section id="lists-tables">
<h2>Lists & Tables</h2>

<h3>Unordered List</h3>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Cherry</li>
</ul>

<h3>Ordered List</h3>
<ol>
<li>Alpha</li>
<li>Beta</li>
<li>Gamma</li>
</ol>

<h3>Table</h3>
<table border="1">
<thead>
<tr><th>Name</th><th>Role</th></tr>
</thead>
<tbody>
<tr><td>Alice</td><td>Developer</td></tr>
<tr><td>Bob</td><td>Designer</td></tr>
</tbody>
</table>
<hr/>
</section>



<section id="media">
<h2>Images</h2>

<img
src="https://images.unsplash.com/photo-1518770660439-4636190af475?w=400"
alt="Person coding on laptop"
width="300"
/>
<br/><br/>

<img
src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=400"
alt="Office desk with computer"
width="300"
/>
<br/><br/>

<img
src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?w=400"
alt="Coffee and notebook"
width="300"
/>
<hr/>
</section>


<section id="code">
<h2>Code Blocks</h2>

<h3>JavaScript</h3>
<pre><code>
function greet(name) {
console.log("Hello, " + name);
}
greet("World");
</code></pre>

<h3>Python</h3>
<pre><code>
def greet(name):
print(f"Hello, {name}")

greet("World")
</code></pre>

<h3>HTML</h3>
<pre><code>
&lt;div class="container"&gt;
&lt;p&gt;Hello World&lt;/p&gt;
&lt;/div&gt;
</code></pre>
<hr/>
</section>

<section id="form">
<h2>Form Elements</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" /><br/><br/>

<label for="email">Email:</label>
<input type="email" id="email" name="email" /><br/><br/>

<label>Gender:</label>
<input type="radio" name="gender" value="male" /> Male
<input type="radio" name="gender" value="female" /> Female<br/><br/>

<label>Interests:</label>
<input type="checkbox" name="interest" value="code" /> Coding
<input type="checkbox" name="interest" value="design" /> Design<br/><br/>

<label for="bio">Bio:</label><br/>
<textarea id="bio" name="bio"></textarea><br/><br/>

<label for="lang">Language:</label>
<select id="lang" name="lang">
<option value="js">JavaScript</option>
<option value="py">Python</option>
<option value="ts">TypeScript</option>
</select><br/><br/>

<button type="submit">Submit</button>
<input type="reset" value="Reset" />
</form>
</section>

<footer>
<p>© 2025 HTML QA Page</p>
</footer>
</body>
</html>
1,106 changes: 129 additions & 977 deletions python/uv.lock
View file
Open in desktop

Large diffs are not rendered by default.

Loading