@lapis-notes/workspace 0.3.2 → 0.3.5

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # @lapis-notes/workspace
 
+## 0.3.5
+
+### Patch Changes
+
+- [#85](https://github.com/lapismd/lapis-notes/pull/85)
+  [`8325b5e`](https://github.com/lapismd/lapis-notes/commit/8325b5eb7adef358ac577b457278a19637c13571)
+  Thanks [@stevejuma](https://github.com/stevejuma)! - Reuse scanned identities
+  during unchanged startup, exclude installed plugin assets from content
+  polling, avoid eagerly reading lazy ESM chunks, queue plugin operations with
+  independent progress and cancellation, and enable bundled AI by default on the
+  Rust server.
+
+  Renew the native AI feature session after disable/re-enable so startup
+  recovery cannot reuse a fenced session.
+
+- [#82](https://github.com/lapismd/lapis-notes/pull/82)
+  [`e7b96fb`](https://github.com/lapismd/lapis-notes/commit/e7b96fb7f901c6ffff7e92815b29a82bea5c5264)
+  Thanks
+  [@lapismd-dependency-bot](https://github.com/apps/lapismd-dependency-bot)! -
+  Refresh first-party Lapis dependencies to the published versions recorded in
+  this pull request.
+- Updated dependencies
+  [[`8325b5e`](https://github.com/lapismd/lapis-notes/commit/8325b5eb7adef358ac577b457278a19637c13571),
+  [`e7b96fb`](https://github.com/lapismd/lapis-notes/commit/e7b96fb7f901c6ffff7e92815b29a82bea5c5264)]:
+  - @lapis-notes/api@0.2.7
+  - @lapis-notes/ui@0.1.8
+
+## 0.3.4
+
+### Patch Changes
+
+- [#70](https://github.com/lapismd/lapis-notes/pull/70)
+  [`df60318`](https://github.com/lapismd/lapis-notes/commit/df603187df2680d46720ee2af0a226c6fbb25a22)
+  Thanks [@stevejuma](https://github.com/stevejuma)! - Show representative
+  skeletons while the plugin registry catalog and details load, preserving
+  existing empty/error states, verified metadata, and App-owned actions.
+- Updated dependencies
+  [[`5bd58d8`](https://github.com/lapismd/lapis-notes/commit/5bd58d8033062923f09549fa341d84f22b143452),
+  [`8a7ec3c`](https://github.com/lapismd/lapis-notes/commit/8a7ec3c3d1d1610e8be0e3b29aab4b2f4188a0c5),
+  [`5292b52`](https://github.com/lapismd/lapis-notes/commit/5292b52ebc37318fcfad7971e4e309cf3afaff18)]:
+  - @lapis-notes/api@0.2.6
+
+## 0.3.3
+
+### Patch Changes
+
+- [#66](https://github.com/lapismd/lapis-notes/pull/66)
+  [`6086980`](https://github.com/lapismd/lapis-notes/commit/6086980be8a0d9cf6e697a689b0c17f409afdc3f)
+  Thanks [@stevejuma](https://github.com/stevejuma)! - Consume published Design
+  Core 0.10.1 so browser hosts can reserve leading and trailing native controls
+  and title-bar height, with a continuous divider when sidebars collapse. Keep
+  portable registry ranges and existing compatibility.
+- Updated dependencies
+  [[`6086980`](https://github.com/lapismd/lapis-notes/commit/6086980be8a0d9cf6e697a689b0c17f409afdc3f)]:
+  - @lapis-notes/api@0.2.5
+  - @lapis-notes/ui@0.1.7
+
 ## 0.3.2
 
 ### Patch Changes

package/dist/plugin-management/PluginBrowser.svelte

@@ -26,6 +26,7 @@
   import PluginBrowserLanding from "./PluginBrowserLanding.svelte";
   import PluginBrowserDirectory from "./PluginBrowserDirectory.svelte";
   import PluginRegistryContentState from "./PluginRegistryContentState.svelte";
+  import PluginRegistrySkeleton from "./PluginRegistrySkeleton.svelte";
   import PluginBrowserDetail from "./PluginBrowserDetail.svelte";
   import "./community-presentation/community-typography.css";
   export interface PluginBrowserNavigation {
@@ -130,10 +131,7 @@
       registry.actionFeedback?.pluginId === selected.id
         ? registry.actionFeedback
         : null;
-    if (
-      registry.runningAction === `install:${selected.id}` ||
-      registry.runningAction === `update:${selected.id}`
-    )
+    if (registry.isPluginActionPending(selected.id))
       return { state: "installing" };
     if (feedback?.state === "error")
       return { state: "rejected", reason: feedback.message };
@@ -409,10 +407,9 @@
               label="Registry content"
             >
               <div class="registry-browser">
-                {#if registry.initialLoading}<PluginRegistryContentState
-                    kind="loading"
-                    heading="Loading plugins"
-                    description="Reading your verified registry…"
+                {#if registry.initialLoading}<PluginRegistrySkeleton
+                    layout={navigation.route.page === "plugin" ? "detail" : navigation.route.page}
+                    label="Loading plugins"
                   />
                 {:else if registry.lastError && !registry.catalogEntries.length}<PluginRegistryContentState
                     kind="warning"
@@ -495,10 +492,9 @@
                         persist();
                       }}
                     />
-                  {:else if selected && session.loading}<PluginRegistryContentState
-                      kind="loading"
-                      heading="Loading plugin details"
-                      description="Reading verified plugin metadata…"
+                  {:else if selected && session.loading}<PluginRegistrySkeleton
+                      layout="detail"
+                      label="Loading plugin details"
                     />
                   {:else}<PluginRegistryContentState
                       kind="empty"

package/dist/plugin-management/PluginRegistryContentState.svelte

@@ -5,6 +5,7 @@
   import SearchX from "@lucide/svelte/icons/search-x";
   import Sparkles from "@lucide/svelte/icons/sparkles";
   import * as Button from "@lapismd/design-core/shadcn/button";
+  import PluginRegistrySkeleton from "./PluginRegistrySkeleton.svelte";
 
   let {
     kind,
@@ -29,6 +30,9 @@
   } = $props();
 </script>
 
+{#if kind === "loading"}
+  <PluginRegistrySkeleton label={heading} />
+{:else}
 <div
   class="lapis-plugin-registry-state"
   data-ui-component="plugin-registry-content-state"
@@ -56,7 +60,7 @@
       <AlertTriangle />
     {:else}
       <PackageIcon />
-      {#if kind !== "loading"}<Sparkles />{/if}
+      <Sparkles />
     {/if}
   </div>
   <div class="lapis-plugin-registry-state__body">
@@ -78,3 +82,4 @@
     {/if}
   </div>
 </div>
+{/if}

package/dist/plugin-management/PluginRegistrySettingsPage.svelte

@@ -771,8 +771,9 @@
                             size="icon"
                             variant="outline"
                             aria-label={`Update ${installedName(record)}`}
-                            disabled={registry.runningAction ===
-                              `update:${record.pluginId}`}
+                            disabled={registry.isPluginActionPending(
+                              record.pluginId,
+                            )}
                             onclick={() => void updatePlugin(update)}
                             ><ArrowUpCircle /></Button.Root
                           >
@@ -922,8 +923,7 @@
                     ><Check data-icon="inline-start" />Bundled</Button.Root
                   >
                 {:else}
-                  {@const installing =
-                    registry.runningAction === `install:${entry.id}`}
+                  {@const installing = registry.isPluginActionPending(entry.id)}
                   <Button.Root
                     size="sm"
                     aria-label={installing
@@ -1041,7 +1041,7 @@
                           variant="outline"
                           aria-label={`Update ${update.name}`}
                           disabled={!update.canUpdate ||
-                            registry.runningAction === `update:${update.id}`}
+                            registry.isPluginActionPending(update.id)}
                           onclick={() => void updatePlugin(update)}
                           ><ArrowUpCircle /></Button.Root
                         >

package/dist/plugin-management/PluginRegistrySkeleton.svelte

@@ -0,0 +1,112 @@
+<script lang="ts">
+  import { Skeleton } from "@lapismd/design-core/shadcn/skeleton";
+
+  let {
+    layout = "list",
+    label = "Loading plugins",
+  }: {
+    layout?: "landing" | "directory" | "detail" | "list";
+    label?: string;
+  } = $props();
+</script>
+
+<div
+  class="registry-skeleton"
+  data-ui-component="plugin-registry-skeleton"
+  data-layout={layout}
+  aria-busy="true"
+>
+  <span class="sr-only" role="status">{label}</span>
+  <div class="registry-skeleton__layout" aria-hidden="true">
+    <header class="registry-skeleton__header">
+      {#if layout === "detail"}
+        <Skeleton class="registry-skeleton__avatar" />
+      {/if}
+      <div class="registry-skeleton__copy">
+        <Skeleton class="registry-skeleton__title" />
+        <Skeleton class="registry-skeleton__line" />
+        <Skeleton class="registry-skeleton__short" />
+      </div>
+      {#if layout === "detail" || layout === "directory"}
+        <Skeleton class="registry-skeleton__action" />
+      {/if}
+    </header>
+    {#if layout === "detail"}
+      <Skeleton class="registry-skeleton__banner" data-ui-part="banner" />
+      <div class="registry-skeleton__detail">
+        <div class="registry-skeleton__copy" data-ui-part="overview">
+          <Skeleton class="registry-skeleton__title" />
+          {#each Array(5) as _}<Skeleton class="registry-skeleton__line" />{/each}
+        </div>
+        <aside class="registry-skeleton__copy" data-ui-part="metadata">
+          <Skeleton class="registry-skeleton__short" />
+          {#each Array(5) as _}<Skeleton class="registry-skeleton__line" />{/each}
+        </aside>
+      </div>
+    {:else}
+      <div class="registry-skeleton__cards" data-ui-part="cards">
+        {#each Array(layout === "landing" ? 3 : layout === "directory" ? 6 : 4) as _}
+          <div class="registry-skeleton__card">
+            <Skeleton class="registry-skeleton__avatar" />
+            <div class="registry-skeleton__copy">
+              <Skeleton class="registry-skeleton__short" />
+              <Skeleton class="registry-skeleton__line" />
+              <Skeleton class="registry-skeleton__line" />
+            </div>
+          </div>
+        {/each}
+      </div>
+    {/if}
+  </div>
+</div>
+
+<style>
+  .registry-skeleton {
+    container-type: inline-size;
+    width: 100%;
+    min-width: 0;
+    padding: 1.5rem;
+    color: var(--ui-workspace-foreground, var(--foreground));
+    --ui-skeleton-background: color-mix(in srgb, var(--ui-workspace-foreground, var(--foreground)) 9%, var(--ui-workspace-view-background, var(--background)));
+  }
+  .registry-skeleton__layout,
+  .registry-skeleton__copy,
+  .registry-skeleton__cards,
+  .registry-skeleton__detail {
+    display: grid;
+    min-width: 0;
+    gap: 1rem;
+  }
+  .registry-skeleton__layout { gap: 2rem; }
+  .registry-skeleton__header,
+  .registry-skeleton__card {
+    display: flex;
+    min-width: 0;
+    align-items: center;
+    gap: 1rem;
+  }
+  .registry-skeleton__card {
+    border: 1px solid var(--ui-workspace-border, var(--border));
+    border-radius: var(--radius);
+    padding: 1rem;
+  }
+  .registry-skeleton__copy { flex: 1; }
+  .registry-skeleton :global(.registry-skeleton__avatar) {
+    width: 3.5rem;
+    height: 3.5rem;
+    flex-shrink: 0;
+  }
+  .registry-skeleton :global(.registry-skeleton__title) { width: min(75%, 20rem); height: 2rem; }
+  .registry-skeleton :global(.registry-skeleton__line) { height: 0.875rem; width: 100%; }
+  .registry-skeleton :global(.registry-skeleton__short) { height: 0.875rem; width: 60%; }
+  .registry-skeleton :global(.registry-skeleton__action) { height: 2.25rem; width: 6rem; }
+  .registry-skeleton :global(.registry-skeleton__banner) { width: 100%; aspect-ratio: 3 / 1; }
+  @container (min-width: 44rem) {
+    [data-layout="landing"] .registry-skeleton__cards,
+    [data-layout="directory"] .registry-skeleton__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+    .registry-skeleton__detail { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 2rem; }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .registry-skeleton :global([data-ui-component="skeleton"]) { animation: none; }
+  }
+</style>

package/dist/plugin-management/PluginRegistrySkeleton.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    layout?: "landing" | "directory" | "detail" | "list";
+    label?: string;
+};
+declare const PluginRegistrySkeleton: import("svelte").Component<$$ComponentProps, {}, "">;
+type PluginRegistrySkeleton = ReturnType<typeof PluginRegistrySkeleton>;
+export default PluginRegistrySkeleton;

package/dist/plugin-management/plugin-registry-controller.svelte.d.ts

@@ -14,6 +14,8 @@ export declare class PluginRegistryController {
     initialLoading: boolean;
     refreshing: boolean;
     runningAction: string | null;
+    pendingPluginActions: Record<string, true>;
+    isPluginActionPending(pluginId: string): boolean;
     actionFeedback: PluginRegistryActionFeedback | null;
     pluginLifecycleRevision: number;
     private references;

package/dist/plugin-management/plugin-registry-controller.svelte.js

@@ -25,6 +25,10 @@ export class PluginRegistryController {
     initialLoading = $state(true);
     refreshing = $state(false);
     runningAction = $state(null);
+    pendingPluginActions = $state({});
+    isPluginActionPending(pluginId) {
+        return this.pendingPluginActions[pluginId] === true;
+    }
     actionFeedback = $state(null);
     pluginLifecycleRevision = $state(0);
     references = 0;
@@ -110,20 +114,32 @@ export class PluginRegistryController {
             this.refreshTask = null;
     }
     async runPluginAction(actionId, pluginId, title, action) {
-        if (this.runningAction)
+        if (this.isPluginActionPending(pluginId))
             return;
-        this.runningAction = actionId;
-        this.actionFeedback = { pluginId, state: "running", message: title };
+        this.pendingPluginActions = {
+            ...this.pendingPluginActions,
+            [pluginId]: true,
+        };
         try {
-            await withPluginInstallProgress(this.app, { pluginId, title }, action);
-            await this.refresh(false);
-            this.actionFeedback = {
-                pluginId,
-                state: "success",
-                message: actionId.startsWith("update:")
-                    ? "Update installed"
-                    : "Installed",
-            };
+            await withPluginInstallProgress(this.app, { pluginId, title }, async (signal) => {
+                this.runningAction = actionId;
+                this.actionFeedback = { pluginId, state: "running", message: title };
+                try {
+                    await action(signal);
+                    await this.refresh(false);
+                    this.actionFeedback = {
+                        pluginId,
+                        state: "success",
+                        message: actionId.startsWith("update:")
+                            ? "Update installed"
+                            : "Installed",
+                    };
+                }
+                finally {
+                    if (this.runningAction === actionId)
+                        this.runningAction = null;
+                }
+            });
         }
         catch (error) {
             if (isAbortError(error)) {
@@ -139,7 +155,8 @@ export class PluginRegistryController {
             new Notice(`Plugin registry action failed: ${registryErrorMessage(error)}`, undefined, this.app);
         }
         finally {
-            this.runningAction = null;
+            const { [pluginId]: _finished, ...pending } = this.pendingPluginActions;
+            this.pendingPluginActions = pending;
         }
     }
     install(entry, version) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lapis-notes/workspace",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "description": "Lapis Notes workspace shell backed by design-core",
   "license": "Apache-2.0",
   "repository": {
@@ -38,10 +38,10 @@
     }
   },
   "dependencies": {
-    "@lapis-notes/api": "^0.2.4",
-    "@lapismd/design-core": "^0.8.0 || ^0.9.0",
-    "@lucide/svelte": "^0.523.0",
-    "@lapis-notes/ui": "^0.1.6"
+    "@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",
+    "@lucide/svelte": "^0.523.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"