@iasiv5/dsh-quota-watch 0.1.12 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/client.js +9 -5
  2. package/package.json +1 -1
  3. package/src/client.mjs +9 -5
package/lib/client.js CHANGED
@@ -284,7 +284,7 @@ var FLOAT_STYLE_TEXT = `
284
284
  .dqw-capsule-glm.warn, .dqw-capsule-copilot.warn { color: var(--dsw-alias-label-warning, #d29922); }
285
285
  .dqw-capsule-glm.danger, .dqw-capsule-copilot.danger { color: var(--dsw-alias-label-danger, #c93c3c); }
286
286
  .dqw-capsule[hidden] { display: none; }
287
- .dqw-capsule--dragging { cursor: grabbing; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base, #1f1f1f)); will-change: transform; transition: none; }
287
+ .dqw-capsule--dragging { cursor: grabbing; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base, #1f1f1f)); box-shadow: 0 8px 24px rgba(0,0,0,.35); transform: scale(1.04); transition: none; }
288
288
  @media (prefers-reduced-motion: no-preference) {
289
289
  .dqw-capsule[data-alert] { animation: dqw-pulse 1.6s ease-in-out infinite; }
290
290
  .dqw-capsule { transition: border-color .12s ease-out, box-shadow .12s ease-out; }
@@ -641,15 +641,18 @@ function mountQuotaCard({
641
641
  if (!dragging || !lastPoint || disposed) return;
642
642
  const viewWidth = win.innerWidth ?? 1024;
643
643
  const viewHeight = win.innerHeight ?? 768;
644
- const topLeft = clampFrame(lastPoint, grab, dragSize, { width: viewWidth, height: viewHeight }, ZERO_INSETS2);
644
+ const insets = readInsets();
645
+ const topLeft = clampFrame(lastPoint, grab, dragSize, { width: viewWidth, height: viewHeight }, insets);
645
646
  const dx = topLeft.x - restX;
646
647
  const dy = topLeft.y - restY;
647
- surfaceEl.style.transform = `translate3d(${Math.round(dx)}px, ${Math.round(dy)}px, 0) scale(1.03)`;
648
+ floatHost.style.willChange = "transform";
649
+ floatHost.style.transform = `translate3d(${Math.round(dx)}px, ${Math.round(dy)}px, 0)`;
648
650
  });
649
651
  };
650
652
  const finishDragRelease = (point) => {
651
653
  surfaceEl.classList.remove("dqw-capsule--dragging");
652
- surfaceEl.style.transform = "";
654
+ floatHost.style.willChange = "";
655
+ floatHost.style.transform = "";
653
656
  saveFloatPosition(win.localStorage, point);
654
657
  applyPosition();
655
658
  suppressNextClick = true;
@@ -682,7 +685,8 @@ function mountQuotaCard({
682
685
  unbindGesture();
683
686
  doc.body.style.userSelect = "";
684
687
  surfaceEl.classList.remove("dqw-capsule--dragging");
685
- surfaceEl.style.transform = "";
688
+ floatHost.style.willChange = "";
689
+ floatHost.style.transform = "";
686
690
  };
687
691
  surfaceEl.addEventListener("pointerdown", onPointerDown);
688
692
  const disposeDrag2 = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iasiv5/dsh-quota-watch",
3
- "version": "0.1.12",
3
+ "version": "0.1.13",
4
4
  "description": "DSH Web sidebar monitor for GLM Coding Plan quotas and GitHub Copilot credits",
5
5
  "type": "module",
6
6
  "main": "./src/host.mjs",
package/src/client.mjs CHANGED
@@ -130,7 +130,7 @@ const FLOAT_STYLE_TEXT = `
130
130
  .dqw-capsule-glm.warn, .dqw-capsule-copilot.warn { color: var(--dsw-alias-label-warning, #d29922); }
131
131
  .dqw-capsule-glm.danger, .dqw-capsule-copilot.danger { color: var(--dsw-alias-label-danger, #c93c3c); }
132
132
  .dqw-capsule[hidden] { display: none; }
133
- .dqw-capsule--dragging { cursor: grabbing; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base, #1f1f1f)); will-change: transform; transition: none; }
133
+ .dqw-capsule--dragging { cursor: grabbing; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base, #1f1f1f)); box-shadow: 0 8px 24px rgba(0,0,0,.35); transform: scale(1.04); transition: none; }
134
134
  @media (prefers-reduced-motion: no-preference) {
135
135
  .dqw-capsule[data-alert] { animation: dqw-pulse 1.6s ease-in-out infinite; }
136
136
  .dqw-capsule { transition: border-color .12s ease-out, box-shadow .12s ease-out; }
@@ -572,15 +572,18 @@ export function mountQuotaCard({
572
572
  if (!dragging || !lastPoint || disposed) return
573
573
  const viewWidth = win.innerWidth ?? 1024
574
574
  const viewHeight = win.innerHeight ?? 768
575
- const topLeft = clampFrame(lastPoint, grab, dragSize, { width: viewWidth, height: viewHeight }, ZERO_INSETS)
575
+ const insets = readInsets()
576
+ const topLeft = clampFrame(lastPoint, grab, dragSize, { width: viewWidth, height: viewHeight }, insets)
576
577
  const dx = topLeft.x - restX
577
578
  const dy = topLeft.y - restY
578
- surfaceEl.style.transform = `translate3d(${Math.round(dx)}px, ${Math.round(dy)}px, 0) scale(1.03)`
579
+ floatHost.style.willChange = 'transform'
580
+ floatHost.style.transform = `translate3d(${Math.round(dx)}px, ${Math.round(dy)}px, 0)`
579
581
  })
580
582
  }
581
583
  const finishDragRelease = (point) => {
582
584
  surfaceEl.classList.remove('dqw-capsule--dragging')
583
- surfaceEl.style.transform = ''
585
+ floatHost.style.willChange = ''
586
+ floatHost.style.transform = ''
584
587
  saveFloatPosition(win.localStorage, point)
585
588
  applyPosition()
586
589
  suppressNextClick = true
@@ -615,7 +618,8 @@ export function mountQuotaCard({
615
618
  unbindGesture()
616
619
  doc.body.style.userSelect = ''
617
620
  surfaceEl.classList.remove('dqw-capsule--dragging')
618
- surfaceEl.style.transform = ''
621
+ floatHost.style.willChange = ''
622
+ floatHost.style.transform = ''
619
623
  }
620
624
  surfaceEl.addEventListener('pointerdown', onPointerDown)
621
625
  const disposeDrag = () => {