@arcanewizards/sigil 0.1.6 → 0.1.8

package/dist/frontend/styles/sigil.css

@@ -1,5 +1,8 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
+.fixed {
+  position: fixed;
+}
 .relative {
   position: relative;
 }
@@ -142,6 +145,9 @@
   padding: var(--sigil-control-gap);
   font-size: var(--sigil-control-font-size);
 }
+.block {
+  display: block;
+}
 .contents {
   display: contents;
 }

package/dist/frontend/styling.d.cts

@@ -18,7 +18,7 @@ type SigilUsageColorUsage = {
     gradientLight: string;
     gradientDark: string;
 };
-declare const sigilColorUsage: (color: SigilUsageColor) => SigilUsageColorUsage;
+declare const sigilColorUsage: (color: SigilUsageColor | "hint") => SigilUsageColorUsage;
 declare const cssSigilColorUsageVariables: (prefix: string, usage: SigilUsageColorUsage) => CSSProperties;
 declare const cssHintColorVariables: (color: SigilColor) => CSSProperties;
 declare const cssVariables: (variables: Partial<Record<`--${string}`, string | number>>) => CSSProperties;

package/dist/frontend/styling.d.ts

@@ -18,7 +18,7 @@ type SigilUsageColorUsage = {
     gradientLight: string;
     gradientDark: string;
 };
-declare const sigilColorUsage: (color: SigilUsageColor) => SigilUsageColorUsage;
+declare const sigilColorUsage: (color: SigilUsageColor | "hint") => SigilUsageColorUsage;
 declare const cssSigilColorUsageVariables: (prefix: string, usage: SigilUsageColorUsage) => CSSProperties;
 declare const cssHintColorVariables: (color: SigilColor) => CSSProperties;
 declare const cssVariables: (variables: Partial<Record<`--${string}`, string | number>>) => CSSProperties;

package/dist/frontend.cjs

@@ -105,6 +105,20 @@ var createBrowserMediaSession = () => {
 // src/frontend/browser-context.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var createDefaultBrowserContext = (browser) => {
+  const closeListeners = /* @__PURE__ */ new Set();
+  window.addEventListener("beforeunload", (e) => {
+    let confirm = false;
+    for (const listener of closeListeners) {
+      if (listener().action === "confirm") {
+        confirm = true;
+      }
+    }
+    if (confirm) {
+      e.preventDefault();
+      e.returnValue = "";
+      return;
+    }
+  });
   const defaults = {
     appListenerChangesHandledExternally: false,
     openExternalLink: (url) => {
@@ -115,8 +129,8 @@ var createDefaultBrowserContext = (browser) => {
     },
     selectDirectory: null,
     openDevTools: null,
-    confirmClose: () => {
-    },
+    addCloseListener: (listener) => closeListeners.add(listener),
+    removeCloseListener: (listener) => closeListeners.delete(listener),
     mediaSession: createBrowserMediaSession()
   };
   return {

package/dist/frontend.d.cts

@@ -50,13 +50,29 @@ type NewWindowOptions = {
      */
     mode?: string;
 };
+type BrowserCloseListenerAction = {
+    action: 'allow';
+} | {
+    action: 'confirm';
+    confirmation: string;
+};
+/**
+ * A listener that can be registered to listen for close events,
+ * and prevent them if needed.
+ *
+ * Note that in browser environments,
+ * preventing close will always display the same confirmation message that a user
+ * can then choose to proceed with or not.
+ */
+type BrowserCloseListener = () => BrowserCloseListenerAction;
 type BaseBrowserContext = {
     appListenerChangesHandledExternally?: boolean;
     openExternalLink: (url: string) => void;
     openNewWidow: (url: string, options?: NewWindowOptions) => void;
     selectDirectory: (() => Promise<string | null>) | null;
     openDevTools: (() => Promise<null>) | null;
-    confirmClose: (message: string) => void;
+    addCloseListener: (listener: BrowserCloseListener) => void;
+    removeCloseListener: (listener: BrowserCloseListener) => void;
     mediaSession: MediaSessionControl;
 };
 declare const createDefaultBrowserContext: <TBrowserContext extends BaseBrowserContext = BaseBrowserContext>(browser?: Partial<TBrowserContext> | null) => TBrowserContext;
@@ -88,4 +104,4 @@ declare const startSigilFrontend: <TBrowserContext extends BaseBrowserContext>({
 
 declare const createBrowserMediaSession: () => MediaSessionControl;
 
-export { type BaseBrowserContext, BrowserContext, BrowserContextProvider, Debugger, type MediaMetadata, type MediaPlayState, type MediaSessionAction, type MediaSessionControl, type MediaSessionHandler, type NewWindowOptions, AppRoot as SigilAppRoot, SigilAppRootComponent, type StartSigilFrontendOptions, createBrowserMediaSession, createDefaultBrowserContext, createSigilFrontendRenderer, startSigilFrontend, useBrowserContext };
+export { type BaseBrowserContext, type BrowserCloseListener, type BrowserCloseListenerAction, BrowserContext, BrowserContextProvider, Debugger, type MediaMetadata, type MediaPlayState, type MediaSessionAction, type MediaSessionControl, type MediaSessionHandler, type NewWindowOptions, AppRoot as SigilAppRoot, SigilAppRootComponent, type StartSigilFrontendOptions, createBrowserMediaSession, createDefaultBrowserContext, createSigilFrontendRenderer, startSigilFrontend, useBrowserContext };

package/dist/frontend.d.ts

@@ -50,13 +50,29 @@ type NewWindowOptions = {
      */
     mode?: string;
 };
+type BrowserCloseListenerAction = {
+    action: 'allow';
+} | {
+    action: 'confirm';
+    confirmation: string;
+};
+/**
+ * A listener that can be registered to listen for close events,
+ * and prevent them if needed.
+ *
+ * Note that in browser environments,
+ * preventing close will always display the same confirmation message that a user
+ * can then choose to proceed with or not.
+ */
+type BrowserCloseListener = () => BrowserCloseListenerAction;
 type BaseBrowserContext = {
     appListenerChangesHandledExternally?: boolean;
     openExternalLink: (url: string) => void;
     openNewWidow: (url: string, options?: NewWindowOptions) => void;
     selectDirectory: (() => Promise<string | null>) | null;
     openDevTools: (() => Promise<null>) | null;
-    confirmClose: (message: string) => void;
+    addCloseListener: (listener: BrowserCloseListener) => void;
+    removeCloseListener: (listener: BrowserCloseListener) => void;
     mediaSession: MediaSessionControl;
 };
 declare const createDefaultBrowserContext: <TBrowserContext extends BaseBrowserContext = BaseBrowserContext>(browser?: Partial<TBrowserContext> | null) => TBrowserContext;
@@ -88,4 +104,4 @@ declare const startSigilFrontend: <TBrowserContext extends BaseBrowserContext>({
 
 declare const createBrowserMediaSession: () => MediaSessionControl;
 
-export { type BaseBrowserContext, BrowserContext, BrowserContextProvider, Debugger, type MediaMetadata, type MediaPlayState, type MediaSessionAction, type MediaSessionControl, type MediaSessionHandler, type NewWindowOptions, AppRoot as SigilAppRoot, SigilAppRootComponent, type StartSigilFrontendOptions, createBrowserMediaSession, createDefaultBrowserContext, createSigilFrontendRenderer, startSigilFrontend, useBrowserContext };
+export { type BaseBrowserContext, type BrowserCloseListener, type BrowserCloseListenerAction, BrowserContext, BrowserContextProvider, Debugger, type MediaMetadata, type MediaPlayState, type MediaSessionAction, type MediaSessionControl, type MediaSessionHandler, type NewWindowOptions, AppRoot as SigilAppRoot, SigilAppRootComponent, type StartSigilFrontendOptions, createBrowserMediaSession, createDefaultBrowserContext, createSigilFrontendRenderer, startSigilFrontend, useBrowserContext };

package/dist/frontend.js

@@ -105,6 +105,20 @@ var createBrowserMediaSession = () => {
 // src/frontend/browser-context.tsx
 import { jsx } from "react/jsx-runtime";
 var createDefaultBrowserContext = (browser) => {
+  const closeListeners = /* @__PURE__ */ new Set();
+  window.addEventListener("beforeunload", (e) => {
+    let confirm = false;
+    for (const listener of closeListeners) {
+      if (listener().action === "confirm") {
+        confirm = true;
+      }
+    }
+    if (confirm) {
+      e.preventDefault();
+      e.returnValue = "";
+      return;
+    }
+  });
   const defaults = {
     appListenerChangesHandledExternally: false,
     openExternalLink: (url) => {
@@ -115,8 +129,8 @@ var createDefaultBrowserContext = (browser) => {
     },
     selectDirectory: null,
     openDevTools: null,
-    confirmClose: () => {
-    },
+    addCloseListener: (listener) => closeListeners.add(listener),
+    removeCloseListener: (listener) => closeListeners.delete(listener),
     mediaSession: createBrowserMediaSession()
   };
   return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcanewizards/sigil",
   "description": "Application framework for A/V applications, built on-top of arcanejs",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -129,12 +129,13 @@
     "tailwindcss": "^4.1.13",
     "tsup": "^8.1.0",
     "typescript": "^5.7.3",
-    "@arcanewizards/eslint-config": "^0.0.0",
-    "@arcanewizards/typescript-config": "^0.0.0"
+    "@arcanewizards/typescript-config": "^0.0.0",
+    "@arcanewizards/eslint-config": "^0.0.0"
   },
   "scripts": {
-    "build": "rm -rf dist && tsup && pnpm build:styles && check-export-map",
+    "build": "pnpm clean && tsup && pnpm build:styles && check-export-map",
     "build:styles": "tailwindcss -i ./src/frontend/styles/sigil.css -o ./dist/frontend/styles/sigil.css && cp ./src/frontend/styles/theme.css ./dist/frontend/styles/theme.css && cp ./src/frontend/styles/base.css ./dist/frontend/styles/base.css",
+    "clean": "rm -rf dist",
     "check:types": "tsc --noEmit",
     "format:fix": "cd .. && pnpm format:fix",
     "lint": "eslint . --max-warnings 0",