@lapis-notes/lapis-plugin-docs 0.0.0-stage → 0.2.0

package/dist/docs/candidates/StructuredTableEditor.svelte.d.ts

@@ -0,0 +1,12 @@
+type TablePatch = {
+    columns: string[];
+    rows: string[][];
+};
+type $$ComponentProps = {
+    columns?: string[];
+    rows?: string[][];
+    onChange?: (table: TablePatch) => void;
+};
+declare const StructuredTableEditor: import("svelte").Component<$$ComponentProps, {}, "">;
+type StructuredTableEditor = ReturnType<typeof StructuredTableEditor>;
+export default StructuredTableEditor;

package/dist/docs/candidates/TagEditor.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	/**
+	 * DESIGN_CORE_CANDIDATE: TagEditor is a thin ChipAutocomplete wrapper.
+	 * Prefer promoting to design-core/forms when shared consumers need it.
+	 */
+	import ChipAutocomplete from "@lapismd/design-core/forms/ChipAutocomplete.svelte";
+
+	let {
+		value = [],
+		suggestions = [],
+		label = "Tags",
+		showLabel = true,
+		placeholder = "Add tag...",
+		id = undefined,
+		embedded = false,
+		uppercase = true,
+		onChange = () => {}
+	}: {
+		value?: string[];
+		suggestions?: string[];
+		label?: string;
+		showLabel?: boolean;
+		placeholder?: string;
+		id?: string;
+		embedded?: boolean;
+		uppercase?: boolean;
+		onChange?: (tags: string[]) => void | Promise<void>;
+	} = $props();
+</script>
+
+<ChipAutocomplete {value} {suggestions} {label} {showLabel} {placeholder} {id} {embedded} {uppercase} {onChange} />

package/dist/docs/candidates/TagEditor.svelte.d.ts

@@ -0,0 +1,14 @@
+type $$ComponentProps = {
+    value?: string[];
+    suggestions?: string[];
+    label?: string;
+    showLabel?: boolean;
+    placeholder?: string;
+    id?: string;
+    embedded?: boolean;
+    uppercase?: boolean;
+    onChange?: (tags: string[]) => void | Promise<void>;
+};
+declare const TagEditor: import("svelte").Component<$$ComponentProps, {}, "">;
+type TagEditor = ReturnType<typeof TagEditor>;
+export default TagEditor;

package/dist/docs/candidates/WorkspaceHistoryControls.svelte

@@ -0,0 +1,112 @@
+<script lang="ts">
+	/**
+	 * DESIGN_CORE_CANDIDATE: WorkspaceHistoryControls — ported for Docs; promote to design-core/forms later.
+	 */
+	import ArrowLeftIcon from '@lucide/svelte/icons/arrow-left';
+	import ArrowRightIcon from '@lucide/svelte/icons/arrow-right';
+
+	let {
+		ariaLabel = 'Workspace history navigation',
+		class: className = '',
+		onNavigate = defaultNavigate
+	}: {
+		ariaLabel?: string;
+		class?: string;
+		onNavigate?: (direction: -1 | 1) => void | Promise<void>;
+	} = $props();
+
+	let pointerActionHandled = false;
+
+	function defaultNavigate(direction: -1 | 1) {
+		if (typeof window === 'undefined') return;
+		window.history.go(direction);
+	}
+
+	function runPointerAction(event: PointerEvent, direction: -1 | 1) {
+		pointerActionHandled = true;
+		event.preventDefault();
+		event.stopPropagation();
+		void onNavigate(direction);
+		setTimeout(() => {
+			pointerActionHandled = false;
+		}, 0);
+	}
+
+	function runKeyboardAction(event: MouseEvent, direction: -1 | 1) {
+		event.stopPropagation();
+		if (pointerActionHandled) return;
+		void onNavigate(direction);
+	}
+</script>
+
+<div
+	class={`workspace-history-controls topbar-history-controls ${className}`.trim()}
+	role="group"
+	aria-label={ariaLabel}
+>
+	<button
+		type="button"
+		aria-label="Go back"
+		title="Go back"
+		onpointerdown={(event) => runPointerAction(event, -1)}
+		onclick={(event) => runKeyboardAction(event, -1)}
+	>
+		<ArrowLeftIcon aria-hidden="true" />
+	</button>
+	<button
+		type="button"
+		aria-label="Go forward"
+		title="Go forward"
+		onpointerdown={(event) => runPointerAction(event, 1)}
+		onclick={(event) => runKeyboardAction(event, 1)}
+	>
+		<ArrowRightIcon aria-hidden="true" />
+	</button>
+</div>
+
+<style>
+	.workspace-history-controls.topbar-history-controls {
+		display: inline-flex;
+		flex: 0 0 auto;
+		align-self: center;
+		inline-size: max-content;
+		min-inline-size: max-content;
+		overflow: hidden;
+		border: 1px solid var(--workspace-history-border, var(--border));
+		border-radius: 0.45rem;
+		background: var(--workspace-history-background, var(--background));
+		box-shadow: 0 1px 2px var(--workspace-history-shadow, rgb(0 0 0 / 0.08));
+	}
+
+	.workspace-history-controls.topbar-history-controls button {
+		display: grid;
+		flex: 0 0 2rem;
+		width: 2rem;
+		height: 2rem;
+		min-height: 2rem;
+		place-items: center;
+		border: 0;
+		border-radius: 0;
+		background: transparent;
+		color: inherit;
+		cursor: pointer;
+		font: inherit;
+		padding: 0;
+	}
+
+	.workspace-history-controls button:hover,
+	.workspace-history-controls button:focus-visible {
+		outline: 0;
+		background: var(
+			--workspace-history-hover-background,
+			color-mix(in srgb, var(--muted-foreground) 10%, transparent)
+		);
+		color: var(--workspace-history-hover-foreground, currentColor);
+	}
+
+	.workspace-history-controls :global(svg) {
+		width: 1rem;
+		height: 1rem;
+		flex: none;
+	}
+</style>

package/dist/docs/candidates/WorkspaceHistoryControls.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    ariaLabel?: string;
+    class?: string;
+    onNavigate?: (direction: -1 | 1) => void | Promise<void>;
+};
+declare const WorkspaceHistoryControls: import("svelte").Component<$$ComponentProps, {}, "">;
+type WorkspaceHistoryControls = ReturnType<typeof WorkspaceHistoryControls>;
+export default WorkspaceHistoryControls;

package/dist/docs/candidates/markdown-floating-toc.css

@@ -0,0 +1,151 @@
+.markdown-floating-toc {
+  position: absolute;
+  top: 50%;
+  right: max(
+    calc(0.8rem + var(--markdown-floating-toc-scrollbar-offset, 1rem)),
+    calc(env(safe-area-inset-right) + var(--markdown-floating-toc-scrollbar-offset, 1rem))
+  );
+  z-index: 35;
+  width: var(--markdown-floating-toc-gutter, 1.45rem);
+  min-height: min(68vh, max(5rem, calc(var(--toc-heading-count, 2) * 0.82rem)));
+  transform: translateY(-50%);
+  pointer-events: auto;
+}
+
+.markdown-floating-toc.is-open {
+  width: calc(14rem + var(--markdown-floating-toc-gutter, 1.45rem) + 0.45rem);
+}
+
+.markdown-floating-toc__rail {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  display: flex;
+  width: var(--markdown-floating-toc-gutter, 1.45rem);
+  max-height: min(68vh, max(5rem, calc(var(--toc-heading-count, 2) * 0.82rem)));
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  gap: 0.55rem;
+  overflow: hidden;
+  transform: translateY(-50%);
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  padding: 0;
+  opacity: 0.72;
+}
+
+.markdown-floating-toc__rail-marker {
+  display: flex;
+  width: var(--markdown-floating-toc-gutter, 1.45rem);
+  height: 0.36rem;
+  align-items: center;
+  justify-content: flex-end;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  padding: 0;
+}
+
+.markdown-floating-toc__rail-line {
+  width: var(--toc-marker-width, 1rem);
+  height: 0.16rem;
+  flex: 0 0 auto;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--kanban-muted, var(--docs-muted, rgb(100 116 139))) 62%, transparent);
+}
+
+.markdown-floating-toc__rail:hover,
+.markdown-floating-toc__rail:focus-within,
+.markdown-floating-toc.is-open .markdown-floating-toc__rail {
+  opacity: 1;
+  outline: 0;
+  transform: translateY(-50%) translateX(-0.08rem);
+}
+
+.markdown-floating-toc__rail-marker:focus-visible {
+  outline: 0;
+}
+
+.markdown-floating-toc__rail-marker:hover .markdown-floating-toc__rail-line,
+.markdown-floating-toc__rail-marker:focus-visible .markdown-floating-toc__rail-line,
+.markdown-floating-toc__rail-line.is-active {
+  width: calc(var(--toc-marker-width, 1rem) + 0.18rem);
+  height: 0.22rem;
+  background: var(--card-color, var(--column-color, var(--kanban-accent, var(--docs-brand, rgb(14 165 233)))));
+}
+
+.markdown-floating-toc__panel {
+  position: absolute;
+  top: 50%;
+  right: calc(var(--markdown-floating-toc-gutter, 1.45rem) + 0.45rem);
+  width: 14rem;
+  max-height: min(60vh, 24rem);
+  overflow: auto;
+  transform: translateY(-50%);
+  border: 1px solid color-mix(in srgb, var(--kanban-border, var(--docs-border, rgb(226 232 240))) 86%, transparent);
+  border-radius: 0.65rem;
+  background: color-mix(in srgb, var(--kanban-card, var(--docs-surface, rgb(255 255 255))) 96%, transparent);
+  box-shadow: 0 18px 45px color-mix(in srgb, var(--kanban-card-foreground, rgb(15 23 42)) 16%, transparent);
+  padding: 0.55rem;
+}
+
+.markdown-floating-toc__eyebrow {
+  margin: 0 0 0.35rem;
+  color: var(--kanban-muted, var(--docs-muted));
+  font-size: 0.68rem;
+  font-weight: 850;
+  letter-spacing: 0;
+}
+
+.markdown-floating-toc__panel ol {
+  display: flex;
+  flex-direction: column;
+  gap: 0.12rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.markdown-floating-toc__item {
+  display: block;
+  width: 100%;
+  border: 0;
+  border-radius: 0.35rem;
+  background: transparent;
+  color: var(--kanban-card-foreground, var(--foreground, rgb(15 23 42)));
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+  padding: 0.38rem 0.42rem 0.38rem calc(0.42rem + var(--toc-indent, 0rem));
+  text-align: left;
+}
+
+.markdown-floating-toc__item:hover,
+.markdown-floating-toc__item:focus-visible,
+.markdown-floating-toc__item.is-active {
+  outline: 0;
+  background: color-mix(
+    in srgb,
+    var(--card-color, var(--column-color, var(--kanban-accent, var(--docs-brand, rgb(14 165 233))))) 10%,
+    transparent
+  );
+  color: var(--card-color, var(--column-color, var(--kanban-accent, var(--docs-brand, rgb(14 165 233)))));
+}
+
+@media (max-width: 700px) {
+  .markdown-floating-toc {
+    display: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .markdown-floating-toc__rail {
+    transition: none;
+  }
+}

package/dist/docs/candidates/markdown-floating-toc.d.ts

@@ -0,0 +1 @@
+export type MarkdownFloatingTocMode = "auto" | "on" | "off" | "always";

package/dist/docs/candidates/markdown-floating-toc.js

@@ -0,0 +1 @@
+export {};

package/dist/docs/docs-anki-import.d.ts

@@ -0,0 +1,34 @@
+import { type DocsNote, type DocsWorkspace } from '../model';
+export type AnkiImportSummary = {
+    deckCount: number;
+    cardCount: number;
+    mediaCount: number;
+};
+export type ImportedAnkiNoteSummary = {
+    id: string;
+    title: string;
+    sourcePath: string;
+    cardCount: number;
+    mediaCount: number;
+};
+export type AnkiImportResult = {
+    summary: AnkiImportSummary;
+    warnings: string[];
+    importedNotes: ImportedAnkiNoteSummary[];
+    workspace?: DocsWorkspace;
+};
+export type AnkiImportOptions = {
+    bytes: Uint8Array;
+    filename?: string;
+    tags?: string[];
+    dryRun?: boolean;
+    docsRoot?: string;
+    now?: Date;
+    existingIds?: Iterable<string>;
+    writeNote?: (note: DocsNote) => Promise<void>;
+    writeMedia?: (note: DocsNote, file: {
+        filename: string;
+        bytes: Uint8Array;
+    }) => Promise<void>;
+};
+export declare function importAnkiPackage(options: AnkiImportOptions): Promise<AnkiImportResult>;