Fixed behavior of the note view

wargio · wargio · commit 453903929871 · 2021-10-21T12:28:42.000+02:00
diff --git a/.rizin-notebook.png b/.rizin-notebook.png
diff --git a/assets.go b/assets.go
diff --git a/assets/templates/markdown-edit.tmpl b/assets/templates/markdown-edit.tmpl
@@ -34,6 +34,7 @@
         autofocus: true,
         hideIcons: ["side-by-side", "fullscreen", "guide"],
         autosave: { enabled: false },
+        spellChecker: false,
         forceSync: true,
         indentWithTabs: false,
         promptURLs: true,
diff --git a/assets/templates/markdown-view.tmpl b/assets/templates/markdown-view.tmpl
@@ -9,15 +9,31 @@
   <style type="text/css">
       html, body { width: 100%; height: 100%; margin: 0 }
       .button-edit { float: right; width: 60px ! important; margin-top: 5px; }
-      .markdown-container { margin-top: 9px; white-space: pre; line-height: 0px; }
+      .markdown-container { margin-top: 9px; }
   </style>
 </head>
-<body>
+<body onload="view()">
   <a class="btn btn-action spacing-left button-edit" href="{{ .root }}markdown/edit{{ .path }}">
     <i class="icon icon-edit">Code</i> Edit
   </a>
-  <div class="markdown-container">
-{{ .html | raw}}
+  <div class="markdown-container" id="markdown-container" >
+    <textarea style="display: none;" name="md-container" id="md-container" cols="30" rows="10">{{ .html }}</textarea>
   </div>
+  <script src="{{ .root }}static/simplemde.min.js"></script>
+  <script>
+  function view() {
+    var smde = new SimpleMDE({
+        element: document.getElementById('md-container'),
+        autoDownloadFontAwesome: false,
+        spellChecker: false,
+        status: false,
+        indentWithTabs: false,
+        promptURLs: true,
+        tabSize: 4,
+    });
+    var md = smde.value();
+    document.getElementById('markdown-container').innerHTML = smde.markdown(md);
+  };
+  </script>
 </body>
 </html>
diff --git a/assets/templates/page-view.tmpl b/assets/templates/page-view.tmpl
@@ -28,6 +28,7 @@
         if (obj.contentWindow.location.href.indexOf("/deleted") > 0) {
           obj.parentNode.parentNode.removeChild(obj.parentNode);
         }
+        window.scrollTo(0, document.body.scrollHeight);
       }
       function output(obj) {
         obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
@@ -36,6 +37,7 @@
         } else if (obj.contentWindow.location.href.indexOf("/loaded") > 0) {
           location.reload()
         }
+        window.scrollTo(0, document.body.scrollHeight);
       }
       function newmd() {
         var body = document.getElementById("page-body");
@@ -78,13 +80,10 @@
           event.preventDefault();
         }
       }
-      function syntax(elem, id) {
-        console.log(elem, id);
-      }
     </script>
   </head>
 <body>
-  <section class="container mt-10">
+  <section class="container grid-960 mt-10">
     <header class="navbar navbar-fixed-height">
       <section class="navbar-section">
         <img src="{{ $root }}static/logo.png" width="30" height="30" />&nbsp;
@@ -102,16 +101,24 @@
     </header>
     <section class="container">
       <div class="columns">
-        <div class="column" id="page-body">
+        <div class="column">
           <div class="input-group spacing-top">
             <code class="input-group-addon spacing-right">File: {{ $page.filename }}</code>
           </div>
-      {{ range $i, $line := $page.lines }}
-        {{ if eq $line.type "markdown" }}
+        </div>
+      </div>
+    </section>
+  </section>
+  <section class="container mt-10">
+    <section class="container">
+      <div class="columns">
+        <div class="column" style="padding-top: 0px" id="page-body">
+{{ range $i, $line := $page.lines }}
+{{ if eq $line.type "markdown" }}
           <div class="panel spacing-top resizer">
             <iframe frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="no" onload="handle(this)" onunload="handle(this)" class="panel-body no-borders md-heigh" src="{{ $root }}markdown/view/{{ $page.unique }}/{{ $line.unique }}"></iframe>
           </div>
-        {{ else }}
+{{ else }}
           <div class="input-group spacing-top">
             <code class="input-group-addon spacing-right spacing-left">{{ $line.command }}</code>
             <a class="btn float-right" href="{{ $root }}output/delete/{{ $page.unique }}/{{ $line.unique }}" onclick="confirm_delete(event)">
@@ -121,14 +128,14 @@
           <div class="input-group spacing-top">
             <iframe id="output-{{ $i }}" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="no" onload="handle(this)" class="input-group-addon spacing-left md-heigh" src="{{ $root }}output/view/{{ $page.unique }}/{{ $line.unique }}"></iframe>
           </div>
-        {{ end }}
-      {{ end }}
+{{ end }}
+{{ end }}
           <div class="input-group spacing-top" style="margin-top: 10px;">
             <a class="btn" href="#" onclick="newmd()"><i class="icon icon-message">Markdown</i> Markdown</a>
-            {{ if $pipe }}
+{{ if $pipe }}
             &nbsp;
             <a class="btn" href="#" onclick="newcm()"><i class="icon icon-resize-horiz">Command Line</i> Command Line</a>
-            {{ end }}
+{{ end }}
           </div>
         </div>
       </div>
diff --git a/assets/templates/reload.tmpl b/assets/templates/reload.tmpl
@@ -21,7 +21,7 @@
       border-top-color:transparent;
     }
   </style>
-  <meta http-equiv="refresh" content="5"/>
+  <meta http-equiv="refresh" content="2"/>
 </head>
 <body>
   <div class="center">
diff --git a/output.go b/output.go
@@ -291,12 +291,12 @@ var col256 = regexp.MustCompile(`^\[([34]8);5;(\d+)m`)
 var colrgb = regexp.MustCompile(`^\[([34]8);2;(\d+);(\d+);(\d+)m`)
 var escape = regexp.MustCompile(`^\[(\d+;)?(\d+;)?(\d+;)?(\d+;)?(\d+)([A-Za-z])`)
 
-func _toHtml(raw string) string {
-	var output = strings.TrimSuffix(raw, "\x00")
+func toHtml(raw []byte) []byte {
+	var output = strings.TrimSuffix(string(raw), "\x00")
 	output = strings.ReplaceAll(output, "\r", "")
 	output = strings.Trim(output, "\n")
 	if output == "" {
-		return output
+		return []byte{}
 	}
 	output = strings.ReplaceAll(output, "&", "&amp;")
 	output = strings.ReplaceAll(output, "<", "&lt;")
@@ -449,5 +449,5 @@ func _toHtml(raw string) string {
 		}
 	}
 	html = strings.ReplaceAll(html, "\n", "<br>\n")
-	return html
+	return []byte(html)
 }
diff --git a/pipe.go b/pipe.go
@@ -78,7 +78,7 @@ func (r *Rizin) exec(cmd string) (string, error) {
 		fmt.Println("pipe error:", err)
 		return "", err
 	}
-	return _toHtml(buf), nil
+	return buf, nil
 }
 
 func (r *Rizin) close() {
diff --git a/server_assets.go b/server_assets.go
@@ -1,6 +1,7 @@
 package main
 
 import (
+	"encoding/json"
 	"fmt"
 	"github.com/gin-gonic/gin"
 	"html/template"
@@ -14,6 +15,13 @@ var functionMap = template.FuncMap{
 	"raw": func(b []byte) template.HTML {
 		return template.HTML(b)
 	},
+	"stringify": func(input interface{}) string {
+		buffer, err := json.Marshal(input)
+		if err != nil {
+			return `""`
+		}
+		return string(buffer)
+	},
 	"keycombo": func(input string) string {
 		if len(input) > 0 {
 			return strings.Replace(input, ",", " + ", -1)
diff --git a/server_markdown.go b/server_markdown.go
@@ -2,7 +2,6 @@ package main
 
 import (
 	"github.com/gin-gonic/gin"
-	"gopkg.in/russross/blackfriday.v2"
 	"strings"
 )
 
@@ -20,10 +19,9 @@ func serverAddMarkdown(markdown *gin.RouterGroup) {
 			if err != nil {
 				c.String(404, "file not found")
 			} else {
-				html := blackfriday.Run(bytes)
 				c.HTML(200, "markdown-view.tmpl", gin.H{
 					"root": webroot,
-					"html": html,
+					"html": string(bytes),
 					"path": "/" + tokens[0] + "/" + tokens[1],
 				})
 			}
diff --git a/server_output.go b/server_output.go
@@ -33,26 +33,24 @@ func serverAddOutput(output *gin.RouterGroup) {
 			return
 		}
 
-		eunique := notebook.newcmd(unique, command)
-		if len(eunique) < 1 {
+		section := notebook.newcmd(unique, command)
+		if len(section) < 1 {
 			c.HTML(400, "console-error.tmpl", gin.H{
-				"error": "cannot create eunique for output.",
+				"error": "cannot create section for output.",
 				"root":  webroot,
 			})
 			return
 		}
 
-		go func(unique, eunique, command string, rizin *Rizin) {
+		go func(unique, name, command string, rizin *Rizin) {
 			output, err := rizin.exec(command)
-			if len(strings.TrimSpace(output)) < 1 && err == nil {
-				output = "no output from rizin."
-			} else if err != nil {
+			if err != nil {
 				output = fmt.Sprintf("pipe error: %v", err)
 			}
-			notebook.save([]byte(output), unique, eunique+".out")
-		}(unique, eunique, command, rizin)
+			notebook.save([]byte(output), unique, name+".out")
+		}(unique, section, command, rizin)
 
-		c.Redirect(302, webroot+"output/check/"+unique+"/"+eunique)
+		c.Redirect(302, webroot+"output/check/"+unique+"/"+section)
 	})
 	output.GET("/check/*path", func(c *gin.Context) {
 		tokens := strings.Split(c.Param("path")[1:], "/")
@@ -98,12 +96,13 @@ func serverAddOutput(output *gin.RouterGroup) {
 			if err != nil {
 				c.HTML(404, "output.tmpl", gin.H{
 					"root":   webroot,
-					"output": []byte("file not found"),
+					"output": []byte("missing output file"),
 				})
 			} else {
+				output := toHtml(bytes)
 				c.HTML(200, "output.tmpl", gin.H{
 					"root":   webroot,
-					"output": bytes,
+					"output": output,
 				})
 			}
 		}

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`border-top-color:transparent;`
`22`	`22`	`}`
`23`	`23`	`</style>`
`24`		`- <meta http-equiv="refresh" content="5"/>`
	`24`	`+ <meta http-equiv="refresh" content="2"/>`
`25`	`25`	`</head>`
`26`	`26`	`<body>`
`27`	`27`	`<div class="center">`
Original file line number	Diff line number	Diff line change
@@ -291,12 +291,12 @@ var col256 = regexp.MustCompile(`^\[([34]8);5;(\d+)m`)
`291`	`291`	var colrgb = regexp.MustCompile(`^\[([34]8);2;(\d+);(\d+);(\d+)m`)
`292`	`292`	var escape = regexp.MustCompile(`^\[(\d+;)?(\d+;)?(\d+;)?(\d+;)?(\d+)([A-Za-z])`)
`293`	`293`
`294`		`-func _toHtml(raw string) string {`
`295`		`- var output = strings.TrimSuffix(raw, "\x00")`
	`294`	`+func toHtml(raw []byte) []byte {`
	`295`	`+ var output = strings.TrimSuffix(string(raw), "\x00")`
`296`	`296`	`output = strings.ReplaceAll(output, "\r", "")`
`297`	`297`	`output = strings.Trim(output, "\n")`
`298`	`298`	`if output == "" {`
`299`		`- return output`
	`299`	`+ return []byte{}`
`300`	`300`	`}`
`301`	`301`	`output = strings.ReplaceAll(output, "&", "&")`
`302`	`302`	`output = strings.ReplaceAll(output, "<", "<")`
`@@ -449,5 +449,5 @@ func _toHtml(raw string) string {`
`449`	`449`	`}`
`450`	`450`	`}`
`451`	`451`	`html = strings.ReplaceAll(html, "\n", "<br>\n")`
`452`		`- return html`
	`452`	`+ return []byte(html)`
`453`	`453`	`}`
Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@ func (r *Rizin) exec(cmd string) (string, error) {`
`78`	`78`	`fmt.Println("pipe error:", err)`
`79`	`79`	`return "", err`
`80`	`80`	`}`
`81`		`- return _toHtml(buf), nil`
	`81`	`+ return buf, nil`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`func (r *Rizin) close() {`