@glitchr/transparent 1.0.32 → 1.0.34

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/css/index.scss +37 -0
  3. package/src/images/error.svg +12 -0
  4. package/src/index.js +1 -1
  5. package/src/js/transparent.js +81 -82
  6. package/src/css/index.css +0 -28
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@glitchr/transparent",
3
- "version": "1.0.32",
3
+ "version": "1.0.34",
4
4
  "description": "Transparent SPA Application",
5
5
  "main": "src/index.js",
6
6
  "access": "public",
package/src/css/index.scss ADDED
@@ -0,0 +1,37 @@
1
+
2
+ img[data-src] { transition:all 0.25s ease !important; }
3
+ img[data-src]:not(.loaded) {
4
+ opacity: 0;
5
+ visibility: hidden;
6
+ }
7
+
8
+ .lazybox.loading { animation: blink 2s infinite; }
9
+ @keyframes blink {
10
+ 0% { background-color: transparent;}
11
+ 25% { background-color: #EFEFEFAA;}
12
+ 50% { background-color: transparent;}
13
+ 75% { background-color: #EFEFEFAA;}
14
+ 100% { background-color: transparent;}
15
+ }
16
+
17
+ @keyframes blinkOpacity {
18
+ 0% { opacity: 1; }
19
+ 25% { opacity: 0; }
20
+ 50% { opacity: 1; }
21
+ 75% { opacity: 0; }
22
+ 100% { opacity: 1; }
23
+ }
24
+
25
+ .error
26
+ {
27
+ animation: blink 5s infinite;
28
+
29
+ width:100vw;
30
+ height: 100vh;
31
+
32
+ background-image:url("../images/error.svg");
33
+ background-position: center;
34
+ background-repeat: no-repeat;
35
+
36
+ animation: blinkOpacity 2s infinite;
37
+ }
package/src/images/error.svg ADDED
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="256" height="256" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
3
+ <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
4
+ <g>
5
+ <title>Layer 1</title>
6
+ <g stroke="null" id="svg_1">
7
+ <rect stroke="null" id="svg_2" x="0" y="0" opacity="0.3" fill="rgba(105,77,255,0)" height="256.17189" width="256.265636"/>
8
+ <path stroke="null" id="svg_3" fill="#fff" d="m128.132818,21.347657a106.777348,106.738287 0 1 0 106.777348,106.738287a106.777348,106.738287 0 0 0 -106.777348,-106.738287z"/>
9
+ <path stroke="null" id="svg_4" fill="#dd1e1e" d="m128.132818,32.021486a96.099614,96.064459 0 1 0 96.099614,96.064459a96.099614,96.064459 0 0 0 -96.099614,-96.064459zm55.524221,130.220711l-21.35547,21.347657l-34.168751,-34.156252l-34.168751,34.156252l-21.35547,-21.347657l34.168751,-34.156252l-34.168751,-34.156252l21.35547,-21.347657l34.168751,34.156252l34.168751,-34.156252l21.35547,21.347657l-34.168751,34.156252l34.168751,34.156252z"/>
10
+ </g>
11
+ </g>
12
+ </svg>
package/src/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  import './js/transparent.js';
2
- import './css/index.css';
2
+ import './css/index.scss';
package/src/js/transparent.js CHANGED
@@ -910,7 +910,6 @@
910
910
  var head = $(dom).find("head").html();
911
911
  var body = $(dom).find("body").html();
912
912
 
913
- console.log(head, body);
914
913
  if(head == undefined || body == "undefined") {
915
914
 
916
915
  $(Settings.identifier).html("<div class='error'></div>");
@@ -1180,125 +1179,125 @@
1180
1179
  window.previousLocation = window.location.toString();
1181
1180
  if(callback === null) callback = function() {};
1182
1181
 
1183
- // Transfert attributes
1184
- Transparent.transferAttributes(dom);
1182
+ activeInRemainingTime = activeInRemainingTime - (Date.now() - activeInTime);
1183
+ setTimeout(function() {
1185
1184
 
1186
- // Replace head..
1187
- var head = $(dom).find("head");
1188
- $("head").children().each(function() {
1185
+ // Transfert attributes
1186
+ Transparent.transferAttributes(dom);
1189
1187
 
1190
- var el = this;
1191
- var found = false;
1188
+ // Replace head..
1189
+ var head = $(dom).find("head");
1190
+ $("head").children().each(function() {
1192
1191
 
1193
- head.children().each(function() {
1192
+ var el = this;
1193
+ var found = false;
1194
1194
 
1195
- found = this.isEqualNode(el);
1196
- return !found;
1197
- });
1195
+ head.children().each(function() {
1198
1196
 
1199
- if(!found) this.remove();
1200
- });
1197
+ found = this.isEqualNode(el);
1198
+ return !found;
1199
+ });
1201
1200
 
1202
- head.children().each(function() {
1201
+ if(!found) this.remove();
1202
+ });
1203
1203
 
1204
- var el = this;
1205
- var found = false;
1204
+ head.children().each(function() {
1206
1205
 
1207
- $("head").children().each(function() { found |= this.isEqualNode(el); });
1208
- if(!found) {
1206
+ var el = this;
1207
+ var found = false;
1209
1208
 
1210
- if(this.tagName != "SCRIPT" || Settings["global_code"] == true) $("head").append(this.cloneNode(true));
1211
- else $("head").append(this);
1212
- }
1213
- });
1209
+ $("head").children().each(function() { found |= this.isEqualNode(el); });
1210
+ if(!found) {
1211
+
1212
+ if(this.tagName != "SCRIPT" || Settings["global_code"] == true) $("head").append(this.cloneNode(true));
1213
+ else $("head").append(this);
1214
+ }
1215
+ });
1214
1216
 
1215
- var bodyScript = $(dom).find("body > script");
1216
- bodyScript.each(function() {
1217
+ var bodyScript = $(dom).find("body > script");
1218
+ bodyScript.each(function() {
1217
1219
 
1218
- var el = this;
1219
- var found = false;
1220
+ var el = this;
1221
+ var found = false;
1220
1222
 
1221
- $("body").children().each(function() { found |= this.isEqualNode(el); });
1222
- if(!found) $("body").append(this);
1223
- });
1223
+ $("body").children().each(function() { found |= this.isEqualNode(el); });
1224
+ if(!found) $("body").append(this);
1225
+ });
1224
1226
 
1225
- // Replace canvases..
1226
- Transparent.replaceCanvases(dom);
1227
+ // Replace canvases..
1228
+ Transparent.replaceCanvases(dom);
1227
1229
 
1228
- // Extract page block to be loaded
1229
- var page = $(dom).find(Settings.identifier);
1230
- if(dom == undefined || page == undefined) window.reload(); // Error a posteriori
1230
+ // Extract page block to be loaded
1231
+ var page = $(dom).find(Settings.identifier);
1232
+ if(dom == undefined || page == undefined) window.reload(); // Error a posteriori
1231
1233
 
1232
- var oldPage = $(Settings.identifier);
1234
+ var oldPage = $(Settings.identifier);
1233
1235
 
1234
- // Make sure name/layout keep the same after a page change (tolerance for POST or GET requests)
1235
- if(oldPage.attr("data-layout") != undefined && page.attr("data-layout") != undefined) {
1236
+ // Make sure name/layout keep the same after a page change (tolerance for POST or GET requests)
1237
+ if(oldPage.attr("data-layout") != undefined && page.attr("data-layout") != undefined) {
1236
1238
 
1237
- var switchLayout = Transparent.state.SWITCH.replace("X", page.attr("data-layout")).replace("Y", oldPage.attr("data-layout"));
1238
- page.attr("data-layout-prev", oldPage.attr("data-layout"));
1239
- }
1239
+ var switchLayout = Transparent.state.SWITCH.replace("X", page.attr("data-layout")).replace("Y", oldPage.attr("data-layout"));
1240
+ page.attr("data-layout-prev", oldPage.attr("data-layout"));
1241
+ }
1240
1242
 
1241
- var states = Object.values(Transparent.state);
1242
- var htmlClass = Array.from(($(dom).find("html").attr("class") || "").split(" ")).filter(x => !states.includes(x));
1243
- var oldHtmlClass = Array.from(($(Transparent.html).attr("class") || "").split(" "));
1244
- var removeHtmlClass = oldHtmlClass.filter(x => !htmlClass.includes(x) && switchLayout != x && !states.includes(x));
1243
+ var states = Object.values(Transparent.state);
1244
+ var htmlClass = Array.from(($(dom).find("html").attr("class") || "").split(" ")).filter(x => !states.includes(x));
1245
+ var oldHtmlClass = Array.from(($(Transparent.html).attr("class") || "").split(" "));
1246
+ var removeHtmlClass = oldHtmlClass.filter(x => !htmlClass.includes(x) && switchLayout != x && !states.includes(x));
1245
1247
 
1246
- Transparent.html.removeClass(removeHtmlClass).addClass(htmlClass);
1247
- $(page).insertBefore(oldPage);
1248
+ Transparent.html.removeClass(removeHtmlClass).addClass(htmlClass);
1249
+ $(page).insertBefore(oldPage);
1248
1250
 
1249
- oldPage.remove();
1251
+ oldPage.remove();
1250
1252
 
1251
- if(Settings["global_code"] == true) Transparent.evalScript($(page)[0]);
1252
- document.dispatchEvent(new Event('DOMContentLoaded'));
1253
- window.dispatchEvent(new Event('DOMContentLoaded'));
1253
+ if(Settings["global_code"] == true) Transparent.evalScript($(page)[0]);
1254
+ document.dispatchEvent(new Event('DOMContentLoaded'));
1255
+ window.dispatchEvent(new Event('DOMContentLoaded'));
1254
1256
 
1255
- Transparent.addLayout();
1257
+ Transparent.addLayout();
1256
1258
 
1257
- if(scrollTo) {
1259
+ if(scrollTo) {
1258
1260
 
1259
- // Go back to top of the page..
1260
- var scrollableElements = Transparent.getScrollableElement();
1261
- var scrollableElementsXY = Transparent.getResponsePosition(uuid);
1261
+ // Go back to top of the page..
1262
+ var scrollableElements = Transparent.getScrollableElement();
1263
+ var scrollableElementsXY = Transparent.getResponsePosition(uuid);
1262
1264
 
1263
- for(i = 0; i < scrollableElements.length; i++) {
1265
+ for(i = 0; i < scrollableElements.length; i++) {
1264
1266
 
1265
- var el = scrollableElements[i];
1266
- var positionXY = undefined;
1267
+ var el = scrollableElements[i];
1268
+ var positionXY = undefined;
1267
1269
 
1268
- if(scrollableElementsXY.length == scrollableElements.length)
1269
- positionXY = scrollableElementsXY[i] || undefined;
1270
+ if(scrollableElementsXY.length == scrollableElements.length)
1271
+ positionXY = scrollableElementsXY[i] || undefined;
1270
1272
 
1271
- if(el == window || el == document.documentElement) {
1273
+ if(el == window || el == document.documentElement) {
1272
1274
 
1273
- if(positionXY != undefined) Transparent.scrollTo({top:positionXY[0], left:positionXY[1], duration:0});
1274
- else if (location.hash) Transparent.scrollToHash(location.hash, {duration:0});
1275
- else Transparent.scrollTo({top:0, left:0, duration:0});
1275
+ if(positionXY != undefined) Transparent.scrollTo({top:positionXY[0], left:positionXY[1], duration:0});
1276
+ else if (location.hash) Transparent.scrollToHash(location.hash, {duration:0});
1277
+ else Transparent.scrollTo({top:0, left:0, duration:0});
1276
1278
 
1277
- } else {
1279
+ } else {
1278
1280
 
1279
- if(positionXY != undefined) Transparent.scrollTo({top:positionXY[0], left:positionXY[1], duration:0}, el);
1280
- else Transparent.scrollTo({top:0, left:0, duration:0}, el);
1281
+ if(positionXY != undefined) Transparent.scrollTo({top:positionXY[0], left:positionXY[1], duration:0}, el);
1282
+ else Transparent.scrollTo({top:0, left:0, duration:0}, el);
1283
+ }
1281
1284
  }
1282
1285
  }
1283
- }
1284
1286
 
1285
- $('head').append(function() {
1287
+ $('head').append(function() {
1286
1288
 
1287
- $(Settings.identifier).append(function() {
1289
+ $(Settings.identifier).append(function() {
1288
1290
 
1289
- activeInRemainingTime = activeInRemainingTime - (Date.now() - activeInTime);
1290
- setTimeout(function() {
1291
+ // Callback if needed, or any other actions
1292
+ callback();
1291
1293
 
1292
- // Callback if needed, or any other actions
1293
- callback();
1294
-
1295
- // Trigger onload event
1296
- dispatchEvent(new Event('transparent:load'));
1297
- dispatchEvent(new Event('load'));
1298
-
1299
- }.bind(this), activeInRemainingTime > 0 ? activeInRemainingTime : 1);
1294
+ // Trigger onload event
1295
+ dispatchEvent(new Event('transparent:load'));
1296
+ dispatchEvent(new Event('load'));
1297
+ });
1300
1298
  });
1301
- });
1299
+
1300
+ }.bind(this), activeInRemainingTime > 0 ? activeInRemainingTime : 1);
1302
1301
  }
1303
1302
 
1304
1303
  function uuidv4() {
package/src/css/index.css DELETED
@@ -1,28 +0,0 @@
1
-
2
- img[data-src] { transition:all 0.25s ease !important; }
3
- img[data-src]:not(.loaded) {
4
- opacity: 0;
5
- visibility: hidden;
6
- }
7
-
8
- .lazybox.loading { animation: blink 2s infinite; }
9
- @keyframes blink {
10
- 0% { background-color: transparent;}
11
- 25% { background-color: #EFEFEFAA;}
12
- 50% { background-color: transparent;}
13
- 75% { background-color: #EFEFEFAA;}
14
- 100% { background-color: transparent;}
15
- }
16
-
17
- .error
18
- {
19
- display:flex;
20
- justify-content:center;
21
- align-items:center;
22
-
23
- width:100vw;
24
- height: 100vh;
25
-
26
- background-image:url("data:image/png;base64,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");
27
- background-size:90%;
28
- }