@lapis-notes/workspace 0.3.5 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @lapis-notes/workspace
 
+## 0.4.0
+
+### Minor Changes
+
+- [#95](https://github.com/lapismd/lapis-notes/pull/95)
+  [`8a4d0e0`](https://github.com/lapismd/lapis-notes/commit/8a4d0e02d0642a65ec7441f4fea032739550a6ae)
+  Thanks [@stevejuma](https://github.com/stevejuma)! - Honor mobile layout
+  settings in application hosts and restore App-owned mobile Search, new-note
+  creation and disposable legacy navigation commands through Design Core's
+  public mobile actions. Require released Design Core 0.13.0 for the mobile
+  navigation contract.
+
+### Patch Changes
+
+- Updated dependencies
+  [[`0ce7e30`](https://github.com/lapismd/lapis-notes/commit/0ce7e3078af8b3f9b132e2b06655a0229e72e346),
+  [`8a4d0e0`](https://github.com/lapismd/lapis-notes/commit/8a4d0e02d0642a65ec7441f4fea032739550a6ae)]:
+  - @lapis-notes/api@0.3.1
+  - @lapis-notes/ui@0.1.9
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies
+  [[`0b7ac5a`](https://github.com/lapismd/lapis-notes/commit/0b7ac5a9d6f07dd8a35d7d9fd7de8d9cb076e07b),
+  [`84551f9`](https://github.com/lapismd/lapis-notes/commit/84551f9f10ec73ea02fcb71d53131758a9d2d419),
+  [`1d9f1d1`](https://github.com/lapismd/lapis-notes/commit/1d9f1d180b38e8248f49abaf8f523fe0cddc28fd)]:
+  - @lapis-notes/api@0.3.0
+
 ## 0.3.5
 
 ### Patch Changes

package/dist/WorkspaceShell.svelte

@@ -26,6 +26,10 @@
   import { getWorkspaceHostBinding } from "@lapis-notes/api/workspace-host";
   import { AppShell } from "@lapismd/design-core/workspace/app-shell";
   import { bindFileConflictReviews } from "./file-conflicts/register-conflict-reviews";
+  import {
+    bindMobileWorkspaceCommands,
+    mobileWorkspaceActions,
+  } from "./mobile-workspace";
   import "./workspace-shell.css";
 
   let {
@@ -44,6 +48,7 @@
       .getConfiguration()
       .get("editor.alwaysFocusNewTabs", false),
   );
+  let mobileActions = $derived(mobileWorkspaceActions(app));
 
   onMount(() => {
     // AppShell.Root does not own startup. By the time this shell is mounted,
@@ -51,7 +56,9 @@
     void controller.start();
     const stopNative = bindNativeEditingProblems(app);
     const stopConflicts = bindFileConflictReviews(app);
+    const stopMobile = bindMobileWorkspaceCommands(app, controller);
     return () => {
+      stopMobile();
       stopConflicts();
       stopNative();
     };
@@ -71,6 +78,12 @@
     disposeOnDestroy={false}
     theme="inherit"
   >
-    <AppShell.Surface {displayMode} {workspaceLabel} {workspaceNavigation} />
+    <AppShell.Surface
+      {displayMode}
+      {workspaceLabel}
+      {workspaceNavigation}
+      mobileSearchAction={mobileActions.search}
+      mobileCreateAction={mobileActions.create}
+    />
   </AppShell.Root>
 </div>

package/dist/mobile-workspace.d.ts

@@ -0,0 +1,8 @@
+import { type App } from "@lapis-notes/api";
+import type { AppShellController, WorkspaceAction } from "@lapismd/design-core/workspace/core";
+/** Lapis-owned policy; Design Core owns the transient mobile presentation. */
+export declare function bindMobileWorkspaceCommands(app: App, controller: AppShellController): () => void;
+export declare function mobileWorkspaceActions(app: App): {
+    search: WorkspaceAction;
+    create: WorkspaceAction;
+};

package/dist/mobile-workspace.js

@@ -0,0 +1,134 @@
+import { Notice } from "@lapis-notes/api";
+/** Lapis-owned policy; Design Core owns the transient mobile presentation. */
+export function bindMobileWorkspaceCommands(app, controller) {
+    const navigation = controller.renderer.mobileNavigation;
+    let disposed = false;
+    let previousCreation = Promise.resolve();
+    const setMode = (mode) => app.configuration.getConfiguration().update("workspace.mobile.mode", mode);
+    const mobileOnly = (action) => {
+        if (controller.renderer.displayMode === "mobile")
+            action();
+        else
+            new Notice("This action is only available while the mobile workspace layout is active.", undefined, app);
+    };
+    const openSidebar = (side) => {
+        if (controller.renderer.displayMode === "mobile")
+            navigation.openSidebar(side);
+        else {
+            app.workspace.exitFocusMode();
+            (side === "left"
+                ? app.workspace.leftSplit
+                : app.workspace.rightSplit).expand();
+        }
+    };
+    const createNote = () => {
+        const previous = previousCreation;
+        const operation = app.fileEditingSessions.track(async () => {
+            await previous;
+            if (disposed)
+                throw new Error("The workspace has closed.");
+            const path = app.fileManager.getAvailablePathForAttachment("Untitled.md");
+            const file = await app.fileManager.createFile(path, "");
+            navigation.openEditor();
+            await app.openFile(file);
+            app.workspace.requestSaveLayout();
+        });
+        previousCreation = operation.catch(() => undefined);
+        return operation;
+    };
+    const commands = [
+        {
+            id: "app:new-note",
+            name: "Create new note",
+            icon: "file-plus",
+            callback: createNote,
+        },
+        {
+            id: "workspace:toggle-mobile-layout",
+            name: "Workspace: Cycle mobile layout mode",
+            icon: "smartphone",
+            callback: () => {
+                const mode = app.configuration
+                    .getConfiguration()
+                    .get("workspace.mobile.mode", "auto");
+                return setMode(mode === "auto" ? "always" : mode === "always" ? "never" : "auto");
+            },
+        },
+        {
+            id: "workspace:use-mobile-layout",
+            name: "Workspace: Use mobile layout",
+            icon: "smartphone",
+            callback: () => setMode("always"),
+        },
+        {
+            id: "workspace:use-desktop-layout",
+            name: "Workspace: Use desktop layout",
+            icon: "monitor",
+            callback: () => setMode("never"),
+        },
+        {
+            id: "workspace:open-mobile-tabs",
+            name: "Workspace: Open mobile tabs",
+            icon: "panel-top-open",
+            callback: () => mobileOnly(() => navigation.openTabs()),
+        },
+        {
+            id: "workspace:open-mobile-search",
+            name: "Workspace: Open mobile search",
+            icon: "search",
+            callback: async () => {
+                if (controller.renderer.displayMode !== "mobile")
+                    return mobileOnly(() => { });
+                navigation.openEditor();
+                await app.commands.executeCommand("search:open-search");
+            },
+        },
+        {
+            id: "workspace:open-mobile-left-sidebar",
+            name: "Workspace: Open mobile left sidebar",
+            icon: "panel-left-open",
+            callback: () => openSidebar("left"),
+        },
+        {
+            id: "workspace:open-mobile-right-sidebar",
+            name: "Workspace: Open mobile right sidebar",
+            icon: "panel-right-open",
+            callback: () => openSidebar("right"),
+        },
+    ];
+    const owned = commands.filter((command) => !app.commands.getCommand(command.id));
+    owned.forEach((command) => app.commands.registerCommand(command));
+    const registered = owned.map((command) => app.commands.getCommand(command.id));
+    return () => {
+        disposed = true;
+        for (const command of registered) {
+            if (app.commands.getCommand(command.id) === command)
+                app.commands.unregisterCommand(command.id);
+        }
+    };
+}
+export function mobileWorkspaceActions(app) {
+    const execute = async (id) => {
+        try {
+            await app.commands.executeCommand(id);
+        }
+        catch (error) {
+            new Notice(error instanceof Error ? error.message : String(error), undefined, app);
+        }
+    };
+    return {
+        search: {
+            id: "mobile-search",
+            label: "Open search sidebar",
+            icon: "search",
+            disabled: !app.commands.getCommand("search:open-search"),
+            onSelect: () => execute("workspace:open-mobile-search"),
+        },
+        create: {
+            id: "mobile-new-note",
+            label: "Create new note",
+            icon: "plus",
+            onSelect: () => execute("app:new-note"),
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lapis-notes/workspace",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "description": "Lapis Notes workspace shell backed by design-core",
   "license": "Apache-2.0",
   "repository": {
@@ -38,9 +38,9 @@
     }
   },
   "dependencies": {
-    "@lapis-notes/api": "^0.2.7",
-    "@lapis-notes/ui": "^0.1.8",
-    "@lapismd/design-core": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.12.0",
+    "@lapis-notes/api": "^0.3.1",
+    "@lapis-notes/ui": "^0.1.9",
+    "@lapismd/design-core": "^0.13.0",
     "@lucide/svelte": "^0.523.0"
   },
   "peerDependencies": {