Update #3 v1.8

MustafaHi · MustafaHi · commit 710b2dbed824 · 2020-08-06T15:27:51.000+03:00
Fixes and Update to make it work the 4.4.3.30 version
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@ Brings quality-of-life improvements and fixes to [Sciter](https://sciter.com/)'s
 For more details check the links below :
 
 
-> Version : 1.5  
+> Version : 1.8  
 > [Binary Release](https://github.com/MustafaHi/Sciter-Dev-Tool-Kit/releases)  
 > [Change Log & Features](https://github.com/MustafaHi/Sciter-Dev-Tool-Kit/wiki/Change-log-&-Features)  
 > [Dev Guide](https://github.com/MustafaHi/Sciter-Dev-Tool-Kit/wiki/Dev-Guide)  
diff --git a/inspector/res/dom-tree.tis b/inspector/res/dom-tree.tis
@@ -147,7 +147,7 @@ class DomTree : Element
    
   function onElementChanged(uid)
   {
-     var node = this.$(option[value={uid}]);
+     var node = this.$(option[value="{uid}"]);
      //view.log("onNodeModelChanged",node);
      if(node && node.state.expanded) {
        this.collapseOption(node);
@@ -165,7 +165,7 @@ class DomTree : Element
   function showStack(/*uid*/stack, opt = null) 
   {
     var uid = stack.shift().uid;
-    var node = (opt || this).$(:root > option[value={uid}]);
+    var node = (opt || this).$(:root > option[value="{uid}"]);
     //stdout.println("showStack, uid",uid, (opt || this), node);
     if( !node ) { 
       return;
diff --git a/inspector/res/facade.css b/inspector/res/facade.css
@@ -492,7 +492,7 @@ widget.element-details > section:expanded > dl > dd
   flow:row(dt,dd); 
   margin:1em *;
 }
-.image-view > dl > dt {  max-width: max-content; }
+/* .image-view > dl > dt {  max-width: max-content; } */
 .image-view > dl > dd {  width: *; }
 
 .resources-view > .resource-list 
diff --git a/usciter/res/default-lnx.htm b/usciter/res/default-lnx.htm
@@ -0,0 +1,12 @@
+<html window-frame="extended" window-blurbehind="dark" theme="dark" window-resizable>
+  <header>
+    <window-caption role=window-caption>&#xb5;Sciter + SQLite</window-caption>
+    <window-buttons>
+      <window-button role="window-minimize"></window-button>
+      <window-button role="window-maximize"></window-button>
+      <window-button role="window-close"></window-button>
+    </window-buttons>
+  </header>
+  <style src="win-frame.css" />
+  <include src="default.htm" />    
+</html>
diff --git a/usciter/res/default.htm b/usciter/res/default.htm
@@ -13,7 +13,7 @@
     <button #inspector title="DOM inspector" accesskey="!F12" aria-label="DOM inspector" />
     <button #pin title="Pin to Top" aria-label="Pin to Top" />
     <button #home title="Go to Home page" aria-label="Go to Home page" />
-    <button|checkbox #live-reload title="Live reloading of modified HTML/CSS files every 2s" aria-label="Enable Live reloading"/> 
+    <button|checkbox #live-reload title="Live reloading of modified HTML/CSS files every 1s" aria-label="Enable Live reloading"/> 
   </toolbar>
   <frame #content src="sys-info.htm" aria-label="Content"></frame>
 </body>
diff --git a/usciter/res/default.tis b/usciter/res/default.tis
@@ -30,7 +30,7 @@ function loadFile(fn)
   var croot = content[0];
   var title = croot.$(head>title); 
   if(title) {
-    var t =  String.printf("uSDTK: %s", title.text);
+    var t =  String.printf("uSDTK: %s", title.text || "");
     view.windowCaption = t;
     if(var capEl = $(window-caption))
       capEl.text = t;
@@ -169,15 +169,16 @@ event click $(button#inspector)
   if( var connectToInspector = view.connectToInspector ) {
 
     const SUFFIX = { Windows: ".exe", OSX: ".app" };
+    const PREFIX = { Windows: "", OSX: "../../../" };
 
-    var inspectorPath = System.home("inspector" + (SUFFIX[System.PLATFORM] || ""));
+    var inspectorPath = System.home((PREFIX[System.PLATFORM] || "") + "inspector" + (SUFFIX[System.PLATFORM] || ""));
     // var inspectorPath = System.home("inspector.exe.lnk");
     if( !System.scanFiles(inspectorPath) ) {
       view.msgbox(#alert, "Cannot find " + inspectorPath);
       return;
     }
     Sciter.launch(inspectorPath);
-    self.timer(300ms, function() { connectToInspector($(frame#content)) });
+    self.timer(500ms, function() { connectToInspector($(frame#content)) });
   }
 }
 
diff --git a/usciter/res/live-reload.tis b/usciter/res/live-reload.tis
@@ -43,7 +43,7 @@ class LiveReload
 
   function scheduleReload() {
     view.root.postEvent("change-detected");
-    self.timer(2s, this.delayReload);
+    self.timer(1s, this.delayReload);
   }
 
   function addFile(url) {
diff --git a/usciter/res/sys-info.htm b/usciter/res/sys-info.htm
@@ -67,14 +67,14 @@
         position:absolute;
         right:8dip;
         top:8dip;
+        transition: size sine-out 100ms, background-color sine-out 100ms;
       }
 
       section#info > ul { size:max-content; clear:both; } 
 
       section#info:hover {
         background-color:rgba(200,200,200,0.75);
         size:max-content;
-        transition: size(sine-out,100ms,100ms) background-color(sine-out,100ms);
       }
 
       .bookmark {
@@ -162,7 +162,7 @@ <h2>Recently opened projects</h2>
     </ul>
   </section>
   <div.info #link>
-    <p>Sciter Developer Tool Kit v1.5</p>
+    <p>Sciter Developer Tool Kit v1.8</p>
     <p><a href="https://github.com/MustafaHi/Sciter-Dev-Tool-Kit">https://github.com/MustafaHi/Sciter-Dev-Tool-Kit</a></p>
   </div>
   <dl.info #system>
diff --git a/usciter/res/win-frame.css b/usciter/res/win-frame.css
@@ -14,25 +14,26 @@ html > header { width:*; flow:horizontal; height:window-caption-height; margin:0
 html > header > window-caption { display:block; line-height:window-caption-height; width:*; padding:0 1em; color:color(text-color); }
 html > header > window-buttons { display:block; flow:horizontal; width:max-content; height:*; }
 html > header > window-buttons > window-button { 
-  behavior:clickable; 
-  display:block; 
-  height:window-button-height; 
-  width:window-button-width; 
+  behavior:clickable;
+  display:block;
+  height:*;
+  width:window-button-width;
   foreground-size: 11dip;
   foreground-repeat: no-repeat;
   foreground-position:50% 50%;
   stroke:color(text-color);
   stroke-width:1dip;
+  transition: background-color linear 100ms;
 }
 html > header > window-buttons > window-button:hover { 
-  background:rgba(0,0,0,0.25); 
-  transition: background-color(linear,50ms);
+  background:rgba(0,0,0,0.25);
 }
 html > header > window-buttons > window-button[role="window-close"] { stroke-width:1.44dip; foreground-image: url(path:M0 0 L10 10 M10 0 L0 10); }
 html > header > window-buttons > window-button[role="window-close"]:hover { background:rgb(232,17,35); stroke:#fff; }
 
 html > header > window-buttons > window-button[role="window-maximize"] { foreground-image: url(path:M0 0 H10 V10 H0 Z); }
 
+html[window-state="maximized"] { border-color:transparent; }
 html[window-state="maximized"] > header > window-buttons > window-button[role="window-maximize"] { foreground-image: url(path:M0 2 h8 v8 h-8 Z M2 2 v-2 h8 v8 h-2); }
 html > header > window-buttons > window-button[role="window-minimize"] { foreground-image: url(path:M0 0 M0 5 H10 M10 10); }
 

Original file line number	Diff line number	Diff line change
`@@ -492,7 +492,7 @@ widget.element-details > section:expanded > dl > dd`
`492`	`492`	`flow:row(dt,dd);`
`493`	`493`	`margin:1em *;`
`494`	`494`	`}`
`495`		`-.image-view > dl > dt { max-width: max-content; }`
	`495`	`+/* .image-view > dl > dt { max-width: max-content; } */`
`496`	`496`	`.image-view > dl > dd { width: *; }`
`497`	`497`
`498`	`498`	`.resources-view > .resource-list`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ class LiveReload`
`43`	`43`
`44`	`44`	`function scheduleReload() {`
`45`	`45`	`view.root.postEvent("change-detected");`
`46`		`- self.timer(2s, this.delayReload);`
	`46`	`+ self.timer(1s, this.delayReload);`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`function addFile(url) {`