@goodandready/dsh-cron 0.3.19 → 0.3.20

package/lib/client.css

@@ -13,18 +13,18 @@
       [data-pane=conversation], [class*=centerCol] {
         position: relative !important;
       }
-      [${VIEW_ATTR}] {
+      [data-dsh-cron-view] {
         z-index: 60;
         background: var(--dsw-alias-bg-base);
         display: none;
         position: absolute;
         inset: 0;
       }
-      html[${ACTIVE_ATTR}] [${VIEW_ATTR}] {
+      html[data-dsh-cron-active] [data-dsh-cron-view] {
         display: block !important;
       }
-      html[${ACTIVE_ATTR}] [data-pane=conversation] > *:not([${VIEW_ATTR}]),
-      html[${ACTIVE_ATTR}] [class*=centerCol] > *:not([${VIEW_ATTR}]) {
+      html[data-dsh-cron-active] [data-pane=conversation] > *:not([data-dsh-cron-view]),
+      html[data-dsh-cron-active] [class*=centerCol] > *:not([data-dsh-cron-view]) {
         display: none !important;
       }
 

package/lib/client.js

@@ -470,8 +470,12 @@ const listeners = new Set();
 return {
 isOpen: () => open,
 set: (v) => {
-if (open === v) return;
-open = !!v;
+const next = !!v;
+if (open === next) {
+for (const fn of listeners) fn(open);
+return;
+}
+open = next;
 for (const fn of listeners) fn(open);
 },
 toggle: () => {
@@ -1328,6 +1332,12 @@ style: { padding: '6px 16px', fontSize: '12px' }
 function CronScreen(props) {
 const { ctx, toggle, onClose } = props;
 const t = props.t || translate;
+const [isOpen, setIsOpen] = React.useState(toggle && typeof toggle.isOpen === 'function' ? toggle.isOpen() : true);
+React.useEffect(() => {
+if (!toggle || typeof toggle.subscribe !== 'function') return;
+return toggle.subscribe((val) => setIsOpen(val));
+}, [toggle]);
+if (!isOpen) return null;
 const [tab, setTab] = React.useState('all');
 const [query, setQuery] = React.useState('');
 const [filterType, setFilterType] = React.useState('');
@@ -4914,7 +4924,21 @@ function mountCronScreen(ctx, toggle) {
 if (typeof document === 'undefined') return () => {};
 let root;
 let container;
+const teardownPanel = () => {
+if (root !== undefined) {
+try { root.unmount(); } catch (e) { /* ignore */ }
+root = undefined;
+}
+if (container !== undefined) {
+try { container.remove(); } catch (e) { /* ignore */ }
+container = undefined;
+}
+};
 const ensure = () => {
+if (!toggle.isOpen()) {
+teardownPanel();
+return;
+}
 if (container !== undefined && container.isConnected) return;
 const column = document.querySelector(COLUMN_SELECTOR);
 if (column === null) return;
@@ -4934,8 +4958,10 @@ if (toggle.isOpen()) {
 ensureStyles();
 document.documentElement.setAttribute(ACTIVE_ATTR, '');
 document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL }));
+ensure();
 } else {
 document.documentElement.removeAttribute(ACTIVE_ATTR);
+teardownPanel();
 }
 };
 const onOtherActivate = (event) => {
@@ -4959,10 +4985,7 @@ document.removeEventListener(ACTIVATE_EVENT, onOtherActivate);
 document.removeEventListener('click', onSidebarClick, true);
 unsubscribe();
 document.documentElement.removeAttribute(ACTIVE_ATTR);
-if (root !== undefined) root.unmount();
-root = undefined;
-if (container !== undefined) container.remove();
-container = undefined;
+teardownPanel();
 };
 }
 function registerIntoMount(ctx, mountName, entry, component) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-cron",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "description": "Background automation runner for DSH: isolated agent runs, script/HTTP/SSH/Docker runtimes, cost guard, notifications, heartbeats.",
   "type": "module",
   "main": "lib/index.js",