2d:null 2e:["$","title",null,{"children":"Enigma machine | Tom MacWright | Observable"}] 33:T33ec,chart = { const svg = d3 .create("svg") .attr("width", w) .attr("height", w); let plugboardstr = "AB HK"; let speed = 1; let labels = html``; let reflectorSettings = html``; let plugboardSettings = html``; let speedForm = html``; speedForm.addEventListener("input", e => { speed = e.target.valueAsNumber; }); let rotorSettings = html``; let value = "Hello world"; let input = html`

Input

`; input.addEventListener("input", e => { value = e.target.value; }); let i = input.querySelector("#in"); let output = html`

Output

`; let o = output.querySelector("#out"); let go = html` `; let ui = html`

Enigma machine

${labels}Labels

${rotorSettings} ${reflectorSettings} ${plugboardSettings} ${speedForm} ${input} ${go} ${output}

This is a simulated Enigma machine. Letters to be encrypted enter at the boundary, move through the wire matrix, and exit.

${svg.node()}

`; yield ui; const g = svg.append("g").attr("transform", `translate(${w / 2}, ${w / 2})`); const topG = svg .append("g") .attr("transform", `translate(${w / 2}, ${w / 2})`); const defs = svg.append("defs"); // Configurable let reflector = new Reflector(REFLECTORS[0].value); let reflectorLinks = makeReflectorLinks(reflector); let rotorValues = [0, 1, 2].map(r => ROTORS[r].value); let plugboard, rotors = [], linkData; function setRotors() { plugboard = new Plugboard(plugboardstr); rotors = []; let index = 0; for (let val of rotorValues) { rotors.push(new Rotor(...parseRotorStr(val, 1), "A", "A")); } rotors.reverse(); for (let i = 0; i < rotors.length; i++) rotors[i].index = i; linkData = [plugboard] .concat(rotors) .map((rotor, i) => rotorLinks(rotor, d3.interpolateNumber(radii[i], radii[i + 1])) ); } setRotors(); plugboardSettings.addEventListener("input", e => { const value = e.target.value; if (validatePlugboard(value)) { e.target.style.backgroundColor = "white"; plugboardstr = value; } else { e.target.style.backgroundColor = "red"; } setRotors(); updateRotors(); }); const line = d3 .line() .x(d => d.x) .y(d => d.y); let rotorGroups; function updateRotors() { g.selectAll("g.rotor").remove(); rotorGroups = g .selectAll("g.rotor") .data(rotors.concat(plugboard), (r, i) => { return i; }) .join(enter => { let g = enter .append("g") .attr("class", "rotor") .attr("opacity", 0.4); g.selectAll("g.link") .data((d, i) => linkData[i], d => d.source) .join(enter => { let g = enter.append("g").attr("class", "link"); g.append("path") .attr("class", "halo") .attr("stroke", d => "#fff") .attr("stroke-width", 3) .attr("fill", "none") .attr("d", d => line(d.points)); g.append("path") .attr("class", "link") .attr("stroke", "#000") .attr("stroke-width", 1) .attr("fill", "none") .attr("d", d => line(d.points)); return g; }); return g; }); } updateRotors(); rotorSettings.addEventListener("change", e => { let value = e.target.value; let rotor = e.target.dataset.rotor; rotorValues[rotor] = value; setRotors(); updateRotors(); }); reflectorSettings.addEventListener("change", e => { let value = e.target.value; reflector = new Reflector(value); reflectorLinks = makeReflectorLinks(reflector); rLinks .data(reflectorLinks, d => d.source) .join( enter => {}, update => { update .select("path.halo") .transition() .delay((d, i) => i * 20) .attr("d", d => d.d); update .select("path.line") .transition() .delay((d, i) => i * 20) .attr("d", d => d.d); } ); }); let rLinks = g .selectAll("g.reflector-link") .data(reflectorLinks, d => d.source) .join(enter => { let g = enter .append("g") .attr("class", "reflector-link") .attr("opacity", 0.4); g.append("path") .attr("d", d => d.d) .attr("fill", "none") .attr("stroke", "#fff") .attr("class", "halo") .attr("stroke-width", 2); g.append("path") .attr("d", d => d.d) .attr("class", "line") .attr("fill", "none") .attr("stroke", "#000") .attr("stroke-width", 1); return g; }); reflectorSettings.addEventListener("change", e => { let value = e.target.value; reflector = new Reflector(value); reflectorLinks = makeReflectorLinks(reflector); rLinks .data(reflectorLinks, d => d.source) .join( enter => {}, update => { update .select("path.halo") .transition() .delay((d, i) => i * 20) .attr("d", d => d.d); update .select("path.line") .transition() .delay((d, i) => i * 20) .attr("d", d => d.d); } ); }); let borderCircles = g .selectAll("circle.border") .data(radii) .join("circle") .attr("class", "border") .attr("r", d => d) .attr("stroke", (d, i) => (i == 0 ? "#000" : "#888")) .attr("stroke-width", 1.5) .attr("fill", "none"); const ids = [0, 1, 2, 3, 4].map(i => DOM.uid(`ring-${i}`)); let ringLabels = topG .selectAll("g.label") .data(radii) .join(enter => { let g = enter .append("g") .attr("class", "label") .attr( "transform", (d, i) => `translate(0, ${-(radii[i] + radii[i + 1]) / 2})` ); g.append("rect") .attr("height", 25) .attr("transform", "translate(-10, -14)") .attr("width", w / 6); g.append("text") .attr("fill", "#fff") .style("font-size", "1.7vw") .attr("alignment-baseline", "middle") .attr("font-weight", "bold") .text((d, i) => { return i === 0 ? "Plugboard" : i === 4 ? `Reflector` : `Rotor ${i}`; }); return g; }) .attr("opacity", 0); let inputDots = topG .selectAll("g.input") .data(d3.range(0, 26)) .join(enter => { let g = enter.append("g").attr( "transform", i => `translate( ${Math.cos(Math.PI * 2 * (i / 26)) * radii[0]}, ${Math.sin(Math.PI * 2 * (i / 26)) * radii[0]})` ); g.append("circle") .attr("class", "input") .attr("r", 10) .attr("fill", "#fff") .attr("stroke", "#000"); g.append("text") .text(d => LETTERS[d]) .style("font-family", "IBM Plex Mono") .style("font-size", "2vw") .attr("text-anchor", "middle") .attr("alignment-baseline", "middle") .attr( "transform", i => `translate( ${Math.cos(Math.PI * 2 * (i / 26)) * 20}, ${Math.sin(Math.PI * 2 * (i / 26)) * 20})` ); return g; }); const dot = topG .append("circle") .attr("class", "focus") .attr("r", 7) .attr("fill", "#da1e28") .attr("opacity", 0); labels.addEventListener("change", e => { if (e.target.checked) { ringLabels.transition().attr("opacity", 1); } else { ringLabels.transition().attr("opacity", 0); } }); while (true) { await new Promise(resolve => go.addEventListener("click", e => { o.innerHTML = " "; go.style.background = "#aaa"; go.disabled = true; i.disabled = true; resolve(); }) ); const { steps, result } = encrypt(value, rotors, reflector, plugboard); let link = 0; let frame = 0; for (let { type, ...step } of steps) { switch (type) { case THROUGH_ROTOR: { rotorGroups .transition() .attr("opacity", (d, i) => (i === step.rotor + 1 ? 1 : 0.2)); let { points, dest, rotor } = linkData[step.rotor + 1].find( l => l.source === step.source ); for (let pos of points) { dot.attr( "transform", `rotate(${-(360 * (step.pos / 26)).toFixed(5)}) translate(${pos.x}, ${pos.y})` ); if (++frame % speed === 0) yield ui; } break; } case ROTOR_STEP: { await rotorGroups .filter((d, i) => i - 1 === step.rotor) .transition() .duration(2000 / speed) .attr("transform", (d, i) => { return `rotate(${-(360 * (step.pos / 26)).toFixed(5)})`; }) .end(); break; } case BACK_THROUGH_ROTOR: { rotorGroups .transition() .attr("opacity", (d, i) => (i === step.rotor + 1 ? 1 : 0.2)); let { points, rotor, dest } = linkData[step.rotor + 1].find( l => l.source === step.source ); for (let pos of points.slice().reverse()) { dot.attr( "transform", `rotate(${-(360 * (step.pos / 26)).toFixed(5)}) translate(${pos.x}, ${pos.y})` ); if (++frame % speed === 0) yield ui; } break; } case THROUGH_REFLECTOR: { rotorGroups.transition().attr("opacity", 0.2); rLinks.transition().attr("opacity", 1); let r = reflectorLinks.find(r => r.target === step.dest); for (let pos of r.points.slice().reverse()) { dot.attr("transform", `translate(${pos.x}, ${pos.y})`); if (++frame % speed === 0) yield ui; } rLinks.transition().attr("opacity", 0.2); break; } case THROUGH_PLUGBOARD: { rotorGroups .transition() .attr("opacity", (d, i) => (i === 0 ? 1 : 0.2)); console.log(linkData[0]); let r = linkData[0].find(l => l.source === step.wire); dot.attr("opacity", 1); for (let pos of r.points) { dot.attr("transform", `translate(${pos.x}, ${pos.y})`); if (++frame % speed === 0) yield ui; } break; } case BACK_THROUGH_PLUGBOARD: { rotorGroups .transition() .attr("opacity", (d, i) => (i === 0 ? 1 : 0.2)); let r = linkData[0][step.wire]; for (let pos of r.points.slice().reverse()) { dot.attr("transform", `translate(${pos.x}, ${pos.y})`); if (++frame % speed === 0) yield ui; } o.innerText = o.innerText += step.output; break; } } yield ui; } go.style.background = "#000"; go.disabled = false; i.disabled = false; } //yield run(); }34:Tf83,md`# The Enigma Machine The [Enigma Machine](https://en.wikipedia.org/wiki/Enigma_machine) was one of the centerpoints of World War II, and its [cryptanalysis](https://en.wikipedia.org/wiki/Cryptanalysis_of_the_Enigma) was one of the stepping stones from breaking codes as an art to cryptography as a science. The machine encrypted messages sent between parts of the German army – operators would type a key on its keyboard, the machine would scramble that, and a letter would light up on the top. This notebook simulates an Enigma Machine and visualizes how it works. The Enigma Machine is an especially neat thing to visualize because it was _electromechanical_. As you used it, it moved. Instead of circuit traces, it had beautiful real wires connecting its pieces.

Enigma rotor wiring.png — By User:RadioFan, CC BY-SA 3.0, Link

### Intepreting this model To understand this model, first consider the design of the machine itself: as someone typed into it, electrical current flowed through _rotors_, which are essentially 1:1 mappings of one letter, represented as a signal from 0-25. Just one stationary rotor wouldn’t give much of a quality encryption, so the rotors also rotated. The main pieces were three rotors, a reflector - which was basically a rotor that connects to itself, and a plugboard, which swaps letters for each other on the way in & out. In order, a signal would go through the plugboard, each of the three rotors, the reflector, and then back through the rotors, and then back through the plugboard. Think of this view of the engima as looking 'through the barrel' of the machine: you're seeing wires snaking around the rotors and then looking at the rotors at the end. ### Using the simulator - You can encrypt up to 20 characters using this simulator. Just like the original machine, punctuation isn’t supported. - The plugboard can be configured with space-separated pairs of characters: for example: \`AB CD\` maps A to B (and the reverse), and C to D (and the reverse). Invalid inputs will be ignored. - Select your rotors and reflector to taste. ### Genesis My interest in the machine was piqued by [The Woman Who Smashed Codes](https://www.npr.org/2017/09/30/548666129/from-dinner-parties-to-spy-rings-the-woman-who-smashed-codes-bursts-with-detail), a wonderful book by Jason Fagone. I started initially with [Louise Dade’s Enigma Machine simulator](http://enigma.louisedade.co.uk/), but then [GCHQ](https://en.wikipedia.org/wiki/Government_Communications_Headquarters) released their own simulation of the machine in the [CyberChef project](https://github.com/gchq/CyberChef). It’s troubling to use code from GCHQ, one of the organizations of the [Five Eyes](https://en.wikipedia.org/wiki/Five_Eyes) that [surveils the Internet](https://theintercept.com/2015/09/25/gchq-radio-porn-spies-track-web-users-online-identities/). Nevertheless, it’s authoritative, and the breaking of the Enigma Machine is an example of old-fashioned codebreaking that has a certain air of sport. ### Notes & future work - This is a model of the M3 or Enigma I machine. There also exists a four-rotor version, which I'd like to support eventually. Likewise, there are a few exotic variations of the Enigma which are not modeled. - The positions of the rotors can also be configured but that isn’t configurable yet. ### Mini changelog - 8/31: Made speed configurable, removed 'thin' reflectors because they only apply to M4. `35:T7dc,function encrypt(input, rotors, reflector, plugboard) { const rotorsRev = [].concat(rotors).reverse(); const message = ""; let result = ""; const letter = ""; let steps = []; const step = () => { const [r0, r1] = rotors; r0.step(); steps.push({ type: ROTOR_STEP, rotor: 0, pos: r0.pos }); // The second test here is the double-stepping anomaly if (r0.steps.has(r0.pos) || r1.steps.has(mod(r1.pos + 1, 26))) { r1.step(); steps.push({ type: ROTOR_STEP, rotor: 1, pos: r1.pos }); if (r1.steps.has(r1.pos)) { const r2 = rotors[2]; r2.step(); steps.push({ type: ROTOR_STEP, rotor: 2, pos: r2.pos }); } } }; let log = ""; for (const c of input) { let letter = a2i(c, true); if (letter === -1) { result += c; continue; } step(); log += `before(${letter}) `; steps.push({ type: THROUGH_PLUGBOARD, wire: letter }); letter = plugboard.transform(letter); for (let i = 0; i < rotors.length; i++) { steps.push({ type: THROUGH_ROTOR, rotor: i, pos: rotors[i].pos, source: rotors[i].getWire(letter) }); letter = rotors[i].transform(letter); } steps.push({ type: THROUGH_REFLECTOR, rotor: letter, dest: letter }); letter = reflector.transform(letter); for (let i = rotors.length - 1; i >= 0; i--) { letter = rotors[i].revTransform(letter); steps.push({ type: BACK_THROUGH_ROTOR, rotor: i, pos: rotors[i].pos, source: rotors[i].getWire(letter) }); } steps.push({ type: BACK_THROUGH_PLUGBOARD, wire: plugboard.transform(letter), output: i2a(plugboard.transform(letter)) }); letter = plugboard.transform(letter); log += ` = ${i2a(letter)}`; result += i2a(letter); } return { steps, result: result }; }36:T499,class Rotor { constructor(wiring, steps, ringSetting, initialPosition, name) { this.name = name; this.map = new Array(26); this.revMap = new Array(26); const uniq = {}; for (let i = 0; i < LETTERS.length; i++) { const a = a2i(LETTERS[i]); const b = a2i(wiring[i]); this.map[a] = b; this.revMap[b] = a; uniq[b] = true; } if (Object.keys(uniq).length !== LETTERS.length) { throw new Error("Rotor wiring must have each letter exactly once"); } const rs = a2i(ringSetting); this.steps = new Set(); for (const x of steps) { this.steps.add(mod(a2i(x) - rs, 26)); } if (this.steps.size !== steps.length) { // This isn't strictly fatal, but it's probably a mistake throw new Error("Rotor steps must be unique"); } this.pos = mod(a2i(initialPosition) - rs, 26); } step() { this.pos = mod(this.pos + 1, 26); return this.pos; } transform(c) { return mod(this.map[mod(c + this.pos, 26)] - this.pos, 26); } getWire(c) { return mod(c + this.pos, 26); } revTransform(c) { return mod(this.revMap[mod(c + this.pos, 26)] - this.pos, 26); } }37:[] 31:{"id":"7116e6f347bf3540","slug":"enigma-machine","title":"Enigma machine","thumbnail":"3da4f34d49552b93edcca50252404b132575a9dadbc69a0eefbf40bbe64048c8","access_level":"public","create_time":"$D2019-06-14T21:58:46.170Z","update_time":"$D2019-09-06T18:07:04.812Z","view_time":null,"first_public_time":"$D2019-08-30T23:05:56.990Z","fork":false,"stars":417,"starred":false,"owner":{"type":"team","id":"b47c3705cfcd7c1b","login":"tmcw","name":"Tom MacWright","avatar_url":"https://avatars-next.observableusercontent.com/669bdd774da8a1b9c1b7706ecbc1ea5136b9932c3d5e86b753aa5a098005f674","tier":"starter_2024"},"version":3642,"publish_version":3642,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bf14b8d9c6eb88a","login":"tmcw","name":"Tom MacWright","avatar_url":"https://avatars-next.observableusercontent.com/669bdd774da8a1b9c1b7706ecbc1ea5136b9932c3d5e86b753aa5a098005f674","tier":null}],"members":[{"type":"individual","id":"0bf14b8d9c6eb88a","login":"tmcw","name":"Tom MacWright","avatar_url":"https://avatars-next.observableusercontent.com/669bdd774da8a1b9c1b7706ecbc1ea5136b9932c3d5e86b753aa5a098005f674","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":166,"collection":null,"type":"notebook","body":{"title":"Enigma machine","cells":[{"id":9,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3555,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"radii = Array.from({ length: 5 }, (_, i) =>\n d3.interpolateNumber(w / 2.4, width / 30)(i / 4)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1488,"value":"function rotorLinks(rotor, radius) {\n let map = rotor instanceof Rotor ? rotor.map : rotor.m;\n\n let d = map.map((r, t) => {\n let angle = d3.interpolateNumber(\n (t / 26) * Math.PI * 2,\n (r / 26) * Math.PI * 2\n );\n\n let points = d3\n .range(0, 1, 0.01)\n .concat(1)\n .map(j => {\n let r = radius(j);\n let a = angle(d3.easePolyInOut.exponent(3)(j));\n return {\n x: Math.cos(a) * r,\n y: Math.sin(a) * r\n };\n });\n return {\n rotor,\n source: t,\n dest: r,\n points\n };\n });\n\n return d;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":534,"value":"makeReflectorLinks = reflector => {\n return Array.from(reflector.map.entries(), ([s, t]) => {\n let source = (+s / 26) * Math.PI * 2;\n let target = (t / 26) * Math.PI * 2;\n let r = radii[radii.length - 1];\n let sx0 = r * Math.cos(source);\n let sy0 = r * Math.sin(source);\n let tx0 = r * Math.cos(target);\n let ty0 = r * Math.sin(target);\n let context = d3.path();\n context.moveTo(sx0, sy0);\n context.quadraticCurveTo(0, 0, r * Math.cos(target), r * Math.sin(target));\n\n let p = d3\n .create(\"svg:path\")\n .attr(\"d\", context)\n .node();\n\n let len = p.getTotalLength();\n\n let points = d3\n .range(0, len, len / 30)\n .map(at => p.getPointAtLength(at))\n .map(pt => ({ x: pt.x, y: pt.y }));\n\n return {\n source: +s,\n target: t,\n points,\n d: context.toString()\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3470,"value":"function validatePlugboard(pairs) {\n const map = {};\n for (let pair of pairs.split(/\\s+/)) {\n if (!/^[A-Z]{2}$/.test(pair)) {\n return false;\n }\n const a = a2i(pair[0]),\n b = a2i(pair[1]);\n if (a === b) {\n // self-stecker\n return;\n }\n if (Object.prototype.hasOwnProperty.call(map, a)) {\n return false;\n }\n if (Object.prototype.hasOwnProperty.call(map, b)) {\n return false;\n }\n map[a] = b;\n map[b] = a;\n }\n return true;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1776,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1774,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1781,"value":"class PairMapBase {\n constructor(pairs) {\n this.pairs = pairs;\n this.map = new Map();\n if (pairs === \"\") return;\n pairs.split(/\\s+/).forEach(pair => {\n const a = a2i(pair[0]),\n b = a2i(pair[1]);\n if (a !== b) {\n this.map.set(a, b);\n this.map.set(b, a);\n }\n });\n }\n transform(c) {\n return this.map.has(c) ? this.map.get(c) : c;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1779,"value":"class Reflector extends PairMapBase {\n constructor(pairs) {\n super(pairs);\n const s = this.map.size;\n if (s !== 26) {\n throw new Error(\n \"Reflector must have exactly 13 pairs covering every letter\"\n );\n }\n const optMap = new Map(Array.from({ length: 26 }, (_, i) => [i, i]));\n for (const x of this.map.keys()) {\n optMap.set(x, this.map.get(x));\n }\n this.map = optMap;\n }\n transform(c) {\n return this.map.get(c);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1777,"value":"class Plugboard extends PairMapBase {\n constructor(pairs) {\n super(pairs, \"Plugboard\");\n\n let m = Array.from({ length: 26 }, (_, i) => i);\n let mapped = new Set();\n let prs = [];\n let map = [];\n here: for (let swap of this.map.entries()) {\n let [a, b] = Array.from(swap);\n m[a] = b;\n m[b] = a;\n for (let s of swap) {\n if (mapped.has(s)) {\n continue here;\n }\n mapped.add(s);\n }\n prs.push(new Set(swap));\n }\n this.m = m;\n this.pairs = prs;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2306,"value":"THROUGH_ROTOR = Symbol(\"THROUGH_ROTOR\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2309,"value":"BACK_THROUGH_ROTOR = Symbol(\"BACK_THROUGH_ROTOR\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2382,"value":"THROUGH_REFLECTOR = Symbol(\"THROUGH_REFLECTOR\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2703,"value":"THROUGH_PLUGBOARD = Symbol(\"THROUGH_PLUGBOARD\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2732,"value":"BACK_THROUGH_PLUGBOARD = Symbol(\"BACK_THROUGH_PLUGBOARD\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2468,"value":"ROTOR_STEP = Symbol(\"ROTOR_STEP\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3495,"value":"w = mobile ? width : width * 0.8","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3499,"value":"mobile = width < 640","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1789,"value":"import {checkbox, select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1787,"value":"import {submit} from \"@mbostock/more-deliberate-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1785,"value":"import {REFLECTORS, ROTORS_FOURTH, ROTORS, LETTERS} from \"@tmcw/enigma-constants\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1784,"value":"import {mod, i2a, a2i, parseRotorStr} from \"@tmcw/enigma-cyberchef-utils\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1956,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"