@cocreate/fullscreen 1.11.2 → 1.12.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +1 -1
  3. package/prettier.config.js +16 -0
  4. package/src/index.js +76 -83
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## [1.12.1](https://github.com/CoCreate-app/CoCreate-fullscreen/compare/v1.12.0...v1.12.1) (2024-12-14)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * default target is documentElement ([df0cdd8](https://github.com/CoCreate-app/CoCreate-fullscreen/commit/df0cdd8503d2bb3af59fb01496d551000ffd0dac))
7
+
8
+ # [1.12.0](https://github.com/CoCreate-app/CoCreate-fullscreen/compare/v1.11.2...v1.12.0) (2024-11-04)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * observer taget has been renamed to selector ([e88dde8](https://github.com/CoCreate-app/CoCreate-fullscreen/commit/e88dde860318429de3a246227b41bf352e6be0a1))
14
+ * pretier.config.js and file formating ([5fe15e4](https://github.com/CoCreate-app/CoCreate-fullscreen/commit/5fe15e4e3075a9b2bbf0737c8d861b73f2985fb9))
15
+
16
+
17
+ ### Features
18
+
19
+ * add prettier.config.js and format files ([171bfbd](https://github.com/CoCreate-app/CoCreate-fullscreen/commit/171bfbdc9946416518c02b4424c50dfcfb0318e2))
20
+
1
21
  ## [1.11.2](https://github.com/CoCreate-app/CoCreate-fullscreen/compare/v1.11.1...v1.11.2) (2024-06-12)
2
22
 
3
23
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/fullscreen",
3
- "version": "1.11.2",
3
+ "version": "1.12.1",
4
4
  "description": "Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute.",
5
5
  "keywords": [
6
6
  "fullscreen",
package/prettier.config.js ADDED
@@ -0,0 +1,16 @@
1
+ module.exports = {
2
+ tabWidth: 4,
3
+ semi: true,
4
+ trailingComma: "none",
5
+ bracketSameLine: true,
6
+ useTabs: true,
7
+ overrides: [
8
+ {
9
+ files: ["*.json", "*.yml", "*.yaml"],
10
+ options: {
11
+ tabWidth: 2,
12
+ useTabs: false
13
+ },
14
+ }
15
+ ],
16
+ };
package/src/index.js CHANGED
@@ -1,106 +1,99 @@
1
1
  /*!
2
- * https://cocreate.app
3
- * https://github.com/CoCreate-app/Fullscreen_Toggle
4
- * Released under the MIT license
5
- * https://github.com/CoCreate-app/Fullscreen_Toggle/blob/master/LICENSE
6
- */
7
- import observer from '@cocreate/observer';
8
- import { queryElements } from '@cocreate/utils';
9
- import './index.css';
2
+ * https://cocreate.app
3
+ * https://github.com/CoCreate-app/Fullscreen_Toggle
4
+ * Released under the MIT license
5
+ * https://github.com/CoCreate-app/Fullscreen_Toggle/blob/master/LICENSE
6
+ */
7
+ import observer from "@cocreate/observer";
8
+ import { queryElements } from "@cocreate/utils";
9
+ import "./index.css";
10
10
 
11
11
  function init() {
12
- let elements = document.querySelectorAll('[fullscreen]');
13
- initElements(elements)
12
+ let elements = document.querySelectorAll("[fullscreen]");
13
+ initElements(elements);
14
14
  }
15
15
 
16
16
  function initElements(elements) {
17
- for (let element of elements) {
18
- element.addEventListener("click", function (event) {
19
- let isFullscreen = element.getAttribute('fullscreen')
20
- if (!isFullscreen || isFullscreen === 'false') {
21
- let target = queryElements({ element, prefix: 'fullscreen' })
17
+ for (let element of elements) {
18
+ element.addEventListener("click", function (event) {
19
+ let isFullscreen = element.getAttribute("fullscreen");
20
+ if (!isFullscreen || isFullscreen === "false") {
21
+ let target = queryElements({ element, prefix: "fullscreen" });
22
22
 
23
- // TODO: support array?
24
- if (target === false)
25
- target = document.body
26
- else
27
- target = target[0]
23
+ // TODO: support array?
24
+ if (target === false) target = document.documentElement;
25
+ else target = target[0];
28
26
 
29
- if (target) {
30
- element.setAttribute('fullscreen', true)
31
- requestFullscreen(target);
32
- }
33
- } else {
34
- element.setAttribute('fullscreen', false)
35
- exitFullscreen();
36
- }
37
- });
38
- }
27
+ if (target) {
28
+ element.setAttribute("fullscreen", true);
29
+ requestFullscreen(target);
30
+ }
31
+ } else {
32
+ element.setAttribute("fullscreen", false);
33
+ exitFullscreen();
34
+ }
35
+ });
36
+ }
39
37
  }
40
38
 
41
- document.addEventListener('fullscreenchange', (event) => {
42
- if (document.fullscreenElement == null) {
43
- let elements = document.querySelectorAll('[fullscreen="true"]');
44
- elements.forEach(elem => {
45
- elem.setAttribute('fullscreen', false)
46
- });
47
- }
48
-
39
+ document.addEventListener("fullscreenchange", (event) => {
40
+ if (document.fullscreenElement == null) {
41
+ let elements = document.querySelectorAll('[fullscreen="true"]');
42
+ elements.forEach((elem) => {
43
+ elem.setAttribute("fullscreen", false);
44
+ });
45
+ }
49
46
  });
50
47
 
51
48
  function requestFullscreen(element) {
52
- if (!document.fullscreenElement) {
53
- if (element.requestFullscreen) {
54
- element.requestFullscreen();
55
- } else if (element.webkitRequestFullscreen) {
56
- element.webkitRequestFullscreen();
57
- } else if (element.mozRequestFullScreen) {
58
- element.mozRequestFullScreen();
59
- } else if (element.msRequestFullscreen) {
60
- element.msRequestFullscreen();
61
- } else {
62
- console.log('Fullscreen API is not supported.');
63
- }
64
- }
65
- };
49
+ if (!document.fullscreenElement) {
50
+ if (element.requestFullscreen) {
51
+ element.requestFullscreen();
52
+ } else if (element.webkitRequestFullscreen) {
53
+ element.webkitRequestFullscreen();
54
+ } else if (element.mozRequestFullScreen) {
55
+ element.mozRequestFullScreen();
56
+ } else if (element.msRequestFullscreen) {
57
+ element.msRequestFullscreen();
58
+ } else {
59
+ console.log("Fullscreen API is not supported.");
60
+ }
61
+ }
62
+ }
66
63
 
67
64
  function exitFullscreen() {
68
- if (document.fullscreenElement) {
69
- if (document.exitFullscreen) {
70
- document.exitFullscreen();
71
- } else if (document.webkitExitFullscreen) {
72
- document.webkitExitFullscreen();
73
- } else if (document.mozCancelFullScreen) {
74
- document.mozCancelFullScreen();
75
- } else if (document.msExitFullscreen) {
76
- document.msExitFullscreen();
77
- } else {
78
- console.log('Fullscreen API is not supported.');
79
- }
80
- }
81
- };
82
-
65
+ if (document.fullscreenElement) {
66
+ if (document.exitFullscreen) {
67
+ document.exitFullscreen();
68
+ } else if (document.webkitExitFullscreen) {
69
+ document.webkitExitFullscreen();
70
+ } else if (document.mozCancelFullScreen) {
71
+ document.mozCancelFullScreen();
72
+ } else if (document.msExitFullscreen) {
73
+ document.msExitFullscreen();
74
+ } else {
75
+ console.log("Fullscreen API is not supported.");
76
+ }
77
+ }
78
+ }
83
79
 
84
80
  observer.init({
85
- name: 'CoCreateFullscreen',
86
- observe: ['addedNodes'],
87
- target: '[fullscreen]',
88
- callback: mutation =>
89
- initElements([mutation.target])
81
+ name: "CoCreateFullscreen",
82
+ observe: ["addedNodes"],
83
+ selector: "[fullscreen]",
84
+ callback: (mutation) => initElements([mutation.target])
90
85
  });
91
86
 
92
87
  observer.init({
93
- name: 'CoCreateFullscreen',
94
- observe: ['attributes'],
95
- attributeName: ['fullscreen'],
96
- target: '[fullscreen]',
97
- callback: mutation => {
98
- if (mutation.oldValue === null)
99
- initElements([mutation.target])
100
- }
88
+ name: "CoCreateFullscreen",
89
+ observe: ["attributes"],
90
+ attributeName: ["fullscreen"],
91
+ selector: "[fullscreen]",
92
+ callback: (mutation) => {
93
+ if (mutation.oldValue === null) initElements([mutation.target]);
94
+ }
101
95
  });
102
96
 
97
+ init();
103
98
 
104
- init()
105
-
106
- export default { requestFullscreen, exitFullscreen }
99
+ export default { requestFullscreen, exitFullscreen };