@embedpdf/plugin-fullscreen 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/preact/index.cjs +6 -6
- package/dist/preact/index.cjs.map +1 -1
- package/dist/preact/index.d.cts +2 -2
- package/dist/preact/index.d.ts +2 -2
- package/dist/preact/index.js +4 -4
- package/dist/preact/index.js.map +1 -1
- package/dist/react/index.cjs +6 -6
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.d.cts +2 -2
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +4 -4
- package/dist/react/index.js.map +1 -1
- package/package.json +4 -4
package/dist/preact/index.cjs
CHANGED
|
@@ -21,15 +21,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
21
21
|
var preact_exports = {};
|
|
22
22
|
__export(preact_exports, {
|
|
23
23
|
FullscreenProvider: () => FullscreenProvider,
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
useFullscreenCapability: () => useFullscreenCapability,
|
|
25
|
+
useFullscreenPlugin: () => useFullscreenPlugin
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(preact_exports);
|
|
28
28
|
|
|
29
29
|
// src/preact/hooks/use-fullscreen.ts
|
|
30
30
|
var import_preact = require("@embedpdf/core/preact");
|
|
31
31
|
var import_plugin_fullscreen = require("@embedpdf/plugin-fullscreen");
|
|
32
|
-
var
|
|
32
|
+
var useFullscreenPlugin = () => (0, import_preact.usePlugin)(import_plugin_fullscreen.FullscreenPlugin.id);
|
|
33
33
|
var useFullscreenCapability = () => (0, import_preact.useCapability)(import_plugin_fullscreen.FullscreenPlugin.id);
|
|
34
34
|
|
|
35
35
|
// src/preact/components/fullscreen.tsx
|
|
@@ -37,7 +37,7 @@ var import_hooks = require("preact/hooks");
|
|
|
37
37
|
var import_jsx_runtime = require("preact/jsx-runtime");
|
|
38
38
|
function FullscreenProvider({ children, ...props }) {
|
|
39
39
|
const { provides: fullscreenCapability } = useFullscreenCapability();
|
|
40
|
-
const { plugin } =
|
|
40
|
+
const { plugin } = useFullscreenPlugin();
|
|
41
41
|
const ref = (0, import_hooks.useRef)(null);
|
|
42
42
|
(0, import_hooks.useEffect)(() => {
|
|
43
43
|
if (!fullscreenCapability) return;
|
|
@@ -70,7 +70,7 @@ function FullscreenProvider({ children, ...props }) {
|
|
|
70
70
|
// Annotate the CommonJS export names for ESM import in node:
|
|
71
71
|
0 && (module.exports = {
|
|
72
72
|
FullscreenProvider,
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
useFullscreenCapability,
|
|
74
|
+
useFullscreenPlugin
|
|
75
75
|
});
|
|
76
76
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +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
|
|
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":[]}
|
package/dist/preact/index.d.cts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
|
|
|
2
2
|
import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
|
|
3
3
|
import { JSX, ComponentChildren } from 'preact';
|
|
4
4
|
|
|
5
|
-
declare const
|
|
5
|
+
declare const useFullscreenPlugin: () => {
|
|
6
6
|
plugin: FullscreenPlugin | null;
|
|
7
7
|
isLoading: boolean;
|
|
8
8
|
ready: Promise<void>;
|
|
@@ -19,4 +19,4 @@ type FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'>
|
|
|
19
19
|
};
|
|
20
20
|
declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): JSX.Element;
|
|
21
21
|
|
|
22
|
-
export { FullscreenProvider,
|
|
22
|
+
export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
|
package/dist/preact/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
|
|
|
2
2
|
import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
|
|
3
3
|
import { JSX, ComponentChildren } from 'preact';
|
|
4
4
|
|
|
5
|
-
declare const
|
|
5
|
+
declare const useFullscreenPlugin: () => {
|
|
6
6
|
plugin: FullscreenPlugin | null;
|
|
7
7
|
isLoading: boolean;
|
|
8
8
|
ready: Promise<void>;
|
|
@@ -19,4 +19,4 @@ type FullscreenProviderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'style'>
|
|
|
19
19
|
};
|
|
20
20
|
declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): JSX.Element;
|
|
21
21
|
|
|
22
|
-
export { FullscreenProvider,
|
|
22
|
+
export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
|
package/dist/preact/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// src/preact/hooks/use-fullscreen.ts
|
|
2
2
|
import { useCapability, usePlugin } from "@embedpdf/core/preact";
|
|
3
3
|
import { FullscreenPlugin } from "@embedpdf/plugin-fullscreen";
|
|
4
|
-
var
|
|
4
|
+
var useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
|
|
5
5
|
var useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
|
|
6
6
|
|
|
7
7
|
// src/preact/components/fullscreen.tsx
|
|
@@ -9,7 +9,7 @@ import { useEffect, useRef } from "preact/hooks";
|
|
|
9
9
|
import { jsx } from "preact/jsx-runtime";
|
|
10
10
|
function FullscreenProvider({ children, ...props }) {
|
|
11
11
|
const { provides: fullscreenCapability } = useFullscreenCapability();
|
|
12
|
-
const { plugin } =
|
|
12
|
+
const { plugin } = useFullscreenPlugin();
|
|
13
13
|
const ref = useRef(null);
|
|
14
14
|
useEffect(() => {
|
|
15
15
|
if (!fullscreenCapability) return;
|
|
@@ -41,7 +41,7 @@ function FullscreenProvider({ children, ...props }) {
|
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
FullscreenProvider,
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
useFullscreenCapability,
|
|
45
|
+
useFullscreenPlugin
|
|
46
46
|
};
|
|
47
47
|
//# sourceMappingURL=index.js.map
|
package/dist/preact/index.js.map
CHANGED
|
@@ -1 +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
|
|
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":[]}
|
package/dist/react/index.cjs
CHANGED
|
@@ -21,15 +21,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
21
21
|
var react_exports = {};
|
|
22
22
|
__export(react_exports, {
|
|
23
23
|
FullscreenProvider: () => FullscreenProvider,
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
useFullscreenCapability: () => useFullscreenCapability,
|
|
25
|
+
useFullscreenPlugin: () => useFullscreenPlugin
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(react_exports);
|
|
28
28
|
|
|
29
29
|
// src/react/hooks/use-fullscreen.ts
|
|
30
30
|
var import_react = require("@embedpdf/core/react");
|
|
31
31
|
var import_plugin_fullscreen = require("@embedpdf/plugin-fullscreen");
|
|
32
|
-
var
|
|
32
|
+
var useFullscreenPlugin = () => (0, import_react.usePlugin)(import_plugin_fullscreen.FullscreenPlugin.id);
|
|
33
33
|
var useFullscreenCapability = () => (0, import_react.useCapability)(import_plugin_fullscreen.FullscreenPlugin.id);
|
|
34
34
|
|
|
35
35
|
// src/react/components/fullscreen.tsx
|
|
@@ -37,7 +37,7 @@ var import_react2 = require("react");
|
|
|
37
37
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
38
|
function FullscreenProvider({ children, ...props }) {
|
|
39
39
|
const { provides: fullscreenCapability } = useFullscreenCapability();
|
|
40
|
-
const { plugin } =
|
|
40
|
+
const { plugin } = useFullscreenPlugin();
|
|
41
41
|
const ref = (0, import_react2.useRef)(null);
|
|
42
42
|
(0, import_react2.useEffect)(() => {
|
|
43
43
|
if (!fullscreenCapability) return;
|
|
@@ -70,7 +70,7 @@ function FullscreenProvider({ children, ...props }) {
|
|
|
70
70
|
// Annotate the CommonJS export names for ESM import in node:
|
|
71
71
|
0 && (module.exports = {
|
|
72
72
|
FullscreenProvider,
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
useFullscreenCapability,
|
|
74
|
+
useFullscreenPlugin
|
|
75
75
|
});
|
|
76
76
|
//# sourceMappingURL=index.cjs.map
|
package/dist/react/index.cjs.map
CHANGED
|
@@ -1 +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
|
|
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"]}
|
package/dist/react/index.d.cts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
|
|
|
2
2
|
import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
|
-
declare const
|
|
5
|
+
declare const useFullscreenPlugin: () => {
|
|
6
6
|
plugin: FullscreenPlugin | null;
|
|
7
7
|
isLoading: boolean;
|
|
8
8
|
ready: Promise<void>;
|
|
@@ -19,4 +19,4 @@ type FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style
|
|
|
19
19
|
};
|
|
20
20
|
declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): react_jsx_runtime.JSX.Element;
|
|
21
21
|
|
|
22
|
-
export { FullscreenProvider,
|
|
22
|
+
export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
|
package/dist/react/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _embedpdf_plugin_fullscreen from '@embedpdf/plugin-fullscreen';
|
|
|
2
2
|
import { FullscreenPlugin } from '@embedpdf/plugin-fullscreen';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
|
-
declare const
|
|
5
|
+
declare const useFullscreenPlugin: () => {
|
|
6
6
|
plugin: FullscreenPlugin | null;
|
|
7
7
|
isLoading: boolean;
|
|
8
8
|
ready: Promise<void>;
|
|
@@ -19,4 +19,4 @@ type FullscreenProviderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'style
|
|
|
19
19
|
};
|
|
20
20
|
declare function FullscreenProvider({ children, ...props }: FullscreenProviderProps): react_jsx_runtime.JSX.Element;
|
|
21
21
|
|
|
22
|
-
export { FullscreenProvider,
|
|
22
|
+
export { FullscreenProvider, useFullscreenCapability, useFullscreenPlugin };
|
package/dist/react/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// src/react/hooks/use-fullscreen.ts
|
|
2
2
|
import { useCapability, usePlugin } from "@embedpdf/core/react";
|
|
3
3
|
import { FullscreenPlugin } from "@embedpdf/plugin-fullscreen";
|
|
4
|
-
var
|
|
4
|
+
var useFullscreenPlugin = () => usePlugin(FullscreenPlugin.id);
|
|
5
5
|
var useFullscreenCapability = () => useCapability(FullscreenPlugin.id);
|
|
6
6
|
|
|
7
7
|
// src/react/components/fullscreen.tsx
|
|
@@ -9,7 +9,7 @@ import { useEffect, useRef } from "react";
|
|
|
9
9
|
import { jsx } from "react/jsx-runtime";
|
|
10
10
|
function FullscreenProvider({ children, ...props }) {
|
|
11
11
|
const { provides: fullscreenCapability } = useFullscreenCapability();
|
|
12
|
-
const { plugin } =
|
|
12
|
+
const { plugin } = useFullscreenPlugin();
|
|
13
13
|
const ref = useRef(null);
|
|
14
14
|
useEffect(() => {
|
|
15
15
|
if (!fullscreenCapability) return;
|
|
@@ -41,7 +41,7 @@ function FullscreenProvider({ children, ...props }) {
|
|
|
41
41
|
}
|
|
42
42
|
export {
|
|
43
43
|
FullscreenProvider,
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
useFullscreenCapability,
|
|
45
|
+
useFullscreenPlugin
|
|
46
46
|
};
|
|
47
47
|
//# sourceMappingURL=index.js.map
|
package/dist/react/index.js.map
CHANGED
|
@@ -1 +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
|
|
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":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@embedpdf/plugin-fullscreen",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
"@types/react": "^18.2.0",
|
|
28
28
|
"tsup": "^8.0.0",
|
|
29
29
|
"typescript": "^5.0.0",
|
|
30
|
-
"@embedpdf/
|
|
31
|
-
"@embedpdf/
|
|
30
|
+
"@embedpdf/models": "1.0.1",
|
|
31
|
+
"@embedpdf/plugin-loader": "1.0.1"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": ">=16.8.0",
|
|
35
35
|
"react-dom": ">=16.8.0",
|
|
36
36
|
"preact": "^10.26.4",
|
|
37
|
-
"@embedpdf/core": "1.0.
|
|
37
|
+
"@embedpdf/core": "1.0.1"
|
|
38
38
|
},
|
|
39
39
|
"files": [
|
|
40
40
|
"dist",
|