SethTrowbridge/gale
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

element builder working with Van

Browse Source
This commit is contained in:
Seth Trowbridge 2025-02-12 16:57:41 -05:00
parent 1610f490e2
commit a009f334eb
5 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app.js
View File

@ -12,4 +12,8 @@ const sheet = Styles({
Outline:{border:"2px solid orange"}
});
const el = sheet.dom.div.Button.Outline();
const el = sheet.dom.a.Button.Outline({onclick(){console.log("clicked!")}}, "Click!");
console.log(el);
van.add(document.body, el, sheet.dom.p.Outline("paragraph!"));

2
deno.json
View File

@ -5,6 +5,6 @@
"deno.window",
"DOM"
],
"types": ["./drill.d.ts"]
"types": ["./drill.d.ts", "./types.d.ts"]
}
}

7
drill.d.ts vendored
View File

@ -3,10 +3,9 @@ export {}
declare global {
namespace Gale
{
type Invoker =()=>HTMLElement
type Elemental<T extends string> = {[K in keyof HTMLElementTagNameMap]: Circular<T>}
type Circular<Keys extends string> = {
[K in Keys]: Circular<Keys>&Invoker;
type Elemental<T extends string> = {[K in keyof HTMLElementTagNameMap]: Circular<T, K>}
type Circular<Keys extends string, ElementName extends keyof HTMLElementTagNameMap> = {
[K in Keys]: Circular<Keys, ElementName>&Van.TagFunc<HTMLElementTagNameMap[ElementName]>;
};
}
}

1
index.html
View File

@ -5,6 +5,7 @@
<title>Document</title>
</head>
<body>
<script src="https://vanjs.org/code/van-1.5.3.nomodule.min.js"></script>
<script type="module" src="app.js"></script>
</body>
</html>

7
styles.dev.js
View File

@ -57,7 +57,12 @@ function MakeElemental(ref)
let pending = false;
let classes = [];
const collector = new Proxy(()=>{console.log("original func invoked!", pending, classes)},
const collector = new Proxy((...args)=>{
console.log("original func invoked!", pending, classes);
const element = van.tags[pending](...args);
element.className = classes.join(" ");
return element
},
{
get(target, prop, rec)
{