tiro-notes 1.0.8 → 1.0.10

package/README.md

@@ -0,0 +1,75 @@
+# Tiro Notes
+
+An open-source, cross-platform markdown editor designed for extensibility & flexibility
+
+🌐 website| 📢 news| 📘 guides|  ⬇️ usage | demo |  Status |
+-|-|-|-|-|-
+[tiro-notes.org](https://tiro-notes.org)|[dev blog](https://tinyurl.com/tiroblog) & [twitter](https://twitter.com/NotesTiro)|[guides](https://tiro-notes.org/#/guide-custom-tags)|[download](https://tiro-notes.org/#/downloads) or ```npx tiro-notes@latest```|[online demo](https://codesandbox.io/p/devbox/agitated-dubinsky-dvqtjw) | beta
+
+<a href="https://codesandbox.io/p/devbox/agitated-dubinsky-dvqtjw" target="_blank"><img width="200" alt="button_open-in-codesandbox(1)" src="https://github.com/user-attachments/assets/17bc828d-be5f-42d2-a6ec-9536080028f4" /></a>
+
+![Tiro 0.30](https://github.com/dotgreg/tiro-notes/assets/2981891/9e684988-5575-428f-8499-d11ad6637c71)
+
+
+
+Tiro Notes focus points are : 
+
+- 🏋 **Extensibility** : Tiro Notes uses a system of custom tags to extend its capabilities :
+  - Add [```[[latex]]```](https://tiro-notes.org/#/custom-tags?id=latex), [```[[uml]]```](https://tiro-notes.org/#/custom-tags?id=mermaid) or [```[[charts]]```](https://tiro-notes.org/#/custom-tags?id=mermaid), preview your pdf, mp4 or youtube links using [```[[view]]```](https://tiro-notes.org/#/custom-tags?id=view). Add [```[[spreadsheet]]```](https://tiro-notes.org/#/custom-tags?id=spreadsheet) logic to your markdown tables.
+  - Use Tiro as an app platform with a [```[[rss]]```](https://tiro-notes.org/#/custom-tags?id=rss) reader or a [```[[calendar]]```](https://tiro-notes.org/#/custom-tags?id=calendar) in it.
+  - [Create your own custom tags](https://tiro-notes.org/#/guide-custom-tags) and use the [Client API](https://tiro-notes.org/#/guide-custom-tags?id=using-tiro-client-api).
+
+- 🎛️ **Flexibility** : multi-window interface to create a custom workspace. Create multiple workspaces organized by tabs. Keep these workspaces synced accross your devices.
+
+- 👑 **Open source & Open Data**: Code is open source and free. No database required. Markdown files only. You can edit and sync your files with external software as you need.
+
+- ☁️ / 🖥️ /  💻 / 📱 **Cross-platform & Web** : Windows, macOS, Android, Linux, Web. Start an App or with CLI and access it anywhere on your local network. 
+
+# Install
+- [Download desktop client (Win/Mac/Linux)](https://tiro-notes.org/#/downloads)
+- or with command line ```npx tiro-notes``` 
+  - for the latest functionnalities ```npx tiro-notes@develop``` ([weekly basis](https://www.npmjs.com/package/tiro-notes?activeTab=versions) updates)
+
+# Functionalities
+  
+**Note Edition**
+- 🖊️ Mardown notes edition
+- 🌄 Drag and Drop images & files upload (stored in a relative .resources folder)
+- 🔗 Notes linking
+- 🔑 note encryption (RSA 2048)
+- 🏛 Note changes history
+- 📄 Export to PDF
+- 💬 Text to Speech (beta)
+
+**Custom Tags**
+- 💱 display math formulas with [[latex]] 
+- 🧬 display UML and other diagrams with [[diagram]] 
+- 🏋 Embed videos, pdf and web content with [[view]] 
+- 🏋 create javascript applications within your note with [[script]] 
+- 🧬 leverage the full [Client API](guide-custom-tags?id=using-tiro-client-api) in [[script]]
+
+**Search**
+- 🔍 Fast search (~2s for 30k notes)
+- 🔬 Search filters (intitle: etc.)
+
+**Folders Tree & Notes List**
+- 🗂️ Folders management (create/rename/move/delete)
+- 🏎️ Fast Notes List (can display 10k files without slowdown)
+- 🧮 Notes List sorting (date creation/date modification/name)
+- 👁️ Note preview in Notes List (with image and text)
+- 📤 Last notes edited
+- 🌄 Images list view
+
+**Security**
+- 🔒 Application login (user/password)
+- 🔒 HTTPS support (with self signed certificate)
+
+**Platforms**
+- 💻 Windows/Mac/Linux applications
+- 🥷 10 seconds install & start with command line NPX 
+- 📱 Install on Android with Termux and NPX
+- ☁️ Use it as a local application, as a local or cloud server.
+- 📟 Use it on any device with a browser (Mobile, tablet and Desktop interface)
+- (🔧)📱 Install on iOS with iSH and NPX (to be tested...)
+
+>"Marcus Tullius Tiro, a learned freedman who was a member of Cicero’s household, invented the Tironian notes, the first Latin shorthand system. Tironian notes consist of letters of the alphabet, simplified and modified to achieve greater speed in their writing."

package/cli.js

@@ -1,3 +1,309 @@
 #!/usr/bin/env node
-const testlog = require('./index.js');
-testlog();
+
+// const isDev = false
+const isDev = process.env.ISDEV
+const tHelpers = isDev ? require('../shared.helpers.js') : require(`./shared.helpers.build.js`);
+const pathServerJs = isDev ? `${__dirname}/node-build/server/tiro-server.js` : `${__dirname}/server/tiro-server.js`
+
+
+// CLI HELP MANUAL
+const outputHelp = () => {
+		var p = require('./package.json');
+		const tiroHelpString = `
+VERSION:
+===
+${p.name.toUpperCase()} v.${p.version} ${isDev ? '(**dev**)' : ''}
+
+DESCRIPTION:
+===
+${p.description}
+
+====
+
+--https/-s : enable https ssl with self signed certificate (boolean, false by default)
+--port/-p : port to use (number, 3023 by default)
+--no-open/-no : do not open Tiro in browser when starting
+--verbose/-v : control logs verbosity [0/1/2/3] (0:none, 1: critical, 2: all, 3: performance monitoring)
+
+--tunnel/-t : [require autossh to be installed first!] uses autossh to "publish" the app on the web, requires a server you can access with ssh and autossh installed on that device. (ex:npx tiro-notes@latest -t REMOTE_USER@REMOTE_URL:REMOTE_PORT)
+--tunnel-timeout/-tt : [require autossh to be installed first!] autokill tunnel after x hours (default: -1)
+
+--backup/-b : [t/n/now/force/f] [require tar to be installed first!] will incrementally backup changes in archives like tiro.0.xz.tar, tiro.1.xz.tar... every day in a specific folder. 
+			  You can then execute commands after that process in a post backup script (useful for syncing these archives to clouds, think rsync, rclone etc.) 
+			  All folders will be backed up with the exception of folders ending by _NOBAK_ (ex: "my_folder_NOBAK_").
+			
+--backup-folder : modify backup folder destination. (default: "your/path/to/tiro/data_folder"+_backup
+--backup-post-script : modify script to be executed after a backup finishes. Should be a ".txt" file with your OS commands. (default: "your/path/to/tiro/data_folder"+_backup/post_backup_script.txt
+
+--help/-h : help 
+
+EXAMPLES:
+====
+- npx tiro-notes 
+- npx tiro-notes --tunnel ubuntu@myserver.com:3023 --port 3033 --https true
+- npx tiro-notes -t ubuntu@myserver.com:3023 -p 3033 -s true
+`;
+		console.log(tiroHelpString);	
+
+}
+
+// open frontend on default browser
+const openInBrowser = (url) => {
+    var start = (process.platform == 'darwin'? 'open': process.platform == 'win32'? 'start': 'xdg-open');
+    require('child_process').exec(start + ' ' + url);
+}
+
+
+function getCliArgs () {
+		var args = process.argv;
+		var argsObj = {
+				port: 3023,
+				https: false,
+				help: false,
+				open: true,
+				verbose: false,
+				backup: {
+						enabled: false,
+						now: false,
+						location: "default", 
+						scriptLocation: "default"
+				},
+				tunnel: {
+					enabled: false,
+					timeout: -1,
+				},
+		}
+		for (var i = 0; i < args.length; i++) {
+				if (i % 2 !== 0) continue
+				var argName = args[i];
+				var argVal = args[i+1];
+				argName = argName.replace('--', '').replace('-','')
+				if (argName === 'p' || argName === 'port') argsObj.port = parseInt(argVal);
+				if (argName === 's' || argName === 'https') argsObj.https = true
+				if (argName === 'h' || argName === 'help') argsObj.help = true
+				if (argName === 'no-open' || argName === 'no') argsObj.open = false
+				if (argName === 'v' || argName === 'verbose') argsObj.verbose = parseInt(argVal)
+
+				if (argName === 'b' || argName === 'backup') argsObj.backup.enabled = true
+				if (argName === 'b' || argName === 'backup') argsObj.backup.now = (argVal === "now" || argVal === "n"  || argVal === "force"  || argVal === "f") ? true : false
+				if (argName === 'backup-location') argsObj.backup.location = argVal
+				if (argName === 'backup-post-script') argsObj.backup.scriptLocation = argVal 
+
+				if (argName === 'tt' || argName === 'tunnel-timeout') argsObj.tunnel.timeout = parseInt(argVal)
+				if (argName === 't' || argName === 'tunnel') {
+					const argsArr = argVal.split(':')
+					if (argsArr.length > 1) {
+						argsObj.tunnel.enabled = true
+						argsObj.tunnel.remoteUrl = argsArr[0]
+						argsObj.tunnel.remotePort = parseInt(argsArr[1])
+					}
+				}
+		}
+		return argsObj;
+}
+
+function startTiroServer (argsObj, cb) {
+		console.log(`Starting Tiro-Notes from CLI with following arguments : ${JSON.stringify(argsObj)}`);
+
+		// kill all possible remaining servers of tiro 
+		tHelpers.killPreviousInstances(() => {
+
+				// start tiro server, detect success message and get server params
+				tHelpers.execCmd('node', [pathServerJs], {
+						logLevel: argsObj.verbose,
+						env: {
+								TIRO_PORT: argsObj.port,
+								TIRO_HTTPS: argsObj.https,
+								TIRO_PERFORMANCE_MONITORING_BACKEND: argsObj.verbose === 3
+						},  
+						logName: 'tiroServer',
+						onLog: str => {
+								// we get params like dataFolder from server.js directly
+								tHelpers.checkAndGetTiroConfig(str, {platform: 'cli', cb})
+						}
+				})
+		});
+}
+
+const startBackupScript = async (argsObj, dataFolder) => {
+		if (!argsObj.backup.enabled) return;
+		if (!dataFolder) return console.warn ("[BACKUP] no dataFolder detected!");
+
+		// get BACKUP_FOLDER path
+		const defaultBackupFolder = dataFolder + "_backup/"
+		const backupFolder = argsObj.backup.location !== "default" ? argsObj.backup.location : defaultBackupFolder
+		// if does not exists, create it
+		if (!tHelpers.fileExists(backupFolder)) await tHelpers.createDir(backupFolder)
+		
+
+		// get POST_BACKUP_SCRIPT
+		const defaultPostBackupScript = backupFolder + "post_backup_script.txt"
+		const postBackupScriptFile = argsObj.backup.scriptLocation !== "default" ? argsObj.backup.scriptLocation : defaultPostBackupScript 
+		// if does not exists, create it, empty
+		if (!tHelpers.fileExists(postBackupScriptFile)) await tHelpers.saveFile(postBackupScriptFile, "")
+		let postBackupScript = await tHelpers.openFile(postBackupScriptFile) 
+		if (postBackupScript) postBackupScript += ";"
+
+
+		// get LAST_BACKUP_TIMESTAMP
+		const timestampFile = backupFolder + "last_backup_timestamp.txt"
+		const now = () => new Date().getTime()
+		// if does not exists, create it, then give a timestamp of 0
+		if (!tHelpers.fileExists(timestampFile)) await tHelpers.saveFile(timestampFile, "0")
+		const getLastTimestamp = async () => {
+				let lastBackupTimestampRaw = await tHelpers.openFile(timestampFile);		
+				let lastBackupTimestamp = parseInt(lastBackupTimestampRaw) 
+				return lastBackupTimestamp
+		}
+		let replaceTimestampCli = () => `echo ${now()} > '${timestampFile}'`
+		
+		// START INTERVAL
+		// const timeInterval = 1000 * 60 * 60 // one hour
+		const timeInterval = 1000 * 60 * 10 // one hour
+		const backupInterval = 1000 * 60 * 60 * 24 // one day
+
+		const tarExec = process.platform === "darwin" ? "gtar" : "tar"
+
+
+		console.log ("[BACKUP] starting backup logic!");
+
+		let debugBackupNow = isDev ? false : false
+		if (argsObj.backup.now) debugBackupNow = true
+		const processBackupEveryDay = async () => {
+				// if > 1 day
+				const lastTimestamp = await getLastTimestamp()
+				const diff = backupInterval + lastTimestamp - new Date().getTime()
+				const diffMin = Math.round(diff / (1000 * 60))
+				// are we between 1am-5am ?
+				const isBetween1am5am = new Date().getHours() >= 1 && new Date().getHours() <= 5
+				if ((diff < 0 && isBetween1am5am) || debugBackupNow) {
+						debugBackupNow = false
+						console.log(`[BACKUP] time has come, BACKUP! (debugBackupNow:${debugBackupNow}) ==> LOGS in log_backup.txt`);
+
+						// automatically generate a cli.sh from command below and post backup script, then exec it
+						let backupCli = `
+						${replaceTimestampCli()}; 
+						mkdir '${backupFolder}'; 
+						mkdir '${backupFolder}/backups'; 
+						cd '${backupFolder}'; 
+						echo '====== [${new Date().toLocaleString()}] -> new backup started' >> log_backups.txt; 
+						${tarExec} --xz --verbose --create --file="backups/tiro.$(ls backups/ | wc -l | sed 's/^ *//;s/ *$//').tar.xz" '${dataFolder}' --listed-incremental='${backupFolder}metadata.snar' --exclude=\'*_NOBAK_'; 
+						echo ' [${new Date().toLocaleString()}] -> compression archive finished' >> log_backups.txt; ${postBackupScript}; 
+						echo ' [${new Date().toLocaleString()}] -> upload finished' >> log_backups.txt;` 
+						// append to backup CLI current timestamp to last_backup_timestamp
+						// remove \n from backupCli
+						backupCli = backupCli.replace(/\n/g, ' ')
+						// replace all ;; by ;
+						backupCli = backupCli.replace(/;;/g, ';')
+
+						// execute cli
+						tHelpers.execCmdInFile(backupCli, backupFolder+"cli.sh", {
+							logLevel: argsObj.verbose
+							// logLevel: 2 // log level always 2 for backup to see whats happening
+						})
+
+						const debugObj = {backupFolder, postBackupScriptFile, lastTimestamp, postBackupScript, timeInterval, backupCli}
+
+						console.log (debugObj);
+				} else {
+					const logTime = new Date().toLocaleString()
+						console.log(`[BACKUP] ${logTime}  => not yet. Waiting for ${diffMin} mins < 0 AND between 1am-5am ${JSON.stringify({isBetween1am5am, currHour: new Date().getHours()})}}`);
+				}
+		}
+
+		// every hour
+		processBackupEveryDay();
+		let int = setInterval(() => {
+				processBackupEveryDay()
+		}, timeInterval)
+
+}
+
+const startSshTunnel = (argsObj) => {
+		if (argsObj.tunnel.enabled) {
+				// kill previous autossh processes
+				let cb2 = true
+				let cb1 = true
+				tHelpers.execCmd('killall', [`autossh`], {
+						logName:'tunnel 1/3',
+						onLog: () => {
+								if (!cb2) return
+								cb2 = false
+								// check if autossh is working
+								tHelpers.execCmd('autossh', [`-V`], {
+										logName:'tunnel 2/3',
+										onLog: str => {
+												if (!cb1) return
+												cb1 = false
+												// start autossh finally
+												tHelpers.execCmd('autossh',['-M',`2${argsObj.tunnel.remotePort}`,'-N', argsObj.tunnel.remoteUrl,'-R', `${argsObj.tunnel.remotePort}:localhost:${argsObj.port}`,'-C'], {
+														logName:'tunnel 3/3'
+												})
+
+												// if tunnel.timeout != 1
+												if (argsObj.tunnel.timeout != 1) {
+														console.log(`Tunnel timeout set to ${argsObj.tunnel.timeout}h.`)
+														setTimeout(() => {
+															console.log(`Tunnel timeout reached (${argsObj.tunnel.timeout}h). Closing tunnel.`, str)
+															tHelpers.execCmd('killall', [`autossh`], {
+																logName:'tunnel 4/3',
+																onLog: str => {
+																	console.log(`Tunnel timeout reached (${argsObj.tunnel.timeout}h). Closing tunnel.`, str)
+																}
+															})
+														}, argsObj.tunnel.timeout * 1000 * 60 * 60)
+														let countHours = 0
+														setTimeout(() => {
+															countHours++
+															console.log(`Tunnel timeout in ${argsObj.tunnel.timeout - countHours}h`)
+														}, argsObj.tunnel.timeout * 1000 * 60 )
+												}
+										}
+								})
+						}
+				})
+		}
+}
+
+// Main script
+function main () {
+
+		var argsObj = getCliArgs();
+
+		if (argsObj.help) {
+
+				outputHelp();
+
+		} else {
+
+				startTiroServer(argsObj, (configServerObj) => {
+
+						const c = configServerObj
+						const protocol = c.https ? 'https' : 'http'
+						const port = c.port
+						const dataFolder = c.dataFolder
+
+						// open in browser
+						if (argsObj.open) openInBrowser(`${protocol}://localhost:${port}`);
+
+						// start tunnel with autossh if asked
+						startSshTunnel(argsObj);
+
+						// start backup script
+						startBackupScript(argsObj, dataFolder);
+						
+				})
+		}
+}
+
+const test = () => {
+		var argsObj = getCliArgs();
+		// startBackupScript(argsObj, "/Users/gregoirethiebault/Desktop/your markdown notes")
+		startBackupScript(argsObj, "/Users/gregoirethiebault/Desktop/nodal_ex")
+}
+
+
+// start everything
+// isDev ? test() : main();
+isDev ? main() : main();
+

package/client/asset-manifest.json

@@ -0,0 +1,143 @@
+{
+  "files": {
+    "static/js/0.8818db75.chunk.js": "/static/js/0.8818db75.chunk.js",
+    "static/js/1.dc212257.chunk.js": "/static/js/1.dc212257.chunk.js",
+    "static/js/2.6e78ea89.chunk.js": "/static/js/2.6e78ea89.chunk.js",
+    "static/js/3.664f336f.chunk.js": "/static/js/3.664f336f.chunk.js",
+    "static/js/4.328dd658.chunk.js": "/static/js/4.328dd658.chunk.js",
+    "static/js/5.307b6480.chunk.js": "/static/js/5.307b6480.chunk.js",
+    "static/js/6.db56389b.chunk.js": "/static/js/6.db56389b.chunk.js",
+    "static/js/7.83cb847e.chunk.js": "/static/js/7.83cb847e.chunk.js",
+    "static/js/8.959dc24d.chunk.js": "/static/js/8.959dc24d.chunk.js",
+    "static/js/9.d4911eb8.chunk.js": "/static/js/9.d4911eb8.chunk.js",
+    "main.js": "/static/js/main.abaedb84.chunk.js",
+    "runtime-main.js": "/static/js/runtime-main.057f2c94.js",
+    "static/css/12.54474f95.chunk.css": "/static/css/12.54474f95.chunk.css",
+    "static/js/12.69353b54.chunk.js": "/static/js/12.69353b54.chunk.js",
+    "static/js/13.11233f89.chunk.js": "/static/js/13.11233f89.chunk.js",
+    "static/js/14.4c6fecc8.chunk.js": "/static/js/14.4c6fecc8.chunk.js",
+    "static/js/15.54cce0d8.chunk.js": "/static/js/15.54cce0d8.chunk.js",
+    "static/js/16.517ad23b.chunk.js": "/static/js/16.517ad23b.chunk.js",
+    "static/js/17.4e6d8e22.chunk.js": "/static/js/17.4e6d8e22.chunk.js",
+    "static/js/18.99a37042.chunk.js": "/static/js/18.99a37042.chunk.js",
+    "static/js/19.004342b7.chunk.js": "/static/js/19.004342b7.chunk.js",
+    "static/js/20.400635c6.chunk.js": "/static/js/20.400635c6.chunk.js",
+    "static/js/21.377bde95.chunk.js": "/static/js/21.377bde95.chunk.js",
+    "static/js/22.97f27129.chunk.js": "/static/js/22.97f27129.chunk.js",
+    "static/js/23.4ad8d0ec.chunk.js": "/static/js/23.4ad8d0ec.chunk.js",
+    "static/js/24.d47656da.chunk.js": "/static/js/24.d47656da.chunk.js",
+    "static/js/25.26949283.chunk.js": "/static/js/25.26949283.chunk.js",
+    "static/js/26.7e126fb1.chunk.js": "/static/js/26.7e126fb1.chunk.js",
+    "static/js/27.85580870.chunk.js": "/static/js/27.85580870.chunk.js",
+    "static/js/28.72c93db3.chunk.js": "/static/js/28.72c93db3.chunk.js",
+    "static/js/29.80e40a62.chunk.js": "/static/js/29.80e40a62.chunk.js",
+    "static/js/30.763b695b.chunk.js": "/static/js/30.763b695b.chunk.js",
+    "static/js/31.8eaffd3a.chunk.js": "/static/js/31.8eaffd3a.chunk.js",
+    "static/js/32.cff2eb9f.chunk.js": "/static/js/32.cff2eb9f.chunk.js",
+    "static/js/33.70a11c37.chunk.js": "/static/js/33.70a11c37.chunk.js",
+    "static/js/34.ff9d1883.chunk.js": "/static/js/34.ff9d1883.chunk.js",
+    "static/js/35.37436f63.chunk.js": "/static/js/35.37436f63.chunk.js",
+    "static/js/36.83f9e51c.chunk.js": "/static/js/36.83f9e51c.chunk.js",
+    "static/js/37.e9b848bc.chunk.js": "/static/js/37.e9b848bc.chunk.js",
+    "static/js/38.80412b61.chunk.js": "/static/js/38.80412b61.chunk.js",
+    "static/js/39.5299241a.chunk.js": "/static/js/39.5299241a.chunk.js",
+    "static/js/40.463e2602.chunk.js": "/static/js/40.463e2602.chunk.js",
+    "static/js/41.87cc1e1b.chunk.js": "/static/js/41.87cc1e1b.chunk.js",
+    "static/js/42.9d2aaaf8.chunk.js": "/static/js/42.9d2aaaf8.chunk.js",
+    "static/js/43.f55d6cd8.chunk.js": "/static/js/43.f55d6cd8.chunk.js",
+    "static/js/44.c769115a.chunk.js": "/static/js/44.c769115a.chunk.js",
+    "static/js/45.cfaccbdb.chunk.js": "/static/js/45.cfaccbdb.chunk.js",
+    "static/js/46.04848b38.chunk.js": "/static/js/46.04848b38.chunk.js",
+    "static/js/47.43108ad8.chunk.js": "/static/js/47.43108ad8.chunk.js",
+    "static/js/48.b0036b11.chunk.js": "/static/js/48.b0036b11.chunk.js",
+    "static/js/49.57012f8f.chunk.js": "/static/js/49.57012f8f.chunk.js",
+    "static/js/50.d61bf562.chunk.js": "/static/js/50.d61bf562.chunk.js",
+    "static/js/51.8c2a739c.chunk.js": "/static/js/51.8c2a739c.chunk.js",
+    "static/js/52.d60d6518.chunk.js": "/static/js/52.d60d6518.chunk.js",
+    "static/js/53.33e83e10.chunk.js": "/static/js/53.33e83e10.chunk.js",
+    "static/js/54.30726307.chunk.js": "/static/js/54.30726307.chunk.js",
+    "static/js/55.7e89444b.chunk.js": "/static/js/55.7e89444b.chunk.js",
+    "static/js/56.ad8541df.chunk.js": "/static/js/56.ad8541df.chunk.js",
+    "static/js/57.9fcc16d5.chunk.js": "/static/js/57.9fcc16d5.chunk.js",
+    "static/js/58.3a4458c1.chunk.js": "/static/js/58.3a4458c1.chunk.js",
+    "static/js/59.d5ea8728.chunk.js": "/static/js/59.d5ea8728.chunk.js",
+    "static/js/60.96160883.chunk.js": "/static/js/60.96160883.chunk.js",
+    "static/js/61.59a3090c.chunk.js": "/static/js/61.59a3090c.chunk.js",
+    "static/js/62.858318f5.chunk.js": "/static/js/62.858318f5.chunk.js",
+    "static/js/63.443b52f8.chunk.js": "/static/js/63.443b52f8.chunk.js",
+    "static/js/64.f67bbf85.chunk.js": "/static/js/64.f67bbf85.chunk.js",
+    "static/js/65.f90a3a33.chunk.js": "/static/js/65.f90a3a33.chunk.js",
+    "static/js/66.fcf111a8.chunk.js": "/static/js/66.fcf111a8.chunk.js",
+    "static/js/67.f0af4760.chunk.js": "/static/js/67.f0af4760.chunk.js",
+    "static/js/68.4447a6c0.chunk.js": "/static/js/68.4447a6c0.chunk.js",
+    "static/js/69.f92b446d.chunk.js": "/static/js/69.f92b446d.chunk.js",
+    "static/js/70.fc10f889.chunk.js": "/static/js/70.fc10f889.chunk.js",
+    "static/js/71.0b66ff83.chunk.js": "/static/js/71.0b66ff83.chunk.js",
+    "static/js/72.75b6477f.chunk.js": "/static/js/72.75b6477f.chunk.js",
+    "static/js/73.ba5cd0ec.chunk.js": "/static/js/73.ba5cd0ec.chunk.js",
+    "static/js/74.69ee5648.chunk.js": "/static/js/74.69ee5648.chunk.js",
+    "static/js/75.0ee213ed.chunk.js": "/static/js/75.0ee213ed.chunk.js",
+    "static/js/76.03cc8251.chunk.js": "/static/js/76.03cc8251.chunk.js",
+    "static/js/77.9e0c615b.chunk.js": "/static/js/77.9e0c615b.chunk.js",
+    "static/js/78.e39822e2.chunk.js": "/static/js/78.e39822e2.chunk.js",
+    "static/js/79.47712414.chunk.js": "/static/js/79.47712414.chunk.js",
+    "static/js/80.03d3c44a.chunk.js": "/static/js/80.03d3c44a.chunk.js",
+    "static/js/81.3e86dcfc.chunk.js": "/static/js/81.3e86dcfc.chunk.js",
+    "static/js/82.d04a34d3.chunk.js": "/static/js/82.d04a34d3.chunk.js",
+    "static/js/83.ed876d1d.chunk.js": "/static/js/83.ed876d1d.chunk.js",
+    "static/js/84.22e9c594.chunk.js": "/static/js/84.22e9c594.chunk.js",
+    "static/js/85.d6790ffd.chunk.js": "/static/js/85.d6790ffd.chunk.js",
+    "static/js/86.f5ca5c0b.chunk.js": "/static/js/86.f5ca5c0b.chunk.js",
+    "static/js/87.6dbf41c6.chunk.js": "/static/js/87.6dbf41c6.chunk.js",
+    "static/js/88.0da244ee.chunk.js": "/static/js/88.0da244ee.chunk.js",
+    "static/js/89.40ea9ef2.chunk.js": "/static/js/89.40ea9ef2.chunk.js",
+    "static/js/90.58b50413.chunk.js": "/static/js/90.58b50413.chunk.js",
+    "static/js/91.d0607983.chunk.js": "/static/js/91.d0607983.chunk.js",
+    "static/js/92.b1941812.chunk.js": "/static/js/92.b1941812.chunk.js",
+    "static/js/93.cae75383.chunk.js": "/static/js/93.cae75383.chunk.js",
+    "static/js/94.babda4ae.chunk.js": "/static/js/94.babda4ae.chunk.js",
+    "static/js/95.0a85c04f.chunk.js": "/static/js/95.0a85c04f.chunk.js",
+    "static/js/96.e2d807e4.chunk.js": "/static/js/96.e2d807e4.chunk.js",
+    "static/js/97.37813ebb.chunk.js": "/static/js/97.37813ebb.chunk.js",
+    "static/js/98.6df7c8e0.chunk.js": "/static/js/98.6df7c8e0.chunk.js",
+    "static/js/99.62e4c9c4.chunk.js": "/static/js/99.62e4c9c4.chunk.js",
+    "static/js/100.da1920be.chunk.js": "/static/js/100.da1920be.chunk.js",
+    "static/js/101.2d460d94.chunk.js": "/static/js/101.2d460d94.chunk.js",
+    "static/js/102.f9a16c85.chunk.js": "/static/js/102.f9a16c85.chunk.js",
+    "static/js/103.d1ea5ba4.chunk.js": "/static/js/103.d1ea5ba4.chunk.js",
+    "static/js/104.a137d37d.chunk.js": "/static/js/104.a137d37d.chunk.js",
+    "static/js/105.28c03a34.chunk.js": "/static/js/105.28c03a34.chunk.js",
+    "static/js/106.37c81321.chunk.js": "/static/js/106.37c81321.chunk.js",
+    "static/js/107.3041ab4b.chunk.js": "/static/js/107.3041ab4b.chunk.js",
+    "static/js/108.ac4ab4c5.chunk.js": "/static/js/108.ac4ab4c5.chunk.js",
+    "static/js/109.de1a8c92.chunk.js": "/static/js/109.de1a8c92.chunk.js",
+    "static/js/110.e0fd9e71.chunk.js": "/static/js/110.e0fd9e71.chunk.js",
+    "index.html": "/index.html",
+    "static/js/12.69353b54.chunk.js.LICENSE.txt": "/static/js/12.69353b54.chunk.js.LICENSE.txt",
+    "static/media/book-solid.87f5b737.svg": "/static/media/book-solid.87f5b737.svg",
+    "static/media/compact-disc-solid.55b6e50c.svg": "/static/media/compact-disc-solid.55b6e50c.svg",
+    "static/media/deco-bg-map.7ca9103b.png": "/static/media/deco-bg-map.7ca9103b.png",
+    "static/media/all.css": "/static/media/fa-v4compatibility.68577e40.woff2",
+    "static/media/file-audio-solid.a76f99f0.svg": "/static/media/file-audio-solid.a76f99f0.svg",
+    "static/media/file-code-solid.62b467ac.svg": "/static/media/file-code-solid.62b467ac.svg",
+    "static/media/file-excel-solid.217d73db.svg": "/static/media/file-excel-solid.217d73db.svg",
+    "static/media/file-pdf-solid.0a9d75fe.svg": "/static/media/file-pdf-solid.0a9d75fe.svg",
+    "static/media/file-powerpoint-solid.4d969453.svg": "/static/media/file-powerpoint-solid.4d969453.svg",
+    "static/media/file-solid.6415173e.svg": "/static/media/file-solid.6415173e.svg",
+    "static/media/file-video-solid.312288cf.svg": "/static/media/file-video-solid.312288cf.svg",
+    "static/media/file-word-solid.9228e1ff.svg": "/static/media/file-word-solid.9228e1ff.svg",
+    "static/media/file-zipper-solid.7db57917.svg": "/static/media/file-zipper-solid.7db57917.svg",
+    "static/media/globe-africa-solid.0ad34146.svg": "/static/media/globe-africa-solid.0ad34146.svg",
+    "static/media/link-solid.7b689dbd.svg": "/static/media/link-solid.7b689dbd.svg",
+    "static/media/400.css": "/static/media/open-sans-vietnamese-400-normal.473f6b09.woff2",
+    "static/media/700.css": "/static/media/open-sans-vietnamese-700-normal.b4c5968d.woff2",
+    "static/media/800.css": "/static/media/open-sans-vietnamese-800-normal.27b69d87.woff2",
+    "static/media/search-solid.cc51b702.svg": "/static/media/search-solid.cc51b702.svg"
+  },
+  "entrypoints": [
+    "static/js/runtime-main.057f2c94.js",
+    "static/css/12.54474f95.chunk.css",
+    "static/js/12.69353b54.chunk.js",
+    "static/js/main.abaedb84.chunk.js"
+  ]
+}

package/client/custom_icons/check.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="28px" viewBox="0 0 32 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon/check</title>
+    <g id="icon/check" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <circle id="Oval" stroke="#E86666" stroke-width="3" cx="16" cy="14" r="10.5"></circle>
+    </g>
+</svg>

package/client/custom_icons/line.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="28px" viewBox="0 0 32 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon/line</title>
+    <defs>
+        <rect id="path-1" x="8" y="13" width="16" height="3" rx="1.5"></rect>
+    </defs>
+    <g id="icon/line" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="Rectangle" fill="#E86666" xlink:href="#path-1"></use>
+    </g>
+</svg>

package/client/custom_icons/uncheck.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="28px" viewBox="0 0 32 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon/uncheck</title>
+    <g id="icon/uncheck" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <circle id="Oval" fill="#E86666" cx="16" cy="14" r="12"></circle>
+    </g>
+</svg>

package/client/custom_icons/view-1.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="28px" viewBox="0 0 32 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon/view-1</title>
+    <defs>
+        <rect id="path-1" x="1" y="3" width="30" height="21" rx="3.5"></rect>
+        <path d="M16,3 L27.5,3 C29.4329966,3 31,4.56700338 31,6.5 L31,20.5 C31,22.4329966 29.4329966,24 27.5,24 L16,24 L16,24 L16,3 Z" id="path-3"></path>
+    </defs>
+    <g id="icon/view-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <rect stroke="#D0D0D0" x="1.5" y="3.5" width="29" height="20" rx="3.5"></rect>
+        <mask id="mask-4" fill="white">
+            <use xlink:href="#path-3"></use>
+        </mask>
+        <use id="Rectangle" fill="#D0D0D0" xlink:href="#path-3"></use>
+    </g>
+</svg>