@cocreate/fullscreen 1.5.6 → 1.5.7

package/package.json

@@ -1,65 +1,65 @@
-{
-  "name": "@cocreate/fullscreen",
-  "version": "1.5.6",
-  "description": "Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute.",
-  "keywords": [
-    "fullscreen",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
-    "low-code",
-    "collaborative-framework",
-    "realtime",
-    "realtime-framework",
-    "collaboration",
-    "shared-editing",
-    "html5-framework",
-    "javascript-framework"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "start": "npx webpack --config webpack.config.js",
-    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
-    "dev": "npx webpack --config webpack.config.js --watch",
-    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
-    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CoCreate-app/CoCreate-fullscreen.git"
-  },
-  "author": "CoCreate LLC",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-fullscreen/issues"
-  },
-  "homepage": "https://cocreate.app/docs/fullscreen",
-  "funding": {
-    "type": "GitHub Sponsors ❤",
-    "url": "https://github.com/sponsors/CoCreate-app"
-  },
-  "main": "./src/index.js",
-  "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "babel-loader": "^8.1.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^1.5.0",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.1.1",
-    "webpack": "^5.24.4",
-    "webpack-cli": "^4.5.0",
-    "webpack-log": "^3.0.1"
-  },
-  "dependencies": {
-    "@cocreate/docs": "^1.7.13",
-    "@cocreate/observer": "^1.8.0"
-  }
-}
+{
+  "name": "@cocreate/fullscreen",
+  "version": "1.5.7",
+  "description": "Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute.",
+  "keywords": [
+    "fullscreen",
+    "cocreate",
+    "low-code-framework",
+    "no-code-framework",
+    "cocreatejs",
+    "cocreatejs-component",
+    "cocreate-framework",
+    "no-code",
+    "low-code",
+    "collaborative-framework",
+    "realtime",
+    "realtime-framework",
+    "collaboration",
+    "shared-editing",
+    "html5-framework",
+    "javascript-framework"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "npx webpack --config webpack.config.js",
+    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
+    "dev": "npx webpack --config webpack.config.js --watch",
+    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
+    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CoCreate-app/CoCreate-fullscreen.git"
+  },
+  "author": "CoCreate LLC",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/CoCreate-app/CoCreate-fullscreen/issues"
+  },
+  "homepage": "https://cocreate.app/docs/fullscreen",
+  "funding": {
+    "type": "GitHub Sponsors ❤",
+    "url": "https://github.com/sponsors/CoCreate-app"
+  },
+  "main": "./src/index.js",
+  "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "babel-loader": "^8.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "file-loader": "^6.2.0",
+    "mini-css-extract-plugin": "^1.5.0",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.1.1",
+    "webpack": "^5.24.4",
+    "webpack-cli": "^4.5.0",
+    "webpack-log": "^3.0.1"
+  },
+  "dependencies": {
+    "@cocreate/docs": "^1.7.13",
+    "@cocreate/observer": "^1.8.0"
+  }
+}

package/release.config.js

@@ -1,22 +1,22 @@
-module.exports = {
-  dryRun: false,
-  branches: ["master"],
-  plugins: [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    [
-      "@semantic-release/changelog",
-      {
-        changelogFile: "CHANGELOG.md",
-      },
-    ],
-    "@semantic-release/npm",
-    "@semantic-release/github",
-    [
-      "@semantic-release/git",
-      {
-        assets: ["CHANGELOG.md", "package.json"],
-      },
-    ],
-  ],
+module.exports = {
+  dryRun: false,
+  branches: ["master"],
+  plugins: [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        changelogFile: "CHANGELOG.md",
+      },
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github",
+    [
+      "@semantic-release/git",
+      {
+        assets: ["CHANGELOG.md", "package.json"],
+      },
+    ],
+  ],
 };

package/src/index.css

@@ -1,13 +1,13 @@
-a[fullscreen] i:last-child {
-    display: none
-}
-a[fullscreen=true] i:first-child {
-    display: none
-}
-a[fullscreen=true] i:last-child {
-    display: unset
-}
-
-:not(:root):fullscreen::backdrop {
-    background: none;
-}
+a[fullscreen] i:last-child {
+    display: none
+}
+a[fullscreen=true] i:first-child {
+    display: none
+}
+a[fullscreen=true] i:last-child {
+    display: unset
+}
+
+:not(:root):fullscreen::backdrop {
+    background: none;
+}

package/src/index.js

@@ -1,114 +1,114 @@
-/*!
-* https://cocreate.app
-* https://github.com/CoCreate-app/Fullscreen_Toggle
-* Released under the MIT license
-* https://github.com/CoCreate-app/Fullscreen_Toggle/blob/master/LICENSE
-*/
-import observer from '@cocreate/observer';
-import './index.css';
-
-function init() {
-    let elements = document.querySelectorAll('[fullscreen]');
-    initElements(elements)
-}
-
-function initElements(elements) {
-    for (let element of elements) {
-        element.addEventListener("click", function (event) {
-            let isFullscreen = element.getAttribute('fullscreen')
-            if (!isFullscreen || isFullscreen === 'false') {
-                const fullscreenTarget = element.getAttribute('fullscreen-target');
-                const fullscreenClosest = element.getAttribute('fullscreen-closest');
-                const fullscreenParent = element.getAttribute('fullscreen-parent');
-                const fullscreenNext = element.getAttribute('fullscreen-next');
-                const fullscreenPrevious = element.getAttribute('fullscreen-previous');
-            
-                let target = document.body;
-                if (fullscreenTarget)
-                    target = document.querySelector(fullscreenTarget)
-                else if (fullscreenClosest)
-                    target = element.closest(fullscreenClosest)
-                else if (fullscreenParent)
-                    target = element.parentElement.querySelector(fullscreenParent)
-                else if (fullscreenNext)
-                    target = element.nextElementSibling.querySelector(fullscreenNext)
-                else if (fullscreenPrevious)
-                    target = element.previousElementSibling.querySelector(fullscreenPrevious)
-                if (target) {
-                    element.setAttribute('fullscreen', true)
-                    requestFullscreen(target);
-                }
-            } else {
-                element.setAttribute('fullscreen', false)      
-                exitFullscreen();
-            }
-        });
-    }
-}
-
-document.addEventListener('fullscreenchange', (event) => {
-    if (document.fullscreenElement == null) {
-        let elements = document.querySelectorAll('[fullscreen="true"]');
-        elements.forEach(elem => {
-            elem.setAttribute('fullscreen', false)
-        });
-    }
-
-});
-
-function requestFullscreen(element) {
-    if (!document.fullscreenElement) {
-        if (element.requestFullscreen) {
-            element.requestFullscreen();
-        } else if (element.webkitRequestFullscreen) {
-            element.webkitRequestFullscreen();
-        } else if (element.mozRequestFullScreen) {
-            element.mozRequestFullScreen();
-        } else if (element.msRequestFullscreen) {
-            element.msRequestFullscreen();
-        } else {
-            console.log('Fullscreen API is not supported.');
-        }
-    }
-};
-
-function exitFullscreen() {
-    if (document.fullscreenElement) {
-        if (document.exitFullscreen) {
-            document.exitFullscreen();
-        } else if (document.webkitExitFullscreen) {
-            document.webkitExitFullscreen();
-        } else if (document.mozCancelFullScreen) {
-            document.mozCancelFullScreen();
-        } else if (document.msExitFullscreen) {
-            document.msExitFullscreen();
-        } else {
-            console.log('Fullscreen API is not supported.');
-        }
-    }
-};
-
-
-observer.init({
-    name: 'CoCreateFullscreen',
-    observe: ['addedNodes'],
-    target: '[fullscreen]',
-    callback: mutation => 
-        initElements([mutation.target])
-});
-
-observer.init({
-	name: 'CoCreateFullscreen',
-	observe: ['attributes'],
-	attributeName: ['fullscreen'],
-	target: '[fullscreen]',
-	callback: mutation => {
-        if (mutation.oldValue === null)
-            initElements([mutation.target])
-    }
-});
-
-
-init()
-
+/*!
+* https://cocreate.app
+* https://github.com/CoCreate-app/Fullscreen_Toggle
+* Released under the MIT license
+* https://github.com/CoCreate-app/Fullscreen_Toggle/blob/master/LICENSE
+*/
+import observer from '@cocreate/observer';
+import './index.css';
+
+function init() {
+    let elements = document.querySelectorAll('[fullscreen]');
+    initElements(elements)
+}
+
+function initElements(elements) {
+    for (let element of elements) {
+        element.addEventListener("click", function (event) {
+            let isFullscreen = element.getAttribute('fullscreen')
+            if (!isFullscreen || isFullscreen === 'false') {
+                const fullscreenTarget = element.getAttribute('fullscreen-target');
+                const fullscreenClosest = element.getAttribute('fullscreen-closest');
+                const fullscreenParent = element.getAttribute('fullscreen-parent');
+                const fullscreenNext = element.getAttribute('fullscreen-next');
+                const fullscreenPrevious = element.getAttribute('fullscreen-previous');
+            
+                let target = document.body;
+                if (fullscreenTarget)
+                    target = document.querySelector(fullscreenTarget)
+                else if (fullscreenClosest)
+                    target = element.closest(fullscreenClosest)
+                else if (fullscreenParent)
+                    target = element.parentElement.querySelector(fullscreenParent)
+                else if (fullscreenNext)
+                    target = element.nextElementSibling.querySelector(fullscreenNext)
+                else if (fullscreenPrevious)
+                    target = element.previousElementSibling.querySelector(fullscreenPrevious)
+                if (target) {
+                    element.setAttribute('fullscreen', true)
+                    requestFullscreen(target);
+                }
+            } else {
+                element.setAttribute('fullscreen', false)      
+                exitFullscreen();
+            }
+        });
+    }
+}
+
+document.addEventListener('fullscreenchange', (event) => {
+    if (document.fullscreenElement == null) {
+        let elements = document.querySelectorAll('[fullscreen="true"]');
+        elements.forEach(elem => {
+            elem.setAttribute('fullscreen', false)
+        });
+    }
+
+});
+
+function requestFullscreen(element) {
+    if (!document.fullscreenElement) {
+        if (element.requestFullscreen) {
+            element.requestFullscreen();
+        } else if (element.webkitRequestFullscreen) {
+            element.webkitRequestFullscreen();
+        } else if (element.mozRequestFullScreen) {
+            element.mozRequestFullScreen();
+        } else if (element.msRequestFullscreen) {
+            element.msRequestFullscreen();
+        } else {
+            console.log('Fullscreen API is not supported.');
+        }
+    }
+};
+
+function exitFullscreen() {
+    if (document.fullscreenElement) {
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        } else if (document.webkitExitFullscreen) {
+            document.webkitExitFullscreen();
+        } else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+        } else if (document.msExitFullscreen) {
+            document.msExitFullscreen();
+        } else {
+            console.log('Fullscreen API is not supported.');
+        }
+    }
+};
+
+
+observer.init({
+    name: 'CoCreateFullscreen',
+    observe: ['addedNodes'],
+    target: '[fullscreen]',
+    callback: mutation => 
+        initElements([mutation.target])
+});
+
+observer.init({
+	name: 'CoCreateFullscreen',
+	observe: ['attributes'],
+	attributeName: ['fullscreen'],
+	target: '[fullscreen]',
+	callback: mutation => {
+        if (mutation.oldValue === null)
+            initElements([mutation.target])
+    }
+});
+
+
+init()
+
 export default { requestFullscreen, exitFullscreen }

package/webpack.config.js

@@ -1,84 +1,84 @@
-const path = require("path")
-const TerserPlugin = require("terser-webpack-plugin")
-const MiniCssExtractPlugin = require("mini-css-extract-plugin")
-let isProduction = process.env.NODE_ENV === "production"
-const { CleanWebpackPlugin } = require("clean-webpack-plugin")
-
-module.exports = {
-  entry: {
-    "CoCreate-fullscreen": "./src/index.js",
-  },
-  output: {
-    path: path.resolve(__dirname, "dist"),
-    filename: isProduction ? "[name].min.js" : "[name].js",
-    libraryTarget: "umd",
-    libraryExport: "default",
-    library: ["CoCreate", "fullscreen"],
-    globalObject: "this",
-  },
-
-  plugins: [
-    new CleanWebpackPlugin(),
-    new MiniCssExtractPlugin({
-      filename: "[name].css",
-    }),
-  ],
-  // Default mode for Webpack is production.
-  // Depending on mode Webpack will apply different things
-  // on final bundle. For now we don't need production's JavaScript
-  // minifying and other thing so let's set mode to development
-  mode: isProduction ? "production" : "development",
-  module: {
-    rules: [
-      {
-        test: /.js$/,
-        exclude: /(node_modules)/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            plugins: ["@babel/plugin-transform-modules-commonjs"],
-          },
-        },
-      },
-      {
-        test: /.css$/i,
-        use: [
-          { loader: "style-loader", options: { injectType: "linkTag" } },
-          "file-loader",
-        ],
-      },
-    ],
-  },
-
-  // add source map
-  ...(isProduction ? {} : { devtool: "eval-source-map" }),
-
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        extractComments: true,
-        // cache: true,
-        parallel: true,
-        // sourceMap: true, // Must be set to true if using source-maps in production
-        terserOptions: {
-          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
-          // extractComments: 'all',
-          compress: {
-            drop_console: true,
-          },
-        },
-      }),
-    ],
-    splitChunks: {
-      chunks: "all",
-      minSize: 200,
-      // maxSize: 99999,
-      //minChunks: 1,
-
-      cacheGroups: {
-        defaultVendors: false,
-      },
-    },
-  },
-}
+const path = require("path")
+const TerserPlugin = require("terser-webpack-plugin")
+const MiniCssExtractPlugin = require("mini-css-extract-plugin")
+let isProduction = process.env.NODE_ENV === "production"
+const { CleanWebpackPlugin } = require("clean-webpack-plugin")
+
+module.exports = {
+  entry: {
+    "CoCreate-fullscreen": "./src/index.js",
+  },
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: isProduction ? "[name].min.js" : "[name].js",
+    libraryTarget: "umd",
+    libraryExport: "default",
+    library: ["CoCreate", "fullscreen"],
+    globalObject: "this",
+  },
+
+  plugins: [
+    new CleanWebpackPlugin(),
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+    }),
+  ],
+  // Default mode for Webpack is production.
+  // Depending on mode Webpack will apply different things
+  // on final bundle. For now we don't need production's JavaScript
+  // minifying and other thing so let's set mode to development
+  mode: isProduction ? "production" : "development",
+  module: {
+    rules: [
+      {
+        test: /.js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            plugins: ["@babel/plugin-transform-modules-commonjs"],
+          },
+        },
+      },
+      {
+        test: /.css$/i,
+        use: [
+          { loader: "style-loader", options: { injectType: "linkTag" } },
+          "file-loader",
+        ],
+      },
+    ],
+  },
+
+  // add source map
+  ...(isProduction ? {} : { devtool: "eval-source-map" }),
+
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        extractComments: true,
+        // cache: true,
+        parallel: true,
+        // sourceMap: true, // Must be set to true if using source-maps in production
+        terserOptions: {
+          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
+          // extractComments: 'all',
+          compress: {
+            drop_console: true,
+          },
+        },
+      }),
+    ],
+    splitChunks: {
+      chunks: "all",
+      minSize: 200,
+      // maxSize: 99999,
+      //minChunks: 1,
+
+      cacheGroups: {
+        defaultVendors: false,
+      },
+    },
+  },
+}