example restructure

example/menu/apps.jsx

@@ -1,4 +1,4 @@
-import { Stear, SWindow, _, s } from "../stear/main.js";
+import { Stear, SWindow, _, s } from "../../stear/main.js";
 
 const call = async (stear, { find, resolve, close, render, call, event }, args) => {
 

example/menu/connect.js

@@ -1,7 +1,7 @@
-import l1 from "../stear/extra/Elements/loading1.js";
+import l1 from "../../stear/extra/Elements/loading1.js";
-import showStatus from "../stear/extra/Pages/showStatus.js";
+import showStatus from "../../stear/extra/Pages/showStatus.js";
-import { Stear, SWindow, _ } from "../stear/main.js";
+import { Stear, SWindow, _ } from "../../stear/main.js";
-import { fadein, fadeout, wait } from "../stear/utils.js";
+import { fadein, fadeout, wait } from "../../stear/utils.js";
 
 const pool = Stear.addLanguagePool("connect");
 const connectingto = pool.add("connectingto", "Connecting to: {} ({})");

example/menu/empty.js

@@ -1,4 +1,4 @@
-import { Stear, SWindow, _ } from "../stear/main.js";
+import { Stear, SWindow, _ } from "../../stear/main.js";
 
 const call = async (stear, { find, resolve, close, render, call, event }, args) => {
 

example/menu/index.js

@@ -1,6 +1,6 @@
-import { Stear, SWindow } from "../stear/main.js";
+import { Stear, SWindow } from "../../stear/main.js";
 
-import start from "./start.jsx";
+import start from "./start";
 
 
 var stear = new Stear(document.querySelector("#stear"));

example/menu/menu.jsx

@@ -1,4 +1,4 @@
-import { Stear, SWindow, _, s } from "../stear/main.js";
+import { Stear, SWindow, _, s } from "../../stear/main.js";
 import apps from "./apps";
 import settings from "./settings";
 import splash from "./splash";
@@ -11,6 +11,8 @@ const call = async (stear, { find, resolve, close, render, call, include, event
     /*event.onBeforRerender = async () => { }*/
     /*event.onAfterRerender = async () => { }*/
 
+    event.onHashChange
+
     let menu = [
         include(splash),
         include(apps),
@@ -26,7 +28,6 @@ const call = async (stear, { find, resolve, close, render, call, include, event
         width: "100%",
         flexDirection: "column",
     }}>
-
         <div style={{
             position: "relative",
             width: "100%",
@@ -67,4 +68,4 @@ const call = async (stear, { find, resolve, close, render, call, include, event
     </div>;
 }
 
-export default new SWindow({ call, backgroundColor: "#dde" });
+export default new SWindow({ call, backgroundColor: "#dde", hash:"/" });

example/menu/settings.jsx

@@ -1,5 +1,5 @@
-import prompt from "../stear/extra/Pages/prompt.js";
+import prompt from "../../stear/extra/Pages/prompt.js";
-import { Stear, SWindow, _, s } from "../stear/main.js";
+import { Stear, SWindow, _, s } from "../../stear/main.js";
 
 const call = async (stear, { find, resolve, close, render, call, event }, args) => {
 

example/menu/splash.jsx

@@ -1,4 +1,4 @@
-import { Stear, SWindow, _, s } from "../stear/main.js";
+import { Stear, SWindow, _, s } from "../../stear/main.js";
 
 const call = async (stear, { find, resolve, close, render, call, event }, args) => {
 

example/menu/start.jsx

@@ -1,5 +1,5 @@
-import { Stear, SWindow, _,s } from "../stear/main.js";
+import { Stear, SWindow, _,s } from "../../stear/main.js";
-import { fadein, fadeout, wait } from "../stear/utils.js";
+import { fadein, fadeout, wait } from "../../stear/utils.js";
 //import connect from "./connect.js";
 import menu from "./menu";
 
@@ -37,20 +37,6 @@ export const call = (stear, { find, resolve, render, call, event }, args) => {
             animation: `${wobel} 1s ease-in-out 0s infinite`,
         }}/>
     </div>;
-    /*return _({ style: { zindex: 1000 }, find: "main" }, [
-        _({
-            type: "img", src: "http://localhost:82/images/logo.png", style: {
-                width: "80vw",
-                maxWidth: "75vh",
-                position: "absolute",
-                left: "50%",
-                top: "50%",
-                transform: "translate(-50%, -50%)",
-                animation: `${wobel} 2s ease-in-out 0s infinite`,
-
-            }
-        })
-    ]);*/
 }
 
 export default new SWindow({ preRender: true, call, backgroundColor:"#dde"});

package.json

@@ -8,8 +8,7 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "buildExample": "esbuild example/index.js  --jsx-factory=s --loader:.js=jsx --bundle --minify --outdir=build  --sourcemap",
+    "serveMenu": "esbuild example/menu/index.js --jsx-factory=s --loader:.js=jsx --loader:.html=text --bundle --minify --servedir=example/menu --sourcemap"
-    "serveExample": "esbuild example/index.js --jsx-factory=s --loader:.js=jsx --bundle --minify --servedir=example --sourcemap"
   },
   "repository": {
     "type": "git",