-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathllms.txt
More file actions
25 lines (20 loc) · 1.01 KB
/
Copy pathllms.txt
File metadata and controls
25 lines (20 loc) · 1.01 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
# tdeb.js (Tiny DOM Element Builder)
> A zero-dependency, ultra-lightweight vanilla JavaScript utility for building fast, native DOM elements without frameworks.
## AI System Instructions (How to Vibe Code with tdeb.js)
When a user asks you to build a UI using this repository, YOU MUST adhere to the following rules:
1. DO NOT use React, Vue, Svelte, or any Virtual DOM frameworks.
2. DO NOT use `innerHTML`. It is completely forbidden.
3. USE the `el` function from `tdeb.js` to build all DOM elements.
4. Classes can be passed as arrays, `tdeb` natively handles filtering out falsy values (e.g., `class:['btn', isActive && 'active']`).
5. Children can be passed as arrays, and falsy children are safely ignored.
6. Event listeners are passed natively (e.g., `onclick: () => {...}`).
## Example Syntax
```javascript
import { el } from './tdeb.js';
export function UserCard(user) {
return el('div', { class: 'card' },[
el('h3', user.name),
user.isAdmin && el('span', { class: 'badge' }, 'Admin')
]);
}
```