[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_161":162,"_163":164},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_19":20,"_17":18,"_21":125,"_23":126,"_127":128,"_129":130,"_26":131,"_25":-5,"_132":-5,"_133":-5,"_134":45,"_135":136,"_137":45},"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","stevekrouse","name","stringify_dot_org","branchName","main","version",11,"path","","project",{"_35":74,"_13":14,"_46":75,"_76":-5,"_77":60,"_78":79,"_80":-5,"_81":-5,"_82":83,"_84":39,"_85":60,"_86":-5,"_87":88,"_89":62,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":106,"_107":108,"_109":110,"_111":45},"tree",[65,66],"file","contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":56,"_13":57,"_38":58,"_40":-5,"_41":42,"_43":59,"_44":60,"_46":61,"_17":62,"_49":25,"_51":63,"_53":45,"_54":-5,"_19":64},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":18,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":45,"_54":-5,"_19":55},"id","4254b1f4-1ade-11f0-a0ab-569c3dd06744","main.tsx","fileId","42199394-1ade-11f0-a0ab-569c3dd06744","parentId","branchId","42169e78-1ade-11f0-a0ab-569c3dd06744","branchVersion","latest",false,"createdAt",["D",1728334665508],10,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { hydrateRoot } from \"https://esm.sh/react-dom/client\";\nimport { renderToReadableStream } from \"https://esm.sh/react-dom/server\";\n\nfunction App() {\n const [input, setInput] = useState(\"\");\n const [output, setOutput] = useState(\"\");\n const [copied, setCopied] = useState(false);\n\n useEffect(() => {\n setOutput(input ? JSON.stringify(input) : \"\");\n }, [input]);\n\n const copyToClipboard = () => {\n navigator.clipboard.writeText(output).then(() => {\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }).catch(err => {\n console.error(\"Failed to copy: \", err);\n });\n };\n\n return (\n \n \n stringify.org - JS String Encoder\n \n \n \n \n \n

stringify.org

JS String Encoder

\n This tool converts your input into a JavaScript string using{\" \"}\n JSON.stringify(). It's designed for embedding long\n strings in JavaScript, handling special characters automatically and outputting a string enclosed in\n double quotes. This approach is more reliable than manual escaping for complex strings.\n

Input String

\n setInput(e.target.value)}\n placeholder=\"Type or paste your string here...\"\n />\n

Encoded Result

\n                {output || \"Encoded string will appear here...\"}\n

\n \n Copy\n \n

\n {copied && (\n

\n Copied to clipboard!\n

\n )}\n \n

Code