@lapis-notes/bookmarks 0.1.0

package/dist/bookmarks-view.d.ts

@@ -0,0 +1,21 @@
+import { View, type WorkspaceLeaf } from "@lapis-notes/api";
+import type { BookmarksStore } from "./bookmarks-store";
+export interface BookmarksViewHost {
+    store: BookmarksStore;
+    promptAddBookmark(): Promise<void>;
+    createGroup(parentCtime: number | null): Promise<{
+        ctime: number;
+    }>;
+}
+export declare class BookmarksView extends View {
+    #private;
+    private readonly host;
+    constructor(leaf: WorkspaceLeaf, host: BookmarksViewHost);
+    getViewType(): string;
+    getDisplayText(): string;
+    getIcon(): string;
+    protected onOpen(): Promise<void>;
+    protected onClose(): Promise<void>;
+    onload(): void;
+    onunload(): void;
+}

package/dist/bookmarks-view.js

@@ -0,0 +1,43 @@
+import { View } from "@lapis-notes/api";
+import { mount, unmount } from "svelte";
+import BookmarksPanel from "./bookmarks-panel.svelte";
+import { BookmarksViewType } from "./bookmarks-view-type";
+export class BookmarksView extends View {
+    host;
+    #component = null;
+    constructor(leaf, host) {
+        super(leaf);
+        this.host = host;
+    }
+    getViewType() {
+        return BookmarksViewType;
+    }
+    getDisplayText() {
+        return "Bookmarks";
+    }
+    getIcon() {
+        return "bookmark";
+    }
+    onOpen() {
+        return Promise.resolve();
+    }
+    onClose() {
+        return Promise.resolve();
+    }
+    onload() {
+        this.#component = mount(BookmarksPanel, {
+            target: this.containerEl,
+            props: {
+                app: this.app,
+                store: this.host.store,
+                onBookmarkActive: () => void this.host.promptAddBookmark(),
+                onNewGroup: (parentCtime) => this.host.createGroup(parentCtime),
+            },
+        });
+    }
+    onunload() {
+        if (this.#component)
+            void unmount(this.#component);
+        this.#component = null;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import "./styles.css";
+export { default as manifest } from "../../manifest.json";
+export { activateBookmark, bookmarkableTarget } from "./activate-bookmark";
+export { BookmarksPanel } from "./public-components";
+export { BookmarksPlugin } from "./bookmarks-plugin";
+export { BOOKMARKS_PLUGIN_ID, BookmarksViewType, } from "./bookmarks-view-type";
+export { BookmarksStore } from "./bookmarks-store";
+export { BookmarksView } from "./bookmarks-view";
+export { bookmarkIcon, bookmarkLabel, cloneBookmarkItems, isFileBookmark, isFolderBookmark, isGraphBookmark, isGroupBookmark, isSearchBookmark, isUrlBookmark, parseBookmarksDocument, } from "./bookmarks-schema";
+export type { BookmarkItem, BookmarksDocument } from "./bookmarks-schema";

package/dist/index.js

@@ -0,0 +1,9 @@
+import "./styles.css";
+export { default as manifest } from "../../manifest.json";
+export { activateBookmark, bookmarkableTarget } from "./activate-bookmark";
+export { BookmarksPanel } from "./public-components";
+export { BookmarksPlugin } from "./bookmarks-plugin";
+export { BOOKMARKS_PLUGIN_ID, BookmarksViewType, } from "./bookmarks-view-type";
+export { BookmarksStore } from "./bookmarks-store";
+export { BookmarksView } from "./bookmarks-view";
+export { bookmarkIcon, bookmarkLabel, cloneBookmarkItems, isFileBookmark, isFolderBookmark, isGraphBookmark, isGroupBookmark, isSearchBookmark, isUrlBookmark, parseBookmarksDocument, } from "./bookmarks-schema";

package/dist/mount-dialog.d.ts

@@ -0,0 +1,8 @@
+import { type Component } from "svelte";
+import type { App } from "@lapis-notes/api";
+export declare function dialogPortalPropsForApp(app: App): {
+    to: HTMLElement;
+};
+export declare function mountDialog<Props extends Record<string, unknown>>(app: App, component: Component<Props>, props: Props): {
+    close: () => void;
+};

package/dist/mount-dialog.js

@@ -0,0 +1,16 @@
+import { mount, unmount } from "svelte";
+export function dialogPortalPropsForApp(app) {
+    return { to: app.workspace.getCommandHostDocument().body };
+}
+export function mountDialog(app, component, props) {
+    const target = app.workspace.getCommandHostDocument().body;
+    const instance = mount(component, {
+        target,
+        props,
+    });
+    return {
+        close: () => {
+            void unmount(instance);
+        },
+    };
+}

package/dist/pick-bookmark-group.svelte

@@ -0,0 +1,76 @@
+<script lang="ts">
+  import * as CommandView from "@lapismd/design-core/shadcn/command-view";
+  import * as Dialog from "@lapismd/design-core/shadcn/dialog";
+
+  let {
+    open = true,
+    groups,
+    portalProps,
+    onCancel,
+    onSelect,
+  }: {
+    open?: boolean;
+    groups: Array<{ ctime: number | null; label: string; description?: string }>;
+    portalProps: { to: HTMLElement };
+    onCancel: () => void;
+    onSelect: (ctime: number | null, createTitle?: string) => void;
+  } = $props();
+
+  let query = $state("");
+
+  const trimmed = $derived(query.trim());
+  const filtered = $derived.by(() => {
+    if (!trimmed) return groups;
+    const needle = trimmed.toLocaleLowerCase();
+    return groups.filter((group) =>
+      `${group.label} ${group.description ?? ""}`
+        .toLocaleLowerCase()
+        .includes(needle),
+    );
+  });
+  const createCandidate = $derived.by(() => {
+    if (!trimmed) return null;
+    const exists = groups.some(
+      (group) => group.label.toLocaleLowerCase() === trimmed.toLocaleLowerCase(),
+    );
+    return exists ? null : trimmed;
+  });
+</script>
+
+<Dialog.Root
+  {open}
+  onOpenChange={(next) => {
+    if (!next) onCancel();
+  }}
+>
+  <Dialog.Content {portalProps} class="bookmarks-group-picker" showCloseButton={false}>
+    <Dialog.Header class="sr-only">
+      <Dialog.Title>Bookmark group</Dialog.Title>
+      <Dialog.Description>Choose an existing group or create one</Dialog.Description>
+    </Dialog.Header>
+    <CommandView.Root shouldFilter={false}>
+      <CommandView.Input
+        bind:value={query}
+        placeholder="Search bookmark groups…"
+      />
+      <CommandView.List aria-label="Bookmark groups">
+        {#if createCandidate}
+          <CommandView.Item
+            onSelect={() => onSelect(null, createCandidate)}
+          >
+            <CommandView.ItemLabel>Create “{createCandidate}”</CommandView.ItemLabel>
+          </CommandView.Item>
+        {/if}
+        {#each filtered as group (String(group.ctime) + group.label)}
+          <CommandView.Item onSelect={() => onSelect(group.ctime)}>
+            <CommandView.ItemLabel>{group.label}</CommandView.ItemLabel>
+            {#if group.description}
+              <CommandView.ItemDescription>{group.description}</CommandView.ItemDescription>
+            {/if}
+          </CommandView.Item>
+        {/each}
+        <CommandView.Empty>No bookmark groups</CommandView.Empty>
+      </CommandView.List>
+    </CommandView.Root>
+  </Dialog.Content>
+</Dialog.Root>

package/dist/pick-bookmark-group.svelte.d.ts

@@ -0,0 +1,16 @@
+type $$ComponentProps = {
+    open?: boolean;
+    groups: Array<{
+        ctime: number | null;
+        label: string;
+        description?: string;
+    }>;
+    portalProps: {
+        to: HTMLElement;
+    };
+    onCancel: () => void;
+    onSelect: (ctime: number | null, createTitle?: string) => void;
+};
+declare const PickBookmarkGroup: import("svelte").Component<$$ComponentProps, {}, "">;
+type PickBookmarkGroup = ReturnType<typeof PickBookmarkGroup>;
+export default PickBookmarkGroup;

package/dist/public-components.d.ts

@@ -0,0 +1 @@
+export { default as BookmarksPanel } from "./bookmarks-panel.svelte";

package/dist/public-components.js

@@ -0,0 +1 @@
+export { default as BookmarksPanel } from "./bookmarks-panel.svelte";

package/dist/styles.css

@@ -0,0 +1 @@
+/* Bookmarks currently uses host and component-scoped styles only. */

package/manifest.json

@@ -0,0 +1,26 @@
+{
+  "id": "bookmarks",
+  "name": "Bookmarks",
+  "version": "0.1.0",
+  "minAppVersion": "0.1.0",
+  "description": "Bookmark files, folders, searches, and groups",
+  "author": "Lapis Notes",
+  "lapis": {
+    "manifestVersion": 1,
+    "source": "official",
+    "locked": false,
+    "enabledByDefault": true,
+    "runtime": {
+      "entries": {
+        "workspace": {
+          "path": "main.mjs",
+          "format": "esm",
+          "sharedDependencies": [
+            "@lapis-notes/api"
+          ],
+          "requiresReloadOnUpdate": false
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@lapis-notes/bookmarks",
+  "version": "0.1.0",
+  "description": "Lapis Notes bookmarks plugin",
+  "license": "AGPL-3.0-or-later",
+  "type": "module",
+  "files": [
+    "dist",
+    "manifest.json",
+    "styles.css",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE.md",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./manifest.json": "./manifest.json",
+    "./styles.css": "./styles.css"
+  },
+  "dependencies": {
+    "@lapis-notes/api": "^0.1.0",
+    "@lapismd/design-core": "^0.1.0",
+    "@lucide/svelte": "^0.523.0"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^5.1.1",
+    "@tsconfig/svelte": "^5.0.5",
+    "publint": "^0.3.12",
+    "svelte": "^5.38.2",
+    "svelte-check": "^4.3.1",
+    "typescript": "~5.8.3",
+    "vite": "^6.4.2",
+    "vitest": "^4.1.8"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lapismd/lapis-plugins.git",
+    "directory": "packages/bookmarks"
+  },
+  "homepage": "https://github.com/lapismd/lapis-plugins/tree/main/packages/bookmarks#readme",
+  "bugs": {
+    "url": "https://github.com/lapismd/lapis-plugins/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm run prepack",
+    "check": "pnpm check:svelte && pnpm check:types",
+    "check:svelte": "svelte-check --tsconfig ./tsconfig.app.json --fail-on-warnings --output human",
+    "check:types": "tsc -p tsconfig.node.json --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "publint": "publint",
+    "pack": "pnpm pack --pack-destination ../../.release/npm"
+  }
+}

package/styles.css

@@ -0,0 +1 @@
+@import "./dist/styles.css";