(https://buraktokak.com/)",
7 | "copyright": "GPLv3",
8 | "license": "GPLv3",
9 | "private": true,
10 | "main": "src/electron.js",
11 | "dependencies": {
12 | "@octokit/rest": "^16.35.0",
13 | "file-saver": "^2.0.2",
14 | "jsstore": "^3.4.4",
15 | "react": "^16.8.6",
16 | "react-dom": "^16.8.6",
17 | "react-ga": "^2.5.7",
18 | "react-scripts": "2.1.8",
19 | "write-good": "^1.0.1"
20 | },
21 | "scripts": {
22 | "start": "react-scripts start",
23 | "build": "react-scripts build",
24 | "test": "react-scripts test",
25 | "eject": "react-scripts eject",
26 | "push": "react-scripts build && aws s3 rm s3://app.usememo.com --recursive && aws s3 cp build s3://app.usememo.com --recursive && aws s3 cp build s3://app.usememo.com/ --recursive --exclude * --include precache*.js --include service-worker.js --metadata-directive REPLACE --cache-control max-age=0,no-cache,no-store,must-revalidate --content-type application/javascript --acl public-read",
27 | "icon": "./node_modules/.bin/electron-icon-maker --input=./src/assets/memo_desktop_png.png --output=./src/assets",
28 | "app": "electron .",
29 | "app-mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=src/assets/icons/mac/icon.icns --prune=true --out=release-builds",
30 | "app-win": "electron-packager . --overwrite --asar --platform=win32 --arch=x64 --icon=src/assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=CE --version-string.FileDescription=CE --version-string.ProductName=\"Memo App\"",
31 | "app-lin": "electron-packager . --overwrite --platform=linux --arch=x64 --icon=src/assets/icons/png/1024x1024.png --prune=true --out=release-builds",
32 | "package": "yarn build && electron-builder build --publish never",
33 | "package-all": "electron-builder build -mwl",
34 | "package-mac": "electron-builder build --mac osx-sign=true",
35 | "package-ci": "yarn build && electron-builder --publish always",
36 | "package-linux": "electron-builder build --linux",
37 | "package-win": "electron-builder build --win --x64"
38 | },
39 | "homepage": "https://app.usememo.com",
40 | "eslintConfig": {
41 | "extends": "react-app"
42 | },
43 | "browserslist": [
44 | ">0.2%",
45 | "not dead",
46 | "not ie <= 11",
47 | "not op_mini all"
48 | ],
49 | "devDependencies": {
50 | "electron": "^7.1.7",
51 | "electron-notarize": "^0.2.1"
52 | },
53 | "build": {
54 | "afterSign": "scripts/notarize.js",
55 | "appId": "com.usememo.app",
56 | "files": [
57 | "src/electron.js",
58 | "package.json"
59 | ],
60 | "directories": {
61 | "buildResources": "resources"
62 | },
63 | "dmg": {
64 | "sign": false,
65 | "contents": [
66 | {
67 | "x": 130,
68 | "y": 220
69 | },
70 | {
71 | "x": 410,
72 | "y": 220,
73 | "type": "link",
74 | "path": "/Applications"
75 | }
76 | ]
77 | },
78 | "mac": {
79 | "hardenedRuntime": true,
80 | "gatekeeperAssess": false,
81 | "entitlements": "./src/entitlements.mac.inherit.plist",
82 | "entitlementsInherit": "./src/entitlements.mac.inherit.plist",
83 | "target": [
84 | "dmg",
85 | "zip"
86 | ]
87 | },
88 | "win": {
89 | "target": [
90 | "nsis",
91 | "msi"
92 | ]
93 | },
94 | "linux": {
95 | "target": [
96 | "deb",
97 | "rpm",
98 | "AppImage"
99 | ],
100 | "category": "Productivity"
101 | },
102 | "publish": {
103 | "provider": "github",
104 | "owner": "btk",
105 | "repo": "memo",
106 | "private": true
107 | }
108 | }
109 | }
110 |
--------------------------------------------------------------------------------
/public/electron.js:
--------------------------------------------------------------------------------
1 | // Modules to control application life and create native browser window
2 | const {app, BrowserWindow, shell} = require('electron')
3 |
4 | // Keep a global reference of the window object, if you don't, the window will
5 | // be closed automatically when the JavaScript object is garbage collected.
6 | let mainWindow
7 |
8 | function createWindow () {
9 | // Create the browser window.
10 | mainWindow = new BrowserWindow({
11 | width: 1000,
12 | height: 600,
13 | titleBarStyle: "hiddenInset",
14 | frame: false,
15 | webPreferences: {
16 | nodeIntegration: true
17 | }
18 | })
19 | /*
20 | const remote = window.require('electron').remote;
21 | let win = remote.getCurrentWindow();
22 |
23 | win.webContents.session.clearCache(function(){
24 | //some callback.
25 | });
26 | */
27 |
28 | mainWindow.setMenu(null)
29 |
30 | const dev = false;
31 |
32 | if(dev){
33 | mainWindow.loadURL('http://localhost:3000/')
34 | mainWindow.webContents.openDevTools();
35 | }else{
36 | // and load the index.html of the app.
37 | mainWindow.loadURL('https://app.usememo.com/')
38 | }
39 |
40 | mainWindow.webContents.on('new-window', function(event, url){
41 | event.preventDefault();
42 | shell.openItem(url);
43 | });
44 | // Open the DevTools.
45 | // mainWindow.webContents.openDevTools()
46 |
47 | // Emitted when the window is closed.
48 | mainWindow.on('closed', function () {
49 | // Dereference the window object, usually you would store windows
50 | // in an array if your app supports multi windows, this is the time
51 | // when you should delete the corresponding element.
52 | mainWindow = null
53 | })
54 | }
55 |
56 | // This method will be called when Electron has finished
57 | // initialization and is ready to create browser windows.
58 | // Some APIs can only be used after this event occurs.
59 | app.on('ready', createWindow)
60 |
61 | // Quit when all windows are closed.
62 | app.on('window-all-closed', function () {
63 | // On macOS it is common for applications and their menu bar
64 | // to stay active until the user quits explicitly with Cmd + Q
65 | if (process.platform !== 'darwin') app.quit()
66 | })
67 |
68 | app.on('activate', function () {
69 | // On macOS it's common to re-create a window in the app when the
70 | // dock icon is clicked and there are no other windows open.
71 | if (mainWindow === null) createWindow()
72 | })
73 |
74 | // In this file you can include the rest of your app's specific main process
75 | // code. You can also put them in separate files and require them here.
76 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/favicon.ico
--------------------------------------------------------------------------------
/public/images/icons/icon-128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-128x128.png
--------------------------------------------------------------------------------
/public/images/icons/icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-144x144.png
--------------------------------------------------------------------------------
/public/images/icons/icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-152x152.png
--------------------------------------------------------------------------------
/public/images/icons/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-192x192.png
--------------------------------------------------------------------------------
/public/images/icons/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-384x384.png
--------------------------------------------------------------------------------
/public/images/icons/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-512x512.png
--------------------------------------------------------------------------------
/public/images/icons/icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-72x72.png
--------------------------------------------------------------------------------
/public/images/icons/icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/public/images/icons/icon-96x96.png
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
11 |
15 |
16 |
25 | Memo - Take Smarter Notes
26 |
35 |
36 |
37 |
38 |
39 |
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Memo - Take Smarter Notes",
3 | "short_name": "Memo",
4 | "version": 102,
5 | "theme_color": "#565e65",
6 | "background_color": "#ffffff",
7 | "display": "standalone",
8 | "Scope": "/",
9 | "start_url": "/",
10 | "icons": [
11 | {
12 | "src": "images/icons/icon-72x72.png",
13 | "sizes": "72x72",
14 | "type": "image/png"
15 | },
16 | {
17 | "src": "images/icons/icon-96x96.png",
18 | "sizes": "96x96",
19 | "type": "image/png"
20 | },
21 | {
22 | "src": "images/icons/icon-128x128.png",
23 | "sizes": "128x128",
24 | "type": "image/png"
25 | },
26 | {
27 | "src": "images/icons/icon-144x144.png",
28 | "sizes": "144x144",
29 | "type": "image/png"
30 | },
31 | {
32 | "src": "images/icons/icon-152x152.png",
33 | "sizes": "152x152",
34 | "type": "image/png"
35 | },
36 | {
37 | "src": "images/icons/icon-192x192.png",
38 | "sizes": "192x192",
39 | "type": "image/png"
40 | },
41 | {
42 | "src": "images/icons/icon-384x384.png",
43 | "sizes": "384x384",
44 | "type": "image/png"
45 | },
46 | {
47 | "src": "images/icons/icon-512x512.png",
48 | "sizes": "512x512",
49 | "type": "image/png"
50 | }
51 | ],
52 | "splash_pages": null
53 | }
54 |
--------------------------------------------------------------------------------
/public/refresh/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Memo - Take Smarter Notes
5 |
6 |
7 | Auth Refreshed
8 |
9 |
10 |
--------------------------------------------------------------------------------
/resources/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/btk/memo/614129c05fdc2bbea81720ad9a43d1eb2d22032f/resources/icon.png
--------------------------------------------------------------------------------
/scripts/notarize.js:
--------------------------------------------------------------------------------
1 | require('dotenv').config();
2 | const { notarize } = require('electron-notarize');
3 |
4 | exports.default = async function notarizing(context) {
5 | const { electronPlatformName, appOutDir } = context;
6 | if (electronPlatformName !== 'darwin') {
7 | return;
8 | }
9 |
10 | const appName = context.packager.appInfo.productFilename;
11 |
12 | return await notarize({
13 | appBundleId: 'com.usememo.app',
14 | appPath: `${appOutDir}/${appName}.app`,
15 | appleId: process.env.APPLEID,
16 | appleIdPassword: process.env.APPLEIDPASS,
17 | });
18 | };
19 |
--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
1 | .AppHolder {
2 | width: 100%;
3 | height: 100%;
4 | overflow: hidden;
5 | display: flex;
6 | flex-direction: row;
7 | }
8 |
9 | .Note {
10 | overflow: hidden;
11 | height: 100vh;
12 | width: 100vw;
13 | background: #fff;
14 | display: flex;
15 | flex-direction: column;
16 | position: relative;
17 | }
18 |
19 | .darkmode .Note {
20 | background: #252525;
21 | }
22 |
23 | .Content {
24 | width: calc(100% - 50px);
25 | height: 100%;
26 | top: 10px;
27 | transition: 100ms top, 100ms opacity;
28 | transition-timing-function: linear;
29 | position: relative;
30 | overflow-y: scroll;
31 | overflow-x: hidden;
32 | -webkit-overflow-scrolling: touch;
33 | background: #fff;
34 | opacity: 0;
35 | }
36 |
37 | .ContentLoaded {
38 | top: 0px;
39 | opacity: 1;
40 | }
41 |
42 | .darkmode .Content {
43 | background: #252525;
44 | }
45 |
46 | .Identifier {
47 | padding: 10px 20px;
48 | color: #787878;
49 | font-size: 0.85em;
50 | }
51 |
52 | .darkmode .Identifier {
53 | color: #aaa;
54 | }
55 |
56 | .spacer {
57 | height: 60vh;
58 | }
59 | .rightSpacer {
60 | width: 15px;
61 | height: 100vh;
62 | }
63 |
64 | #dummy {
65 | background: red;
66 | margin: 0px;
67 | padding: 0px;
68 | height: 0px;
69 | overflow: hidden;
70 | }
71 |
72 | #dummy textarea {
73 | height: 0px !important;
74 | }
75 |
--------------------------------------------------------------------------------
/src/addons/calculator/addon.json:
--------------------------------------------------------------------------------
1 | {
2 | "slug": "calculator",
3 | "display": "Calculator",
4 | "description": "Calculator addon calculates equations marked as (x+y*z)= on the current line of your memo."
5 | }
6 |
--------------------------------------------------------------------------------
/src/addons/calculator/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import './style.css';
3 | import API from '../../js/api';
4 |
5 | const addon = require("./addon.json");
6 |
7 | function evil(fn) {
8 | try{
9 | return new Function('return ' + fn)();
10 | } catch(err){
11 | return "NaN";
12 | }
13 | }
14 |
15 | class App extends Component {
16 | state = {
17 | text: ""
18 | }
19 |
20 | componentDidMount(){
21 | API.event.on("lineFocused", this.lineFocusedAction);
22 | API.event.on("lineChanged", this.lineChangedAction);
23 | }
24 |
25 | componentWillUnmount(){
26 | API.event.removeListener("lineFocused", this.lineFocusedAction);
27 | API.event.removeListener("lineChanged", this.lineFocusedAction);
28 | }
29 |
30 | lineFocusedAction = (line) => {
31 | this.setState({
32 | text: line.text,
33 | lineId: line.lineId,
34 | index: line.index
35 | });
36 | }
37 |
38 | lineChangedAction = (text) => {
39 | this.setState({text});
40 | }
41 |
42 |
43 | renderCalculated(text){
44 | text = text.replace(/\) =/g, ")=");
45 | if(text.includes(")=")){
46 | let calculatables = [];
47 | text.split(")=").forEach(calculatable => {
48 | if(calculatable.includes("(")){
49 | calculatables.push(calculatable.split("(").slice(1).join("("));
50 | }
51 | })
52 | return calculatables.map((calcable, i) => {
53 | return [{i+1}] = {evil(calcable)}
54 | });
55 | }else{
56 | return null;
57 | }
58 | }
59 |
60 | render() {
61 | if(this.state.text){
62 | let includes = this.state.text.replace(") =", ")=").includes(")=");
63 | if(includes){
64 | return (
65 | <>
66 |
67 |
70 |
{addon.display}
71 |
{this.renderCalculated(this.state.text)}
72 |
56 |
59 |
{addon.display}
60 |
{this.renderLinks(this.state.text)}
61 |
49 |
52 |
Write-Good
53 |
{writeGoodSuggestions.map((s, i) => {
54 | return (
{s.reason}
)
55 | })}
56 |
17 |
win.minimize()}>
18 |
19 |
20 | {!this.state.maximized &&
21 |
{ this.setState({maximized: true}); win.maximize() }}>
22 |
23 |
24 | }
25 | {this.state.maximized &&
26 |
{ this.setState({maximized: false}); win.unmaximize() }}>
27 |
28 |
29 | }
30 |
win.close()}>
31 |
32 |
33 |
44 |
45 | {window.process.platform != 'darwin' && this.renderWindowsButtons()}
46 |
35 |
36 |
39 |
{this.state.headText}
40 |
{this.state.smallText}
41 |
42 |
41 |
42 | {addons.includes("|write-good|") && }
43 | {addons.includes("|conversion|") && }
44 | {addons.includes("|calculator|") && }
45 | {addons.includes("|links|") && }
46 |
47 |
61 |
{quote.quote}
62 |
63 |
{quote.person}
64 |
71 | {this.props.quote &&
)
}
72 | {this.state.spinning &&
73 | <>
74 |
77 |
78 | }
79 |
{this.props.children}
80 | {this.props.quote && this.renderQuote()}
81 | {this.state.statusText &&
{this.state.statusText}
}
82 |
API.offlineLogin()}>
76 | Use Offline
77 |
78 |
79 | {this.props.forceLogout &&
80 | You might also need to sign off from GitHub to login with another Account.
81 | }
82 |
83 | );
84 | }
85 | }
86 |
87 | export default App;
88 |
--------------------------------------------------------------------------------
/src/components/Login/style.css:
--------------------------------------------------------------------------------
1 | .Login {
2 | height: 48px;
3 | overflow: hidden;
4 | }
5 | .githubIframe {
6 | height: 0px;
7 | width: 0px;
8 | border: 0px;
9 | padding: 0px;
10 | margin: 0px;
11 | }
12 |
13 | .loginWithGithub {
14 | background: #2a2a2a;
15 | border-radius: 6px;
16 | padding: 10px 15px;
17 | color: #fff;
18 | font-weight: 500;
19 | display: flex;
20 | justify-content: center;
21 | align-items: center;
22 | position: relative;
23 | bottom: 0px;
24 | transition: 200ms all;
25 | margin-top: 3px;
26 | }
27 |
28 | .loginWithGithub:hover {
29 | bottom: 2px;
30 | background: #333;
31 | }
32 |
33 | .loginWithGithub span {
34 | text-decoration: none;
35 | }
36 |
37 | .loginWithGithub img {
38 | width: 25px;
39 | height: 25px;
40 | padding: 0px;
41 | margin: 0px;
42 | line-height: 0px;
43 | margin-right: 13px;
44 | }
45 |
46 | .localModeButton {
47 | border: 1px solid #eee;
48 | border-radius: 6px;
49 | padding: 10px 15px;
50 | font-weight: 500;
51 | display: flex;
52 | justify-content: center;
53 | align-items: center;
54 | margin-top: 8px;
55 | cursor: pointer;
56 | color: #777;
57 | box-shadow: rgba(30, 30, 30, 0.1) 0px 4px 5px -4px;
58 | margin-bottom: 5px;
59 | position: relative;
60 | bottom: 0px;
61 | transition: 200ms all;
62 | }
63 |
64 | .localModeButton:hover {
65 | color: #444;
66 | border-color: #76c3e8;
67 | box-shadow: rgba(30, 30, 30, 0.15) 0px 4px 10px -4px;
68 | bottom: 2px;
69 | }
70 |
71 | .darkmode .localModeButton {
72 | border: 1px solid #222;
73 | box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px -4px;
74 | color: #aaa;
75 | }
76 |
77 | .darkmode .localModeButton:hover {
78 | box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 10px -4px;
79 | color: #eee;
80 | }
81 |
--------------------------------------------------------------------------------
/src/components/Title/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import './style.css';
3 |
4 | import AppBar from '../AppBar'
5 |
6 | import API from '../../js/api';
7 | import Files from '../../js/files';
8 |
9 | class App extends Component {
10 |
11 | state = {
12 | text: this.props.children,
13 | archived: !(this.props.sheet.active === 1),
14 | archiveProgress: false
15 | }
16 |
17 | componentDidMount(){
18 | if(this.state.text === "Untitled Sheet"){
19 | setTimeout(() => {
20 | this.refs._title.focus();
21 | },10);
22 | }
23 | }
24 |
25 | componentWillReceiveProps(newProps){
26 | if(this.props.shouldFocused !== newProps.shouldFocused && newProps.shouldFocused){
27 | setTimeout(() => {
28 | this.refs._title.focus();
29 | },10);
30 | }
31 | }
32 |
33 | handleChange(e){
34 | if(e){
35 | this.setState({text: e.target.value});
36 | //.replace(/(\r\n|\n|\r)/gm,"")
37 | }
38 | }
39 |
40 | handleBlur(e){
41 | let text = e.target.value;
42 | if(text !== this.props.sheet.title){
43 | if(!text){
44 | text = "Untitled Sheet";
45 | }
46 | document.title = text + " | Memo";
47 | API.updateTitle(text, this.props.sheet.id);
48 | }
49 | }
50 |
51 | handleKeyDown(e){
52 | let selectionStart = this.refs._title.selectionStart;
53 | let selectionEnd = this.refs._title.selectionEnd;
54 |
55 | if(e.keyCode === 13 || (selectionStart === selectionStart && e.keyCode === 39 && selectionStart === this.state.text.length) || e.keyCode === 40){
56 | this.props.onTitleDown();
57 | e.preventDefault();
58 | return false;
59 | }
60 | }
61 |
62 | exportAction(){
63 | Files.exportFile(this.props.sheet.id).then(res => {
64 | console.log("File export started");
65 | });
66 | }
67 |
68 | archiveAction(){
69 | let currentStatus = this.state.archived;
70 | let toStatus = currentStatus;
71 | this.setState({
72 | archiveProgress: true
73 | })
74 |
75 | API.archiveUpdate(this.props.sheet.id, toStatus).then(() => {
76 | setTimeout(() => {
77 | this.setState({
78 | archived: !currentStatus,
79 | archiveProgress: false
80 | })
81 | }, 100);
82 | });
83 | }
84 |
85 | deleteAction(){
86 | API.deleteSheet(this.props.sheet.id);
87 | API.event.emit("sheet", "LAST_ACCESSED");
88 | }
89 |
90 | render() {
91 | return (
92 | <>
93 |
94 |
this.handleKeyDown(event)}
99 | onBlur={(event) => this.handleBlur(event)}
100 | onChange={(event) => this.handleChange(event)}/>
101 |
102 |
103 |
this.exportAction()}>
104 |
105 |
Export
106 |
107 |
this.archiveAction()}>
108 |
109 | {!this.state.archiveProgress &&
{this.state.archived ? "Unarchive" : "Archive"}}
110 | {this.state.archiveProgress &&
· · ·}
111 |
112 |
this.deleteAction()}>
113 |
114 |
Delete
115 |
116 |
117 |
Event.emit("toggle", "attachments")}>
3 |
Attachments
4 |
5 |
34 |
Addons
35 |
Discover and add tools to customise your note taking experience.
36 | {
37 | addons.map((addon, i) => {
38 | return (
39 |
this.toggleAddon(addon.slug)}>
43 |
44 |
{addon.display}
45 |
49 |
50 |
{addon.description}
51 |
52 |
53 | )
54 | })
55 | }
56 |
API.event.emit("sheet", sheet.id)}>
32 |
33 |
{sheet.title}
34 |
{sheet.first_line ? sheet.first_line.substr(0, 50).replace(/-/g, "") + "..." : "This sheet is as empty as it can be..."}
35 |
36 |
37 | {date.getDate() + "/" + date.getMonth() + "/" + date.getFullYear()}
38 | {sheet.first_line &&
39 | {sheet.line_count} Line{sheet.line_count != 1 ? "s": ""}
40 | }
41 | {!sheet.first_line &&
42 | Blank
43 | }
44 |
45 |
46 |
You don't have any archived sheets!
);
52 | }else{
53 | return ();
54 | }
55 | }
56 | }
57 |
58 | render() {
59 | return (
60 |
61 |
Archives
62 |
See and manage your old and not-so-popular sheets.
63 |
64 | {this.renderSheets(this.state.sheets)}
65 |
66 |
API.event.emit("sheet", sheetId)}>
46 |
Changed sheet with id {sheetId}
47 |
Your local sheets are in sync with the origin.
);
52 | }
53 | }
54 |
55 | startSync(){
56 | if(this.state.staged){
57 | this.setState({syncText: "Syncing...", staged: ""});
58 | API.sync();
59 | }else{
60 | console.log("Already Synced");
61 | }
62 | }
63 |
64 | render() {
65 | return (
66 |
67 |
Push Changes
68 |
You can push changes to your Gist and sync your data.
69 |
70 |
71 | {API.isOnline() &&
72 |
this.startSync()}>
76 |
79 |
{this.state.syncText}
80 |
81 | }
82 | {(this.state.error != "") &&
83 |
{this.state.error}
Please try to login again by window.location.reload()}>restarting the app.
84 | }
85 | {!API.isOnline() &&
You are in offline mode.
Please connect to internet and window.location.reload()}>restart the app.
}
86 | {(API.isOnline() && (this.state.error == "")) && this.renderChanges(this.state.staged)}
87 |
88 |
API.event.emit("sheet", sheet.id)}>
42 |
43 |
{sheet.title}
44 |
{sheet.first_line ? sheet.first_line.substr(0, 50).replace(/-/g, "") + "..." : "This sheet is as empty as it can be..."}
45 |
46 |
47 | {date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear()}
48 | {sheet.first_line &&
49 | {sheet.line_count} Line{sheet.line_count != 1 ? "s": ""}
50 | }
51 | {!sheet.first_line &&
52 | Blank
53 | }
54 |
55 |
56 |
No results with this term
);
62 | }else{
63 | return ();
64 | }
65 | }
66 | }
67 |
68 | render() {
69 | return (
70 |
71 |
72 |
Search
73 |
Search for a term in title or content of your notes.
74 |
75 |
this.handleChange(event)}/>
81 |
82 |
83 | { this.state.searchTerm && this.renderSheets(this.state.sheets)}
84 |
85 |
27 |
Settings
28 |
Manage your preferences and access your account information.
29 |
Choose Your Side
30 |
31 |
this.changeTheme("dark")} className={this.state.theme == "dark" ? "darkTheme themeActive" : "darkTheme"}>
32 |
33 |
![]({require("../../assets/memo_logo_left_white.svg")}/)
34 |
35 |
36 |
37 |
this.changeTheme("light")} className={this.state.theme == "light" ? "lightTheme themeActive" : "lightTheme"}>
38 |
39 |
![]({require("../../assets/memo_logo_left.svg")}/)
40 |
41 |
42 |
43 |
44 |
Currency Preference
45 |
Choose your prefered currency that will be used for addons.
46 |
53 | <>
54 |
Revision History
55 |
In case of data loss, you can use your Gist revisions and see your change history.
56 | {API.user &&
57 |
58 | See Your Gist Revisions
59 |
60 | }
61 |
62 | {!API.user &&
63 |
Only Available Online
64 | }
65 |
Memo App v{API.version} {API.version[0] == "0" && "Beta"}
66 |
67 | {API.isOnline() &&
68 |
69 |
70 |
71 |
72 |
{API.user.name ? API.user.name : handle[0].toUpperCase() + handle.substr(1)}
73 |
@{handle}
74 |
75 |
{
76 | let toggleUserOptions = this.state.toggleUserOptions;
77 | this.setState({toggleUserOptions: !toggleUserOptions});
78 | }}>
79 |
80 |
81 |
82 |
90 |
91 | }
92 | {!API.isOnline() &&
93 |
94 | You are in offline mode.
95 |
96 |
97 | You can login the app when you have internet.
98 | window.location.reload()}>Try to login?
99 |
100 |
101 | }
102 |
103 |
API.event.emit("sheet", sheet.id)}>
37 |
38 |
{sheet.title}
39 |
{sheet.first_line ? sheet.first_line.substr(0, 50).replace(/-/g, "") + "..." : "This sheet is as empty as it can be..."}
40 |
41 |
42 | {date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear()}
43 | {sheet.first_line &&
44 | {sheet.line_count} Line{sheet.line_count != 1 ? "s": ""}
45 | }
46 | {!sheet.first_line &&
47 | Blank
48 | }
49 |
50 |
51 |
You don't have any active sheets, add a new one or check your archives!
);
57 | }else{
58 | return ();
59 | }
60 | }
61 | }
62 |
63 | render() {
64 | return (
65 |
66 |
Sheets
67 |
See and manage your most recently accessed sheets.
68 |
69 |
API.event.emit("sheet", "NEW_SHEET")}>
73 |
74 |
Create New Sheet
75 |
76 | {this.renderSheets(this.state.sheets)}
77 | {this.state.archivedSheetCount != 0 &&
78 |
API.event.emit("toggle", "archives")}>
83 |
You also have {this.state.archivedSheetCount} archived sheet{this.state.archivedSheetCount !== 1 ? "s" : ""}.
84 |
85 | }
86 |
87 |
2 |
3 | Memo is an opensource browser and desktop app that allows you to take smarter notes with GitHub Gists. Own your own private data, store it with Github's gists and access it from anywhere, anytime.
4 |
5 | Check out Memo App: [https://usememo.com](https://usememo.com).
6 |
7 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
8 |
9 | ## Available Scripts
10 |
11 | In the project directory, you can run:
12 |
13 | ### `npm start`
14 |
15 | Runs the app in the development mode.![GitHub Logo]({require("../../icon/github.svg")}){kind=icon}
68 | {this.state.loginButtonText}
69 |