🏦 Transaction Log Parser

\n Paste transaction logs from a bank account. The log can contain a list of transactions. Each transaction starts\n with a date in mm/dd/yyyy format and ends in an amount.\n

\n setInputLog(e.target.value)}\n style={styles.textarea}\n />\n

\n \n {isLoading ? \"Parsing...\" : \"Parse Transactions\"}\n \n {transactions.length > 0 && (\n \n Clear All\n \n )}\n

\n\n {transactions.length > 0 && (\n \n \n \n \n \n \n \n \n \n \n \n {transactions.map((transaction, index) => (\n \n \n \n \n \n \n \n ))}\n \n

Done	Date	Description	Direction	Amount
\n toggleTransactionCheck(index)}\n />\n	\n {transaction.date}\n copyToClipboard(transaction.date)}\n style={styles.copyButton}\n >\n 📋 COPY\n \n	\n {transaction.description}\n copyToClipboard(transaction.description)}\n style={styles.copyButton}\n >\n 📋 COPY\n \n	\n {transaction.direction == \"+\" ? \"△\" : \"▼\"}\n	\n ${transaction.amount.toFixed(2)}\n copyToClipboard(transaction.amount.toFixed(2))}\n style={styles.copyButton}\n >\n 📋 COPY\n \n

\n )}\n \n View Source\n \n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"Arial, sans-serif\",\n maxWidth: \"800px\",\n margin: \"0 auto\",\n padding: \"20px\",\n },\n buttonGroup: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n actionButtons: {\n display: \"flex\",\n gap: \"10px\",\n marginBottom: \"10px\",\n },\n textarea: {\n width: \"100%\",\n height: \"200px\",\n marginBottom: \"10px\",\n },\n button: {\n padding: \"10px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n cursor: \"pointer\",\n },\n table: {\n width: \"100%\",\n borderCollapse: \"collapse\",\n marginTop: \"20px\",\n },\n copyButton: {\n marginLeft: \"5px\",\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n },\n sourceLink: {\n display: \"block\",\n marginTop: \"20px\",\n color: \"#666\",\n textDecoration: \"none\",\n },\n dimmedRow: {\n opacity: 0.3,\n backgroundColor: \"#f0f0f0\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Transaction Log Parser\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label","children",[],[153],"files",[151],"counts",{"_174":31,"_175":124,"_176":177,"_178":31},"pulls","branches","forks",2,"envVars","contents",[181],{"_107":152,"_100":153,"_154":120,"_155":-5,"_156":141,"_157":140,"_158":113,"_109":182,"_104":160,"_161":162,"_163":164,"_165":27,"_166":-5,"_103":183},["D",1738456177926],[153],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name._index",{"_98":99,"_100":101,"_102":-7,"_104":-7,"_105":191,"_179":195,"_198":-7,"_199":-5,"_200":-5,"_170":201,"_205":206},{"_107":108,"_100":101,"_109":192,"_111":-5,"_112":113,"_114":115,"_116":-5,"_117":-5,"_12":118,"_119":120,"_121":113,"_122":-5,"_123":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":27,"_21":193,"_138":194},["D",1746217544969],{"_98":99,"_136":137},{"_104":140,"_100":42,"_107":141,"_142":108,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":101,"_148":99},[196],{"_107":152,"_100":153,"_154":120,"_155":-5,"_156":141,"_157":140,"_158":113,"_109":182,"_104":160,"_161":162,"_163":164,"_165":27,"_166":-5,"_103":197},[153],"readme","upstream","pull",[202],{"_107":152,"_100":153,"_154":120,"_155":-5,"_156":141,"_157":140,"_158":113,"_109":159,"_104":160,"_161":162,"_163":164,"_165":27,"_166":-5,"_167":203,"_103":204},[],[153],"previews",[202],"routes/_app","actionData","errors"]