function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] min-h-screen flex flex-col text-[#FCFCFC] font-permanent-marker", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-2/3 h-[66%] flex flex-col border-b border-[#444]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 p-4 border-r border-[#444]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(Brainfuck, { __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(ConvertBrainfuck, { code: "", input: "", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 h-[33%] border-t border-[#444]", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function Brainfuck() { const generate = ()=>{ var text = document.getElementById('text'); var source = document.getElementById('source'); var length = document.getElementById('length'); var source_code = genSource(text.value); while(source.firstChild){ source.removeChild(source.firstChild); } source.appendChild(document.createTextNode(source_code)); length.textContent = source_code.length; }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#121212] p-5 border border-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full mb-8 border-b border-[#444] pb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#FF5722] text-3xl", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Brainfuck Generator")), /*#__PURE__*/ React.createElement("div", { className: "mb-6 w-full", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "text", className: "block mb-2 text-orange-500", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Text to Display"), /*#__PURE__*/ React.createElement("textarea", { id: "text", className: "w-full p-4 bg-black border border-white rounded text-white", rows: "4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4 w-full", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "text-green-500", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Program Source"), " ", /*#__PURE__*/ React.createElement("small", { className: "text-[#FFC107]", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Length: ", /*#__PURE__*/ React.createElement("span", { id: "length", __source: { fileName: "", lineNumber: 47, columnNumber: 51 }, __self: this }, "0")), /*#__PURE__*/ React.createElement("pre", { id: "source", className: "w-full h-[10rem] p-4 mt-2 bg-black border border-white rounded text-white overflow-auto", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generate, className: "bg-blue-500 text-black py-2 px-4 rounded shadow", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, "Generate")); } function ConvertBrainfuck({ code, input }) { const [output, setOutput] = React.useState([]); const handleRun = ()=>{ let g = code.replace(/[^<>+\-.,\[\]]/g, ""); let d = 0, b = [], a = 0, h = {}, c = [], f = 0; for(f = 0; f < g.length; ++f)if ("[" === g[f]) c.push(f); else if ("]" === g[f]) { if (0 === c.length) throw Error('unmatched "]" at character ' + (f + 1)); let l = c[c.length - 1]; h[f] = l + 1; h[l] = f + 1; c.pop(); } if (c.length > 0) throw Error('unmatched "[" at character ' + (c[c.length - 1] + 1)); const ended = ()=>d >= g.length; const processInput = (k)=>{ try { let m = []; while(!ended()){ let e = g[d]; if ("<" === e) a--; else if (">" === e) a++; else { if (a < 0) throw Error("data pointer underflowed at character " + (d + 1)); if (b[a] === undefined) b[a] = 0; if ("+" === e) b[a]++, b[a] < 0 && (b[a] += 256); else if ("-" === e) b[a]--, b[a] >= 256 && (b[a] -= 256); else if ("," === e) { if (k) if (k.length === 0) break; else b[a] = k.shift(); } else if ("." === e) m.push(b[a]); else if ("[" === e) { if (b[a] === 0) { d = h[d]; continue; } } else if ("]" === e) { if (b[a] !== 0) { d = h[d]; continue; } } else throw Error("unknown instruction " + e); } d++; } return m; } catch (n) { throw d = g.length, n; } }; setOutput(processInput([ ...input ].map((char)=>char.charCodeAt(0)))); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] p-5 border border-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 119, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-blue-500 text-3xl mb-5", __source: { fileName: "", lineNumber: 120, columnNumber: 7 }, __self: this }, "Brainfuck Interpreter"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "code", className: "block mb-2 text-orange-500", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "Brainfuck Code"), /*#__PURE__*/ React.createElement("textarea", { name: "code", className: "w-full h-[150px] p-2 bg-black border border-white rounded text-white", defaultValue: code, __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "input", className: "block mb-2 text-green-500", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, "Input"), /*#__PURE__*/ React.createElement("input", { name: "input", type: "text", className: "w-full p-2 bg-black border border-white rounded text-white", defaultValue: input, __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleRun, className: "w-full bg-blue-500 text-black py-2 px-4 rounded shadow", __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, "Run"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-orange-500", __source: { fileName: "", lineNumber: 132, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, "Output:"), /*#__PURE__*/ React.createElement("div", { className: "w-full p-2 bg-black border border-white rounded text-white h-[100px]", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, output.map((charCode, idx)=>String.fromCharCode(charCode)).join('')))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 144, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this })); }