spanning-css-polyfill - npm Package Compare versions

Comparing version 1.0.12 to 1.0.13

build/spanning-css-polyfill.js

@@ -1,2 +0,2 @@
-var e=function(){try{var e=function(){if(!t)return t=!0,Promise.resolve(Promise.resolve(!1)).then(function(e){t=e,window[n].dispatchEvent(new Event("change"))})}();return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},n="__foldables__",t=!1,i=function(){var t=this;if(void 0!==window[n])return window[n];var i=document.createDocumentFragment();this.addEventListener=i.addEventListener.bind(i),this.removeEventListener=i.removeEventListener.bind(i),this.dispatchEvent=function(e){if("change"===e.type){var n="on"+e.type;return"function"==typeof t[n]&&t[n](e),i.dispatchEvent(e)}},window.addEventListener("message",function(e){"update"===e.data.action&&Object.assign(t,e.data.value)}),window.addEventListener("resize",function(){return function(e,n){var t;return function(){var n=arguments,i=this;clearTimeout(t),t=setTimeout(function(){return e.apply(i,n)},200)}}(e())})},r={spanning:{configurable:!0},foldSize:{configurable:!0},browserShellSize:{configurable:!0}};r.spanning.get=function(){return sessionStorage.getItem(n+"-spanning")||"none"},r.spanning.set=function(t){if(!["none","single-fold-horizontal","single-fold-vertical"].includes(t))throw new TypeError(t);sessionStorage.setItem(n+"-spanning",t),e()},r.foldSize.get=function(){return+sessionStorage.getItem(n+"-fold-size")||0},r.foldSize.set=function(t){if(!(Number(t)>=0))throw new TypeError(t);sessionStorage.setItem(n+"-fold-size",t),e()},r.browserShellSize.get=function(){return+sessionStorage.getItem(n+"-browser-shell-size")||0},r.browserShellSize.set=function(t){if(!(Number(t)>=0))throw new TypeError(t);sessionStorage.setItem(n+"-browser-shell-size",t),e()},i.prototype.getSegments=function(){if("none"===this.spanning)return[{left:0,top:0,width:window.innerWidth,height:window.innerHeight}];if("single-fold-horizontal"===this.spanning){var e=(window.innerHeight-this.browserShellSize)/2,n=window.innerWidth;return[{top:0,left:0,width:n,height:e-this.foldSize/2},{top:e-this.foldSize/2,height:this.foldSize,left:0,width:n},{top:e+this.foldSize/2,left:0,width:n,height:window.innerHeight}]}if("single-fold-vertical"===this.spanning){var t=window.innerWidth/2-this.foldSize/2,i=window.innerHeight;return[{top:0,left:0,width:t,height:i},{top:0,height:i,left:t,width:this.foldSize},{top:0,left:window.innerWidth/2+this.foldSize/2,width:t,height:i}]}},Object.defineProperties(i.prototype,r),window[n]=new i,window.getWindowSegments=function(){var e=window[n].getSegments();return[e[0],e[2]]};var o="spanning",a="single-fold-horizontal",s="single-fold-vertical",l="none",d="(\\s*)(@media.*?\\b"+o+"\\b[^{]+)\\{([\\s\\S]+?\\})(\\s*)\\}",h=/\((.*?)\)/gi,f=/@media[^\(]+/gi,c=function(e){return new RegExp("env\\(\\s*"+e+"\\s*\\)","gi")};function u(e,n){return e.replace(new RegExp(d,"gi"),n)}function g(e){var n=function(e){var n,t=new RegExp(d,"gi");if("function"==typeof e.matchAll)n=Array.from(e.matchAll(t));else{for(n=[];n[n.length]=t.exec(e););n.length--}return n}(e),t={};return t[a]="",t[s]="",t[l]="",n.forEach(function(e){var n=e[1],i=e[2],r=e[3],d=e[4],c=l;i.indexOf(a)>-1&&(c=a),i.indexOf(s)>-1&&(c=s);var u=i.match(f)||[],g=i.match(h)||[];g=g.filter(function(e){return!e.includes(o)}).join(" and "),t[c]+=""+n+u+g+"{"+r+d+"}"}),t}var w=window.matchMedia("(spanning: single-fold-horizontal)").matches||window.matchMedia("(spanning: single-fold-vertical)").matches||window.matchMedia("(spanning: none)").matches||!1;console.info("CSS Spanning Media Queries are supported? "+w);var p,v=new i;if(!w){var m=Array.from(document.querySelectorAll('link[rel="stylesheet"], style'));(p=m,Promise.all(p.map(function(e){return e.href?fetch(e.href).then(function(e){return e.text()}):e.textContent}))).then(function(e){var n=new DocumentFragment;e.forEach(function(e,t){for(var i=u(e,""),r=g(e),o=m[t].href||"inline",a=0,s=Object.entries(r);a<s.length;a+=1){var l=s[a];S[l[0]]+="/* origin: "+o+" */"+l[1]}var d=document.createElement("style");d.setAttribute("data-css-origin",o),d.textContent=i,n.appendChild(d)}),m.forEach(function(e){return null!=e.parentElement&&e.parentElement.removeChild(e)}),document.head.appendChild(n),b()})}var S={"single-fold-horizontal":"","single-fold-vertical":"",none:""};function z(e,n){if(w)return e;var t=u(e,""),i=g(e);n&&(S[n]={"single-fold-horizontal":"","single-fold-vertical":"",none:""});for(var r=n?S[n]:S,o=n?"":"/* origin: inline */",a=0,s=Object.entries(i);a<s.length;a+=1){var l=s[a];r[l[0]]+=""+o+l[1]}return r["non-spanning"]=t,t}function b(e){w||(E(e),v.addEventListener("change",function(){return E(e)}))}function E(e){for(var n,t=v,i=e?S[e.nodeName.toLowerCase()][t.spanning]:S[t.spanning],r=e?S[e.nodeName.toLowerCase()]["non-spanning"]:null,o=v.getSegments(),a=0,s=Object.entries(1===o.length?{}:o[1]);a<s.length;a+=1){var l=s[a];n=l[1]+"px",i=i.replace(c("fold-"+l[0]),n)}var d="__foldables_sheet__",h=function(e,n){for(var t=0,i=e.querySelectorAll("."+d);t<i.length;t+=1)i[t].remove();var r=document.createElement("style");r.className=d,r.textContent=n,e===document?document.head.appendChild(r):e.appendChild(r)};if(e){var f=e.shadowRoot;"adoptedStyleSheets"in f&&f.adoptedStyleSheets.length>0?f.adoptedStyleSheets[0].replace(r+i):h(f,i)}else h(document,i)}export{i as FoldablesFeature,z as adjustCSS,b as observe};
+function e(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}var n=function(){try{var e=function(){if(!i)return i=!0,Promise.resolve(Promise.resolve(!1)).then(function(e){i=e,window[t].dispatchEvent(new Event("change"))})}();return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},t="__foldables__",i=!1,r=function(){function e(){var e=this;if(void 0!==window[t])return window[t];var i=document.createDocumentFragment();this.addEventListener=i.addEventListener.bind(i),this.removeEventListener=i.removeEventListener.bind(i),this.dispatchEvent=function(n){if("change"===n.type){var t="on"+n.type;return"function"==typeof e[t]&&e[t](n),i.dispatchEvent(n)}},window.addEventListener("message",function(n){"update"===n.data.action&&Object.assign(e,n.data.value)}),window.addEventListener("resize",function(){return function(e,n){var t;return function(){var n=arguments,i=this;clearTimeout(t),t=setTimeout(function(){return e.apply(i,n)},200)}}(n())})}var i;return e.prototype.getSegments=function(){if("none"===this.spanning)return[{left:0,top:0,width:window.innerWidth,height:window.innerHeight}];if("single-fold-horizontal"===this.spanning){var e=(window.innerHeight-this.browserShellSize)/2,n=window.innerWidth;return[{top:0,left:0,width:n,height:e-this.foldSize/2},{top:e-this.foldSize/2,height:this.foldSize,left:0,width:n},{top:e+this.foldSize/2,left:0,width:n,height:e-this.foldSize/2}]}if("single-fold-vertical"===this.spanning){var t=window.innerWidth/2-this.foldSize/2,i=window.innerHeight;return[{top:0,left:0,width:t,height:i},{top:0,height:i,left:t,width:this.foldSize},{top:0,left:window.innerWidth/2+this.foldSize/2,width:t,height:i}]}},(i=[{key:"spanning",get:function(){return sessionStorage.getItem(t+"-spanning")||"none"},set:function(e){if(!["none","single-fold-horizontal","single-fold-vertical"].includes(e))throw new TypeError(e);sessionStorage.setItem(t+"-spanning",e),n()}},{key:"foldSize",get:function(){return+sessionStorage.getItem(t+"-fold-size")||0},set:function(e){if(!(Number(e)>=0))throw new TypeError(e);sessionStorage.setItem(t+"-fold-size",e),n()}},{key:"browserShellSize",get:function(){return+sessionStorage.getItem(t+"-browser-shell-size")||0},set:function(e){if(!(Number(e)>=0))throw new TypeError(e);sessionStorage.setItem(t+"-browser-shell-size",e),n()}}])&&function(e,n){for(var t=0;t<n.length;t++){var i=n[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}(e.prototype,i),e}();window[t]=new r,window.getWindowSegments=function(){var e=window[t].getSegments();return 1===e.length?e:[e[0],e[2]]};var o=/\((.*?)\)/gi,a=/@media[^\(]+/gi;function l(e,n){return e.replace(new RegExp("(\\s*)(@media.*?\\bspanning\\b[^{]+)\\{([\\s\\S]+?\\})(\\s*)\\}","gi"),n)}function s(e){var n,t=function(e){var n,t=new RegExp("(\\s*)(@media.*?\\bspanning\\b[^{]+)\\{([\\s\\S]+?\\})(\\s*)\\}","gi");if("function"==typeof e.matchAll)n=Array.from(e.matchAll(t));else{for(n=[];n[n.length]=t.exec(e););n.length--}return n}(e),i=((n={})["single-fold-horizontal"]="",n["single-fold-vertical"]="",n.none="",n);return t.forEach(function(e){var n=e[1],t=e[2],r=e[3],l=e[4],s="none";t.indexOf("single-fold-horizontal")>-1&&(s="single-fold-horizontal"),t.indexOf("single-fold-vertical")>-1&&(s="single-fold-vertical");var d=t.match(a)||[],f=function(e){return e.match(o)||[]}(t);f=f.filter(function(e){return!e.includes("spanning")}).join(" and "),i[s]+=""+n+d+f+"{"+r+l+"}"}),i}var d=window.matchMedia("(spanning: single-fold-horizontal)").matches||window.matchMedia("(spanning: single-fold-vertical)").matches||window.matchMedia("(spanning: none)").matches||!1;console.info("CSS Spanning Media Queries are supported? "+d);var f,h=new r;if(!d){var c=Array.from(document.querySelectorAll('link[rel="stylesheet"], style'));(f=c,Promise.all(f.map(function(e){return e.href?fetch(e.href).then(function(e){return e.text()}):e.textContent}))).then(function(e){var n=new DocumentFragment;e.forEach(function(e,t){for(var i=l(e,""),r=s(e),o=c[t].href||"inline",a=0,d=Object.entries(r);a<d.length;a++){var f=d[a];u[f[0]]+="/* origin: "+o+" */"+f[1]}var h=document.createElement("style");h.setAttribute("data-css-origin",o),h.textContent=i,n.appendChild(h)}),c.forEach(function(e){return null!=e.parentElement&&e.parentElement.removeChild(e)}),document.head.appendChild(n),v()})}var u={"single-fold-horizontal":"","single-fold-vertical":"",none:""};function g(e,n){if(d)return e;var t=l(e,""),i=s(e);n&&(u[n]={"single-fold-horizontal":"","single-fold-vertical":"",none:""});for(var r=n?u[n]:u,o=n?"":"/* origin: inline */",a=0,f=Object.entries(i);a<f.length;a++){var h=f[a];r[h[0]]+=""+o+h[1]}return r["non-spanning"]=t,t}function v(e){d||(p(e),h.addEventListener("change",function(){return p(e)}))}function p(n){for(var t=h,i=n?u[n.nodeName.toLowerCase()][t.spanning]:u[t.spanning],r=n?u[n.nodeName.toLowerCase()]["non-spanning"]:null,o=h.getSegments(),a=0,l=Object.entries(1===o.length?{}:o[1]);a<l.length;a++){var s=l[a];d=s[1]+"px",i=i.replace(new RegExp("env\\(\\s*fold-"+s[0]+"\\s*\\)","gi"),d)}var d,f="__foldables_sheet__",c=function(n,t){for(var i,r=function(n,t){var i;if("undefined"==typeof Symbol||null==n[Symbol.iterator]){if(Array.isArray(n)||(i=function(n,t){if(n){if("string"==typeof n)return e(n,void 0);var i=Object.prototype.toString.call(n).slice(8,-1);return"Object"===i&&n.constructor&&(i=n.constructor.name),"Map"===i||"Set"===i?Array.from(n):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?e(n,void 0):void 0}}(n))){i&&(n=i);var r=0;return function(){return r>=n.length?{done:!0}:{done:!1,value:n[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(i=n[Symbol.iterator]()).next.bind(i)}(n.querySelectorAll("."+f));!(i=r()).done;)i.value.remove();var o=document.createElement("style");o.className=f,o.textContent=t,n===document?document.head.appendChild(o):n.appendChild(o)};if(n){var g=n.shadowRoot;"adoptedStyleSheets"in g&&g.adoptedStyleSheets.length>0?g.adoptedStyleSheets[0].replace(r+i):c(g,i)}else c(document,i)}export{r as FoldablesFeature,g as adjustCSS,v as observe};
 //# sourceMappingURL=spanning-css-polyfill.js.map

package.json

 {
   "name": "spanning-css-polyfill",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Polyfill for CSS spanning media query",
@@ -9,15 +9,13 @@ "module": "build/spanning-css-polyfill.js",
   "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/plugin-transform-modules-commonjs": "^7.9.0",
-    "@babel/register": "^7.9.0",
-    "concurrently": "^5.1.0",
-    "microbundle": "^0.11.0",
-    "serve": "^11.3.0",
-    "tape": "^4.11.0",
-    "jsdoc": "^3.6.3"
+    "concurrently": "^5.2.0",
+    "microbundle": "^0.12.3",
+    "serve": "^11.3.2",
+    "tape": "^5.0.1",
+    "tape-es": "^1.2.11",
+    "jsdoc": "^3.6.4"
   },
   "scripts": {
-    "build": "microbundle -f es -o build",
+    "build": "microbundle -f es -o build/",
     "dev": "concurrently serve \"microbundle -f es watch\"",
-    "test": "tape -r @babel/register tests/*.js",
+    "test": "tape-es tests/*.js",
     "generate-docs": "jsdoc -d docs/ src/index.js README.md"
@@ -32,7 +30,2 @@ },
   ],
-  "babel": {
-    "plugins": [
-      "@babel/plugin-transform-modules-commonjs"
-    ]
-  },
   "author": {
@@ -46,4 +39,4 @@ "name": "Zouhir Chahoud",
   "dependencies": {
-    "windowsegments-polyfill": "^1.0.1"
+    "windowsegments-polyfill": "^1.0.2"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

14930

increased by5.74%

Dev dependency count

6

decreased by-25%

Lines of code

26

increased by18.18%

Dependency changes

• Updatedwindowsegments-polyfill@^1.0.2