example/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/connect.js

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

example/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/index.js

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

example/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";
@@ -26,6 +26,7 @@ const call = async (stear, { find, resolve, close, render, call, include, event
         width: "100%",
         flexDirection: "column",
     }}>
+
         <div style={{
             position: "relative",
             width: "100%",
@@ -66,4 +67,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" });

example/settings.jsx

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

example/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/start.jsx

@@ -1,5 +1,5 @@
-import { Stear, SWindow, _,s } from "../../stear/main.js";
-import { fadein, fadeout, wait } from "../../stear/utils.js";
+import { Stear, SWindow, _,s } from "../stear/main.js";
+import { fadein, fadeout, wait } from "../stear/utils.js";
 //import connect from "./connect.js";
 import menu from "./menu";
 
@@ -37,6 +37,20 @@ 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,7 +8,8 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "serveMenu": "esbuild example/menu/index.js --jsx-factory=s --loader:.js=jsx --loader:.html=text --bundle --minify --servedir=example/menu --sourcemap"
+    "buildExample": "esbuild example/index.js  --jsx-factory=s --loader:.js=jsx --bundle --minify --outdir=build  --sourcemap",
+    "serveExample": "esbuild example/index.js --jsx-factory=s --loader:.js=jsx --bundle --minify --servedir=example --sourcemap"
   },
   "repository": {
     "type": "git",