13 |
Start listening. Say "OK Web" for reaction. Say "Stop listening" to stop.
14 |
15 |
16 |
--------------------------------------------------------------------------------
/js/incremental-text.js:
--------------------------------------------------------------------------------
1 | const {
2 | document,
3 | cancelAnimationFrame,
4 | requestAnimationFrame
5 | } = globalThis;
6 |
7 | export default class IncrementalText {
8 | #raf = 0;
9 | #target = null;
10 | constructor(target) {
11 | this.#target = target;
12 | }
13 | show(text) {
14 | cancelAnimationFrame(this.#raf);
15 | this.#target.textContent = '';
16 | const node = this.#target.appendChild(document.createTextNode(''));
17 | const chars = [...text];
18 | let i = 0;
19 | const show = () => {
20 | if (i < chars.length) {
21 | node.data += chars[i++];
22 | this.#raf = requestAnimationFrame(show);
23 | }
24 | };
25 | this.#raf = requestAnimationFrame(show);
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | ISC License
2 |
3 | Copyright (c) 2023, Andrea Giammarchi, @WebReflection
4 |
5 | Permission to use, copy, modify, and/or distribute this software for any
6 | purpose with or without fee is hereby granted, provided that the above
7 | copyright notice and this permission notice appear in all copies.
8 |
9 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
10 | REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
11 | AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
12 | INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
13 | LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE
14 | OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
15 | PERFORMANCE OF THIS SOFTWARE.
16 |
--------------------------------------------------------------------------------
/js/$.js:
--------------------------------------------------------------------------------
1 | /* @see https://github.com/WebReflection/handy-wrap#readme */
2 | /*! (c) Andrea Giammarchi - ISC */
3 | const{iterator:e}=Symbol,t=new Map,r=(e,t)=>e?t.at(0):t,n={get({_:n,$:l},o,u){if(t.has(o))return t.get(o)(r(n,l),o,u);switch(o){case e:return l[e].bind(l);case"emit":return(e,...t)=>{for(let r=0;r