querysub 0.254.0 → 0.255.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "querysub",
-  "version": "0.254.0",
+  "version": "0.255.0",
   "main": "index.js",
   "license": "MIT",
   "note1": "note on node-forge fork, see https://github.com/digitalbazaar/forge/issues/744 for details",

package/src/deployManager/components/deployButtons.tsx

@@ -8,6 +8,7 @@ import { formatTime } from "socket-function/src/formatting/format";
 import { formatTimeJSX } from "../../misc/formatJSX";
 import { MachineController } from "../machineController";
 import { closeAllModals } from "../../5-diagnostics/Modal";
+import { unique } from "../../misc";
 
 module.hotreload = true;
 
@@ -26,7 +27,9 @@ export class RenderGitRefInfo extends qreact.Component<{
             useQuerysub: this.props.isQuerysub,
         });
         if (!gitRefInfo) return undefined;
-        return <div className={css.fontWeight("normal")}>{formatTimeJSX(gitRefInfo.time)} AGO {gitRefInfo.description}</div>;
+        return <div className={css.fontWeight("normal")}>
+            {formatTimeJSX(gitRefInfo.time)} AGO <span className={css.hsl(0, 0, 80).pad2(5, 2).italic}>{gitRefInfo.description}</span>
+        </div>;
     }
 }
 
@@ -43,7 +46,7 @@ export class UpdateButtons extends qreact.Component<{
             let { gitRef, repoUrl } = service.parameters;
             return repoUrl === gitInfo?.repoUrl && gitRef !== gitInfo?.latestRef;
         });
-        let outdatedRefs = outdatedServices.map(service => service.parameters.gitRef);
+        let outdatedRefs = unique(outdatedServices.map(service => service.parameters.gitRef));
 
         return <>
             {!!gitInfo?.querysubUncommitted.length && <button
@@ -79,7 +82,10 @@ export class UpdateButtons extends qreact.Component<{
                     {bigEmoji("📚", -5)}
                     Publish & Commit & Push Querysub & Update Package.json ({gitInfo?.querysubUncommitted.length} Files Changed)
                 </div>
-                <RenderGitRefInfo gitRef={gitInfo.querysubRef} isQuerysub />
+                <div className={css.hbox(5)}>
+                    <b>Current</b>
+                    <RenderGitRefInfo gitRef={gitInfo.querysubRef} isQuerysub />
+                </div>
             </button>}
             {!!gitInfo?.uncommitted.length && <button
                 className={buttonStyle.hsl(210, 40, 50)}

package/src/misc/formatJSX.tsx

@@ -2,5 +2,5 @@ import { qreact } from "../4-dom/qreact";
 import { formatTime, formatVeryNiceDateTime } from "socket-function/src/formatting/format";
 
 export function formatTimeJSX(time: number) {
-    return <span title={formatVeryNiceDateTime(time)}>({formatTime(Date.now() - time)})</span>;
+    return <span title={formatVeryNiceDateTime(time)}>{formatTime(Date.now() - time)}</span>;
 }

package/src/misc.ts

@@ -49,4 +49,8 @@ export function joinVNodes(vNodes: preact.ComponentChild[], delimitter: preact.C
 
 export function clamp(value: number, min: number, max: number) {
     return Math.max(min, Math.min(max, value));
+}
+
+export function unique<T>(array: T[]): T[] {
+    return Array.from(new Set(array));
 }