futurism 1.2.0.pre7 → 1.2.0.pre10

data/app/assets/javascripts/futurism.js

@@ -0,0 +1,191 @@
+import CableReady from "cable_ready";
+
+const debounceEvents = (callback, delay = 20) => {
+  let timeoutId;
+  let events = [];
+  return (...args) => {
+    clearTimeout(timeoutId);
+    events = [ ...events, ...args ];
+    timeoutId = setTimeout((() => {
+      timeoutId = null;
+      callback(events);
+      events = [];
+    }), delay);
+  };
+};
+
+const createSubscription = consumer => {
+  consumer.subscriptions.create("Futurism::Channel", {
+    connected() {
+      window.Futurism = this;
+      document.addEventListener("futurism:appear", debounceEvents((events => {
+        this.send({
+          signed_params: events.map((e => e.target.dataset.signedParams)),
+          sgids: events.map((e => e.target.dataset.sgid)),
+          signed_controllers: events.map((e => e.target.dataset.signedController)),
+          urls: events.map((_ => window.location.href)),
+          broadcast_each: events.map((e => e.target.dataset.broadcastEach))
+        });
+      })));
+    },
+    received(data) {
+      if (data.cableReady) {
+        CableReady.perform(data.operations, {
+          emitMissingElementWarnings: false
+        });
+        document.dispatchEvent(new CustomEvent("futurism:appeared", {
+          bubbles: true,
+          cancelable: true
+        }));
+      }
+    }
+  });
+};
+
+const dispatchAppearEvent = (entry, observer = null) => {
+  if (!window.Futurism) {
+    return () => {
+      setTimeout((() => dispatchAppearEvent(entry, observer)()), 1);
+    };
+  }
+  const target = entry.target ? entry.target : entry;
+  const evt = new CustomEvent("futurism:appear", {
+    bubbles: true,
+    detail: {
+      target: target,
+      observer: observer
+    }
+  });
+  return () => {
+    target.dispatchEvent(evt);
+  };
+};
+
+const wait = ms => new Promise((resolve => setTimeout(resolve, ms)));
+
+const callWithRetry = async (fn, depth = 0) => {
+  try {
+    return await fn();
+  } catch (e) {
+    if (depth > 10) {
+      throw e;
+    }
+    await wait(1.15 ** depth * 2e3);
+    return callWithRetry(fn, depth + 1);
+  }
+};
+
+const observerCallback = (entries, observer) => {
+  entries.forEach((async entry => {
+    if (!entry.isIntersecting) return;
+    await callWithRetry(dispatchAppearEvent(entry, observer));
+  }));
+};
+
+const extendElementWithIntersectionObserver = element => {
+  Object.assign(element, {
+    observer: new IntersectionObserver(observerCallback.bind(element), {})
+  });
+  if (!element.hasAttribute("keep")) {
+    element.observer.observe(element);
+  }
+};
+
+const extendElementWithEagerLoading = element => {
+  if (element.dataset.eager === "true") {
+    if (element.observer) element.observer.disconnect();
+    callWithRetry(dispatchAppearEvent(element));
+  }
+};
+
+class FuturismElement extends HTMLElement {
+  connectedCallback() {
+    extendElementWithIntersectionObserver(this);
+    extendElementWithEagerLoading(this);
+  }
+}
+
+class FuturismTableRow extends HTMLTableRowElement {
+  connectedCallback() {
+    extendElementWithIntersectionObserver(this);
+    extendElementWithEagerLoading(this);
+  }
+}
+
+class FuturismLI extends HTMLLIElement {
+  connectedCallback() {
+    extendElementWithIntersectionObserver(this);
+    extendElementWithEagerLoading(this);
+  }
+}
+
+async function sha256(message) {
+  const msgBuffer = new TextEncoder("utf-8").encode(message);
+  const hashBuffer = await crypto.subtle.digest("SHA-256", msgBuffer);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  const hashHex = hashArray.map((b => ("00" + b.toString(16)).slice(-2))).join("");
+  return hashHex;
+}
+
+const polyfillCustomElements = () => {
+  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  if (customElements) {
+    if (isSafari) {
+      document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>');
+    } else {
+      try {
+        customElements.define("built-in", document.createElement("tr").constructor, {
+          extends: "tr"
+        });
+      } catch (_) {
+        document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>');
+      }
+    }
+  } else {
+    document.write('<script src="//unpkg.com/document-register-element"><\/script>');
+  }
+};
+
+const defineElements = e => {
+  if (!customElements.get("futurism-element")) {
+    customElements.define("futurism-element", FuturismElement);
+    customElements.define("futurism-table-row", FuturismTableRow, {
+      extends: "tr"
+    });
+    customElements.define("futurism-li", FuturismLI, {
+      extends: "li"
+    });
+  }
+};
+
+const cachePlaceholders = e => {
+  sha256(e.detail.element.outerHTML).then((hashedContent => {
+    e.detail.element.setAttribute("keep", "");
+    sessionStorage.setItem(`futurism-${hashedContent}`, e.detail.element.outerHTML);
+    e.target.dataset.futurismHash = hashedContent;
+  }));
+};
+
+const restorePlaceholders = e => {
+  const inNamespace = ([key, _payload]) => key.startsWith("futurism-");
+  Object.entries(sessionStorage).filter(inNamespace).forEach((([key, payload]) => {
+    const match = /^futurism-(.*)/.exec(key);
+    const targetElement = document.querySelector(`[data-futurism-hash="${match[1]}"]`);
+    if (targetElement) {
+      targetElement.outerHTML = payload;
+      sessionStorage.removeItem(key);
+    }
+  }));
+};
+
+const initializeElements = () => {
+  polyfillCustomElements();
+  document.addEventListener("DOMContentLoaded", defineElements);
+  document.addEventListener("turbo:load", defineElements);
+  document.addEventListener("turbo:before-cache", restorePlaceholders);
+  document.addEventListener("turbolinks:load", defineElements);
+  document.addEventListener("turbolinks:before-cache", restorePlaceholders);
+  document.addEventListener("cable-ready:after-outer-html", cachePlaceholders);
+};
+
+export { createSubscription, initializeElements };

data/app/assets/javascripts/futurism.min.js

@@ -0,0 +1,2 @@
+import e from"cable_ready";const t=t=>{t.subscriptions.create("Futurism::Channel",{connected(){window.Futurism=this,document.addEventListener("futurism:appear",((e,t=20)=>{let s,r=[];return(...n)=>{clearTimeout(s),r=[...r,...n],s=setTimeout((()=>{s=null,e(r),r=[]}),t)}})((e=>{this.send({signed_params:e.map((e=>e.target.dataset.signedParams)),sgids:e.map((e=>e.target.dataset.sgid)),signed_controllers:e.map((e=>e.target.dataset.signedController)),urls:e.map((e=>window.location.href)),broadcast_each:e.map((e=>e.target.dataset.broadcastEach))})})))},received(t){t.cableReady&&(e.perform(t.operations,{emitMissingElementWarnings:!1}),document.dispatchEvent(new CustomEvent("futurism:appeared",{bubbles:!0,cancelable:!0})))}})},s=(e,t=null)=>{if(!window.Futurism)return()=>{setTimeout((()=>s(e,t)()),1)};const r=e.target?e.target:e,n=new CustomEvent("futurism:appear",{bubbles:!0,detail:{target:r,observer:t}});return()=>{r.dispatchEvent(n)}},r=async(e,t=0)=>{try{return await e()}catch(n){if(t>10)throw n;return await(s=1.15**t*2e3,new Promise((e=>setTimeout(e,s)))),r(e,t+1)}var s},n=(e,t)=>{e.forEach((async e=>{e.isIntersecting&&await r(s(e,t))}))},a=e=>{Object.assign(e,{observer:new IntersectionObserver(n.bind(e),{})}),e.hasAttribute("keep")||e.observer.observe(e)},i=e=>{"true"===e.dataset.eager&&(e.observer&&e.observer.disconnect(),r(s(e)))};class o extends HTMLElement{connectedCallback(){a(this),i(this)}}class c extends HTMLTableRowElement{connectedCallback(){a(this),i(this)}}class u extends HTMLLIElement{connectedCallback(){a(this),i(this)}}const m=e=>{customElements.get("futurism-element")||(customElements.define("futurism-element",o),customElements.define("futurism-table-row",c,{extends:"tr"}),customElements.define("futurism-li",u,{extends:"li"}))},d=e=>{(async function(e){const t=new TextEncoder("utf-8").encode(e),s=await crypto.subtle.digest("SHA-256",t);return Array.from(new Uint8Array(s)).map((e=>("00"+e.toString(16)).slice(-2))).join("")})(e.detail.element.outerHTML).then((t=>{e.detail.element.setAttribute("keep",""),sessionStorage.setItem(`futurism-${t}`,e.detail.element.outerHTML),e.target.dataset.futurismHash=t}))},l=e=>{Object.entries(sessionStorage).filter((([e,t])=>e.startsWith("futurism-"))).forEach((([e,t])=>{const s=/^futurism-(.*)/.exec(e),r=document.querySelector(`[data-futurism-hash="${s[1]}"]`);r&&(r.outerHTML=t,sessionStorage.removeItem(e))}))},b=()=>{(()=>{const e=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(customElements)if(e)document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>');else try{customElements.define("built-in",document.createElement("tr").constructor,{extends:"tr"})}catch(e){document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>')}else document.write('<script src="//unpkg.com/document-register-element"><\/script>')})(),document.addEventListener("DOMContentLoaded",m),document.addEventListener("turbo:load",m),document.addEventListener("turbo:before-cache",l),document.addEventListener("turbolinks:load",m),document.addEventListener("turbolinks:before-cache",l),document.addEventListener("cable-ready:after-outer-html",d)};export{t as createSubscription,b as initializeElements};
+//# sourceMappingURL=futurism.min.js.map

data/app/assets/javascripts/futurism.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"futurism.min.js","sources":["../../../javascript/futurism_channel.js","../../../javascript/elements/futurism_utils.js","../../../javascript/elements/futurism_element.js","../../../javascript/elements/futurism_table_row.js","../../../javascript/elements/futurism_li.js","../../../javascript/elements/index.js","../../../javascript/utils/crypto.js"],"sourcesContent":["/* global CustomEvent, setTimeout */\n\nimport CableReady from 'cable_ready'\n\nconst debounceEvents = (callback, delay = 20) => {\n  let timeoutId\n  let events = []\n  return (...args) => {\n    clearTimeout(timeoutId)\n    events = [...events, ...args]\n    timeoutId = setTimeout(() => {\n      timeoutId = null\n      callback(events)\n      events = []\n    }, delay)\n  }\n}\n\nexport const createSubscription = consumer => {\n  consumer.subscriptions.create('Futurism::Channel', {\n    connected () {\n      window.Futurism = this\n      document.addEventListener(\n        'futurism:appear',\n        debounceEvents(events => {\n          this.send({\n            signed_params: events.map(e => e.target.dataset.signedParams),\n            sgids: events.map(e => e.target.dataset.sgid),\n            signed_controllers: events.map(\n              e => e.target.dataset.signedController\n            ),\n            urls: events.map(_ => window.location.href),\n            broadcast_each: events.map(e => e.target.dataset.broadcastEach)\n          })\n        })\n      )\n    },\n\n    received (data) {\n      if (data.cableReady) {\n        CableReady.perform(data.operations, {\n          emitMissingElementWarnings: false\n        })\n\n        document.dispatchEvent(\n          new CustomEvent('futurism:appeared', {\n            bubbles: true,\n            cancelable: true\n          })\n        )\n      }\n    }\n  })\n}\n","/* global IntersectionObserver, CustomEvent, setTimeout */\n\nconst dispatchAppearEvent = (entry, observer = null) => {\n  if (!window.Futurism) {\n    return () => {\n      setTimeout(() => dispatchAppearEvent(entry, observer)(), 1)\n    }\n  }\n\n  const target = entry.target ? entry.target : entry\n\n  const evt = new CustomEvent('futurism:appear', {\n    bubbles: true,\n    detail: {\n      target,\n      observer\n    }\n  })\n\n  return () => {\n    target.dispatchEvent(evt)\n  }\n}\n\n// from https://advancedweb.hu/how-to-implement-an-exponential-backoff-retry-strategy-in-javascript/#rejection-based-retrying\nconst wait = ms => new Promise(resolve => setTimeout(resolve, ms))\n\nconst callWithRetry = async (fn, depth = 0) => {\n  try {\n    return await fn()\n  } catch (e) {\n    if (depth > 10) {\n      throw e\n    }\n    await wait(1.15 ** depth * 2000)\n\n    return callWithRetry(fn, depth + 1)\n  }\n}\n\nconst observerCallback = (entries, observer) => {\n  entries.forEach(async entry => {\n    if (!entry.isIntersecting) return\n\n    await callWithRetry(dispatchAppearEvent(entry, observer))\n  })\n}\n\nexport const extendElementWithIntersectionObserver = element => {\n  Object.assign(element, {\n    observer: new IntersectionObserver(observerCallback.bind(element), {})\n  })\n\n  if (!element.hasAttribute('keep')) {\n    element.observer.observe(element)\n  }\n}\n\nexport const extendElementWithEagerLoading = element => {\n  if (element.dataset.eager === 'true') {\n    if (element.observer) element.observer.disconnect()\n    callWithRetry(dispatchAppearEvent(element))\n  }\n}\n","/* global HTMLElement */\n\nimport {\n  extendElementWithIntersectionObserver,\n  extendElementWithEagerLoading\n} from './futurism_utils'\n\nexport default class FuturismElement extends HTMLElement {\n  connectedCallback () {\n    extendElementWithIntersectionObserver(this)\n    extendElementWithEagerLoading(this)\n  }\n}\n","/* global HTMLTableRowElement */\n\nimport {\n  extendElementWithIntersectionObserver,\n  extendElementWithEagerLoading\n} from './futurism_utils'\n\nexport default class FuturismTableRow extends HTMLTableRowElement {\n  connectedCallback () {\n    extendElementWithIntersectionObserver(this)\n    extendElementWithEagerLoading(this)\n  }\n}\n","/* global HTMLLIElement */\r\n\r\nimport {\r\n  extendElementWithIntersectionObserver,\r\n  extendElementWithEagerLoading\r\n} from './futurism_utils'\r\n\r\nexport default class FuturismLI extends HTMLLIElement {\r\n  connectedCallback () {\r\n    extendElementWithIntersectionObserver(this)\r\n    extendElementWithEagerLoading(this)\r\n  }\r\n}\r\n","/* global customElements, sessionStorage */\n\nimport FuturismElement from './futurism_element'\nimport FuturismTableRow from './futurism_table_row'\nimport FuturismLI from './futurism_li'\n\nimport { sha256 } from '../utils/crypto'\n\nconst polyfillCustomElements = () => {\n  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)\n\n  if (customElements) {\n    if (isSafari) {\n      document.write(\n        '<script src=\"//unpkg.com/@ungap/custom-elements-builtin\"><\\x2fscript>'\n      )\n    } else {\n      try {\n        customElements.define(\n          'built-in',\n          document.createElement('tr').constructor,\n          { extends: 'tr' }\n        )\n      } catch (_) {\n        document.write(\n          '<script src=\"//unpkg.com/@ungap/custom-elements-builtin\"><\\x2fscript>'\n        )\n      }\n    }\n  } else {\n    document.write(\n      '<script src=\"//unpkg.com/document-register-element\"><\\x2fscript>'\n    )\n  }\n}\n\nconst defineElements = e => {\n  if (!customElements.get('futurism-element')) {\n    customElements.define('futurism-element', FuturismElement)\n    customElements.define('futurism-table-row', FuturismTableRow, {\n      extends: 'tr'\n    })\n    customElements.define('futurism-li', FuturismLI, { extends: 'li' })\n  }\n}\n\nconst cachePlaceholders = e => {\n  sha256(e.detail.element.outerHTML).then(hashedContent => {\n    e.detail.element.setAttribute('keep', '')\n    sessionStorage.setItem(\n      `futurism-${hashedContent}`,\n      e.detail.element.outerHTML\n    )\n    e.target.dataset.futurismHash = hashedContent\n  })\n}\n\nconst restorePlaceholders = e => {\n  const inNamespace = ([key, _payload]) => key.startsWith('futurism-')\n  Object.entries(sessionStorage)\n    .filter(inNamespace)\n    .forEach(([key, payload]) => {\n      const match = /^futurism-(.*)/.exec(key)\n      const targetElement = document.querySelector(\n        `[data-futurism-hash=\"${match[1]}\"]`\n      )\n\n      if (targetElement) {\n        targetElement.outerHTML = payload\n        sessionStorage.removeItem(key)\n      }\n    })\n}\n\nexport const initializeElements = () => {\n  polyfillCustomElements()\n  document.addEventListener('DOMContentLoaded', defineElements)\n  document.addEventListener('turbo:load', defineElements)\n  document.addEventListener('turbo:before-cache', restorePlaceholders)\n  document.addEventListener('turbolinks:load', defineElements)\n  document.addEventListener('turbolinks:before-cache', restorePlaceholders)\n  document.addEventListener('cable-ready:after-outer-html', cachePlaceholders)\n}\n","/* global crypto */\n\nexport async function sha256 (message) {\n  // encode as UTF-8\n  const msgBuffer = new TextEncoder('utf-8').encode(message)\n\n  // hash the message\n  const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer)\n\n  // convert ArrayBuffer to Array\n  const hashArray = Array.from(new Uint8Array(hashBuffer))\n\n  // convert bytes to hex string\n  const hashHex = hashArray.map(b => ('00' + b.toString(16)).slice(-2)).join('')\n\n  return hashHex\n}\n"],"names":["createSubscription","consumer","subscriptions","create","connected","window","Futurism","this","document","addEventListener","callback","delay","timeoutId","events","args","clearTimeout","setTimeout","debounceEvents","send","signed_params","map","e","target","dataset","signedParams","sgids","sgid","signed_controllers","signedController","urls","_","location","href","broadcast_each","broadcastEach","received","data","cableReady","CableReady","perform","operations","emitMissingElementWarnings","dispatchEvent","CustomEvent","bubbles","cancelable","dispatchAppearEvent","entry","observer","evt","detail","callWithRetry","async","fn","depth","ms","Promise","resolve","observerCallback","entries","forEach","isIntersecting","extendElementWithIntersectionObserver","element","Object","assign","IntersectionObserver","bind","hasAttribute","observe","extendElementWithEagerLoading","eager","disconnect","FuturismElement","HTMLElement","connectedCallback","FuturismTableRow","HTMLTableRowElement","FuturismLI","HTMLLIElement","defineElements","customElements","get","define","extends","cachePlaceholders","message","msgBuffer","TextEncoder","encode","hashBuffer","crypto","subtle","digest","Array","from","Uint8Array","b","toString","slice","join","sha256","outerHTML","then","hashedContent","setAttribute","sessionStorage","setItem","futurismHash","restorePlaceholders","filter","key","_payload","startsWith","payload","match","exec","targetElement","querySelector","removeItem","initializeElements","isSafari","test","navigator","userAgent","write","createElement","constructor","polyfillCustomElements"],"mappings":"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"}

data/app/assets/javascripts/futurism.umd.js

@@ -0,0 +1,188 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("cable_ready")) : typeof define === "function" && define.amd ? define([ "exports", "cable_ready" ], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, 
+  factory(global.Futurism = {}, global.CableReady));
+})(this, (function(exports, CableReady) {
+  "use strict";
+  function _interopDefaultLegacy(e) {
+    return e && typeof e === "object" && "default" in e ? e : {
+      default: e
+    };
+  }
+  var CableReady__default = _interopDefaultLegacy(CableReady);
+  const debounceEvents = (callback, delay = 20) => {
+    let timeoutId;
+    let events = [];
+    return (...args) => {
+      clearTimeout(timeoutId);
+      events = [ ...events, ...args ];
+      timeoutId = setTimeout((() => {
+        timeoutId = null;
+        callback(events);
+        events = [];
+      }), delay);
+    };
+  };
+  const createSubscription = consumer => {
+    consumer.subscriptions.create("Futurism::Channel", {
+      connected() {
+        window.Futurism = this;
+        document.addEventListener("futurism:appear", debounceEvents((events => {
+          this.send({
+            signed_params: events.map((e => e.target.dataset.signedParams)),
+            sgids: events.map((e => e.target.dataset.sgid)),
+            signed_controllers: events.map((e => e.target.dataset.signedController)),
+            urls: events.map((_ => window.location.href)),
+            broadcast_each: events.map((e => e.target.dataset.broadcastEach))
+          });
+        })));
+      },
+      received(data) {
+        if (data.cableReady) {
+          CableReady__default["default"].perform(data.operations, {
+            emitMissingElementWarnings: false
+          });
+          document.dispatchEvent(new CustomEvent("futurism:appeared", {
+            bubbles: true,
+            cancelable: true
+          }));
+        }
+      }
+    });
+  };
+  const dispatchAppearEvent = (entry, observer = null) => {
+    if (!window.Futurism) {
+      return () => {
+        setTimeout((() => dispatchAppearEvent(entry, observer)()), 1);
+      };
+    }
+    const target = entry.target ? entry.target : entry;
+    const evt = new CustomEvent("futurism:appear", {
+      bubbles: true,
+      detail: {
+        target: target,
+        observer: observer
+      }
+    });
+    return () => {
+      target.dispatchEvent(evt);
+    };
+  };
+  const wait = ms => new Promise((resolve => setTimeout(resolve, ms)));
+  const callWithRetry = async (fn, depth = 0) => {
+    try {
+      return await fn();
+    } catch (e) {
+      if (depth > 10) {
+        throw e;
+      }
+      await wait(1.15 ** depth * 2e3);
+      return callWithRetry(fn, depth + 1);
+    }
+  };
+  const observerCallback = (entries, observer) => {
+    entries.forEach((async entry => {
+      if (!entry.isIntersecting) return;
+      await callWithRetry(dispatchAppearEvent(entry, observer));
+    }));
+  };
+  const extendElementWithIntersectionObserver = element => {
+    Object.assign(element, {
+      observer: new IntersectionObserver(observerCallback.bind(element), {})
+    });
+    if (!element.hasAttribute("keep")) {
+      element.observer.observe(element);
+    }
+  };
+  const extendElementWithEagerLoading = element => {
+    if (element.dataset.eager === "true") {
+      if (element.observer) element.observer.disconnect();
+      callWithRetry(dispatchAppearEvent(element));
+    }
+  };
+  class FuturismElement extends HTMLElement {
+    connectedCallback() {
+      extendElementWithIntersectionObserver(this);
+      extendElementWithEagerLoading(this);
+    }
+  }
+  class FuturismTableRow extends HTMLTableRowElement {
+    connectedCallback() {
+      extendElementWithIntersectionObserver(this);
+      extendElementWithEagerLoading(this);
+    }
+  }
+  class FuturismLI extends HTMLLIElement {
+    connectedCallback() {
+      extendElementWithIntersectionObserver(this);
+      extendElementWithEagerLoading(this);
+    }
+  }
+  async function sha256(message) {
+    const msgBuffer = new TextEncoder("utf-8").encode(message);
+    const hashBuffer = await crypto.subtle.digest("SHA-256", msgBuffer);
+    const hashArray = Array.from(new Uint8Array(hashBuffer));
+    const hashHex = hashArray.map((b => ("00" + b.toString(16)).slice(-2))).join("");
+    return hashHex;
+  }
+  const polyfillCustomElements = () => {
+    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+    if (customElements) {
+      if (isSafari) {
+        document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>');
+      } else {
+        try {
+          customElements.define("built-in", document.createElement("tr").constructor, {
+            extends: "tr"
+          });
+        } catch (_) {
+          document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>');
+        }
+      }
+    } else {
+      document.write('<script src="//unpkg.com/document-register-element"><\/script>');
+    }
+  };
+  const defineElements = e => {
+    if (!customElements.get("futurism-element")) {
+      customElements.define("futurism-element", FuturismElement);
+      customElements.define("futurism-table-row", FuturismTableRow, {
+        extends: "tr"
+      });
+      customElements.define("futurism-li", FuturismLI, {
+        extends: "li"
+      });
+    }
+  };
+  const cachePlaceholders = e => {
+    sha256(e.detail.element.outerHTML).then((hashedContent => {
+      e.detail.element.setAttribute("keep", "");
+      sessionStorage.setItem(`futurism-${hashedContent}`, e.detail.element.outerHTML);
+      e.target.dataset.futurismHash = hashedContent;
+    }));
+  };
+  const restorePlaceholders = e => {
+    const inNamespace = ([key, _payload]) => key.startsWith("futurism-");
+    Object.entries(sessionStorage).filter(inNamespace).forEach((([key, payload]) => {
+      const match = /^futurism-(.*)/.exec(key);
+      const targetElement = document.querySelector(`[data-futurism-hash="${match[1]}"]`);
+      if (targetElement) {
+        targetElement.outerHTML = payload;
+        sessionStorage.removeItem(key);
+      }
+    }));
+  };
+  const initializeElements = () => {
+    polyfillCustomElements();
+    document.addEventListener("DOMContentLoaded", defineElements);
+    document.addEventListener("turbo:load", defineElements);
+    document.addEventListener("turbo:before-cache", restorePlaceholders);
+    document.addEventListener("turbolinks:load", defineElements);
+    document.addEventListener("turbolinks:before-cache", restorePlaceholders);
+    document.addEventListener("cable-ready:after-outer-html", cachePlaceholders);
+  };
+  exports.createSubscription = createSubscription;
+  exports.initializeElements = initializeElements;
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+}));

data/app/assets/javascripts/futurism.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("cable_ready")):"function"==typeof define&&define.amd?define(["exports","cable_ready"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Futurism={},e.CableReady)}(this,(function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const r=(e,t=null)=>{if(!window.Futurism)return()=>{setTimeout((()=>r(e,t)()),1)};const n=e.target?e.target:e,s=new CustomEvent("futurism:appear",{bubbles:!0,detail:{target:n,observer:t}});return()=>{n.dispatchEvent(s)}},i=async(e,t=0)=>{try{return await e()}catch(s){if(t>10)throw s;return await(n=1.15**t*2e3,new Promise((e=>setTimeout(e,n)))),i(e,t+1)}var n},a=(e,t)=>{e.forEach((async e=>{e.isIntersecting&&await i(r(e,t))}))},o=e=>{Object.assign(e,{observer:new IntersectionObserver(a.bind(e),{})}),e.hasAttribute("keep")||e.observer.observe(e)},u=e=>{"true"===e.dataset.eager&&(e.observer&&e.observer.disconnect(),i(r(e)))};class c extends HTMLElement{connectedCallback(){o(this),u(this)}}class d extends HTMLTableRowElement{connectedCallback(){o(this),u(this)}}class m extends HTMLLIElement{connectedCallback(){o(this),u(this)}}const l=e=>{customElements.get("futurism-element")||(customElements.define("futurism-element",c),customElements.define("futurism-table-row",d,{extends:"tr"}),customElements.define("futurism-li",m,{extends:"li"}))},f=e=>{(async function(e){const t=new TextEncoder("utf-8").encode(e),n=await crypto.subtle.digest("SHA-256",t);return Array.from(new Uint8Array(n)).map((e=>("00"+e.toString(16)).slice(-2))).join("")})(e.detail.element.outerHTML).then((t=>{e.detail.element.setAttribute("keep",""),sessionStorage.setItem(`futurism-${t}`,e.detail.element.outerHTML),e.target.dataset.futurismHash=t}))},b=e=>{Object.entries(sessionStorage).filter((([e,t])=>e.startsWith("futurism-"))).forEach((([e,t])=>{const n=/^futurism-(.*)/.exec(e),s=document.querySelector(`[data-futurism-hash="${n[1]}"]`);s&&(s.outerHTML=t,sessionStorage.removeItem(e))}))};e.createSubscription=e=>{e.subscriptions.create("Futurism::Channel",{connected(){window.Futurism=this,document.addEventListener("futurism:appear",((e,t=20)=>{let n,s=[];return(...r)=>{clearTimeout(n),s=[...s,...r],n=setTimeout((()=>{n=null,e(s),s=[]}),t)}})((e=>{this.send({signed_params:e.map((e=>e.target.dataset.signedParams)),sgids:e.map((e=>e.target.dataset.sgid)),signed_controllers:e.map((e=>e.target.dataset.signedController)),urls:e.map((e=>window.location.href)),broadcast_each:e.map((e=>e.target.dataset.broadcastEach))})})))},received(e){e.cableReady&&(s.default.perform(e.operations,{emitMissingElementWarnings:!1}),document.dispatchEvent(new CustomEvent("futurism:appeared",{bubbles:!0,cancelable:!0})))}})},e.initializeElements=()=>{(()=>{const e=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(customElements)if(e)document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>');else try{customElements.define("built-in",document.createElement("tr").constructor,{extends:"tr"})}catch(e){document.write('<script src="//unpkg.com/@ungap/custom-elements-builtin"><\/script>')}else document.write('<script src="//unpkg.com/document-register-element"><\/script>')})(),document.addEventListener("DOMContentLoaded",l),document.addEventListener("turbo:load",l),document.addEventListener("turbo:before-cache",b),document.addEventListener("turbolinks:load",l),document.addEventListener("turbolinks:before-cache",b),document.addEventListener("cable-ready:after-outer-html",f)},Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=futurism.umd.min.js.map

data/app/assets/javascripts/futurism.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"futurism.umd.min.js","sources":["../../../javascript/futurism_channel.js","../../../javascript/elements/futurism_utils.js","../../../javascript/elements/futurism_element.js","../../../javascript/elements/futurism_table_row.js","../../../javascript/elements/futurism_li.js","../../../javascript/elements/index.js","../../../javascript/utils/crypto.js"],"sourcesContent":["/* global CustomEvent, setTimeout */\n\nimport CableReady from 'cable_ready'\n\nconst debounceEvents = (callback, delay = 20) => {\n  let timeoutId\n  let events = []\n  return (...args) => {\n    clearTimeout(timeoutId)\n    events = [...events, ...args]\n    timeoutId = setTimeout(() => {\n      timeoutId = null\n      callback(events)\n      events = []\n    }, delay)\n  }\n}\n\nexport const createSubscription = consumer => {\n  consumer.subscriptions.create('Futurism::Channel', {\n    connected () {\n      window.Futurism = this\n      document.addEventListener(\n        'futurism:appear',\n        debounceEvents(events => {\n          this.send({\n            signed_params: events.map(e => e.target.dataset.signedParams),\n            sgids: events.map(e => e.target.dataset.sgid),\n            signed_controllers: events.map(\n              e => e.target.dataset.signedController\n            ),\n            urls: events.map(_ => window.location.href),\n            broadcast_each: events.map(e => e.target.dataset.broadcastEach)\n          })\n        })\n      )\n    },\n\n    received (data) {\n      if (data.cableReady) {\n        CableReady.perform(data.operations, {\n          emitMissingElementWarnings: false\n        })\n\n        document.dispatchEvent(\n          new CustomEvent('futurism:appeared', {\n            bubbles: true,\n            cancelable: true\n          })\n        )\n      }\n    }\n  })\n}\n","/* global IntersectionObserver, CustomEvent, setTimeout */\n\nconst dispatchAppearEvent = (entry, observer = null) => {\n  if (!window.Futurism) {\n    return () => {\n      setTimeout(() => dispatchAppearEvent(entry, observer)(), 1)\n    }\n  }\n\n  const target = entry.target ? entry.target : entry\n\n  const evt = new CustomEvent('futurism:appear', {\n    bubbles: true,\n    detail: {\n      target,\n      observer\n    }\n  })\n\n  return () => {\n    target.dispatchEvent(evt)\n  }\n}\n\n// from https://advancedweb.hu/how-to-implement-an-exponential-backoff-retry-strategy-in-javascript/#rejection-based-retrying\nconst wait = ms => new Promise(resolve => setTimeout(resolve, ms))\n\nconst callWithRetry = async (fn, depth = 0) => {\n  try {\n    return await fn()\n  } catch (e) {\n    if (depth > 10) {\n      throw e\n    }\n    await wait(1.15 ** depth * 2000)\n\n    return callWithRetry(fn, depth + 1)\n  }\n}\n\nconst observerCallback = (entries, observer) => {\n  entries.forEach(async entry => {\n    if (!entry.isIntersecting) return\n\n    await callWithRetry(dispatchAppearEvent(entry, observer))\n  })\n}\n\nexport const extendElementWithIntersectionObserver = element => {\n  Object.assign(element, {\n    observer: new IntersectionObserver(observerCallback.bind(element), {})\n  })\n\n  if (!element.hasAttribute('keep')) {\n    element.observer.observe(element)\n  }\n}\n\nexport const extendElementWithEagerLoading = element => {\n  if (element.dataset.eager === 'true') {\n    if (element.observer) element.observer.disconnect()\n    callWithRetry(dispatchAppearEvent(element))\n  }\n}\n","/* global HTMLElement */\n\nimport {\n  extendElementWithIntersectionObserver,\n  extendElementWithEagerLoading\n} from './futurism_utils'\n\nexport default class FuturismElement extends HTMLElement {\n  connectedCallback () {\n    extendElementWithIntersectionObserver(this)\n    extendElementWithEagerLoading(this)\n  }\n}\n","/* global HTMLTableRowElement */\n\nimport {\n  extendElementWithIntersectionObserver,\n  extendElementWithEagerLoading\n} from './futurism_utils'\n\nexport default class FuturismTableRow extends HTMLTableRowElement {\n  connectedCallback () {\n    extendElementWithIntersectionObserver(this)\n    extendElementWithEagerLoading(this)\n  }\n}\n","/* global HTMLLIElement */\r\n\r\nimport {\r\n  extendElementWithIntersectionObserver,\r\n  extendElementWithEagerLoading\r\n} from './futurism_utils'\r\n\r\nexport default class FuturismLI extends HTMLLIElement {\r\n  connectedCallback () {\r\n    extendElementWithIntersectionObserver(this)\r\n    extendElementWithEagerLoading(this)\r\n  }\r\n}\r\n","/* global customElements, sessionStorage */\n\nimport FuturismElement from './futurism_element'\nimport FuturismTableRow from './futurism_table_row'\nimport FuturismLI from './futurism_li'\n\nimport { sha256 } from '../utils/crypto'\n\nconst polyfillCustomElements = () => {\n  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)\n\n  if (customElements) {\n    if (isSafari) {\n      document.write(\n        '<script src=\"//unpkg.com/@ungap/custom-elements-builtin\"><\\x2fscript>'\n      )\n    } else {\n      try {\n        customElements.define(\n          'built-in',\n          document.createElement('tr').constructor,\n          { extends: 'tr' }\n        )\n      } catch (_) {\n        document.write(\n          '<script src=\"//unpkg.com/@ungap/custom-elements-builtin\"><\\x2fscript>'\n        )\n      }\n    }\n  } else {\n    document.write(\n      '<script src=\"//unpkg.com/document-register-element\"><\\x2fscript>'\n    )\n  }\n}\n\nconst defineElements = e => {\n  if (!customElements.get('futurism-element')) {\n    customElements.define('futurism-element', FuturismElement)\n    customElements.define('futurism-table-row', FuturismTableRow, {\n      extends: 'tr'\n    })\n    customElements.define('futurism-li', FuturismLI, { extends: 'li' })\n  }\n}\n\nconst cachePlaceholders = e => {\n  sha256(e.detail.element.outerHTML).then(hashedContent => {\n    e.detail.element.setAttribute('keep', '')\n    sessionStorage.setItem(\n      `futurism-${hashedContent}`,\n      e.detail.element.outerHTML\n    )\n    e.target.dataset.futurismHash = hashedContent\n  })\n}\n\nconst restorePlaceholders = e => {\n  const inNamespace = ([key, _payload]) => key.startsWith('futurism-')\n  Object.entries(sessionStorage)\n    .filter(inNamespace)\n    .forEach(([key, payload]) => {\n      const match = /^futurism-(.*)/.exec(key)\n      const targetElement = document.querySelector(\n        `[data-futurism-hash=\"${match[1]}\"]`\n      )\n\n      if (targetElement) {\n        targetElement.outerHTML = payload\n        sessionStorage.removeItem(key)\n      }\n    })\n}\n\nexport const initializeElements = () => {\n  polyfillCustomElements()\n  document.addEventListener('DOMContentLoaded', defineElements)\n  document.addEventListener('turbo:load', defineElements)\n  document.addEventListener('turbo:before-cache', restorePlaceholders)\n  document.addEventListener('turbolinks:load', defineElements)\n  document.addEventListener('turbolinks:before-cache', restorePlaceholders)\n  document.addEventListener('cable-ready:after-outer-html', cachePlaceholders)\n}\n","/* global crypto */\n\nexport async function sha256 (message) {\n  // encode as UTF-8\n  const msgBuffer = new TextEncoder('utf-8').encode(message)\n\n  // hash the message\n  const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer)\n\n  // convert ArrayBuffer to Array\n  const hashArray = Array.from(new Uint8Array(hashBuffer))\n\n  // convert bytes to hex string\n  const hashHex = hashArray.map(b => ('00' + b.toString(16)).slice(-2)).join('')\n\n  return hashHex\n}\n"],"names":["dispatchAppearEvent","entry","observer","window","Futurism","setTimeout","target","evt","CustomEvent","bubbles","detail","dispatchEvent","callWithRetry","async","fn","depth","e","ms","Promise","resolve","observerCallback","entries","forEach","isIntersecting","extendElementWithIntersectionObserver","element","Object","assign","IntersectionObserver","bind","hasAttribute","observe","extendElementWithEagerLoading","dataset","eager","disconnect","FuturismElement","HTMLElement","connectedCallback","this","FuturismTableRow","HTMLTableRowElement","FuturismLI","HTMLLIElement","defineElements","customElements","get","define","extends","cachePlaceholders","message","msgBuffer","TextEncoder","encode","hashBuffer","crypto","subtle","digest","Array","from","Uint8Array","map","b","toString","slice","join","sha256","outerHTML","then","hashedContent","setAttribute","sessionStorage","setItem","futurismHash","restorePlaceholders","filter","key","_payload","startsWith","payload","match","exec","targetElement","document","querySelector","removeItem","consumer","subscriptions","create","connected","addEventListener","callback","delay","timeoutId","events","args","clearTimeout","debounceEvents","send","signed_params","signedParams","sgids","sgid","signed_controllers","signedController","urls","_","location","href","broadcast_each","broadcastEach","received","data","cableReady","CableReady","perform","operations","emitMissingElementWarnings","cancelable","isSafari","test","navigator","userAgent","write","createElement","constructor","polyfillCustomElements"],"mappings":"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"}

data/{lib → app/channels}/futurism/channel.rb

@@ -1,5 +1,5 @@
 module Futurism
-  class Channel < ActionCable::Channel::Base
+  class Channel < Futurism.configuration.parent_channel.constantize
     include CableReady::Broadcaster
 
     def stream_name

data/bin/rails

@@ -0,0 +1,25 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails gems
+# installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path('..', __dir__)
+ENGINE_PATH = File.expand_path('../lib/futurism/engine', __dir__)
+APP_PATH = File.expand_path('../test/dummy/config/application', __dir__)
+
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
+require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE'])
+
+require "rails"
+# Pick the frameworks you want:
+require "active_model/railtie"
+require "active_job/railtie"
+# require "active_record/railtie"
+# require "active_storage/engine"
+require "action_controller/railtie"
+# require "action_mailer/railtie"
+require "action_view/railtie"
+require "action_cable/engine"
+# require "sprockets/railtie"
+require "rails/test_unit/railtie"
+require 'rails/engine/commands'

data/bin/standardize

@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+
+bundle exec standardrb --fix
+
+npx prettier-standard lib/templates/**/*.js

data/bin/test

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+$: << File.expand_path("../test", __dir__)
+
+require "bundler/setup"
+require "rails/plugin/test"

data/futurism.gemspec

@@ -0,0 +1,38 @@
+$:.push File.expand_path("lib", __dir__)
+
+# Maintain your gem's version:
+require "futurism/version"
+
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |spec|
+  spec.name = "futurism"
+  spec.version = Futurism::VERSION
+  spec.authors = ["Julian Rubisch"]
+  spec.email = ["julian@julianrubisch.at"]
+  spec.homepage = "https://github.com/stimulusreflex/futurism"
+  spec.summary = "Lazy-load Rails partials via CableReady"
+  spec.description = "Uses custom html elements with attached IntersectionObserver to automatically lazy load partials via websockets"
+  spec.license = "MIT"
+
+  spec.files = Dir[
+    "lib/**/*.rb",
+    "app/**/*.rb",
+    "app/assets/javascripts/*",
+    "bin/*",
+    "[A-Z]*"
+  ]
+
+  spec.test_files = Dir["test/**/*.rb"]
+
+  spec.add_development_dependency "appraisal"
+  spec.add_development_dependency "bundler", "~> 2.0"
+  spec.add_development_dependency "rake", "~> 13.0"
+  spec.add_development_dependency "pry", "~> 0.12.2"
+  spec.add_development_dependency "nokogiri"
+  spec.add_development_dependency "standardrb"
+  spec.add_development_dependency "sqlite3"
+
+  spec.add_dependency "rack", "~> 2.0"
+  spec.add_dependency "rails", ">= 5.2"
+  spec.add_dependency "cable_ready", "= 5.0.0.pre9"
+end

data/futurism.gemspec~

@@ -0,0 +1,30 @@
+$:.push File.expand_path("lib", __dir__)
+
+# Maintain your gem's version:
+require "futurism/version"
+
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |spec|
+  spec.name = "futurism"
+  spec.version = Futurism::VERSION
+  spec.authors = ["Julian Rubisch"]
+  spec.email = ["julian@julianrubisch.at"]
+  spec.homepage = "https://github.com/stimulusreflex/futurism"
+  spec.summary = "Lazy-load Rails partials via CableReady"
+  spec.description = "Uses custom html elements with attached IntersectionObserver to automatically lazy load partials via websockets"
+  spec.license = "MIT"
+
+  spec.files = Dir["{app,config,db,lib}/**/*", "MIT-LICENSE", "Rakefile", "README.md"]
+
+  spec.add_development_dependency "appraisal"
+  spec.add_development_dependency "bundler", "~> 2.0"
+  spec.add_development_dependency "rake", "~> 13.0"
+  spec.add_development_dependency "pry", "~> 0.12.2"
+  spec.add_development_dependency "nokogiri"
+  spec.add_development_dependency "standardrb"
+  spec.add_development_dependency "sqlite3"
+
+  spec.add_dependency "rack", "~> 2.0"
+  spec.add_dependency "rails", ">= 5.2"
+  spec.add_dependency "cable_ready", "= 5.0.0.pre8"
+end

data/lib/futurism/configuration.rb

@@ -0,0 +1,21 @@
+module Futurism
+  class << self
+    def configure
+      yield configuration
+    end
+
+    def configuration
+      @configuration ||= Configuration.new
+    end
+
+    alias_method :config, :configuration
+  end
+
+  class Configuration
+    attr_accessor :parent_channel
+
+    def initialize
+      @parent_channel = "::ApplicationCable::Channel"
+    end
+  end
+end

data/lib/futurism/engine.rb

@@ -1,4 +1,23 @@
 module Futurism
   class Engine < ::Rails::Engine
+    initializer "futurism.assets" do |app|
+      if app.config.respond_to?(:assets)
+        app.config.assets.precompile += %w[
+          futurism.js
+          futurism.min.js
+          futurism.min.js.map
+          futurism.umd.js
+          futurism.umd.min.js
+          futurism.umd.min.js.map
+        ]
+      end
+    end
+
+    initializer "futurism.importmap", before: "importmap" do |app|
+      if app.config.respond_to?(:importmap)
+        app.config.importmap.paths << Engine.root.join("lib/futurism/importmap.rb")
+        app.config.importmap.cache_sweepers << Engine.root.join("app/assets/javascripts")
+      end
+    end
   end
 end

data/lib/futurism/helpers.rb

@@ -1,7 +1,7 @@
 module Futurism
   module Helpers
-    def futurize(records_or_string = nil, extends:, **options, &block)
-      if Rails.env.test? && Futurism.skip_in_test
+    def futurize(records_or_string = nil, extends: :div, **options, &block)
+      if (Rails.env.test? && Futurism.skip_in_test) || options[:unless]
         if records_or_string.nil?
           return render(**options)
         else
@@ -11,6 +11,9 @@ module Futurism
 
       options[:eager] = true unless block_given?
 
+      # cannot serialize a proc
+      options.delete(:cached) if options[:cached].is_a?(Proc)
+
       if records_or_string.is_a?(ActiveRecord::Base) || records_or_string.is_a?(ActiveRecord::Relation)
         futurize_active_record(records_or_string, extends: extends, **options, &block)
       elsif records_or_string.is_a?(String)

data/lib/futurism/importmap.rb

@@ -0,0 +1,2 @@
+pin "cable_ready", to: "cable_ready.min.js", preload: true
+pin "futurism", to: "futurism.min.js", preload: true

data/lib/futurism/version.rb

@@ -1,3 +1,3 @@
 module Futurism
-  VERSION = "1.2.0.pre7"
+  VERSION = "1.2.0.pre10"
 end