@embedpdf/plugin-fullscreen 1.0.1 → 1.0.3

package/dist/index.cjs

@@ -24,6 +24,7 @@ __export(index_exports, {
   FullscreenPlugin: () => FullscreenPlugin,
   FullscreenPluginPackage: () => FullscreenPluginPackage,
   SET_FULLSCREEN: () => SET_FULLSCREEN,
+  initialState: () => initialState,
   manifest: () => manifest,
   setFullscreen: () => setFullscreen
 });
@@ -56,6 +57,7 @@ function setFullscreen(payload) {
 var FullscreenPlugin = class extends import_core.BasePlugin {
   constructor(id, registry) {
     super(id, registry);
+    this.onStateChange$ = (0, import_core.createBehaviorEmitter)();
     this.fullscreenRequest$ = (0, import_core.createEmitter)();
   }
   async initialize(_) {
@@ -63,11 +65,29 @@ var FullscreenPlugin = class extends import_core.BasePlugin {
   buildCapability() {
     return {
       isFullscreen: () => this.state.isFullscreen,
-      enableFullscreen: () => this.fullscreenRequest$.emit("enter"),
-      exitFullscreen: () => this.fullscreenRequest$.emit("exit"),
-      onRequest: this.fullscreenRequest$.on
+      enableFullscreen: () => this.enableFullscreen(),
+      exitFullscreen: () => this.exitFullscreen(),
+      toggleFullscreen: () => this.toggleFullscreen(),
+      onRequest: this.fullscreenRequest$.on,
+      onStateChange: this.onStateChange$.on
     };
   }
+  toggleFullscreen() {
+    if (this.state.isFullscreen) {
+      this.exitFullscreen();
+    } else {
+      this.enableFullscreen();
+    }
+  }
+  enableFullscreen() {
+    this.fullscreenRequest$.emit("enter");
+  }
+  exitFullscreen() {
+    this.fullscreenRequest$.emit("exit");
+  }
+  onStoreUpdated(_, newState) {
+    this.onStateChange$.emit(newState);
+  }
   setFullscreenState(isFullscreen) {
     this.dispatch(setFullscreen(isFullscreen));
   }
@@ -104,6 +124,7 @@ var FullscreenPluginPackage = {
   FullscreenPlugin,
   FullscreenPluginPackage,
   SET_FULLSCREEN,
+  initialState,
   manifest,
   setFullscreen
 });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/lib/manifest.ts","../src/lib/fullscreen-plugin.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/index.ts"],"sourcesContent":["export * from './lib';\n","import { PluginManifest } from '@embedpdf/core';\nimport { FullscreenPluginConfig } from './types';\n\nexport const FULLSCREEN_PLUGIN_ID = 'fullscreen';\n\nexport const manifest: PluginManifest<FullscreenPluginConfig> = {\n  id: FULLSCREEN_PLUGIN_ID,\n  name: 'Fullscreen Plugin',\n  version: '1.0.0',\n  provides: ['fullscreen'],\n  requires: [],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n  },\n};\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport { FullscreenCapability, FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenAction, setFullscreen } from './actions';\n\nexport class FullscreenPlugin extends BasePlugin<\n  FullscreenPluginConfig,\n  FullscreenCapability,\n  FullscreenState,\n  FullscreenAction\n> {\n  static readonly id = 'fullscreen' as const;\n\n  private readonly fullscreenRequest$ = createEmitter<'enter' | 'exit'>();\n\n  constructor(id: string, registry: PluginRegistry) {\n    super(id, registry);\n  }\n\n  async initialize(_: FullscreenPluginConfig): Promise<void> {}\n\n  protected buildCapability(): FullscreenCapability {\n    return {\n      isFullscreen: () => this.state.isFullscreen,\n      enableFullscreen: () => this.fullscreenRequest$.emit('enter'),\n      exitFullscreen: () => this.fullscreenRequest$.emit('exit'),\n      onRequest: this.fullscreenRequest$.on,\n    };\n  }\n\n  public setFullscreenState(isFullscreen: boolean): void {\n    this.dispatch(setFullscreen(isFullscreen));\n  }\n\n  async destroy(): Promise<void> {\n    this.fullscreenRequest$.clear();\n    super.destroy();\n  }\n}\n","import { Action } from '@embedpdf/core';\n\nexport const SET_FULLSCREEN = 'SET_FULLSCREEN';\n\nexport interface SetFullscreenAction extends Action {\n  type: typeof SET_FULLSCREEN;\n  payload: boolean;\n}\n\nexport type FullscreenAction = SetFullscreenAction;\n\nexport function setFullscreen(payload: boolean): SetFullscreenAction {\n  return { type: SET_FULLSCREEN, payload };\n}\n","import { Reducer } from '@embedpdf/core';\nimport { FullscreenState } from './types';\nimport { FullscreenAction, SET_FULLSCREEN } from './actions';\n\nexport const initialState: FullscreenState = {\n  isFullscreen: false,\n};\n\nexport const reducer: Reducer<FullscreenState, FullscreenAction> = (state, action) => {\n  switch (action.type) {\n    case SET_FULLSCREEN:\n      return { ...state, isFullscreen: action.payload };\n    default:\n      return state;\n  }\n};\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, FULLSCREEN_PLUGIN_ID } from './manifest';\nimport { FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenPlugin } from './fullscreen-plugin';\nimport { initialState } from './reducer';\nimport { reducer } from './reducer';\nimport { FullscreenAction } from './actions';\n\nexport const FullscreenPluginPackage: PluginPackage<\n  FullscreenPlugin,\n  FullscreenPluginConfig,\n  FullscreenState,\n  FullscreenAction\n> = {\n  manifest,\n  create: (registry) => new FullscreenPlugin(FULLSCREEN_PLUGIN_ID, registry),\n  reducer,\n  initialState,\n};\n\nexport * from './fullscreen-plugin';\nexport * from './types';\nexport * from './manifest';\nexport * from './actions';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,uBAAuB;AAE7B,IAAM,WAAmD;AAAA,EAC9D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,YAAY;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,EACX;AACF;;;ACfA,kBAA0D;;;ACEnD,IAAM,iBAAiB;AASvB,SAAS,cAAc,SAAuC;AACnE,SAAO,EAAE,MAAM,gBAAgB,QAAQ;AACzC;;;ADTO,IAAM,mBAAN,cAA+B,uBAKpC;AAAA,EAKA,YAAY,IAAY,UAA0B;AAChD,UAAM,IAAI,QAAQ;AAHpB,SAAiB,yBAAqB,2BAAgC;AAAA,EAItE;AAAA,EAEA,MAAM,WAAW,GAA0C;AAAA,EAAC;AAAA,EAElD,kBAAwC;AAChD,WAAO;AAAA,MACL,cAAc,MAAM,KAAK,MAAM;AAAA,MAC/B,kBAAkB,MAAM,KAAK,mBAAmB,KAAK,OAAO;AAAA,MAC5D,gBAAgB,MAAM,KAAK,mBAAmB,KAAK,MAAM;AAAA,MACzD,WAAW,KAAK,mBAAmB;AAAA,IACrC;AAAA,EACF;AAAA,EAEO,mBAAmB,cAA6B;AACrD,SAAK,SAAS,cAAc,YAAY,CAAC;AAAA,EAC3C;AAAA,EAEA,MAAM,UAAyB;AAC7B,SAAK,mBAAmB,MAAM;AAC9B,UAAM,QAAQ;AAAA,EAChB;AACF;AAjCa,iBAMK,KAAK;;;AENhB,IAAM,eAAgC;AAAA,EAC3C,cAAc;AAChB;AAEO,IAAM,UAAsD,CAAC,OAAO,WAAW;AACpF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,EAAE,GAAG,OAAO,cAAc,OAAO,QAAQ;AAAA,IAClD;AACE,aAAO;AAAA,EACX;AACF;;;ACPO,IAAM,0BAKT;AAAA,EACF;AAAA,EACA,QAAQ,CAAC,aAAa,IAAI,iBAAiB,sBAAsB,QAAQ;AAAA,EACzE;AAAA,EACA;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/lib/manifest.ts","../src/lib/fullscreen-plugin.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/index.ts"],"sourcesContent":["export * from './lib';\n","import { PluginManifest } from '@embedpdf/core';\nimport { FullscreenPluginConfig } from './types';\n\nexport const FULLSCREEN_PLUGIN_ID = 'fullscreen';\n\nexport const manifest: PluginManifest<FullscreenPluginConfig> = {\n  id: FULLSCREEN_PLUGIN_ID,\n  name: 'Fullscreen Plugin',\n  version: '1.0.0',\n  provides: ['fullscreen'],\n  requires: [],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n  },\n};\n","import { BasePlugin, createBehaviorEmitter, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport { FullscreenCapability, FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenAction, setFullscreen } from './actions';\n\nexport class FullscreenPlugin extends BasePlugin<\n  FullscreenPluginConfig,\n  FullscreenCapability,\n  FullscreenState,\n  FullscreenAction\n> {\n  static readonly id = 'fullscreen' as const;\n\n  private readonly onStateChange$ = createBehaviorEmitter<FullscreenState>();\n  private readonly fullscreenRequest$ = createEmitter<'enter' | 'exit'>();\n\n  constructor(id: string, registry: PluginRegistry) {\n    super(id, registry);\n  }\n\n  async initialize(_: FullscreenPluginConfig): Promise<void> {}\n\n  protected buildCapability(): FullscreenCapability {\n    return {\n      isFullscreen: () => this.state.isFullscreen,\n      enableFullscreen: () => this.enableFullscreen(),\n      exitFullscreen: () => this.exitFullscreen(),\n      toggleFullscreen: () => this.toggleFullscreen(),\n      onRequest: this.fullscreenRequest$.on,\n      onStateChange: this.onStateChange$.on,\n    };\n  }\n\n  private toggleFullscreen(): void {\n    if (this.state.isFullscreen) {\n      this.exitFullscreen();\n    } else {\n      this.enableFullscreen();\n    }\n  }\n\n  private enableFullscreen(): void {\n    this.fullscreenRequest$.emit('enter');\n  }\n\n  private exitFullscreen(): void {\n    this.fullscreenRequest$.emit('exit');\n  }\n\n  override onStoreUpdated(_: FullscreenState, newState: FullscreenState): void {\n    this.onStateChange$.emit(newState);\n  }\n\n  public setFullscreenState(isFullscreen: boolean): void {\n    this.dispatch(setFullscreen(isFullscreen));\n  }\n\n  async destroy(): Promise<void> {\n    this.fullscreenRequest$.clear();\n    super.destroy();\n  }\n}\n","import { Action } from '@embedpdf/core';\n\nexport const SET_FULLSCREEN = 'SET_FULLSCREEN';\n\nexport interface SetFullscreenAction extends Action {\n  type: typeof SET_FULLSCREEN;\n  payload: boolean;\n}\n\nexport type FullscreenAction = SetFullscreenAction;\n\nexport function setFullscreen(payload: boolean): SetFullscreenAction {\n  return { type: SET_FULLSCREEN, payload };\n}\n","import { Reducer } from '@embedpdf/core';\nimport { FullscreenState } from './types';\nimport { FullscreenAction, SET_FULLSCREEN } from './actions';\n\nexport const initialState: FullscreenState = {\n  isFullscreen: false,\n};\n\nexport const reducer: Reducer<FullscreenState, FullscreenAction> = (state, action) => {\n  switch (action.type) {\n    case SET_FULLSCREEN:\n      return { ...state, isFullscreen: action.payload };\n    default:\n      return state;\n  }\n};\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, FULLSCREEN_PLUGIN_ID } from './manifest';\nimport { FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenPlugin } from './fullscreen-plugin';\nimport { initialState } from './reducer';\nimport { reducer } from './reducer';\nimport { FullscreenAction } from './actions';\n\nexport const FullscreenPluginPackage: PluginPackage<\n  FullscreenPlugin,\n  FullscreenPluginConfig,\n  FullscreenState,\n  FullscreenAction\n> = {\n  manifest,\n  create: (registry) => new FullscreenPlugin(FULLSCREEN_PLUGIN_ID, registry),\n  reducer,\n  initialState,\n};\n\nexport * from './fullscreen-plugin';\nexport * from './types';\nexport * from './manifest';\nexport * from './actions';\nexport { initialState };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,uBAAuB;AAE7B,IAAM,WAAmD;AAAA,EAC9D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,YAAY;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,EACX;AACF;;;ACfA,kBAAiF;;;ACE1E,IAAM,iBAAiB;AASvB,SAAS,cAAc,SAAuC;AACnE,SAAO,EAAE,MAAM,gBAAgB,QAAQ;AACzC;;;ADTO,IAAM,mBAAN,cAA+B,uBAKpC;AAAA,EAMA,YAAY,IAAY,UAA0B;AAChD,UAAM,IAAI,QAAQ;AAJpB,SAAiB,qBAAiB,mCAAuC;AACzE,SAAiB,yBAAqB,2BAAgC;AAAA,EAItE;AAAA,EAEA,MAAM,WAAW,GAA0C;AAAA,EAAC;AAAA,EAElD,kBAAwC;AAChD,WAAO;AAAA,MACL,cAAc,MAAM,KAAK,MAAM;AAAA,MAC/B,kBAAkB,MAAM,KAAK,iBAAiB;AAAA,MAC9C,gBAAgB,MAAM,KAAK,eAAe;AAAA,MAC1C,kBAAkB,MAAM,KAAK,iBAAiB;AAAA,MAC9C,WAAW,KAAK,mBAAmB;AAAA,MACnC,eAAe,KAAK,eAAe;AAAA,IACrC;AAAA,EACF;AAAA,EAEQ,mBAAyB;AAC/B,QAAI,KAAK,MAAM,cAAc;AAC3B,WAAK,eAAe;AAAA,IACtB,OAAO;AACL,WAAK,iBAAiB;AAAA,IACxB;AAAA,EACF;AAAA,EAEQ,mBAAyB;AAC/B,SAAK,mBAAmB,KAAK,OAAO;AAAA,EACtC;AAAA,EAEQ,iBAAuB;AAC7B,SAAK,mBAAmB,KAAK,MAAM;AAAA,EACrC;AAAA,EAES,eAAe,GAAoB,UAAiC;AAC3E,SAAK,eAAe,KAAK,QAAQ;AAAA,EACnC;AAAA,EAEO,mBAAmB,cAA6B;AACrD,SAAK,SAAS,cAAc,YAAY,CAAC;AAAA,EAC3C;AAAA,EAEA,MAAM,UAAyB;AAC7B,SAAK,mBAAmB,MAAM;AAC9B,UAAM,QAAQ;AAAA,EAChB;AACF;AAxDa,iBAMK,KAAK;;;AENhB,IAAM,eAAgC;AAAA,EAC3C,cAAc;AAChB;AAEO,IAAM,UAAsD,CAAC,OAAO,WAAW;AACpF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,EAAE,GAAG,OAAO,cAAc,OAAO,QAAQ;AAAA,IAClD;AACE,aAAO;AAAA,EACX;AACF;;;ACPO,IAAM,0BAKT;AAAA,EACF;AAAA,EACA,QAAQ,CAAC,aAAa,IAAI,iBAAiB,sBAAsB,QAAQ;AAAA,EACzE;AAAA,EACA;AACF;","names":[]}

package/dist/index.d.cts

@@ -9,7 +9,9 @@ interface FullscreenCapability {
     isFullscreen: () => boolean;
     enableFullscreen: () => void;
     exitFullscreen: () => void;
+    toggleFullscreen: () => void;
     onRequest: EventHook<'enter' | 'exit'>;
+    onStateChange: EventHook<FullscreenState>;
 }
 
 declare const SET_FULLSCREEN = "SET_FULLSCREEN";
@@ -22,17 +24,24 @@ declare function setFullscreen(payload: boolean): SetFullscreenAction;
 
 declare class FullscreenPlugin extends BasePlugin<FullscreenPluginConfig, FullscreenCapability, FullscreenState, FullscreenAction> {
     static readonly id: "fullscreen";
+    private readonly onStateChange$;
     private readonly fullscreenRequest$;
     constructor(id: string, registry: PluginRegistry);
     initialize(_: FullscreenPluginConfig): Promise<void>;
     protected buildCapability(): FullscreenCapability;
+    private toggleFullscreen;
+    private enableFullscreen;
+    private exitFullscreen;
+    onStoreUpdated(_: FullscreenState, newState: FullscreenState): void;
     setFullscreenState(isFullscreen: boolean): void;
     destroy(): Promise<void>;
 }
 
+declare const initialState: FullscreenState;
+
 declare const FULLSCREEN_PLUGIN_ID = "fullscreen";
 declare const manifest: PluginManifest<FullscreenPluginConfig>;
 
 declare const FullscreenPluginPackage: PluginPackage<FullscreenPlugin, FullscreenPluginConfig, FullscreenState, FullscreenAction>;
 
-export { FULLSCREEN_PLUGIN_ID, type FullscreenAction, type FullscreenCapability, FullscreenPlugin, type FullscreenPluginConfig, FullscreenPluginPackage, type FullscreenState, SET_FULLSCREEN, type SetFullscreenAction, manifest, setFullscreen };
+export { FULLSCREEN_PLUGIN_ID, type FullscreenAction, type FullscreenCapability, FullscreenPlugin, type FullscreenPluginConfig, FullscreenPluginPackage, type FullscreenState, SET_FULLSCREEN, type SetFullscreenAction, initialState, manifest, setFullscreen };

package/dist/index.d.ts

@@ -9,7 +9,9 @@ interface FullscreenCapability {
     isFullscreen: () => boolean;
     enableFullscreen: () => void;
     exitFullscreen: () => void;
+    toggleFullscreen: () => void;
     onRequest: EventHook<'enter' | 'exit'>;
+    onStateChange: EventHook<FullscreenState>;
 }
 
 declare const SET_FULLSCREEN = "SET_FULLSCREEN";
@@ -22,17 +24,24 @@ declare function setFullscreen(payload: boolean): SetFullscreenAction;
 
 declare class FullscreenPlugin extends BasePlugin<FullscreenPluginConfig, FullscreenCapability, FullscreenState, FullscreenAction> {
     static readonly id: "fullscreen";
+    private readonly onStateChange$;
     private readonly fullscreenRequest$;
     constructor(id: string, registry: PluginRegistry);
     initialize(_: FullscreenPluginConfig): Promise<void>;
     protected buildCapability(): FullscreenCapability;
+    private toggleFullscreen;
+    private enableFullscreen;
+    private exitFullscreen;
+    onStoreUpdated(_: FullscreenState, newState: FullscreenState): void;
     setFullscreenState(isFullscreen: boolean): void;
     destroy(): Promise<void>;
 }
 
+declare const initialState: FullscreenState;
+
 declare const FULLSCREEN_PLUGIN_ID = "fullscreen";
 declare const manifest: PluginManifest<FullscreenPluginConfig>;
 
 declare const FullscreenPluginPackage: PluginPackage<FullscreenPlugin, FullscreenPluginConfig, FullscreenState, FullscreenAction>;
 
-export { FULLSCREEN_PLUGIN_ID, type FullscreenAction, type FullscreenCapability, FullscreenPlugin, type FullscreenPluginConfig, FullscreenPluginPackage, type FullscreenState, SET_FULLSCREEN, type SetFullscreenAction, manifest, setFullscreen };
+export { FULLSCREEN_PLUGIN_ID, type FullscreenAction, type FullscreenCapability, FullscreenPlugin, type FullscreenPluginConfig, FullscreenPluginPackage, type FullscreenState, SET_FULLSCREEN, type SetFullscreenAction, initialState, manifest, setFullscreen };

package/dist/index.js

@@ -13,7 +13,7 @@ var manifest = {
 };
 
 // src/lib/fullscreen-plugin.ts
-import { BasePlugin, createEmitter } from "@embedpdf/core";
+import { BasePlugin, createBehaviorEmitter, createEmitter } from "@embedpdf/core";
 
 // src/lib/actions.ts
 var SET_FULLSCREEN = "SET_FULLSCREEN";
@@ -25,6 +25,7 @@ function setFullscreen(payload) {
 var FullscreenPlugin = class extends BasePlugin {
   constructor(id, registry) {
     super(id, registry);
+    this.onStateChange$ = createBehaviorEmitter();
     this.fullscreenRequest$ = createEmitter();
   }
   async initialize(_) {
@@ -32,11 +33,29 @@ var FullscreenPlugin = class extends BasePlugin {
   buildCapability() {
     return {
       isFullscreen: () => this.state.isFullscreen,
-      enableFullscreen: () => this.fullscreenRequest$.emit("enter"),
-      exitFullscreen: () => this.fullscreenRequest$.emit("exit"),
-      onRequest: this.fullscreenRequest$.on
+      enableFullscreen: () => this.enableFullscreen(),
+      exitFullscreen: () => this.exitFullscreen(),
+      toggleFullscreen: () => this.toggleFullscreen(),
+      onRequest: this.fullscreenRequest$.on,
+      onStateChange: this.onStateChange$.on
     };
   }
+  toggleFullscreen() {
+    if (this.state.isFullscreen) {
+      this.exitFullscreen();
+    } else {
+      this.enableFullscreen();
+    }
+  }
+  enableFullscreen() {
+    this.fullscreenRequest$.emit("enter");
+  }
+  exitFullscreen() {
+    this.fullscreenRequest$.emit("exit");
+  }
+  onStoreUpdated(_, newState) {
+    this.onStateChange$.emit(newState);
+  }
   setFullscreenState(isFullscreen) {
     this.dispatch(setFullscreen(isFullscreen));
   }
@@ -72,6 +91,7 @@ export {
   FullscreenPlugin,
   FullscreenPluginPackage,
   SET_FULLSCREEN,
+  initialState,
   manifest,
   setFullscreen
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/manifest.ts","../src/lib/fullscreen-plugin.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { FullscreenPluginConfig } from './types';\n\nexport const FULLSCREEN_PLUGIN_ID = 'fullscreen';\n\nexport const manifest: PluginManifest<FullscreenPluginConfig> = {\n  id: FULLSCREEN_PLUGIN_ID,\n  name: 'Fullscreen Plugin',\n  version: '1.0.0',\n  provides: ['fullscreen'],\n  requires: [],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n  },\n};\n","import { BasePlugin, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport { FullscreenCapability, FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenAction, setFullscreen } from './actions';\n\nexport class FullscreenPlugin extends BasePlugin<\n  FullscreenPluginConfig,\n  FullscreenCapability,\n  FullscreenState,\n  FullscreenAction\n> {\n  static readonly id = 'fullscreen' as const;\n\n  private readonly fullscreenRequest$ = createEmitter<'enter' | 'exit'>();\n\n  constructor(id: string, registry: PluginRegistry) {\n    super(id, registry);\n  }\n\n  async initialize(_: FullscreenPluginConfig): Promise<void> {}\n\n  protected buildCapability(): FullscreenCapability {\n    return {\n      isFullscreen: () => this.state.isFullscreen,\n      enableFullscreen: () => this.fullscreenRequest$.emit('enter'),\n      exitFullscreen: () => this.fullscreenRequest$.emit('exit'),\n      onRequest: this.fullscreenRequest$.on,\n    };\n  }\n\n  public setFullscreenState(isFullscreen: boolean): void {\n    this.dispatch(setFullscreen(isFullscreen));\n  }\n\n  async destroy(): Promise<void> {\n    this.fullscreenRequest$.clear();\n    super.destroy();\n  }\n}\n","import { Action } from '@embedpdf/core';\n\nexport const SET_FULLSCREEN = 'SET_FULLSCREEN';\n\nexport interface SetFullscreenAction extends Action {\n  type: typeof SET_FULLSCREEN;\n  payload: boolean;\n}\n\nexport type FullscreenAction = SetFullscreenAction;\n\nexport function setFullscreen(payload: boolean): SetFullscreenAction {\n  return { type: SET_FULLSCREEN, payload };\n}\n","import { Reducer } from '@embedpdf/core';\nimport { FullscreenState } from './types';\nimport { FullscreenAction, SET_FULLSCREEN } from './actions';\n\nexport const initialState: FullscreenState = {\n  isFullscreen: false,\n};\n\nexport const reducer: Reducer<FullscreenState, FullscreenAction> = (state, action) => {\n  switch (action.type) {\n    case SET_FULLSCREEN:\n      return { ...state, isFullscreen: action.payload };\n    default:\n      return state;\n  }\n};\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, FULLSCREEN_PLUGIN_ID } from './manifest';\nimport { FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenPlugin } from './fullscreen-plugin';\nimport { initialState } from './reducer';\nimport { reducer } from './reducer';\nimport { FullscreenAction } from './actions';\n\nexport const FullscreenPluginPackage: PluginPackage<\n  FullscreenPlugin,\n  FullscreenPluginConfig,\n  FullscreenState,\n  FullscreenAction\n> = {\n  manifest,\n  create: (registry) => new FullscreenPlugin(FULLSCREEN_PLUGIN_ID, registry),\n  reducer,\n  initialState,\n};\n\nexport * from './fullscreen-plugin';\nexport * from './types';\nexport * from './manifest';\nexport * from './actions';\n"],"mappings":";AAGO,IAAM,uBAAuB;AAE7B,IAAM,WAAmD;AAAA,EAC9D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,YAAY;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,EACX;AACF;;;ACfA,SAAS,YAAY,qBAAqC;;;ACEnD,IAAM,iBAAiB;AASvB,SAAS,cAAc,SAAuC;AACnE,SAAO,EAAE,MAAM,gBAAgB,QAAQ;AACzC;;;ADTO,IAAM,mBAAN,cAA+B,WAKpC;AAAA,EAKA,YAAY,IAAY,UAA0B;AAChD,UAAM,IAAI,QAAQ;AAHpB,SAAiB,qBAAqB,cAAgC;AAAA,EAItE;AAAA,EAEA,MAAM,WAAW,GAA0C;AAAA,EAAC;AAAA,EAElD,kBAAwC;AAChD,WAAO;AAAA,MACL,cAAc,MAAM,KAAK,MAAM;AAAA,MAC/B,kBAAkB,MAAM,KAAK,mBAAmB,KAAK,OAAO;AAAA,MAC5D,gBAAgB,MAAM,KAAK,mBAAmB,KAAK,MAAM;AAAA,MACzD,WAAW,KAAK,mBAAmB;AAAA,IACrC;AAAA,EACF;AAAA,EAEO,mBAAmB,cAA6B;AACrD,SAAK,SAAS,cAAc,YAAY,CAAC;AAAA,EAC3C;AAAA,EAEA,MAAM,UAAyB;AAC7B,SAAK,mBAAmB,MAAM;AAC9B,UAAM,QAAQ;AAAA,EAChB;AACF;AAjCa,iBAMK,KAAK;;;AENhB,IAAM,eAAgC;AAAA,EAC3C,cAAc;AAChB;AAEO,IAAM,UAAsD,CAAC,OAAO,WAAW;AACpF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,EAAE,GAAG,OAAO,cAAc,OAAO,QAAQ;AAAA,IAClD;AACE,aAAO;AAAA,EACX;AACF;;;ACPO,IAAM,0BAKT;AAAA,EACF;AAAA,EACA,QAAQ,CAAC,aAAa,IAAI,iBAAiB,sBAAsB,QAAQ;AAAA,EACzE;AAAA,EACA;AACF;","names":[]}
+{"version":3,"sources":["../src/lib/manifest.ts","../src/lib/fullscreen-plugin.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { FullscreenPluginConfig } from './types';\n\nexport const FULLSCREEN_PLUGIN_ID = 'fullscreen';\n\nexport const manifest: PluginManifest<FullscreenPluginConfig> = {\n  id: FULLSCREEN_PLUGIN_ID,\n  name: 'Fullscreen Plugin',\n  version: '1.0.0',\n  provides: ['fullscreen'],\n  requires: [],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n  },\n};\n","import { BasePlugin, createBehaviorEmitter, createEmitter, PluginRegistry } from '@embedpdf/core';\nimport { FullscreenCapability, FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenAction, setFullscreen } from './actions';\n\nexport class FullscreenPlugin extends BasePlugin<\n  FullscreenPluginConfig,\n  FullscreenCapability,\n  FullscreenState,\n  FullscreenAction\n> {\n  static readonly id = 'fullscreen' as const;\n\n  private readonly onStateChange$ = createBehaviorEmitter<FullscreenState>();\n  private readonly fullscreenRequest$ = createEmitter<'enter' | 'exit'>();\n\n  constructor(id: string, registry: PluginRegistry) {\n    super(id, registry);\n  }\n\n  async initialize(_: FullscreenPluginConfig): Promise<void> {}\n\n  protected buildCapability(): FullscreenCapability {\n    return {\n      isFullscreen: () => this.state.isFullscreen,\n      enableFullscreen: () => this.enableFullscreen(),\n      exitFullscreen: () => this.exitFullscreen(),\n      toggleFullscreen: () => this.toggleFullscreen(),\n      onRequest: this.fullscreenRequest$.on,\n      onStateChange: this.onStateChange$.on,\n    };\n  }\n\n  private toggleFullscreen(): void {\n    if (this.state.isFullscreen) {\n      this.exitFullscreen();\n    } else {\n      this.enableFullscreen();\n    }\n  }\n\n  private enableFullscreen(): void {\n    this.fullscreenRequest$.emit('enter');\n  }\n\n  private exitFullscreen(): void {\n    this.fullscreenRequest$.emit('exit');\n  }\n\n  override onStoreUpdated(_: FullscreenState, newState: FullscreenState): void {\n    this.onStateChange$.emit(newState);\n  }\n\n  public setFullscreenState(isFullscreen: boolean): void {\n    this.dispatch(setFullscreen(isFullscreen));\n  }\n\n  async destroy(): Promise<void> {\n    this.fullscreenRequest$.clear();\n    super.destroy();\n  }\n}\n","import { Action } from '@embedpdf/core';\n\nexport const SET_FULLSCREEN = 'SET_FULLSCREEN';\n\nexport interface SetFullscreenAction extends Action {\n  type: typeof SET_FULLSCREEN;\n  payload: boolean;\n}\n\nexport type FullscreenAction = SetFullscreenAction;\n\nexport function setFullscreen(payload: boolean): SetFullscreenAction {\n  return { type: SET_FULLSCREEN, payload };\n}\n","import { Reducer } from '@embedpdf/core';\nimport { FullscreenState } from './types';\nimport { FullscreenAction, SET_FULLSCREEN } from './actions';\n\nexport const initialState: FullscreenState = {\n  isFullscreen: false,\n};\n\nexport const reducer: Reducer<FullscreenState, FullscreenAction> = (state, action) => {\n  switch (action.type) {\n    case SET_FULLSCREEN:\n      return { ...state, isFullscreen: action.payload };\n    default:\n      return state;\n  }\n};\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, FULLSCREEN_PLUGIN_ID } from './manifest';\nimport { FullscreenPluginConfig, FullscreenState } from './types';\nimport { FullscreenPlugin } from './fullscreen-plugin';\nimport { initialState } from './reducer';\nimport { reducer } from './reducer';\nimport { FullscreenAction } from './actions';\n\nexport const FullscreenPluginPackage: PluginPackage<\n  FullscreenPlugin,\n  FullscreenPluginConfig,\n  FullscreenState,\n  FullscreenAction\n> = {\n  manifest,\n  create: (registry) => new FullscreenPlugin(FULLSCREEN_PLUGIN_ID, registry),\n  reducer,\n  initialState,\n};\n\nexport * from './fullscreen-plugin';\nexport * from './types';\nexport * from './manifest';\nexport * from './actions';\nexport { initialState };\n"],"mappings":";AAGO,IAAM,uBAAuB;AAE7B,IAAM,WAAmD;AAAA,EAC9D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,YAAY;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,EACX;AACF;;;ACfA,SAAS,YAAY,uBAAuB,qBAAqC;;;ACE1E,IAAM,iBAAiB;AASvB,SAAS,cAAc,SAAuC;AACnE,SAAO,EAAE,MAAM,gBAAgB,QAAQ;AACzC;;;ADTO,IAAM,mBAAN,cAA+B,WAKpC;AAAA,EAMA,YAAY,IAAY,UAA0B;AAChD,UAAM,IAAI,QAAQ;AAJpB,SAAiB,iBAAiB,sBAAuC;AACzE,SAAiB,qBAAqB,cAAgC;AAAA,EAItE;AAAA,EAEA,MAAM,WAAW,GAA0C;AAAA,EAAC;AAAA,EAElD,kBAAwC;AAChD,WAAO;AAAA,MACL,cAAc,MAAM,KAAK,MAAM;AAAA,MAC/B,kBAAkB,MAAM,KAAK,iBAAiB;AAAA,MAC9C,gBAAgB,MAAM,KAAK,eAAe;AAAA,MAC1C,kBAAkB,MAAM,KAAK,iBAAiB;AAAA,MAC9C,WAAW,KAAK,mBAAmB;AAAA,MACnC,eAAe,KAAK,eAAe;AAAA,IACrC;AAAA,EACF;AAAA,EAEQ,mBAAyB;AAC/B,QAAI,KAAK,MAAM,cAAc;AAC3B,WAAK,eAAe;AAAA,IACtB,OAAO;AACL,WAAK,iBAAiB;AAAA,IACxB;AAAA,EACF;AAAA,EAEQ,mBAAyB;AAC/B,SAAK,mBAAmB,KAAK,OAAO;AAAA,EACtC;AAAA,EAEQ,iBAAuB;AAC7B,SAAK,mBAAmB,KAAK,MAAM;AAAA,EACrC;AAAA,EAES,eAAe,GAAoB,UAAiC;AAC3E,SAAK,eAAe,KAAK,QAAQ;AAAA,EACnC;AAAA,EAEO,mBAAmB,cAA6B;AACrD,SAAK,SAAS,cAAc,YAAY,CAAC;AAAA,EAC3C;AAAA,EAEA,MAAM,UAAyB;AAC7B,SAAK,mBAAmB,MAAM;AAC9B,UAAM,QAAQ;AAAA,EAChB;AACF;AAxDa,iBAMK,KAAK;;;AENhB,IAAM,eAAgC;AAAA,EAC3C,cAAc;AAChB;AAEO,IAAM,UAAsD,CAAC,OAAO,WAAW;AACpF,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,EAAE,GAAG,OAAO,cAAc,OAAO,QAAQ;AAAA,IAClD;AACE,aAAO;AAAA,EACX;AACF;;;ACPO,IAAM,0BAKT;AAAA,EACF;AAAA,EACA,QAAQ,CAAC,aAAa,IAAI,iBAAiB,sBAAsB,QAAQ;AAAA,EACzE;AAAA,EACA;AACF;","names":[]}

package/dist/preact/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var preact_exports = {};
 __export(preact_exports, {
   FullscreenProvider: () => FullscreenProvider,
+  useFullscreen: () => useFullscreen,
   useFullscreenCapability: () => useFullscreenCapability,
   useFullscreenPlugin: () => useFullscreenPlugin
 });
@@ -29,17 +30,31 @@ module.exports = __toCommonJS(preact_exports);
 // src/preact/hooks/use-fullscreen.ts
 var import_preact = require("@embedpdf/core/preact");
 var import_plugin_fullscreen = require("@embedpdf/plugin-fullscreen");
+var import_hooks = require("preact/hooks");
 var useFullscreenPlugin = () => (0, import_preact.usePlugin)(import_plugin_fullscreen.FullscreenPlugin.id);
 var useFullscreenCapability = () => (0, import_preact.useCapability)(import_plugin_fullscreen.FullscreenPlugin.id);
+var useFullscreen = () => {
+  const { provides } = useFullscreenCapability();
+  const [state, setState] = (0, import_hooks.useState)(import_plugin_fullscreen.initialState);
+  (0, import_hooks.useEffect)(() => {
+    return provides?.onStateChange((state2) => {
+      setState(state2);
+    });
+  }, [provides]);
+  return {
+    provides,
+    state
+  };
+};
 
 // src/preact/components/fullscreen.tsx
-var import_hooks = require("preact/hooks");
+var import_hooks2 = require("preact/hooks");
 var import_jsx_runtime = require("preact/jsx-runtime");
 function FullscreenProvider({ children, ...props }) {
   const { provides: fullscreenCapability } = useFullscreenCapability();
   const { plugin } = useFullscreenPlugin();
-  const ref = (0, import_hooks.useRef)(null);
-  (0, import_hooks.useEffect)(() => {
+  const ref = (0, import_hooks2.useRef)(null);
+  (0, import_hooks2.useEffect)(() => {
     if (!fullscreenCapability) return;
     const unsub = fullscreenCapability.onRequest(async (action) => {
       if (action === "enter") {
@@ -51,7 +66,7 @@ function FullscreenProvider({ children, ...props }) {
     });
     return unsub;
   }, [fullscreenCapability]);
-  (0, import_hooks.useEffect)(() => {
+  (0, import_hooks2.useEffect)(() => {
     if (!plugin) return;
     const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);
     document.addEventListener("fullscreenchange", handler);
@@ -70,6 +85,7 @@ function FullscreenProvider({ children, ...props }) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FullscreenProvider,
+  useFullscreen,
   useFullscreenCapability,
   useFullscreenPlugin
 });

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preact/index.ts","../../src/preact/hooks/use-fullscreen.ts","../../src/preact/components/fullscreen.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n","/** @jsxImportSource preact */\nimport { setFullscreen } from '@embedpdf/plugin-fullscreen';\nimport { ComponentChildren, JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ComponentChildren;\n  style?: JSX.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAyC;AACzC,+BAAiC;AAE1B,IAAM,sBAAsB,UAAM,yBAA4B,0CAAiB,EAAE;AACjF,IAAM,0BAA0B,UAAM,6BAAgC,0CAAiB,EAAE;;;ACDhG,mBAAkC;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,UAAM,qBAAuB,IAAI;AAEvC,8BAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,8BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/preact/index.ts","../../src/preact/hooks/use-fullscreen.ts","../../src/preact/components/fullscreen.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from 'preact/hooks';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","/** @jsxImportSource preact */\nimport { setFullscreen } from '@embedpdf/plugin-fullscreen';\nimport { ComponentChildren, JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ComponentChildren;\n  style?: JSX.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAyC;AACzC,+BAAgE;AAChE,mBAAoC;AAE7B,IAAM,sBAAsB,UAAM,yBAA4B,0CAAiB,EAAE;AACjF,IAAM,0BAA0B,UAAM,6BAAgC,0CAAiB,EAAE;AAEzF,IAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA0B,qCAAY;AAEhE,8BAAU,MAAM;AACd,WAAO,UAAU,cAAc,CAACA,WAAU;AACxC,eAASA,MAAK;AAAA,IAChB,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;AClBA,IAAAC,gBAAkC;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,UAAM,sBAAuB,IAAI;AAEvC,+BAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,+BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":["state","import_hooks"]}

package/dist/preact/index.d.cts

@@ -1,5 +1,5 @@
 import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
-import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
+import { FullscreenPlugin, FullscreenState } from '@embedpdf/plugin-fullscreen';
 import { JSX, ComponentChildren } from 'preact';
 
 declare const useFullscreenPlugin: () => {
@@ -12,6 +12,10 @@ declare const useFullscreenCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
+declare const useFullscreen: () => {
+    provides: Readonly<_embedpdf_plugin_fullscreen.FullscreenCapability> | null;
+    state: FullscreenState;
+};
 
 type FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'> & {
     children: ComponentChildren;
@@ -19,4 +23,4 @@ type FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'>
 };
 declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): JSX.Element;
 
-export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
+export { FullscreenProvider, useFullscreen, useFullscreenCapability, useFullscreenPlugin };

package/dist/preact/index.d.ts

@@ -1,5 +1,5 @@
 import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
-import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
+import { FullscreenPlugin, FullscreenState } from '@embedpdf/plugin-fullscreen';
 import { JSX, ComponentChildren } from 'preact';
 
 declare const useFullscreenPlugin: () => {
@@ -12,6 +12,10 @@ declare const useFullscreenCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
+declare const useFullscreen: () => {
+    provides: Readonly<_embedpdf_plugin_fullscreen.FullscreenCapability> | null;
+    state: FullscreenState;
+};
 
 type FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'> & {
     children: ComponentChildren;
@@ -19,4 +23,4 @@ type FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'>
 };
 declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): JSX.Element;
 
-export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
+export { FullscreenProvider, useFullscreen, useFullscreenCapability, useFullscreenPlugin };

package/dist/preact/index.js

@@ -1,17 +1,31 @@
 // src/preact/hooks/use-fullscreen.ts
 import { useCapability, usePlugin } from "@embedpdf/core/preact";
-import { FullscreenPlugin } from "@embedpdf/plugin-fullscreen";
+import { FullscreenPlugin, initialState } from "@embedpdf/plugin-fullscreen";
+import { useState, useEffect } from "preact/hooks";
 var useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
 var useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
+var useFullscreen = () => {
+  const { provides } = useFullscreenCapability();
+  const [state, setState] = useState(initialState);
+  useEffect(() => {
+    return provides?.onStateChange((state2) => {
+      setState(state2);
+    });
+  }, [provides]);
+  return {
+    provides,
+    state
+  };
+};
 
 // src/preact/components/fullscreen.tsx
-import { useEffect, useRef } from "preact/hooks";
+import { useEffect as useEffect2, useRef } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 function FullscreenProvider({ children, ...props }) {
   const { provides: fullscreenCapability } = useFullscreenCapability();
   const { plugin } = useFullscreenPlugin();
   const ref = useRef(null);
-  useEffect(() => {
+  useEffect2(() => {
     if (!fullscreenCapability) return;
     const unsub = fullscreenCapability.onRequest(async (action) => {
       if (action === "enter") {
@@ -23,7 +37,7 @@ function FullscreenProvider({ children, ...props }) {
     });
     return unsub;
   }, [fullscreenCapability]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!plugin) return;
     const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);
     document.addEventListener("fullscreenchange", handler);
@@ -41,6 +55,7 @@ function FullscreenProvider({ children, ...props }) {
 }
 export {
   FullscreenProvider,
+  useFullscreen,
   useFullscreenCapability,
   useFullscreenPlugin
 };

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preact/hooks/use-fullscreen.ts","../../src/preact/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n","/** @jsxImportSource preact */\nimport { setFullscreen } from '@embedpdf/plugin-fullscreen';\nimport { ComponentChildren, JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ComponentChildren;\n  style?: JSX.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,wBAAwB;AAE1B,IAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,IAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;;;ACDhG,SAAS,WAAW,cAAc;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/preact/hooks/use-fullscreen.ts","../../src/preact/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/preact';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from 'preact/hooks';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","/** @jsxImportSource preact */\nimport { setFullscreen } from '@embedpdf/plugin-fullscreen';\nimport { ComponentChildren, JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: ComponentChildren;\n  style?: JSX.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kBAAmC,oBAAoB;AAChE,SAAS,UAAU,iBAAiB;AAE7B,IAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,IAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;AAEzF,IAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,YAAY;AAEhE,YAAU,MAAM;AACd,WAAO,UAAU,cAAc,CAACA,WAAU;AACxC,eAASA,MAAK;AAAA,IAChB,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;AClBA,SAAS,aAAAC,YAAW,cAAc;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,MAAM,OAAuB,IAAI;AAEvC,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,EAAAA,WAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":["state","useEffect","useEffect"]}

package/dist/react/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var react_exports = {};
 __export(react_exports, {
   FullscreenProvider: () => FullscreenProvider,
+  useFullscreen: () => useFullscreen,
   useFullscreenCapability: () => useFullscreenCapability,
   useFullscreenPlugin: () => useFullscreenPlugin
 });
@@ -29,17 +30,31 @@ module.exports = __toCommonJS(react_exports);
 // src/react/hooks/use-fullscreen.ts
 var import_react = require("@embedpdf/core/react");
 var import_plugin_fullscreen = require("@embedpdf/plugin-fullscreen");
+var import_react2 = require("react");
 var useFullscreenPlugin = () => (0, import_react.usePlugin)(import_plugin_fullscreen.FullscreenPlugin.id);
 var useFullscreenCapability = () => (0, import_react.useCapability)(import_plugin_fullscreen.FullscreenPlugin.id);
+var useFullscreen = () => {
+  const { provides } = useFullscreenCapability();
+  const [state, setState] = (0, import_react2.useState)(import_plugin_fullscreen.initialState);
+  (0, import_react2.useEffect)(() => {
+    return provides?.onStateChange((state2) => {
+      setState(state2);
+    });
+  }, [provides]);
+  return {
+    provides,
+    state
+  };
+};
 
 // src/react/components/fullscreen.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function FullscreenProvider({ children, ...props }) {
   const { provides: fullscreenCapability } = useFullscreenCapability();
   const { plugin } = useFullscreenPlugin();
-  const ref = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
+  const ref = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
     if (!fullscreenCapability) return;
     const unsub = fullscreenCapability.onRequest(async (action) => {
       if (action === "enter") {
@@ -51,7 +66,7 @@ function FullscreenProvider({ children, ...props }) {
     });
     return unsub;
   }, [fullscreenCapability]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!plugin) return;
     const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);
     document.addEventListener("fullscreenchange", handler);
@@ -70,6 +85,7 @@ function FullscreenProvider({ children, ...props }) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FullscreenProvider,
+  useFullscreen,
   useFullscreenCapability,
   useFullscreenPlugin
 });

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/index.ts","../../src/react/hooks/use-fullscreen.ts","../../src/react/components/fullscreen.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n","import { useEffect, useRef } from 'react';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAyC;AACzC,+BAAiC;AAE1B,IAAM,sBAAsB,UAAM,wBAA4B,0CAAiB,EAAE;AACjF,IAAM,0BAA0B,UAAM,4BAAgC,0CAAiB,EAAE;;;ACJhG,IAAAA,gBAAkC;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,UAAM,sBAAuB,IAAI;AAEvC,+BAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,+BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":["import_react"]}
+{"version":3,"sources":["../../src/react/index.ts","../../src/react/hooks/use-fullscreen.ts","../../src/react/components/fullscreen.tsx"],"sourcesContent":["export * from './hooks';\nexport * from './components';\n","import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from 'react';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef } from 'react';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAyC;AACzC,+BAAgE;AAChE,IAAAA,gBAAoC;AAE7B,IAAM,sBAAsB,UAAM,wBAA4B,0CAAiB,EAAE;AACjF,IAAM,0BAA0B,UAAM,4BAAgC,0CAAiB,EAAE;AAEzF,IAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAA0B,qCAAY;AAEhE,+BAAU,MAAM;AACd,WAAO,UAAU,cAAc,CAACC,WAAU;AACxC,eAASA,MAAK;AAAA,IAChB,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;ACrBA,IAAAC,gBAAkC;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,UAAM,sBAAuB,IAAI;AAEvC,+BAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,+BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":["import_react","state","import_react"]}

package/dist/react/index.d.cts

@@ -1,5 +1,5 @@
 import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
-import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
+import { FullscreenPlugin, FullscreenState } from '@embedpdf/plugin-fullscreen';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare const useFullscreenPlugin: () => {
@@ -12,6 +12,10 @@ declare const useFullscreenCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
+declare const useFullscreen: () => {
+    provides: Readonly<_embedpdf_plugin_fullscreen.FullscreenCapability> | null;
+    state: FullscreenState;
+};
 
 type FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> & {
     children: React.ReactNode;
@@ -19,4 +23,4 @@ type FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style
 };
 declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): react_jsx_runtime.JSX.Element;
 
-export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
+export { FullscreenProvider, useFullscreen, useFullscreenCapability, useFullscreenPlugin };

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
 import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
-import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
+import { FullscreenPlugin, FullscreenState } from '@embedpdf/plugin-fullscreen';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare const useFullscreenPlugin: () => {
@@ -12,6 +12,10 @@ declare const useFullscreenCapability: () => {
     isLoading: boolean;
     ready: Promise<void>;
 };
+declare const useFullscreen: () => {
+    provides: Readonly<_embedpdf_plugin_fullscreen.FullscreenCapability> | null;
+    state: FullscreenState;
+};
 
 type FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> & {
     children: React.ReactNode;
@@ -19,4 +23,4 @@ type FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style
 };
 declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): react_jsx_runtime.JSX.Element;
 
-export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
+export { FullscreenProvider, useFullscreen, useFullscreenCapability, useFullscreenPlugin };

package/dist/react/index.js

@@ -1,17 +1,31 @@
 // src/react/hooks/use-fullscreen.ts
 import { useCapability, usePlugin } from "@embedpdf/core/react";
-import { FullscreenPlugin } from "@embedpdf/plugin-fullscreen";
+import { FullscreenPlugin, initialState } from "@embedpdf/plugin-fullscreen";
+import { useState, useEffect } from "react";
 var useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
 var useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
+var useFullscreen = () => {
+  const { provides } = useFullscreenCapability();
+  const [state, setState] = useState(initialState);
+  useEffect(() => {
+    return provides?.onStateChange((state2) => {
+      setState(state2);
+    });
+  }, [provides]);
+  return {
+    provides,
+    state
+  };
+};
 
 // src/react/components/fullscreen.tsx
-import { useEffect, useRef } from "react";
+import { useEffect as useEffect2, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 function FullscreenProvider({ children, ...props }) {
   const { provides: fullscreenCapability } = useFullscreenCapability();
   const { plugin } = useFullscreenPlugin();
   const ref = useRef(null);
-  useEffect(() => {
+  useEffect2(() => {
     if (!fullscreenCapability) return;
     const unsub = fullscreenCapability.onRequest(async (action) => {
       if (action === "enter") {
@@ -23,7 +37,7 @@ function FullscreenProvider({ children, ...props }) {
     });
     return unsub;
   }, [fullscreenCapability]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!plugin) return;
     const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);
     document.addEventListener("fullscreenchange", handler);
@@ -41,6 +55,7 @@ function FullscreenProvider({ children, ...props }) {
 }
 export {
   FullscreenProvider,
+  useFullscreen,
   useFullscreenCapability,
   useFullscreenPlugin
 };

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/hooks/use-fullscreen.ts","../../src/react/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n","import { useEffect, useRef } from 'react';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,wBAAwB;AAE1B,IAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,IAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;;;ACJhG,SAAS,WAAW,cAAc;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,MAAM,OAAuB,IAAI;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/react/hooks/use-fullscreen.ts","../../src/react/components/fullscreen.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/react';\nimport { FullscreenPlugin, FullscreenState, initialState } from '@embedpdf/plugin-fullscreen';\nimport { useState, useEffect } from 'react';\n\nexport const useFullscreenPlugin = () => usePlugin<FullscreenPlugin>(FullscreenPlugin.id);\nexport const useFullscreenCapability = () => useCapability<FullscreenPlugin>(FullscreenPlugin.id);\n\nexport const useFullscreen = () => {\n  const { provides } = useFullscreenCapability();\n  const [state, setState] = useState<FullscreenState>(initialState);\n\n  useEffect(() => {\n    return provides?.onStateChange((state) => {\n      setState(state);\n    });\n  }, [provides]);\n\n  return {\n    provides,\n    state,\n  };\n};\n","import { useEffect, useRef } from 'react';\n\nimport { useFullscreenPlugin, useFullscreenCapability } from '../hooks';\n\ntype FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> & {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\nexport function FullscreenProvider({ children, ...props }: FullscreenProviderProps) {\n  const { provides: fullscreenCapability } = useFullscreenCapability();\n  const { plugin } = useFullscreenPlugin();\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!fullscreenCapability) return;\n\n    const unsub = fullscreenCapability.onRequest(async (action) => {\n      if (action === 'enter') {\n        const el = ref.current;\n        if (el && !document.fullscreenElement) await el.requestFullscreen();\n      } else {\n        if (document.fullscreenElement) await document.exitFullscreen();\n      }\n    });\n\n    return unsub;\n  }, [fullscreenCapability]);\n\n  useEffect(() => {\n    if (!plugin) return;\n    const handler = () => plugin.setFullscreenState(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handler);\n    return () => document.removeEventListener('fullscreenchange', handler);\n  }, [plugin]);\n\n  return (\n    <div\n      {...props}\n      style={{ position: 'relative', width: '100%', height: '100%', ...props.style }}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,kBAAmC,oBAAoB;AAChE,SAAS,UAAU,iBAAiB;AAE7B,IAAM,sBAAsB,MAAM,UAA4B,iBAAiB,EAAE;AACjF,IAAM,0BAA0B,MAAM,cAAgC,iBAAiB,EAAE;AAEzF,IAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,SAAS,IAAI,wBAAwB;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,YAAY;AAEhE,YAAU,MAAM;AACd,WAAO,UAAU,cAAc,CAACA,WAAU;AACxC,eAASA,MAAK;AAAA,IAChB,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;ACrBA,SAAS,aAAAC,YAAW,cAAc;AAqC9B;AA5BG,SAAS,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAA4B;AAClF,QAAM,EAAE,UAAU,qBAAqB,IAAI,wBAAwB;AACnE,QAAM,EAAE,OAAO,IAAI,oBAAoB;AACvC,QAAM,MAAM,OAAuB,IAAI;AAEvC,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,qBAAsB;AAE3B,UAAM,QAAQ,qBAAqB,UAAU,OAAO,WAAW;AAC7D,UAAI,WAAW,SAAS;AACtB,cAAM,KAAK,IAAI;AACf,YAAI,MAAM,CAAC,SAAS,kBAAmB,OAAM,GAAG,kBAAkB;AAAA,MACpE,OAAO;AACL,YAAI,SAAS,kBAAmB,OAAM,SAAS,eAAe;AAAA,MAChE;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,EAAAA,WAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,MAAM,OAAO,mBAAmB,CAAC,CAAC,SAAS,iBAAiB;AAC5E,aAAS,iBAAiB,oBAAoB,OAAO;AACrD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,OAAO;AAAA,EACvE,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAAA,MAC7E;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":["state","useEffect","useEffect"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-fullscreen",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -27,14 +27,14 @@
     "@types/react": "^18.2.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@embedpdf/models": "1.0.1",
-    "@embedpdf/plugin-loader": "1.0.1"
+    "@embedpdf/models": "1.0.3",
+    "@embedpdf/plugin-loader": "1.0.3"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
-    "@embedpdf/core": "1.0.1"
+    "@embedpdf/core": "1.0.3"
   },
   "files": [
     "dist",