SethTrowbridge/work-graph-simple
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gale implementation started

Browse Source
This commit is contained in:
Seth Trowbridge 2025-10-30 16:39:25 -04:00
parent cf9bb45a62
commit f27e71839f
11 changed files with 78 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
app-gale.js Normal file
View File

@ -0,0 +1,65 @@
/** @import * as TYPES from "./graph/types.ts" */
import * as FSHandle from "./store-directory-handle.js";
const {Div, DOM} = Gale({
Title:{
padding:"2rem",
background: "blue",
color:"white"
},
Plain:{}
})
/** @type {Van.State<Record<string, TYPES.GraphParts>>} */
const rooms = van.state({});
async function EvaluateHandle()
{
try
{
const module = await import("./data/room.js"+"?rand="+Math.random());
/** @type {Record<string, TYPES.GraphParts>} */
const read = module.default();
console.log("rooms found:", read);
rooms.val = read;
}
catch(e)
{
console.log("rooms read error:", e);
rooms.val = {};
}
}
let handle = await FSHandle.getDirectoryHandle();
EvaluateHandle();
/** @type {(pass:TYPES.Pass)=>HTMLElement} */
function Pass(pass)
{
return Div.Plain(
Div.Title(
DOM.span.Plain(pass.name),
DOM.span.Plain(pass.path),
)
)
}
function App()
{
return Div.Plain(
DOM.button({
async onclick(){
handle = await showDirectoryPicker();
await FSHandle.setDirectoryHandle(handle);
EvaluateHandle();
}
}, "Pick Directory"),
Object.entries(rooms.val).map(([room_id, graphParts])=>
Object.entries(graphParts.Pass).map(([pass_id, pass])=>{
return Pass(pass)
})
)
)
}
van.add(document.body, App);

3
app.js → app-original.js
View File

@ -1,7 +1,8 @@
/** @import * as TYPES from "./types.ts" */ /** @import * as TYPES from "./graph/types.ts" */
import * as FSHandle from "./store-directory-handle.js"; import * as FSHandle from "./store-directory-handle.js";
/** @type {(type:string, attributes?:Record<string, string>, ...children:Array<string|HTMLElement>)=>HTMLElement} */ /** @type {(type:string, attributes?:Record<string, string>, ...children:Array<string|HTMLElement>)=>HTMLElement} */
const H =(type, attributes={}, ...children)=> { const H =(type, attributes={}, ...children)=> {
const el =document.createElement(type); const el =document.createElement(type);

8
deno.json
View File

@ -1,8 +1,8 @@
{ {
"compilerOptions": { "compilerOptions":
{
"checkJs": true, "checkJs": true,
"lib":[ "lib": ["deno.window", "DOM"],
"deno.window", "dom" "types": ["https://treetopflyer.github.io/gale/types.d.ts"]
]
} }
} }

0
graph.js → graph/graph.js
View File

0
types.ts → graph/types.ts
View File

15
index.html
View File

@ -6,15 +6,12 @@
</head> </head>
<body> <body>
<script> <script>
if ('serviceWorker' in navigator) {
if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/service-worker.js', {type:"module"})
navigator.serviceWorker.register('/service-worker.js', {type:"module"}) .then(reg => console.log('Service Worker registered:', reg))
.then(reg => console.log('Service Worker registered:', reg)) .catch(err => console.error('Service Worker registration failed:', err));
.catch(err => console.error('Service Worker registration failed:', err)); }
}
</script>
<script src="app.js" type="module">
</script> </script>
<script type="module" src="https://treetopflyer.github.io/gale/boot.js?entry=/app-gale.js"></script>
</body> </body>
</html> </html>

2
data/room.js → mock-user-folder/data/room.js
View File

@ -1,4 +1,4 @@
import Graph from "../graph.js"; import Graph from "../../graph/graph.js";
import User from "./user.js"; import User from "./user.js";
export default Graph( export default Graph(

0
data/user.js → mock-user-folder/data/user.js
View File

0
room/room_01/pass_01/u1.json → mock-user-folder/room/room_01/pass_01/u1.json
View File

0
room/room_01/pass_01/u2.json → mock-user-folder/room/room_01/pass_01/u2.json
View File

0
room/room_01/pass_02/u3.json → mock-user-folder/room/room_01/pass_02/u3.json
View File