🏦 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 App() {\n return ;\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",[98],"permalink","https://www.val.town/x/slinfo/versatileAquamarineBoar/code/main.tsx","extension","actionData","errors"]