@lapis-notes/workspace 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @lapis-notes/workspace
 
+## 0.2.0
+
+### Minor Changes
+
+- [#4](https://github.com/lapismd/lapis-notes/pull/4) [`08a9e4b`](https://github.com/lapismd/lapis-notes/commit/08a9e4bc671c87484e1fbb7c3271b2aad3f176e5) Thanks [@stevejuma](https://github.com/stevejuma)! - Add the Plugins workspace browser with a category homepage, update listings,
+  responsive filters, and verified install/update actions shared with Settings.
+  Settings Browse and Updates now open shared plugin details directly. Details
+  include a Back action, fixed navigation, themed media, image loading and failure
+  states, release notes, download counts, and linked authors.
+
+### Patch Changes
+
+- [#4](https://github.com/lapismd/lapis-notes/pull/4) [`c1ad3c4`](https://github.com/lapismd/lapis-notes/commit/c1ad3c4acee2eac1ae87c22f66e946d2e0db3bf2) Thanks [@stevejuma](https://github.com/stevejuma)! - Require published Design Core 0.3.2 for native window-controls spacing, bold settings headings, selected-tab indicators and mobile shell teardown. Consume the npm release through portable semver ranges and lockfile integrity.
+
+- Updated dependencies [[`39f886d`](https://github.com/lapismd/lapis-notes/commit/39f886d017a28d916b3f6cac7d08b7723a04f45b), [`c1ad3c4`](https://github.com/lapismd/lapis-notes/commit/c1ad3c4acee2eac1ae87c22f66e946d2e0db3bf2), [`1e949fc`](https://github.com/lapismd/lapis-notes/commit/1e949fc9d51b795a50760e1146a9599602746c6b)]:
+  - @lapis-notes/api@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Support verified static V2 catalogs alongside Nostr sources, retain installation
+  source provenance, and render themed registry images and structured release notes.
+- Updated dependencies []:
+  - @lapis-notes/api@0.1.1
+
 ## 0.1.0
 
 ### Minor Changes

package/LICENSE.md

@@ -1,4 +1,4 @@
-AGPL-3.0-or-later
+Apache-2.0
 
-This package is licensed under the GNU Affero General Public License v3.0 or later.
-See <https://www.gnu.org/licenses/agpl-3.0.en.html>.
+This package is licensed under the Apache License 2.0.
+See <https://www.apache.org/licenses/LICENSE-2.0>.

package/dist/index.d.ts

@@ -4,3 +4,6 @@ export { registerPluginManagementSettings } from "./plugin-management/register-p
 export { default as PluginRegistrySettingsPage } from "./plugin-management/PluginRegistrySettingsPage.svelte";
 export { default as CorePluginsSettingsPage } from "./plugin-management/CorePluginsSettingsPage.svelte";
 export { default as CommunityPluginsSettingsPage } from "./plugin-management/CommunityPluginsSettingsPage.svelte";
+export { PluginsView } from "./plugin-management/plugins-view.svelte";
+export { default as PluginBrowser } from "./plugin-management/PluginBrowser.svelte";
+export { openPluginBrowser } from "./plugin-management/plugin-browser-navigation";

package/dist/index.js

@@ -3,3 +3,6 @@ export { registerPluginManagementSettings } from "./plugin-management/register-p
 export { default as PluginRegistrySettingsPage } from "./plugin-management/PluginRegistrySettingsPage.svelte";
 export { default as CorePluginsSettingsPage } from "./plugin-management/CorePluginsSettingsPage.svelte";
 export { default as CommunityPluginsSettingsPage } from "./plugin-management/CommunityPluginsSettingsPage.svelte";
+export { PluginsView } from "./plugin-management/plugins-view.svelte";
+export { default as PluginBrowser } from "./plugin-management/PluginBrowser.svelte";
+export { openPluginBrowser } from "./plugin-management/plugin-browser-navigation";

package/dist/plugin-management/CommunityPluginsSettingsPage.svelte

@@ -1,4 +1,10 @@
 <script lang="ts">
+  import Check from "@lucide/svelte/icons/check";
+  import Puzzle from "@lucide/svelte/icons/puzzle";
+  import RefreshCw from "@lucide/svelte/icons/refresh-cw";
+  import ShieldAlert from "@lucide/svelte/icons/shield-alert";
+  import ShieldCheck from "@lucide/svelte/icons/shield-check";
+  import Sparkles from "@lucide/svelte/icons/sparkles";
   import * as Button from "@lapismd/design-core/shadcn/button";
   import type { WorkspaceSettingsPageProps } from "@lapismd/design-core/workspace/settings";
   import { onMount, tick, untrack } from "svelte";
@@ -60,12 +66,14 @@
     const enabled = app.plugins.on("plugin-enabled", refresh);
     const disabled = app.plugins.on("plugin-disabled", refresh);
     const error = app.plugins.on("plugin-error", refresh);
+    const trustChanged = app.workspaceTrust.on("changed", refresh);
     void app.workspaceTrust.ready().then(refresh);
     return () => {
       app.plugins.offref(loaded);
       app.plugins.offref(enabled);
       app.plugins.offref(disabled);
       app.plugins.offref(error);
+      app.workspaceTrust.offref(trustChanged);
     };
   });
 
@@ -80,6 +88,11 @@
       trustBusy = false;
     }
   }
+
+  function browsePlugins(): void {
+    context.reveal.request("plugin-registry", "registry:");
+    controller.selectSection("plugin-registry");
+  }
 </script>
 
 <section
@@ -87,27 +100,69 @@
   data-ui-component="lapis-plugin-management"
   data-ui-part="community-plugins"
 >
-  <div class="lapis-plugin-management__trust">
-    <div>
-      <h1>Workspace Trust</h1>
+  <section
+    class="lapis-plugin-management__trust"
+    data-ui-component="workspace-trust-status"
+    data-ui-part="status-card"
+    data-trust-state={trustState.trusted ? "trusted" : "untrusted"}
+    aria-labelledby="lapis-workspace-trust-title"
+  >
+    <div
+      class="lapis-plugin-management__trust-icon"
+      data-ui-part="status-icon"
+      data-trust-icon={trustState.trusted ? "shield-check" : "shield-alert"}
+      aria-hidden="true"
+    >
+      {#if trustState.trusted}
+        <ShieldCheck />
+      {:else}
+        <ShieldAlert />
+      {/if}
+    </div>
+
+    <div class="lapis-plugin-management__trust-content">
+      <div class="lapis-plugin-management__trust-title-line">
+        <h1 id="lapis-workspace-trust-title">
+          {trustState.trusted
+            ? "Workspace trusted"
+            : "Workspace not trusted"}
+        </h1>
+        <span
+          class="lapis-plugin-management__trust-badge"
+          data-ui-part="status-badge"
+        >
+          {#if trustState.trusted}
+            <Check aria-hidden="true" />
+            Trusted
+          {:else}
+            <span aria-hidden="true"></span>
+            Not trusted
+          {/if}
+        </span>
+      </div>
       <p>
         {trustState.trusted
-          ? "This vault is trusted. Trusted desktop plugins and brokered capabilities may run for this workspace identity."
-          : "This vault is untrusted. Trusted desktop plugins, brokered capabilities, and community plugin settings surfaces stay blocked until you trust this workspace."}
+          ? "Community plugins and desktop capabilities can run in this vault."
+          : "Community plugins and desktop capabilities are disabled until this vault is trusted."}
       </p>
+      {#if !trustState.trusted}
+        <Button.Root
+          class="lapis-plugin-management__trust-action"
+          disabled={trustBusy}
+          onclick={() => void updateTrust(true)}
+        >Trust workspace</Button.Root>
+      {/if}
     </div>
-    <div class="lapis-plugin-management__actions">
-      <Button.Root
-        disabled={trustState.trusted || trustBusy}
-        onclick={() => void updateTrust(true)}
-      >Trust workspace</Button.Root>
+
+    {#if trustState.trusted}
       <Button.Root
-        variant="destructive"
-        disabled={!trustState.trusted || trustBusy}
+        class="lapis-plugin-management__trust-action lapis-plugin-management__trust-action--revoke"
+        variant="outline"
+        disabled={trustBusy}
         onclick={() => void updateTrust(false)}
-      >Revoke trust</Button.Root>
-    </div>
-  </div>
+      >Revoke</Button.Root>
+    {/if}
+  </section>
 
   <header class="lapis-plugin-management__header">
     <div>
@@ -115,68 +170,92 @@
       <p>Manage installed community and registry plugins for this vault.</p>
     </div>
     <Button.Root
+      class="lapis-plugin-management__reload"
       variant="outline"
       onclick={() => globalThis.location?.reload()}
-    >Reload plugins</Button.Root>
+    >
+      <RefreshCw
+        class="lapis-plugin-management__icon"
+        data-reload-icon="refresh-cw"
+        aria-hidden="true"
+      />
+      Reload plugins
+    </Button.Root>
   </header>
 
-  <div class="lapis-plugin-management__rows">
-    {#if plugins.length === 0 && indexedDiagnostics.length === 0}
-      <p class="lapis-plugin-management__empty">
-        No community plugins found in .obsidian/plugins.
+  {#if plugins.length === 0 && indexedDiagnostics.length === 0}
+    <div
+      class="lapis-plugin-management__empty-state"
+      data-ui-part="community-empty-state"
+    >
+      <div
+        class="lapis-plugin-management__empty-state-icon"
+        data-empty-icon="puzzle"
+        aria-hidden="true"
+      >
+        <Puzzle />
+        <Sparkles />
+      </div>
+      <h2>No community plugins found</h2>
+      <p>
+        Looks like you haven’t installed any community plugins yet.<br />
+        Browse the community plugins list to get started.
       </p>
-    {/if}
-
-    {#each plugins as plugin (plugin.manifest.id)}
-      <PluginSettingsRow
-        pluginId={plugin.manifest.id}
-        name={plugin.manifest.name}
-        description={plugin.manifest.description}
-        version={plugin.manifest.version}
-        provenance={plugin.provenance}
-        status={plugin.state === "failed"
-          ? "Failed"
-          : plugin.enabled
-            ? "Enabled"
-            : "Disabled"}
-        error={plugin.lastFailureMessage ?? plugin.errorMessage ?? undefined}
-        enabled={plugin.enabled}
-        expanded={expandedPluginIds.has(plugin.manifest.id)}
-        hasOptions={Boolean(
-          pluginSettingsSectionId(controller, plugin.manifest.id),
-        )}
-        diagnostics={pluginDiagnosticRows(app, plugin.manifest.id)}
-        onOptions={() => openPluginSettings(controller, plugin.manifest.id)}
-        onRestart={async () => {
-          await app.plugins.restartPlugin(plugin.manifest.id);
-        }}
-        onToggle={async (enabled) => {
-          if (enabled) await app.plugins.enablePlugin(plugin.manifest.id);
-          else await app.plugins.disablePlugin(plugin.manifest.id);
-        }}
-      />
-    {/each}
+      <Button.Root onclick={browsePlugins}>Browse plugins</Button.Root>
+    </div>
+  {:else}
+    <div class="lapis-plugin-management__rows">
+      {#each plugins as plugin (plugin.manifest.id)}
+        <PluginSettingsRow
+          pluginId={plugin.manifest.id}
+          name={plugin.manifest.name}
+          description={plugin.manifest.description}
+          version={plugin.manifest.version}
+          provenance={plugin.provenance}
+          status={plugin.state === "failed"
+            ? "Failed"
+            : plugin.enabled
+              ? "Enabled"
+              : "Disabled"}
+          error={plugin.lastFailureMessage ?? plugin.errorMessage ?? undefined}
+          enabled={plugin.enabled}
+          expanded={expandedPluginIds.has(plugin.manifest.id)}
+          hasOptions={Boolean(
+            pluginSettingsSectionId(controller, plugin.manifest.id),
+          )}
+          diagnostics={pluginDiagnosticRows(app, plugin.manifest.id)}
+          onOptions={() => openPluginSettings(controller, plugin.manifest.id)}
+          onRestart={async () => {
+            await app.plugins.restartPlugin(plugin.manifest.id);
+          }}
+          onToggle={async (enabled) => {
+            if (enabled) await app.plugins.enablePlugin(plugin.manifest.id);
+            else await app.plugins.disablePlugin(plugin.manifest.id);
+          }}
+        />
+      {/each}
 
-    {#each indexedDiagnostics as diagnostics (diagnostics.pluginId)}
-      <PluginSettingsRow
-        pluginId={diagnostics.pluginId}
-        name={diagnostics.name ?? diagnostics.pluginId}
-        description={diagnostics.description ?? undefined}
-        version={diagnostics.version ?? undefined}
-        provenance={diagnostics.provenance}
-        status={diagnostics.state}
-        error={diagnostics.lastFailureMessage ?? undefined}
-        enabled={false}
-        expanded={expandedPluginIds.has(diagnostics.pluginId)}
-        hasOptions={Boolean(
-          pluginSettingsSectionId(controller, diagnostics.pluginId),
-        )}
-        diagnostics={pluginDiagnosticRows(app, diagnostics.pluginId)}
-        onOptions={() => openPluginSettings(controller, diagnostics.pluginId)}
-        onRestart={async () => {
-          await app.plugins.restartPlugin(diagnostics.pluginId);
-        }}
-      />
-    {/each}
-  </div>
+      {#each indexedDiagnostics as diagnostics (diagnostics.pluginId)}
+        <PluginSettingsRow
+          pluginId={diagnostics.pluginId}
+          name={diagnostics.name ?? diagnostics.pluginId}
+          description={diagnostics.description ?? undefined}
+          version={diagnostics.version ?? undefined}
+          provenance={diagnostics.provenance}
+          status={diagnostics.state}
+          error={diagnostics.lastFailureMessage ?? undefined}
+          enabled={false}
+          expanded={expandedPluginIds.has(diagnostics.pluginId)}
+          hasOptions={Boolean(
+            pluginSettingsSectionId(controller, diagnostics.pluginId),
+          )}
+          diagnostics={pluginDiagnosticRows(app, diagnostics.pluginId)}
+          onOptions={() => openPluginSettings(controller, diagnostics.pluginId)}
+          onRestart={async () => {
+            await app.plugins.restartPlugin(diagnostics.pluginId);
+          }}
+        />
+      {/each}
+    </div>
+  {/if}
 </section>