v8.3.11

index.html

@@ -140,10 +140,10 @@
             ],
           ],
           // key: "-----",
-          onEvent: (event, ci) => {
-            console.log("Event", event)
+          onEvent: (event, arg) => {
+            console.log("Event", event, arg);
             if (event === "ci-ready") {
-              window.ci = ci;
+              window.ci = arg;
               // props.setFrame("network");
               // props.setFullScreen(true);
             }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-dos",
-  "version": "8.3.10",
+  "version": "8.3.11",
   "description": "Full-featured DOS player with multiple emulator backends",
   "type": "module",
   "keywords": [

src/host/fullscreen.ts

@@ -1,8 +1,9 @@
-import { Store, getNonSerializableStore } from "../store";
+import { Store, getNonSerializableStore, postJsDosEvent } from "../store";
 import { uiSlice } from "../store/ui";
 
 export function browserSetFullScreen(fullScreen: boolean, store: Store) {
-    const root = getNonSerializableStore(store).root as any;
+    const nsStore = getNonSerializableStore(store);
+    const root = nsStore.root as any;
     if (fullScreen) {
         if (root.requestFullscreen) {
             root.requestFullscreen();
@@ -32,4 +33,5 @@ export function browserSetFullScreen(fullScreen: boolean, store: Store) {
     }
 
     store.dispatch(uiSlice.actions.setFullScreen(fullScreen));
+    postJsDosEvent(nsStore, "fullscreen-change", fullScreen);
 }

src/public/types.ts

@@ -1,4 +1,4 @@
-export type DosEvent = "emu-ready" | "ci-ready" | "bnd-play" | "open-key";
+export type DosEvent = "emu-ready" | "ci-ready" | "bnd-play" | "open-key" | "fullscreen-change";
 export type ImageRendering = "pixelated" | "smooth";
 export type RenderBackend = "webgl" | "canvas";
 export type RenderAspect = "AsIs" | "1/1" | "5/4" | "4/3" | "16/10" | "16/9" | "Fit";
@@ -35,7 +35,7 @@ export interface DosOptions {
     backendHardware: ((backend: "dosbox" | "dosboxX", sockdriveNative: boolean) => Promise<string | null>),
     workerThread: boolean,
     mouseCapture: boolean,
-    onEvent: (event: DosEvent, ci?: any /* CommandInterface */) => void,
+    onEvent: (event: DosEvent, arg?: any /* CommandInterface | boolean */) => void,
     ipx: NamedHost[],
     ipxBackend: string,
     room: string,

src/store.ts

@@ -111,10 +111,10 @@ export function useNonSerializableStore() {
     return getNonSerializableStore(useStore());
 }
 
-export function postJsDosEvent(nonSerializableStore: NonSerializableStore, event: DosEvent, ci?: CommandInterface) {
+export function postJsDosEvent(nonSerializableStore: NonSerializableStore, event: DosEvent, arg?: CommandInterface | boolean) {
     if (nonSerializableStore.options.onEvent) {
         setTimeout(() => {
-            nonSerializableStore.options.onEvent?.(event, ci);
+            nonSerializableStore.options.onEvent?.(event, arg);
         }, 4);
     }
 }