update booklet

Booklet/README.md

@@ -4,8 +4,15 @@ A back-end tool for my online document hub [https://doc.iohub.dev/antos/](https:
 
 ## Change logs
 
+### v0.1.0-a: new feature
+* Entries of the same parent now can go up and down
+* Support drag and drop to move entries around
+* Support assets such as image files can be uploaded and stored directly into the book structure
+* Booklet can now render local image
+
 ### v0.0.3-a
 * Clean up code
 
 ### v0.0.2-a
 * First public release
+*

Booklet/assets/scheme.html

@@ -1,6 +1,6 @@
 <afx-app-window apptitle="Booklet" width="600" height="500" data-id="Booklet">
     <afx-hbox >
-        <afx-tree-view data-id = "toc-ui"  data-width="200"></afx-tree-view>
+        <afx-tree-view data-id = "toc-ui"  data-width="200" dragndrop="true"></afx-tree-view>
         <afx-resizer data-width="3"></afx-resizer>
          <div data-id = "mycontainer">
             <textarea data-id="markarea" ></textarea>

Booklet/build/debug/README.md

@@ -4,8 +4,15 @@ A back-end tool for my online document hub [https://doc.iohub.dev/antos/](https:
 
 ## Change logs
 
+### v0.1.0-a: new feature
+* Entries of the same parent now can go up and down
+* Support drag and drop to move entries around
+* Support assets such as image files can be uploaded and stored directly into the book structure
+* Booklet can now render local image
+
 ### v0.0.3-a
 * Clean up code
 
 ### v0.0.2-a
 * First public release
+*

Booklet/build/debug/package.json

@@ -6,7 +6,7 @@
         "author": "Xuan Sang LE",
         "email": "mrsang@lxsang.me"
     },
-    "version":"0.0.3-a",
+    "version":"0.1.0-a",
     "category":"Other",
     "iconclass":"fa fa-adn",
     "mimes":["dir"]

Booklet/build/debug/scheme.html

@@ -1,6 +1,6 @@
 <afx-app-window apptitle="Booklet" width="600" height="500" data-id="Booklet">
     <afx-hbox >
-        <afx-tree-view data-id = "toc-ui"  data-width="200"></afx-tree-view>
+        <afx-tree-view data-id = "toc-ui"  data-width="200" dragndrop="true"></afx-tree-view>
         <afx-resizer data-width="3"></afx-resizer>
          <div data-id = "mycontainer">
             <textarea data-id="markarea" ></textarea>

Booklet/coffees/common.coffee

@@ -45,6 +45,21 @@ class BookletFolder extends BookletEntry
         @metaFile = "#{@path}/meta.json".asFileHandle() if @hasMeta
         @descFile = "#{@path}/INTRO.md".asFileHandle()
 
+    up: (node) ->
+        return unless node
+        idx = @nodes.indexOf node
+        return unless idx > 0
+        @nodes.splice idx, 1
+        @nodes.splice idx-1, 0, node
+    
+    down: (node) ->
+        return unless node
+        idx = @nodes.indexOf node
+        return unless idx >= 0 and idx < @nodes.length - 1
+        @nodes.splice idx, 1
+        @nodes.splice idx + 1, 0, node
+        
+
     add: (chap) ->
         chap.parent = @
         @nodes.push chap

Booklet/coffees/main.coffee

@@ -19,6 +19,9 @@ class Booklet extends this.OS.application.BaseApplication
                 @open e
                 @error __("Error when loading '{0}': {1}", e.text, msg.toString()), msg
         
+        @tree.ondragndrop = (e) =>
+            @dndhandle(e)
+        
         @initEditor()
         @resizeContent()
         @tree.contextmenuHandle = (e, m) =>
@@ -66,6 +69,16 @@ class Booklet extends this.OS.application.BaseApplication
             @error e.toString(), e
             fn()
     
+    goUp: () ->
+        return unless @currentToc and @currentToc.type isnt "Book"
+        @currentToc.parent.up @currentToc
+        @displayToc()
+    
+    goDown: () ->
+        return unless @currentToc and @currentToc.type isnt "Book"
+        @currentToc.parent.down @currentToc
+        @displayToc()
+    
     load: (entry) ->
         
         return new Promise (r, e) =>
@@ -80,27 +93,59 @@ class Booklet extends this.OS.application.BaseApplication
             .catch (msg) -> e __e msg
                     
     
+    dndhandle: (e) ->
+        return unless e and e.data
+        from = e.data.from.data
+        to = e.data.to.data
+        return unless from and to
+        return if from.type is "Book" or from.type is "Chapter"
+        return if from.parent is to.parent or from.parent is to
+        if to.type is from.type
+            to = to.parent
+        
+        if to.type is from.parent.type
+            from.parent.removeChild(from).then () =>
+                to.add from
+                @displayToc()
+    
+    upload: () ->
+        return unless @currentToc and @currentToc.type isnt "File"
+        @currentToc.path.asFileHandle().upload()
+        .then () =>
+            @notify __("File uploaded")
+        .catch (e) =>
+            @error __("Unable to upload file {0}", e.toString()), e
+    
     contextMenu: () ->
         return undefined unless @currentToc
         switch @currentToc.type
             when "Book"
                 return [
                     { text: __("New chapter"), dataid: "newChapter" },
-                    { text: __("Delete book"), dataid: "delete" }
+                    { text: __("Delete book"), dataid: "delete" },
+                    { text: __("Upload media"), dataid: "upload" }
                 ]
             when "Chapter"
                 return [
                     { text: __("New section"), dataid: "newSection" },
-                    { text: __("Delete chapter"), dataid: "delete" }
+                    { text: __("Delete chapter"), dataid: "delete" },
+                    { text: __("Go up"), dataid: "goUp" },
+                    { text: __("Go down"), dataid: "goDown" },
+                    { text: __("Upload media"), dataid: "upload" }
                 ]
             when "Section"
                 return [
                     { text: __("New file"), dataid: "newFile" },
-                    { text: __("Delete section"), dataid: "delete" }
+                    { text: __("Delete section"), dataid: "delete" },
+                    { text: __("Go up"), dataid: "goUp" },
+                    { text: __("Go down"), dataid: "goDown" },
+                    { text: __("Upload media"), dataid: "upload" }
                 ]
             when "File"
                 return [
-                    { text: __("Delete file"), dataid: "delete" }
+                    { text: __("Delete file"), dataid: "delete" },
+                    { text: __("Go up"), dataid: "goUp" },
+                    { text: __("Go down"), dataid: "goDown" }
                 ]
         return undefined
     
@@ -123,6 +168,7 @@ class Booklet extends this.OS.application.BaseApplication
         
         @editor = new SimpleMDE
             element: markarea
+            autoDownloadFontAwesome: false
             autofocus: true
             tabSize: 4
             indentWithTabs: true
@@ -131,38 +177,75 @@ class Booklet extends this.OS.application.BaseApplication
                 "unordered-list", "ordered-list", "|", "link",
                 "image", "table", "horizontal-rule",
                 {
-                    name: "image",
+                    name: "shared image",
-                    className: "fa fa-file-image-o",
+                    className: "fa fa-share-square",
                     action: (e) =>
                         @shareFile ["image/.*"], (path) =>
                             doc = @editor.codemirror.getDoc()
                             doc.replaceSelection "![](#{@_api.handler.shared}/#{path})"
                 },
+                {
+                    name: "local image",
+                    className: "fa fa-file-image-o",
+                    action: (e) =>
+                        return unless @book
+                        @openDialog "FileDialog", {
+                            title: __("Select image file"),
+                            mimes: ["image/.*"],
+                            root: @book.path
+                        }
+                        .then (d) =>
+                            path = d.file.path.replace @book.path, ""
+                            doc = @editor.codemirror.getDoc()
+                            #selectedText =  @editor.codemirror.getSelection() 
+                            doc.replaceSelection "[[@book:image:#{path}]]"
+                        .catch (e) =>
+                            @error e.toString(), e
+                },
                 {
                     name:"Youtube",
                     className: "fa fa-youtube",
                     action: (e) =>
                         doc = @editor.codemirror.getDoc()
-                        doc.replaceSelection "[[youtube:]]"
+                        selectedText =  @editor.codemirror.getSelection() || ""
+                        doc.replaceSelection "[[youtube:#{selectedText}]]"
                 },
                 {
                     name: "3d object",
-                    className: "fa fa-file-image-o",
+                    className: "fa fa-cube",
                     action: (e) =>
-                        @shareFile ["text/wavefront-obj"], (path) =>
+                        return unless @book
+                        @openDialog "FileDialog", {
+                            title: __("Select 3d model"),
+                            mimes: ["text/wavefront-obj"],
+                            root: @book.path
+                        }
+                        .then (d) =>
+                            path = d.file.path.replace @book.path, ""
                             doc = @editor.codemirror.getDoc()
-                            doc.replaceSelection "[[3DModel:#{@_api.handler.shared}/#{path}]]"
+                            doc.replaceSelection "[[@book:3dmodel:#{path}]]"
+                        .catch (e) =>
+                            @error e.toString(), e
                 },
                 "|",
                 {
                     name: __("Preview"),
                     className: "fa fa-eye no-disable",
-                    action: (e) ->
+                    action: (e) =>
                         SimpleMDE.togglePreview e
                         #/console.log @select ".editor-preview editor-preview-active"
                         renderMathInElement @find "mycontainer"
+                        @renderLocalElement()
                 }
-            ]
+            ],
+            previewRender: (plainText, preview) =>
+                if @book
+                    plainText = plainText.replace /\[\[@book:image:([^\]]*)\]\]/g, (a, b) =>
+                        return "![](#{@_api.handle.get}/#{@book.path}/#{b})"
+                html = @editor.markdown plainText
+                
+                preview.innerHTML = html
+        
         @on "hboxchange", (e) => @resizeContent()
         @bindKey "ALT-N", () => @actionFile "#{@name}-New"
         @bindKey "ALT-O", () => @actionFile "#{@name}-Open"
@@ -271,6 +354,9 @@ class Booklet extends this.OS.application.BaseApplication
             @dirty = false
             @quit()
     
+    renderLocalElement: () ->
+        
+    
 Booklet.dependencies = [
     "os://scripts/mde/simplemde.min.js",
      "os://scripts/mde/simplemde.min.css" 

Booklet/package.json

@@ -6,7 +6,7 @@
         "author": "Xuan Sang LE",
         "email": "mrsang@lxsang.me"
     },
-    "version":"0.0.3-a",
+    "version":"0.1.0-a",
     "category":"Other",
     "iconclass":"fa fa-adn",
     "mimes":["dir"]

packages.json

@@ -41,7 +41,7 @@
 		"description": "https://raw.githubusercontent.com/lxsang/antosdk-apps/master/Booklet/README.md",
 		"category": "Other",
 		"author": "Xuan Sang LE",
-		"version": "0.0.3-a",
+		"version": "0.1.0-a",
 		"download": "https://raw.githubusercontent.com/lxsang/antosdk-apps/master/Booklet/build/release/Booklet.zip"
 	},
 	{