jusax23/stear
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: jusax23:3c7c19a3d23c59cd9a9a469f00c734aa557e270d
Branches Tags
jusax23:main
jusax23:submodule
..
compare: jusax23:fa8fbfe1fffc1022ec40e2f2f54865fed0827eb1
Branches Tags
jusax23:submodule
jusax23:main

No commits in common. "3c7c19a3d23c59cd9a9a469f00c734aa557e270d" and "fa8fbfe1fffc1022ec40e2f2f54865fed0827eb1" have entirely different histories.
3c7c19a3d2 ... fa8fbfe1ff

9 changed files with 5 additions and 155 deletions
Show stats Expand all files Collapse all files

23
example/apps.js
View file

@ -1,23 +0,0 @@
import { Stear, SWindow, _ } from "../stear/main.js";
const call = async (stear, { find, resolve, close, render, call, event }, args) => {
/*event.onloaded = () => { }*/
/*event.onresolve = async () => { }*/
/*event.onclose = async () => { }*/
/*event.onBeforRerender = async () => { }*/
/*event.onAfterRerender = async () => { }*/
return _({
style:{
display:"flex",
alignItems: "center",
justifyContent: "center",
height: "100%",
}
}, [
"Appscreen"
]);
}
export default new SWindow({ call, backgroundColor: "#dde" });

1
example/connect.js
View file

@ -30,6 +30,7 @@ export const call = async (stear, { find, resolve, render, call, event }, {name,
await fadeout(find.main);
}
return _({ find: "main" }, [
_({
type: "p",

1
example/empty.js
View file

@ -7,7 +7,6 @@ const call = async (stear, { find, resolve, close, render, call, event }, args)
/*event.onclose = async () => { }*/
/*event.onBeforRerender = async () => { }*/
/*event.onAfterRerender = async () => { }*/
/*event.onParentRender = () => { }*/
return _({

76
example/menu.js
View file

@ -1,76 +0,0 @@
import { Stear, SWindow, _ } from "../stear/main.js";
import apps from "./apps.js";
import settings from "./settings.js";
import splash from "./splash.js";
const call = async (stear, { find, resolve, close, render, call, include, event }, args) => {
/*event.onloaded = () => { }*/
/*event.onresolve = async () => { }*/
/*event.onclose = async () => { }*/
/*event.onBeforRerender = async () => { }*/
/*event.onAfterRerender = async () => { }*/
let menu = [
include(splash),
include(apps),
include(settings),
];
window.dddd = menu[0];
let show = 0;
return _({
style:{
display: "flex",
height: "100%",
width: "100%",
flexDirection: "column",
}
}, [
_({
style:{
position:"relative",
width: "100%",
height: "100%",
}
},()=>{
menu[show].opts.render();
return menu[show].render({
style: {
height: "100%",
width: "100%"
}
});
}),
_({
style:{
height: "2rem",
width: "calc(100% - 2rem)",
padding: "1rem",
backgroundColor: "#fee",
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "space-evenly",
borderRadius:"2rem 2rem 0 0",
}
},()=>menu.map((m,i)=>{
return _({
event:{
click:()=>{
show = i;
render();
}
},
style:{
height:"1rem",
width:"1rem",
backgroundColor:show == i ? "red":"green"
}
},[]);
})
)
]);
}
export default new SWindow({ call, backgroundColor: "#dde" });

28
example/settings.js
View file

@ -1,28 +0,0 @@
import prompt from "../stear/extra/Pages/prompt.js";
import { Stear, SWindow, _ } from "../stear/main.js";
const call = async (stear, { find, resolve, close, render, call, event }, args) => {
/*event.onloaded = () => { }*/
/*event.onresolve = async () => { }*/
/*event.onclose = async () => { }*/
/*event.onBeforRerender = async () => { }*/
/*event.onAfterRerender = async () => { }*/
/*event.onParentRender = () => { }*/
event.onParentRender = () => call(prompt, { text: "settings" }).then(console.log);
return _({
style:{
display:"flex",
alignItems: "center",
justifyContent: "center",
height:"100%",
}
}, [
"Settings"
]);
}
export default new SWindow({ call, backgroundColor: "#dde" });

23
example/splash.js
View file

@ -1,23 +0,0 @@
import { Stear, SWindow, _ } from "../stear/main.js";
const call = async (stear, { find, resolve, close, render, call, event }, args) => {
/*event.onloaded = () => { }*/
/*event.onresolve = async () => { }*/
/*event.onclose = async () => { }*/
/*event.onBeforRerender = async () => { }*/
/*event.onAfterRerender = async () => { }*/
return _({
style:{
display:"flex",
alignItems: "center",
justifyContent: "center",
height: "100%",
}
}, [
"Splashscreen"
]);
}
export default new SWindow({ call, backgroundColor: "#dde" });

4
example/start.js
View file

@ -1,7 +1,6 @@
import { Stear, SWindow, _ } from "../stear/main.js";
import { fadein, fadeout, wait } from "../stear/utils.js";
import connect from "./connect.js";
import menu from "./menu.js";
export const preRender = true;
@ -18,10 +17,11 @@ var wobel = Stear.addAnimation({
});
export const call = (stear, { find, resolve, render, call, event }, args) => {
event.onloaded = async ()=>{
await wait(Math.max(1, 1000 - performance.now()));
await fadeout(find.main);
call(menu/*, { id: "123-456", name: "Device" }*/);
call(connect, { id: "123-456", name: "Device" });
resolve();
}

2
stear

@ -1 +1 @@
Subproject commit 5068141aff6f5c6c993ab18d682ae73e84bdc87c
Subproject commit 4bc4ca5a1651c2d6cdf684c19071d10caea3ba8b