From 5550debfa61dfed8157494eb13f094141ecec97a Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Mon, 2 Jul 2018 11:29:40 -0400 Subject: [PATCH] delete unused file --- routes/blog/_crossfade.js | 82 --------------------------------------- 1 file changed, 82 deletions(-) delete mode 100644 routes/blog/_crossfade.js diff --git a/routes/blog/_crossfade.js b/routes/blog/_crossfade.js deleted file mode 100644 index 81a7efd..0000000 --- a/routes/blog/_crossfade.js +++ /dev/null @@ -1,82 +0,0 @@ -import * as eases from 'eases-jsnext'; -import * as yootils from 'yootils'; - -export default function crossfade({ fallback }) { - let requested = new Map(); - let provided = new Map(); - - function crossfade(from, node) { - const to = node.getBoundingClientRect(); - console.log({ from, to }); - const dx = from.left - to.left; - const dy = from.top - to.top; - - const dsx = (from.right - from.left) / (to.right - to.left); - const dsy = (from.bottom - from.top) / (to.bottom - to.top); - - console.log({ dsx, dsy }); - - const sx = yootils.linearScale([0, 1], [dsx, 1]); - const sy = yootils.linearScale([0, 1], [dsy, 1]); - - const style = getComputedStyle(node); - const transform = style.transform === 'none' ? '' : style.transform; - - return { - duration: 4000, - easing: eases.quintOut, - css: (t, u) => ` - opacity: ${t}; - transform-origin: 0 0; - transform: ${transform} translate(${u * dx}px,${u * dy}px) scale(${sx(t)}, ${sy(t)}); - `, - tick: (t, u) => { - // console.log({ - // sx: 1 + u * dsx, - // sy: 1 + u * dsy, - // }); - } - }; - } - - return { - send(node, params) { - provided.set(params.key, { - rect: node.getBoundingClientRect() - }); - - return () => { - if (requested.has(params.key)) { - const { rect } = requested.get(params.key); - requested.delete(params.key); - - return crossfade(rect, node); - } - - // if the node is disappearing altogether - // (i.e. wasn't claimed by the other list) - // then we need to supply an outro - provided.delete(params.key); - return fallback(node, params); - }; - }, - - receive(node, params) { - requested.set(params.key, { - rect: node.getBoundingClientRect() - }); - - return () => { - if (provided.has(params.key)) { - const { rect } = provided.get(params.key); - provided.delete(params.key); - - return crossfade(rect, node); - } - - requested.delete(params.key); - return fallback(node, params); - }; - } - }; -} \ No newline at end of file