Matt Donkin defx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import puppeteer from "puppeteer-core" | |
| const unique = (arr) => [...new Set(arr)] | |
| (async () => { | |
| const browser = await puppeteer.launch({ | |
| headless: true, | |
| channel: "chrome", | |
| timeout: 60000, | |
| }) |
defx
/ prefix-selectors.js
Created
December 12, 2020 11:58
Add a prefix to all selectors in a CSS string
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function prefixSelectors(prefix, css) { | |
| let insideBlock = false; | |
| let look = true; | |
| let output = ''; | |
| for (let char of css) { | |
| if (char === '}') { | |
| insideBlock = false; | |
| look = true; | |
| } else if (char === ',') { |
defx
/ faux-slotted-content.js
Last active
December 12, 2020 16:54
Manual slot resolution without Shadow DOM (not recommended, more of a hypothetical in the absence of declarative Shadow DOM)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const childNodes = (node) => { | |
| let frag = document.createDocumentFragment(); | |
| while (node.firstChild) { | |
| frag.appendChild(node.firstChild); | |
| } | |
| return frag; | |
| }; | |
| export default function merge(targetNode, sourceNode) { | |
| let namedSlots = sourceNode.querySelectorAll('slot[name]'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { h, Component } from "preact"; | |
| import { Router } from "preact-router"; | |
| import Header from "./header"; | |
| // Code-splitting is automated for routes | |
| import Home from "../routes/home"; | |
| import Profile from "../routes/profile"; | |
| export default class App extends Component { |
defx
/ identity-tag.js
Last active
January 3, 2020 11:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const idTag = (strings, ...values) => | |
| strings.reduce((a, s, i) => a + s + (values[i] || ""), ""); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function inView(el, fn) { | |
| var location, size; | |
| el.getCssValue('display') | |
| .then(function (display) { | |
| if (display === 'none') { | |
| fn(false); | |
| } else { | |
| return el.getSize() |
defx
/ gist:f91089bdf0f2aad8fbcb
Last active
August 29, 2015 14:01
John Resig's Regular Expression to Parse HTML Tags and Attributes (with added support for hyphened attributes)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /^<(\w+)((?:\s+(\w|-)+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/ |