30:[] 2e:{"title":"Text Compression Before/After","cells":[{"id":0,"value":"# Text Compression Before/After\n\n*feat. flate (in WebAssembly)*\n\nSee browser API for this: Compression Streams API.","pinned":false,"hidden":false,"mode":"md"},{"id":18,"value":"viewof input = Textarea({rows: 5, label: 'Input string'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"viewof compmethod = Select(\n ['deflate', 'gzip', 'zlib'].map(label => ({ label, enc: `${label}_encode`, dec: `${label}_decode` })),\n{\n label: 'Compression method',\n format: x => x.label,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"{\n const bf = input.length, aftb64 = compressed.length, aft = compressedAsBytes.length\n let rateDisp = ''\n if (bf > 0) {\n const rate = Math.round(aft/bf * 10000) / 100\n const rateb64 = Math.round(aftb64/bf * 10000) / 100\n rateDisp = html`

Ratio (out/in): ${rate.toFixed(2)}%; \nif in base64: ${rateb64.toFixed(2)}%`\n }\n \n return html`

Method: ${compmethod.label}\n
Input size: ${bf}\n
Output size: ${aft}; if in base64: ${aftb64}\n${rateDisp}\n`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"{\n let verdict = html`Passed`\n class CustomError extends Error {}\n try {\n if (flate[compmethod.dec](compressed) !== input) {\n throw new CustomError('They are not equal!')\n }\n } catch (err) {\n if (err instanceof(CustomError)) {\n verdict = html`Failed`\n } else throw err\n }\n return html`Sanity check: ${verdict}`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"compressed = flate[compmethod.enc](input)","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"compressedAsBytes = Uint8Array.from(atob(compressed), c => c.charCodeAt(0))","pinned":true,"hidden":false,"mode":"ojs"},{"id":215,"value":"compressedAsHex = [...compressedAsBytes].map(c => c.toString(16).padStart(2, '0')).join('')","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"flate = require('wasm-flate@1.0.2-browser').catch(async () => {\n await self.wasm_bindgen('https://unpkg.com/wasm-flate@1.0.2-browser/wasm_flate_bg.wasm')\n return {...self.wasm_bindgen}\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"import { Textarea, Select } from '@observablehq/inputs'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}