@domicile-desktop/manganese 0.0.0-alpha-e1457b57e6b2 → 0.0.0-alpha-e2ddcb67524d

package/package.json

@@ -1,14 +1,14 @@
 {
   "dependencies": {
     "@cprussin/option-result": "^2.0.1",
-    "@domicile-desktop/component-library": "0.0.0-alpha-e1457b57e6b2",
-    "@domicile-desktop/sdk": "0.0.0-alpha-e1457b57e6b2",
-    "@domicile-desktop/system-apps": "0.0.0-alpha-e1457b57e6b2",
-    "@domicile-desktop/system-audio": "0.0.0-alpha-e1457b57e6b2",
-    "@domicile-desktop/system-backlight": "0.0.0-alpha-e1457b57e6b2",
-    "@domicile-desktop/system-battery": "0.0.0-alpha-e1457b57e6b2",
-    "@domicile-desktop/system-bluetooth": "0.0.0-alpha-e1457b57e6b2",
-    "@domicile-desktop/system-network": "0.0.0-alpha-e1457b57e6b2",
+    "@domicile-desktop/component-library": "0.0.0-alpha-e2ddcb67524d",
+    "@domicile-desktop/sdk": "0.0.0-alpha-e2ddcb67524d",
+    "@domicile-desktop/system-apps": "0.0.0-alpha-e2ddcb67524d",
+    "@domicile-desktop/system-audio": "0.0.0-alpha-e2ddcb67524d",
+    "@domicile-desktop/system-backlight": "0.0.0-alpha-e2ddcb67524d",
+    "@domicile-desktop/system-battery": "0.0.0-alpha-e2ddcb67524d",
+    "@domicile-desktop/system-bluetooth": "0.0.0-alpha-e2ddcb67524d",
+    "@domicile-desktop/system-network": "0.0.0-alpha-e2ddcb67524d",
     "@phosphor-icons/react": "^2.1.10",
     "lowlight": "^3.3.0",
     "react": "^19.2.8",
@@ -77,5 +77,5 @@
     "test:unit": "bun test"
   },
   "type": "module",
-  "version": "0.0.0-alpha-e1457b57e6b2"
+  "version": "0.0.0-alpha-e2ddcb67524d"
 }

package/src/keyboard/command.ts

@@ -2,7 +2,8 @@
 //
 // - Commands use sway's syntax where sway has one (`focus left`, `layout
 //   tabbed`), so sway bindings can be copied over. `lock`, `launcher`,
-//   `clipboard` and `resize grow <direction>` are manganese's own.
+//   `clipboard`, `screenshot` and `resize grow <direction>` are manganese's
+//   own.
 // - `exec <argv…>` runs the argv directly, not through `sh -c` as sway does.
 // - An unknown command is a config error, so it returns an `Err`, not a throw.
 //
@@ -37,6 +38,8 @@ const COMMANDS: ReadonlyMap<string, Action> = new Map<string, Action>([
   ["launcher", WindowAction.LauncherToggled()],
   // Clipboard history; a toggle, like the launcher.
   ["clipboard", WindowAction.ClipboardToggled()],
+  // The area is picked in the screenshot dialog.
+  ["screenshot", WindowAction.ScreenshotTaken()],
   ...DIRECTIONS.map(
     ([word, way]): Command => [`focus ${word}`, WindowAction.FocusStepped(way)],
   ),

package/src/keyboard/commands.ts

@@ -25,6 +25,8 @@ export const lock = () => command("lock");
 export const launcher = () => command("launcher");
 /** Toggle the clipboard history. */
 export const clipboard = () => command("clipboard");
+/** Take a screenshot, picking the area in a dialog. */
+export const screenshot = () => command("screenshot");
 /** Move the focus, or focus the parent or child container. */
 export const focus = (to: Way | "parent" | "child" | "mode_toggle") =>
   command("focus", to);
@@ -109,6 +111,7 @@ export const DEFAULT_KEYBINDINGS: ModeKeybindings = {
   "Meta+Tab": focus("mode_toggle"),
   "Meta+v": split("v"),
   "Meta+w": layout("tabbed"),
+  Print: screenshot(),
   ...everyWay("", focus),
   ...everyWay("Shift+", move),
   ...everyWorkspace("", workspace),

package/src/window-management/AppWindow.tsx

@@ -16,7 +16,6 @@ import { isLeaving } from "./window-motion";
 import {
   bottomCornerStyles,
   clickThroughStyles,
-  draggingStyles,
   edgeStyles,
   movingStyles,
   placedAt,
@@ -218,7 +217,6 @@ export const AppWindow = ({
         (clickThrough || leaving) && clickThroughStyles,
         // A dragged window gets a new box on every pointer move, so it skips
         // easing. Colors still ease; see `settlingStyles`.
-        dragging && draggingStyles,
         settlingStyles({ dragging }),
       )}
       // Exposes the motion on the element for tests and debugging.

package/src/window-management/BrowserWindow.tsx

@@ -34,7 +34,6 @@ import { isLeaving } from "./window-motion";
 import {
   bottomCornerStyles,
   clickThroughStyles,
-  draggingStyles,
   edgeStyles,
   movingStyles,
   placedAt,
@@ -415,7 +414,6 @@ export const BrowserWindow = ({
         (clickThrough || leaving) && clickThroughStyles,
         // A dragged window gets a new box on every pointer move, so it skips
         // easing. Colors still ease; see `settlingStyles`.
-        dragging && draggingStyles,
         settlingStyles({ dragging }),
       )}
       // Exposes the motion on the element for tests and debugging.

package/src/window-management/floating/FloatShadow.tsx

@@ -3,7 +3,6 @@ import type { Rect } from "../rect";
 import type { Restack } from "../restacking";
 import type { WindowMotion } from "../window-motion";
 import {
-  draggingStyles,
   movingStyles,
   placedAt,
   scaledAbout,
@@ -14,7 +13,7 @@ import {
 type Props = {
   /** The stacking depth of the window casting it. */
   depth: number;
-  /** Whether the window is being dragged, which makes it translucent. */
+  /** Whether the window is being dragged, which stops its box easing. */
   dragging: boolean;
   /** The window's whole box, bar included. */
   frame: Rect;
@@ -44,7 +43,6 @@ export const FloatShadow = ({
     className={cx(
       shadowStyles,
       movingStyles({ motion }),
-      dragging && draggingStyles,
       settlingStyles({ dragging }),
     )}
     data-shadow
@@ -57,9 +55,8 @@ export const FloatShadow = ({
 );
 
 /**
- * An outer `box-shadow` only, which is never drawn under its own box, so a
- * translucent dragged window shows the desktop, not its shadow. Rounded like
- * the frame, and ignores the pointer.
+ * An outer `box-shadow` only, which is never drawn under its own box. Rounded
+ * like the frame, and ignores the pointer.
  */
 const shadowStyles = css({
   borderRadius: "lg",

package/src/window-management/useWindows.ts

@@ -3,7 +3,7 @@ import type {
   DomicileHost,
   DomicileWindow,
 } from "@domicile-desktop/sdk/domicile-host";
-import { system } from "@domicile-desktop/sdk/system";
+import { SystemErrorKind, system } from "@domicile-desktop/sdk/system";
 import { useCallback, useEffect, useMemo, useReducer, useRef } from "react";
 import { openFileCommand } from "../launcher/open-file";
 import type { PlacedScreen } from "../screens/screen-toward";
@@ -64,6 +64,9 @@ export const useWindows = (
       if (action.kind === WindowActionKind.DeskLocked) {
         domicile.lock();
       }
+      if (action.kind === WindowActionKind.ScreenshotTaken) {
+        takeScreenshot(domicile);
+      }
       if (action.kind === WindowActionKind.FileOpened) {
         openFile(files, action.path)
           .then((argv) => {
@@ -172,3 +175,26 @@ const placedOf = (displays: readonly Display[]): readonly PlacedScreen[] =>
     box: { height: size[1], width: size[0], x: position[0], y: position[1] },
     name,
   }));
+
+/** Takes a screenshot, logging any failure but a dismissed dialog. */
+const takeScreenshot = (domicile: DomicileHost) => {
+  system(domicile)
+    .screenshot()
+    .then((taken) => {
+      taken.match({
+        Err: (error) => {
+          if (error.kind !== SystemErrorKind.Canceled) {
+            // biome-ignore lint/suspicious/noConsole: surfacing a failed screenshot
+            console.error("The screenshot was not saved", error);
+          }
+        },
+        // The PNG is under `$XDG_PICTURES_DIR/Screenshots/`, as a portal
+        // screenshot's is, which says nothing either.
+        Ok: () => undefined,
+      });
+    })
+    .catch((error: unknown) => {
+      // biome-ignore lint/suspicious/noConsole: surfacing a broken system call
+      console.error("The screenshot was not taken", error);
+    });
+};

package/src/window-management/window-state.ts

@@ -311,6 +311,7 @@ export enum WindowActionKind {
   PopupPlaced,
   ScratchpadShown,
   ScreenHovered,
+  ScreenshotTaken,
   ScreensDescribed,
   SplitToggled,
   WindowClosed,
@@ -567,6 +568,16 @@ export const WindowAction = {
     screens,
   }),
 
+  /**
+   * The user asked for a screenshot.
+   *
+   * Changes no state; the compositor freezes the desk and `<PortalDialogs />`
+   * draws the dialog.
+   */
+  ScreenshotTaken: () => ({
+    kind: WindowActionKind.ScreenshotTaken as const,
+  }),
+
   /** `layout toggle split`. */
   SplitToggled: () => ({ kind: WindowActionKind.SplitToggled as const }),
 
@@ -851,6 +862,10 @@ const reduceAction = (
       // The compositor locks it and the host says so.
       return state;
     }
+    case WindowActionKind.ScreenshotTaken: {
+      // The compositor takes it, through the portal dialog.
+      return state;
+    }
     case WindowActionKind.CommandExecuted: {
       // The compositor spawns it and the host announces the window it opens.
       return state;

package/src/window-management/window-styles.ts

@@ -36,12 +36,6 @@ export const placedAt = (rect: Rect, depth: number): CSSProperties => ({
   zIndex: depth,
 });
 
-/**
- * A window being dragged. The window is a compositor layer, so the opacity
- * applies to the client's buffer too.
- */
-export const draggingStyles = css({ opacity: 0.6 });
-
 /**
  * The border that makes a window's edge visible. Focus is shown by `FocusGlow`,
  * not by this border's color.
@@ -208,8 +202,7 @@ export const movingStyles = cva({
  *   `placement.ts`).
  * - Colors: always eased; focus follows the pointer, so snapping would
  *   flicker.
- * - Opacity: always eased, so the drag fade does not blink at either end of
- *   a drag.
+ * - Opacity: always eased, so `FocusGlow` fades rather than blinks.
  *
  * One recipe because two rules setting `transition` on one element race on
  * Panda's emit order.

package/styled-system/styles.css

@@ -11752,10 +11752,6 @@
     cursor: nwse-resize;
 }
 
-  .jLqGsf {
-    opacity: 0.6;
-}
-
   .hZnhGo {
     border-end-start-radius: var(--dxfumK);
 }