[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_155":156,"_157":158},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_19":20,"_17":18,"_21":121,"_23":122,"_123":124,"_125":126,"_27":127,"_25":128,"_129":-5,"_130":-5,"_131":52,"_132":133,"_134":52},"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":26,"_27":28,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5},"handle","stevekrouse","name","stringify_dot_org","branchName","main","version",6,"path","README.md","project",{"_34":70,"_13":14,"_45":71,"_72":-5,"_73":44,"_74":75,"_76":-5,"_77":-5,"_78":79,"_80":59,"_81":44,"_82":-5,"_83":84,"_85":47,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":102,"_103":104,"_105":106,"_107":52},"tree",[55,56],"file",{"_34":35,"_13":20,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":25,"_49":50,"_51":52,"_53":-5,"_19":54},"contents",[],"upstream","pull","ahead","behind","envVars","id","4219bbc6-1ade-11f0-a0ab-569c3dd06744","fileId","4219bc70-1ade-11f0-a0ab-569c3dd06744","parentId","branchId","42169e78-1ade-11f0-a0ab-569c3dd06744","branchVersion",1,"latest",true,"createdAt",["D",1728332755568],0,"fileType","content","null\n\nLegacy folder path: Archive/stringify_dot_org","deleted",false,"label",[20],{"_34":35,"_13":20,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":67,"_17":47,"_48":25,"_49":50,"_51":52,"_53":-5,"_64":68,"_19":69},{"_34":57,"_13":58,"_36":59,"_38":-5,"_39":40,"_41":18,"_43":52,"_45":60,"_17":61,"_48":62,"_49":63,"_51":52,"_53":-5,"_64":65,"_19":66},"423752bc-1ade-11f0-a0ab-569c3dd06744","main.tsx","42199394-1ade-11f0-a0ab-569c3dd06744",["D",1728333971508],5,"http","/** @jsxImportSource https://esm.sh/react */\nimport React, { 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 const convertAndCopy = () => {\n const result = JSON.stringify(input);\n setOutput(result);\n \n navigator.clipboard.writeText(result).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 JS String Encoder - Tame Your Wild Strings!\n \n \n \n \n \n \n

\n JS String Encoder\n

\n Ever tried to wrangle a long, unruly string into your JavaScript? 🤠 \n Sure, you could use backticks and turn your code into a game of \"Escape the Special Character\" 🏃‍♂️💨, \n but who has time for that? Enter our magical JSON.stringify() \n powered encoder! It's like a charm school for your strings - taming backticks, dollar signs, and all sorts \n of rebellious characters into a well-behaved, quote-enclosed package. No more manual escaping nightmares! \n Just paste, click, and voilà! You've got yourself a JavaScript-ready string faster than you can say \"template literal\"! 🎩✨\n

\n Your Wild String\n

\n setInput(e.target.value)}\n placeholder=\"Paste your untamed string here...\"\n />\n

\n Tamed Result\n

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

\n \n Encode & Copy\n \n {copied && (\n \n Copied to clipboard!\n \n )}\n

\n \n