doc_serializers_table = { const data = { 'String': 'foo', 'null': null, 'Array': ['foo', 'bar'], 'Object': {foo: 'bar'}, 'Boolean': false, 'Number': -1.2345e-67, 'NaN': NaN, 'Infinity': -Infinity, 'undefined': undefined, 'Function': foo => {return foo}, 'Map': new Map([['foo', 'bar']]), 'Set': new Set(['foo', 'bar']), 'RegExp': /^foo|(?bar)/g, 'Date': new Date(), 'TypedArray': new Float32Array([-1.2345e-6, Math.PI]), 'Blob': new Blob(['foo'], {type: 'text/plain'}), }; const serializers = [ new StringSerializer, new JSONSerializer, new EvalSerializer ]; const {Inspector} = await require('@observablehq/inspector'), inspect = (value, refMarkup) => { if(value instanceof Error) { return html`${value.message}`; } const n = html``; new Inspector(n).fulfilled(value); if(refMarkup && refMarkup !== n.innerHTML) n.classList.add('error'); return n; }, headers = ['Data type', 'Test value', ...serializers.map(s => s.constructor.name)], rows = [], id = DOM.uid().id; for(const [type, value] of Object.entries(data)) { const nval = inspect(value), ref = nval.innerHTML; rows.push([ html`${type}`, nval, ...serializers.map(s => { let restored; try { restored = s.serialize(value); try { restored = s.deserialize(restored) } catch(e) { restored = new Error('deserialize error') } } catch(e) { restored = new Error('serialize error') } return inspect(restored, ref); }) ]); } return html`

${headers.map(s => html`${rows.map(r => html`${r}`)} `; }

${s}`)}