fullstacked 0.12.2-1414 → 0.12.2-1419

package/fullstacked_modules/@types/style/index.d.ts

@@ -1,5 +1,5 @@
 declare module "style" {
-    import CSS from "csstype";
+    import type CSS from "csstype";
     export declare const propertiesDefaultingToPx: {
         readonly padding: true;
         readonly paddingTop: true;

package/fullstacked_modules/auto_update.ts

@@ -1,12 +1,12 @@
 import git from "./git";
-import { Button } from "@fullstacked/ui";
 import { SnackBar } from "./components/snackbar";
 import packages from "./packages";
 import build from "./build";
+import debug from "./debug";
 
 let lastUpdateCheck = 0;
 const updateCheckDelay = 1000 * 10; // 10sec;
-let updating = false;
+let checking = false;
 let disabled = false;
 
 export function disableAutoUpdate() {
@@ -16,42 +16,42 @@ export function enableAutoUpdate() {
     disabled = false;
 }
 
-async function checkForUpdates() {
+function checkForUpdates() {
     window.requestAnimationFrame(checkForUpdates);
 
     const now = Date.now();
-    if (disabled || now - lastUpdateCheck < updateCheckDelay || updating) {
+    if (disabled || now - lastUpdateCheck < updateCheckDelay || checking) {
         return;
     }
 
-    lastUpdateCheck = now;
+    checking = true;
 
-    const pullResponse = await git.pull();
-    if (pullResponse !== git.PullResponse.DID_PULL) {
-        return;
-    }
+    git.pull().then(async (pullResponse) => {
+        if (pullResponse === git.PullResponse.DID_PULL) {
+            let preventReload = false;
+            const preventReloadButton = document.createElement("button");
+            preventReloadButton.innerText = "Stop";
+            preventReloadButton.onclick = () => {
+                preventReload = true;
+                snackbar.dismiss();
+            };
 
-    let preventReload = false;
-    const preventReloadButton = Button({
-        text: "Stop"
-    });
-    preventReloadButton.onclick = () => {
-        preventReload = true;
-        snackbar.dismiss();
-    };
+            const snackbar = SnackBar({
+                message: "Project has updated. Rebuilding...",
+                button: preventReloadButton
+            });
 
-    const snackbar = SnackBar({
-        message: "Project has updated. Rebuilding...",
-        button: preventReloadButton
-    });
+            await update();
+            snackbar.dismiss();
 
-    updating = true;
-    update().then(() => {
-        updating = false;
-        snackbar.dismiss();
+            if (!preventReload) {
+                window.location.reload();
+                return;
+            }
+        }
 
-        if (preventReload) return;
-        window.location.reload();
+        checking = false;
+        lastUpdateCheck = now;
     });
 }
 if (await git.hasGit()) {

package/fullstacked_modules/bridge/index.ts

@@ -9,6 +9,11 @@ import { BridgeNode, initCallbackNode } from "./platform/node";
 import { BridgeWasm } from "./platform/wasm";
 import { BridgeWindows, initRespondWindows } from "./platform/windows";
 import { serializeArgs } from "./serialization";
+import { debug } from "../debug";
+
+if (debug) {
+    console.log("Running DEBUG");
+}
 
 export type Bridge = (
     payload: Uint8Array,

package/fullstacked_modules/bridge/platform/node.ts

@@ -1,13 +1,11 @@
 import { Bridge } from "..";
 import { deserializeArgs } from "../serialization";
 
-const bridge = globalThis.fetch;
-
 export const BridgeNode: Bridge = async (
     payload: Uint8Array<ArrayBuffer>,
     transformer?: (responseArgs: any[]) => any
 ) => {
-    const response = await bridge("/call", {
+    const response = await fetch("/call", {
         method: "POST",
         body: payload
     });

package/fullstacked_modules/build/index.ts

@@ -1,4 +1,4 @@
-import { Project } from "../../editor/types";
+import type { Project } from "../../editor/types";
 import { bridge } from "../bridge";
 import {
     getLowestKeyIdAvailable,
@@ -27,7 +27,7 @@ async function buildStyle(projectId: string, entrypoint: string) {
 
 core_message.addListener("build-style", async (messageStr) => {
     const { id, entryPoint, projectId } = JSON.parse(messageStr);
-    const result = entryPoint.endsWith(".js")
+    const result = entryPoint.endsWith(".mjs")
         ? await buildStyle(projectId, entryPoint)
         : await buildSASS(entryPoint, {
               projectId,

package/fullstacked_modules/components/snackbar.ts

@@ -3,13 +3,12 @@ This file must follow the figma design
 https://www.figma.com/design/xb3JBRCvEWpbwGda03T5QQ/Mockups?node-id=415-3655
 */
 
-import type { Button } from "@fullstacked/ui";
 import { snackBarClass, snackBarsContainerClass } from "./snackbar.s";
 
 type SnackBarOpt = {
     message: string;
     autoDismissTimeout?: number;
-    button?: ReturnType<typeof Button>;
+    button?: HTMLButtonElement;
 };
 
 let snackBarsContainer: HTMLDivElement;

package/fullstacked_modules/core_message.ts

@@ -1,4 +1,5 @@
 import { SnackBar } from "./components/snackbar";
+import { debug } from "./debug";
 
 const coreMessageListeners = new Map<string, Set<(message: string) => void>>();
 export const addListener = (
@@ -49,6 +50,11 @@ globalThis.oncoremessage = (messageType: string, message: string) => {
 
 addListener("hello", console.log);
 addListener("log", console.log);
+addListener("debug-log", (message) => {
+    if (debug) {
+        console.log(message);
+    }
+});
 addListener("alert", (message) => {
     SnackBar({
         message,

package/fullstacked_modules/debug.ts

@@ -0,0 +1,3 @@
+export const debug = window.location.search.includes("debug");
+
+export default debug;

package/fullstacked_modules/git.ts

@@ -2,6 +2,7 @@ import { bridge } from "./bridge";
 import { serializeArgs } from "./bridge/serialization";
 import core_message from "./core_message";
 import { Project } from "./../editor/types";
+import debug from "./debug";
 
 const pullPromises = new Map<
     string,

package/fullstacked_modules/packages.ts

@@ -1,4 +1,4 @@
-import { Project } from "./../editor/types";
+import type { Project } from "./../editor/types";
 import { bridge } from "./bridge";
 import { getLowestKeyIdAvailable, serializeArgs } from "./bridge/serialization";
 import core_message from "./core_message";

package/fullstacked_modules/style.ts

@@ -1,4 +1,4 @@
-import CSS from "csstype";
+import type CSS from "csstype";
 
 export const propertiesDefaultingToPx = {
     padding: true,

package/index.js

@@ -183,11 +183,15 @@ async function createWebView(instance, onClose, onFirstConnection) {
   });
   const send = (m) => {
     const jsonStr = JSON.stringify(m);
-    webSockets.forEach((ws2) => ws2.send(jsonStr));
+    webSockets.forEach((ws) => ws.send(jsonStr));
   };
   server.listen(port);
   if (!process.env.NO_OPEN) {
-    open(`http://localhost:${port}`);
+    let url2 = `http://localhost:${port}`;
+    if (process.argv.includes("--debug")) {
+      url2 += "?debug";
+    }
+    open(url2);
   }
   return {
     message: (type, message) => {
@@ -201,7 +205,7 @@ async function createWebView(instance, onClose, onFirstConnection) {
 }
 function createHandler(instance) {
   return async (req, res) => {
-    let [pathname, query] = req.url.split("?");
+    let [pathname] = req.url.split("?");
     pathname = decodeURI(pathname);
     if (pathname === "/platform") {
       res.writeHead(200, {
@@ -315,14 +319,14 @@ function getNextAvailablePort(port = 9e3, host = "0.0.0.0") {
 function createWebSocketServer(server, cb2) {
   const webSockets = /* @__PURE__ */ new Set();
   const wss = new WebSocketServer({ noServer: true });
-  const onClose = (ws2) => {
-    webSockets.delete(ws2);
+  const onClose = (ws) => {
+    webSockets.delete(ws);
     cb2.onSocketClose();
   };
-  const handleUpgrade = (ws2) => {
-    webSockets.add(ws2);
+  const handleUpgrade = (ws) => {
+    webSockets.add(ws);
     cb2.onSocketOpen();
-    ws2.on("close", () => onClose(ws2));
+    ws.on("close", () => onClose(ws));
   };
   const onUpgrade = (...args) => {
     wss.handleUpgrade(...args, handleUpgrade);
@@ -454,7 +458,7 @@ async function buildLocalProject(directory) {
     const cb2 = async (_, messageType, message) => {
       if (messageType === "build-style") {
         const { id, entryPoint, projectId } = JSON.parse(message);
-        const result = entryPoint.endsWith(".js") ? await buildStyle(
+        const result = entryPoint.endsWith(".mjs") ? await buildStyle(
           "file://" + path2.resolve(process.cwd(), projectId, entryPoint).replace(/\\/g, "/")
         ) : await buildSASS(entryPoint, {
           canonicalize: (filePath) => filePath.startsWith("file://") ? new URL(filePath) : new URL(

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "fullstacked",
-    "version": "0.12.2-1414",
+    "version": "0.12.2-1419",
     "scripts": {
         "build": "node build.js",
         "postbuild": "node build.js --binding",
-        "start": "npm run build && node index.js --lib ../../core/bin --root ~/FullStacked --config ~/.config/fullstacked --editor ../../out/build",
+        "start": "npm run build && node index.js --debug --lib ../../core/bin --root ~/FullStacked --config ~/.config/fullstacked --editor ../../out/build",
         "prepack": "node build.js"
     },
     "bin": {