jimmywarting

This is a response to https://gist.github.com/joepie91/bca2fda868c1e8b2c2caf76af7dfcad3?permalink_comment_id=4767875#gistcomment-4767875

if you are so sure about using 'import' from common js then send some code samples - maybe it will help someone else.

Sure @cybafelo, i can give you 3 example (from easy to more adv)

i'm going to create a basic hello world example that uses express (cjs) and node-fetch (esm-only)

here is what my package.json looks like:

jimmywarting

/**
 * Read a stream into same underlying ArrayBuffer of a fixed size.
 * And yield a new Uint8Array view of the same underlying buffer.
 * @param {ReadableStreamBYOBReader} reader
 * @param {number} chunkSize
 */
async function* blockReader(reader, chunkSize) {
  let offset = 0;
  let buffer = new ArrayBuffer(chunkSize)
  let done, view

jimmywarting

import { watch } from 'node:fs/promises'
import { Worker } from 'node:worker_threads'

let worker = new Worker('./app.js')

async function reloadOnChange (dir) {
  const watcher = watch(dir, { recursive: true })
  for await (const change of watcher) {
    if (change.filename.endsWith('.js')) {
      worker.terminate()

jimmywarting

const blob = new Blob(['123'])
const xhr = new XMLHttpRequest()
const url = URL.createObjectURL(blob)

// required if you need to read binary data:
xhr.overrideMimeType('text/plain; charset=x-user-defined') 
xhr.open('GET', url, false)
xhr.send()

const uint8 = Uint8Array.from(xhr.response, c => c.charCodeAt(0))

jimmywarting

• ⎋ (escape): U+238B
• ⇥ (tab): U+21E5
• ⇪ (caps lock): U+21EA
• ⇧ (shift): U+21E7
• ⌃ (control): U+2303
• ⌥ (option): U+2325
•  (Apple): U+F8FF (in some Apple-provided fonts only)
• ⌘ (command): U+2318
␣ (space): U+2423

jimmywarting

# Create Your Own Archive Format with Just 60 Lines of JavaScript

Table of Contents

• Explanation (Introduction, Why & How)
• Browser Limitations (Memory, Streaming, Writing, Uploading)
• What are Blobs? (How Do They Work?)
• The Solution (Code Sample)
  • How to Use the Sample Code
• Takeaways (Reflection)

jimmywarting

import { compress, decompress } from 'zlib.js'

compr = await compress('hhhhheeeej'.repeat(200)).blob()
blob = await decompress(compr).blob()

jimmywarting

This custom json replacer/reviver allow you to store more types as json and still keep it as valid json.

features

• Allow you to stringify/parse
  • BigInt
  • Infinity
  • NaN
  • Date
  • typed arrays & ArrayBuffers as web-safe base64

jimmywarting

var pc1 = new RTCPeerConnection(), 
    pc2 = new RTCPeerConnection();

var addCandidate = (pc, can) => can && pc.addIceCandidate(can).catch(console.error);

pc1.onicecandidate = e => { addCandidate(pc2, e.candidate); };
pc2.onicecandidate = e => { addCandidate(pc1, e.candidate); };

pc1.oniceconnectionstatechange = e => console.log("pc1 iceConnState:", pc1.iceConnectionState);
pc2.oniceconnectionstatechange = e => console.log("pc2 iceConnState:", pc2.iceConnectionState);

jimmywarting

// based on this https://github.com/davidbau/seedrandom#other-fast-prng-algorithms but without `next()`

(b,c,d,f,g,h,k,s=1,t=4022871197)=>(k=u=>{for(d of u)t+=d.charCodeAt(0),f=.02519603282416938*t,t=f>>>0,f-=t,f*=t,t=f>>>0,f-=t,t+=4294967296*f;return 2.3283064365386963e-10*(t>>>0)},c=k(' '),g=k(' '),h=k(' '),c-=k(b),0>c&&(c+=1),g-=k(b),0>g&&(g+=1),h-=k(b),0>h&&(h+=1),b=2091639*c+2.3283064365386963e-10*s,h=b-(0|b))

// usage
// const randomizer = <code>
// const seed = '2' // must be string
// randomizer(seed); // 0.4575677579268813