| // try splitting buffer to N parts, recording in parallel, generating blob | |
| async function recordParallel() { | |
| const audioContext = new AudioContext(); | |
| const mimeType = 'audio/webm;codecs=opus' | |
| const bufs = [], all = [] | |
| for (let i = 0; i < 10; i++ ) { | |
| // 2705 - min chunk length for opus encoder in Chrome, so we increase block size to 4096 plus silent header |
| lookup diacritics { | |
| markClass [gravecomb acutecomb] <anchor 160 512> @TOP_MARKS; | |
| # ш м т | |
| pos base [\uni0448 \uni043C \uni0442] <anchor 500 512> mark @TOP_MARKS; | |
| } diacritics; | |
| feature mark { | |
| lookup diacritics; | |
| } mark; |
| <script> | |
| let hiddenNode = document.documentElement.appendChild(document.createElement('div')) | |
| hiddenNode.style.visibility = 'hidden' | |
| hiddenNode.style.height = 0 | |
| function calc(expression) { | |
| let cssExpression = expression | |
| // a + b → var(--a) + var(--b) | |
| .replace(/([a-z]\w*)(\b[^(]|$)/ig, 'var(--$1)$2') | |
| // -var(--a) → -1 * var(--a) |
| <script id='import-maps-polyfill'> | |
| const imports = {} | |
| // intercept all subsequent scripts before init | |
| ;(new MutationObserver(rx=>rx.forEach(({target:s}) => { | |
| if (s.tagName !== 'SCRIPT' || s.im) return | |
| if (s.getAttribute('type') === 'importmap') { | |
| Object.assign(imports, JSON.parse(s.textContent).imports) | |
| } |
| <!DOCTYPE html> | |
| <script id='scoped-script'> | |
| let i = 0; | |
| (new MutationObserver(rx=>rx.forEach(({target:s}) => { | |
| if (s.tagName !== 'SCRIPT' || s.scoped || !s.hasAttribute('scoped')) return | |
| s.scoped=true | |
| if (!s.id) s.id='__s'+i++ | |
| s.innerHTML=`(function(){${s.innerHTML}}).call(document.getElementById('${s.id}').parentNode)` | |
| }))).observe(document, {childList:true,subtree:true,attributes:true,attributeFilter:['scoped']}) |
| { | |
| "basics": { | |
| "name": "Dmitry Ivanov", | |
| "label": "Software Engineer", | |
| "image": "https://raw.githubusercontent.com/dy/resume/master/index.png", | |
| "email": "[email protected]", | |
| "phone": "+1 514 7755-376", | |
| "url": "", | |
| "summary": "Originally from Saint-Petersburg, earned Master's degree in Computer Graphics (CS) at Baltic State Technical University. Started his career as UI / Web designer collaborating at local startups, prominently kudago.com, with hobby passion for open-source. Afterwards moved to Montreal, Canada, where first collaborated with local businesses (TTBA, Amaze) as frontend / web engineer, then found an opportunity at Plotly Inc as WebGL specialist. Later switched to fintech at Mobeewave, that merged into Apple Wallet and Payments teams. Currently focused at audio / vis tech at elevenlabs.io and open-source projects.", | |
| "location": { |
http://catb.org/~esr/jargon/html/M/metasyntactic-variable.html https://pageperso.lif.univ-mrs.fr/~edouard.thiel/divers/variables-metasyntaxiques.html
foo, bar, baz, qux, quux, corge, grault, garply, waldo, fred, plugh, xyzzy, thud (rfc 3092) bat qwe zxc asd
| // polyfill readable stream iterator | |
| export const ReadableStream = window.ReadableStream && window.ReadableStream.prototype[Symbol.asyncIterator] ? | |
| window.ReadableStream : (() => { | |
| function ReadableStream (...args) { | |
| let readers = [] | |
| let obj = args[0] | |
| let stream = new window.ReadableStream(...args) |
| - | |
| - | |
| -- | |
| -. | |
| -0 | |
| -1 | |
| -2 | |
| -3 | |
| -4 | |
| -5 |
React concurrent mode is flawed design workaround. That issue cannot happen with web-components.
Component itself must be responsible for its rendering content and loading state - putting loading logic into Suspense wrapper creates redundant waterfall.
const initialResource = fetchProfileData(0);
function App() {
const [resource, setResource] = useState(initialResource);
return (