Discover and add tools to customise your note taking experience.
\r\n {\r\n addons.map((addon, i) => {\r\n return (\r\n{quote.quote}
\r\n \r\n {quote.person}\r\nSee and manage your old and not-so-popular sheets.
\r\nYou can push changes to your Gist and sync your data.
\r\n\r\nSearch for a term in title or content of your notes.
\r\nManage your preferences and access your account information.
\r\n![]({require(\"../../assets/memo_logo_left_white.svg\")}/){kind=logo}
\r\n \r\n ![]({require(\"../../assets/memo_logo_left.svg\")}/){kind=logo}
\r\n \r\n Choose your prefered currency that will be used for addons.
\r\n \r\n <>\r\nIn case of data loss, you can use your Gist revisions and see your change history.
\r\n {API.user &&\r\n \r\nMemo App v{API.version} {API.version[0] == \"0\" && \"Beta\"}
\r\n\r\n You are in offline mode.\r\n
\r\n \r\n You can login the app when you have internet.
\r\n window.location.reload()}>Try to login?\r\n \r\n
See and manage your most recently accessed sheets.
\r\n{this.renderLinks(this.state.text)}
\r\n![\"GitHub]({require(\"../../icon/github.svg\")}){kind=icon}
\r\n {this.state.loginButtonText}\r\n You might also need to sign off from GitHub to login with another Account.
\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","import React, { Component } from 'react';\r\nimport './App.css';\r\n\r\nimport Line from './components/Line';\r\nimport Title from './components/Title';\r\nimport Toolbar from './components/Toolbar';\r\nimport Handy from './components/Handy';\r\nimport Loading from './components/Loading';\r\nimport Cover from './components/Cover';\r\nimport AppBar from './components/AppBar';\r\nimport Login from './components/Login';\r\n\r\nimport makeid from './js/makeid';\r\n\r\nimport API from './js/api';\r\n\r\nclass App extends Component {\r\n\r\n state = {\r\n lines: \"\",\r\n focusIndex: null,\r\n cursorPosition: 0,\r\n logged: false,\r\n forceLogout: false,\r\n theme: API.getData(\"theme\") || \"light\"\r\n };\r\n\r\n componentDidMount(){\r\n\r\n window.addEventListener(\"keydown\", (e) => {\r\n if (e.keyCode === 114 || ((e.ctrlKey || e.metaKey) && e.keyCode === 70)) {\r\n API.event.emit(\"toggle\", \"search\");\r\n e.preventDefault();\r\n }else if ((e.ctrlKey || e.metaKey) && e.keyCode === 188) {\r\n API.event.emit(\"toggle\", \"settings\");\r\n e.preventDefault();\r\n }else if ((e.ctrlKey || e.metaKey) && e.keyCode === 83) {\r\n API.event.emit(\"toggle\", \"sheets\");\r\n e.preventDefault();\r\n }else if ((e.ctrlKey || e.metaKey) && e.keyCode === 85) {\r\n API.event.emit(\"toggle\", \"archives\");\r\n e.preventDefault();\r\n }else if ((e.ctrlKey || e.metaKey) && e.keyCode === 69) {\r\n API.event.emit(\"toggle\", \"addons\");\r\n e.preventDefault();\r\n }else if(e.keyCode === 27){\r\n API.event.emit(\"toggle\", false);\r\n e.preventDefault();\r\n }\r\n })\r\n\r\n API.event.on(\"login\", (status) => {\r\n this.setState({logged: status, forceLogout: (status === false)});\r\n })\r\n\r\n API.event.on(\"theme\", (newTheme) => {\r\n if(this.state.theme != newTheme){\r\n this.setState({theme: newTheme});\r\n API.updatePreference(\"theme\", newTheme);\r\n }\r\n })\r\n\r\n API.event.on(\"sheet\", (id) => {\r\n this.setState({sheetLoading: true, focusIndex: null});\r\n API.getSheet(id).then((sheet) => {\r\n if(sheet == \"NO_AUTH\"){\r\n console.log(\"NO_AUTH, retrying initiation\");\r\n API.login(\"refresh\", id);\r\n }else{\r\n document.title = sheet.title + \" | Memo\";\r\n this.setState({\r\n lines: sheet.lines,\r\n sheet: {\r\n id: sheet.id,\r\n title: sheet.title,\r\n active: sheet.active\r\n }\r\n });\r\n\r\n this.refs._textScroller.scrollTop = 0;\r\n setTimeout(() => {\r\n this.setState({\r\n sheetLoading: false\r\n });\r\n }, 50)\r\n }\r\n });\r\n API.event.emit(\"toggle\", false);\r\n })\r\n }\r\n\r\n getDateIdentifier(date){\r\n let today = new Date();\r\n let yesterday = new Date();\r\n yesterday.setDate(yesterday.getDate() - 1);\r\n today = String(today.getDate()).padStart(2, '0') + \"/\" + String(today.getMonth() + 1).padStart(2, '0') + \"/\" + today.getFullYear();\r\n yesterday = String(yesterday.getDate()).padStart(2, '0') + \"/\" + String(yesterday.getMonth() + 1).padStart(2, '0') + \"/\" + yesterday.getFullYear();\r\n\r\n if(date == today) {\r\n return \"· Today\";\r\n }else if(date == yesterday){\r\n return \"· Yesterday\"\r\n }else{\r\n return \"\";\r\n }\r\n }\r\n\r\n handleConcat(id, text, i, from){\r\n let lines = this.state.lines;\r\n let cursorPosition = 0;\r\n\r\n if((lines.length == i + 1) && from == \"down\"){\r\n return null;\r\n }\r\n\r\n let lineIndex = from == \"up\" ? i-1 : i+1;\r\n let focusIndex = from == \"up\" ? i-1 : i;\r\n if(lines[lineIndex]){\r\n API.updateLine(id, i, \"\", \"rm\");\r\n cursorPosition = lines[focusIndex].text.length;\r\n\r\n if(from == \"up\"){\r\n lines[lineIndex].text = lines[lineIndex].text + text;\r\n }else if(from == \"down\"){\r\n lines[lineIndex].text = text + lines[lineIndex].text;\r\n }\r\n lines[lineIndex].old_key = lines[lineIndex].line_key;\r\n lines[lineIndex].line_key = makeid(5);\r\n }\r\n lines.splice(i, 1);\r\n this.setState({focusIndex, cursorPosition, lines});\r\n }\r\n\r\n handleSplit(id, text, i){\r\n let keyToSplit = id.split(\"-\")[1];\r\n let lines = this.state.lines;\r\n let date = id.split(\"-\")[0].split(\"!\")[1];\r\n\r\n if(lines.length == i+1){\r\n let today = new Date();\r\n today = String(today.getDate()).padStart(2, '0') + \"/\" + String(today.getMonth() + 1).padStart(2, '0') + \"/\" + today.getFullYear();\r\n date = today\r\n }\r\n\r\n let newLineKey = makeid(5);\r\n lines.splice(i+1, 0, {\r\n \"line_key\": newLineKey,\r\n date,\r\n text\r\n });\r\n this.setState({focusIndex: i+1, cursorPosition: 0, lines});\r\n API.updateLine(id.split(\"!\")[0]+\"!\"+date+\"-\"+newLineKey, i+1, text);\r\n }\r\n\r\n async handlePaste(id, textArray, index, downText){\r\n let keyToSplit = id.split(\"-\")[1];\r\n let lines = this.state.lines;\r\n let date = id.split(\"-\")[0].split(\"!\")[1];\r\n let cursorPosition = \"end\";\r\n\r\n for (var i = 0; i < textArray.length; i++) {\r\n let text = textArray[i].replace(/^\\s+|\\s+$/g, \"\");\r\n if(downText){\r\n if(i == textArray.length - 1){\r\n cursorPosition = text.length;\r\n text = text + downText;\r\n }\r\n }\r\n let newLineKey = makeid(5);\r\n index = index + 1;\r\n lines.splice(index+1, 0, {\r\n \"line_key\": newLineKey,\r\n date,\r\n text\r\n });\r\n\r\n await API.updateLine(id.split(\"!\")[0]+\"!\"+date+\"-\"+newLineKey, index, text);\r\n }\r\n this.setState({focusIndex: index, cursorPosition, lines});\r\n }\r\n\r\n handleCursor(direction, id, i){\r\n let newIndex = 0;\r\n let cursorPosition = 0;\r\n if(direction == 37 || direction == 38){\r\n newIndex = i-1;\r\n }else if(direction == 39 || direction == 40){\r\n newIndex = i+1;\r\n }\r\n\r\n if(direction == 37 || ((direction == 40 || direction == 38) && false)){\r\n cursorPosition = \"end\";\r\n }\r\n\r\n if(i == 0 && (direction == 37 || direction == 38)){\r\n newIndex = \"title\";\r\n }\r\n\r\n this.setState({focusIndex: newIndex, cursorPosition});\r\n }\r\n\r\n handleBlur(text, lineId, i){\r\n let lines = this.state.lines;\r\n\r\n if(lines[i].text != text || lines[i].old_key){\r\n if(lines[i].old_key){\r\n API.updateLine(lineId, i, text, \"key\", lines[i].old_key);\r\n lines[i].old_key = \"\";\r\n }else{\r\n API.updateLine(lineId, i, text);\r\n }\r\n lines[i].text = text;\r\n this.setState({lines, focusIndex: null});\r\n }\r\n }\r\n\r\n handleTitleDown(){\r\n this.setState({focusIndex: 0, cursorPosition: 0});\r\n }\r\n\r\n focusLast(){\r\n this.setState({focusIndex: this.state.lines.length - 1, cursorPosition: \"end\"});\r\n }\r\n\r\n renderLines(lines){\r\n let lineArray = [];\r\n let prevDate = \"\";\r\n\r\n lines.forEach((l, i) => {\r\n if(prevDate !== l.date){\r\n lineArray.push(\r\n