Bug fix + improvement:

- About dialog now can display package README file
- Fix: double click handling on grid view
- add README to packages
- support source map in release version

src/core/BaseDialog.ts

@@ -17,6 +17,7 @@
 //along with this program. If not, see https://www.gnu.org/licenses/.
 namespace OS {
     export namespace GUI {
+        declare var showdown: any;
         /**
          * the SubWindow class is the abstract prototype of all
          * modal windows or dialogs definition in AntOS
@@ -957,14 +958,25 @@ namespace OS {
                     if (!mt.info) {
                         return;
                     }
-                    const rows = [];
-                    for (let k in mt.info) {
-                        const v = mt.info[k];
-                        rows.push([{ text: k }, { text: v }]);
-                    }
+                    const rows = [
+                        [{ text: __("Author") }, { text: mt.info.author }],
+                        [{ text: __("Email") }, { text: mt.info.email }]
+                    ];
                     const grid = this.find("mygrid") as tag.GridViewTag;
                     grid.header = [{ text: "", width: 100 }, { text: "" }];
                     grid.rows = rows;
+                    `pkg://${mt.pkgname?mt.pkgname:mt.app}/README.md`
+                        .asFileHandle()
+                        .read()
+                        .then(async (data) => {
+                            let _ = await API.requires("os://scripts/showdown.min.js");
+                            const converter = new showdown.Converter();
+                            const html = converter.makeHtml(data);
+                            const el = this.find("read-me");
+                            $(el).html(html);
+                            $("img", el).css("width", "100%");
+                        })
+                        .catch(e => {});
                     (this.find("btnCancel") as tag.ButtonTag).onbtclick = (
                         _e
                     ): void => {
@@ -976,7 +988,7 @@ namespace OS {
              * Scheme definition
              */
             AboutDialog.scheme = `\
-<afx-app-window data-id = 'about-window'  width='300' height='200'>
+<afx-app-window data-id = 'about-window'  width='450' height='400'>
     <afx-vbox>
         <div style="text-align:center; margin-top:10px;" data-height="50">
             <h3 style = "margin:0;padding:0;">
@@ -984,11 +996,12 @@ namespace OS {
             </h3>
             <i><p style = "margin:0; padding:0" data-id = 'mydesc'></p></i>
         </div>
-        <afx-hbox>
+        <afx-hbox data-height="60">
             <div data-width="10"></div>
             <afx-grid-view data-id = 'mygrid'></afx-grid-view>
         </afx-hbox>
-        
+        <div data-id="read-me" style="overflow-x: hidden; overflow-y: auto;"></div>
+        <div data-height="10"></div>
         <afx-hbox data-height="30">
             <div ></div>
             <afx-button data-id = "btnCancel" text = "__(Cancel)" data-width = "60" ></afx-button>

src/core/core.ts

@@ -259,7 +259,7 @@ namespace OS {
     };
 
     Ant.__e = function (e: Error): Error {
-        const reason = new Error(e.toString());
+        const reason = new Error(e.toString().replace(/^Error: /g, ""));
         reason.stack += "\nCaused By:\n" + e.stack;
         return reason;
     };

src/core/tags/FileViewTag.ts

@@ -507,14 +507,16 @@ namespace OS {
                         if (v.filename[0] === "." && !this.showhidden) {
                             return;
                         }
-                        if(!v.text)
-                            v.text = v.filename;
-                        
                         v.iconclass = v.iconclass ? v.iconclass : v.type;
                         if(v.icon)
                             v.iconclass = undefined;
                         const row = [
-                            v,
+                            {
+                                text: v.filename,
+                                icon: v.icon,
+                                iconclass: v.iconclass,
+                                data: v
+                            },
                             {
                                 text: v.mtime,
                                 data: v,
@@ -720,7 +722,7 @@ namespace OS {
                             ($(e.data.item).children()[0] as GridCellPrototype)
                                 .data as API.FileInfoType
                         );
-                        this._selectedFiles = e.data.items.map( x => ($(x).children()[0] as GridCellPrototype).data as API.FileInfoType);
+                        this._selectedFiles = e.data.items.map( x => ($(x).children()[0] as GridCellPrototype).data.data as API.FileInfoType);
                     };
                     tree.ontreeselect = (e) => {
                         this.fileselect(e.data.item.data as API.FileInfoType);
@@ -731,7 +733,7 @@ namespace OS {
                         this.filedbclick(e.data.item.data as API.FileInfoType);
                     };
                     grid.oncelldbclick = (e) => {
-                        this.filedbclick(e.data.item.data as API.FileInfoType);
+                        this.filedbclick(e.data.item.data.data as API.FileInfoType);
                     };
                     tree.ontreedbclick = (e) => {
                         this.filedbclick(e.data.item.data as API.FileInfoType);