21 | {icon &&
34 | );
35 | };
36 |
--------------------------------------------------------------------------------
/app/obsidian/src/main.less:
--------------------------------------------------------------------------------
1 | .modal.mod-settings .vertical-tab-content.obzt {
2 | padding: var(--size-4-2);
3 | padding-right: var(--size-4-3);
4 | }
5 |
6 | .obzt {
7 | .setting-item:last-child {
8 | padding-bottom: 0;
9 | border-bottom: none;
10 | }
11 | }
12 | .workspace-leaf-content[data-type="zotero-template-preview"] pre {
13 | user-select: text;
14 | }
15 |
--------------------------------------------------------------------------------
/app/obsidian/src/note-feature/annot-view/style.less:
--------------------------------------------------------------------------------
1 | .workspace-leaf-content[data-type="zotero-annotation-view"] .view-content {
2 | padding: 0;
3 | display: flex;
4 | flex-direction: column;
5 | height: 100%;
6 |
7 | .select-flashing {
8 | background-color: var(--text-highlight-bg);
9 | mix-blend-mode: var(--highlight-mix-blend-mode);
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/app/obsidian/src/note-feature/citation-suggest/index.ts:
--------------------------------------------------------------------------------
1 | import "./style.less";
2 | export { CitationEditorSuggest } from "./editor";
3 | export { insertCitationTo, chooseLiterature } from "./popup";
4 |
--------------------------------------------------------------------------------
/app/obsidian/src/note-feature/citation-suggest/popup.ts:
--------------------------------------------------------------------------------
1 | import type { Editor, TFile } from "obsidian";
2 | import { openModal } from "@/components/basic/modal";
3 | import { ZoteroItemPopupSuggest } from "@/components/item-suggest";
4 | import type ZoteroPlugin from "@/zt-main";
5 | import { insertCitation, isShift } from "./basic";
6 |
7 | const instructions = [
8 | { command: "↑↓", purpose: "to navigate" },
9 | { command: "↵", purpose: "to insert Markdown citation" },
10 | { command: "shift ↵", purpose: "to insert secondary Markdown citation" },
11 | { command: "esc", purpose: "to dismiss" },
12 | ];
13 |
14 | class CitationPopupSuggest extends ZoteroItemPopupSuggest {
15 | constructor(public plugin: ZoteroPlugin) {
16 | super(plugin);
17 | this.setInstructions(instructions);
18 | }
19 | }
20 |
21 | export async function insertCitationTo(
22 | editor: Editor,
23 | file: TFile | null,
24 | plugin: ZoteroPlugin,
25 | ) {
26 | const result = await chooseLiterature(plugin);
27 | if (!result) return false;
28 | const cursor = editor.getCursor();
29 | await insertCitation(
30 | { item: result.value.item, alt: isShift(result.evt) },
31 | {
32 | start: cursor,
33 | end: cursor,
34 | editor,
35 | file,
36 | },
37 | plugin.templateRenderer,
38 | );
39 | return true;
40 | }
41 |
42 | export async function chooseLiterature(plugin: ZoteroPlugin) {
43 | const result = await openModal(new CitationPopupSuggest(plugin));
44 | return result;
45 | }
46 |
--------------------------------------------------------------------------------
/app/obsidian/src/note-feature/citation-suggest/settings.ts:
--------------------------------------------------------------------------------
1 | export interface SettingsSuggester {
2 | citationEditorSuggester: boolean;
3 | showCitekeyInSuggester: boolean;
4 | }
5 |
6 | export const defaultSettingsSuggester: SettingsSuggester = {
7 | citationEditorSuggester: true,
8 | showCitekeyInSuggester: false,
9 | };
10 |
--------------------------------------------------------------------------------
/app/obsidian/src/note-feature/quick-switch/index.ts:
--------------------------------------------------------------------------------
1 | export { openOrCreateNote } from "./popup";
2 |
--------------------------------------------------------------------------------
/app/obsidian/src/note-feature/quick-switch/popup.ts:
--------------------------------------------------------------------------------
1 | import { Keymap } from "obsidian";
2 | import { openModal } from "@/components/basic/modal";
3 | import { ZoteroItemPopupSuggest } from "@/components/item-suggest/popup.js";
4 | import type ZoteroPlugin from "@/zt-main.js";
5 |
6 | const instructions = [
7 | { command: "↑↓", purpose: "to navigate" },
8 | { command: "↵", purpose: "to open/create literature note" },
9 | // { command: "shift ↵", purpose: "to insert secondary Markdown citation" },
10 | { command: "esc", purpose: "to dismiss" },
11 | ];
12 |
13 | class NoteQuickSwitch extends ZoteroItemPopupSuggest {
14 | constructor(public plugin: ZoteroPlugin) {
15 | super(plugin);
16 | this.setInstructions(instructions);
17 | }
18 | }
19 |
20 | export async function openOrCreateNote(plugin: ZoteroPlugin): Promise{icon}
}
22 |
23 |
26 | {name}
24 | {desc}
25 |
27 | {button && (
28 |
31 | )}
32 |
33 |
15 | {name}: {state === "failed" && "(Failed to load)"}
16 |
18 | );
19 | }
20 | export function DatabasePath({
21 | path,
22 | state,
23 | }: {
24 | path: string;
25 | state: DatabaseStatus;
26 | }) {
27 | return (
28 |
36 | {path}
37 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/app/obsidian/src/setting-tab/connect/index.tsx:
--------------------------------------------------------------------------------
1 | import { useContext } from "react";
2 | import { SettingTabCtx } from "../common";
3 | import BooleanSetting from "../components/Boolean";
4 | import { BackgroundConnectSetting } from "./Background";
5 | import DatabaseSetting from "./Database";
6 |
7 | export default function Connect() {
8 | return (
9 | <>
10 | 22 | Set to DEBUG if you need to report a issue 23 |
24 | To check console, {promptOpenLog()} 25 | 26 | } 27 | > 28 | 42 |
8 |
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/lib/components/src/components/annot-view/AnnotView/RefreshButton.tsx:
--------------------------------------------------------------------------------
1 | import type { IconToggleProps } from "../../icon";
2 | import { IconToggle } from "../../icon";
3 |
4 | export type RefreshButtonProps = Omit{buttons}
9 | {children}
10 |
31 | {renderMarkdown(markdown)}
32 |
33 | );
34 | });
35 |
--------------------------------------------------------------------------------
/lib/components/src/components/annot-view/Annotation/Content.tsx:
--------------------------------------------------------------------------------
1 | import React, { forwardRef } from "react";
2 | import type { Attributes } from "@c/utils";
3 | import { cn as clsx } from "@c/utils";
4 |
5 | export type ContentProps = Attributes;
6 | export default forwardRef(function Content(
7 | { className, ...props }: ContentProps,
8 | ref: React.Ref{text}
; 24 | case AnnotationType.image: 25 | if (!imgSrc) throw new Error("imgSrc is required for image annotation"); 26 | return ( 27 |
31 | {checkbox}
32 |
41 | );
42 | }
43 |
--------------------------------------------------------------------------------
/lib/components/src/components/annot-view/Annotation/HeaderIcon.tsx:
--------------------------------------------------------------------------------
1 | import { AnnotationType } from "@obzt/zotero-type";
2 | import { startCase } from "lodash-es";
3 | import { memo } from "react";
4 | import { cn as clsx } from "@c/utils";
5 | import type { IconProps } from "../../icon";
6 | import { Icon } from "../../icon";
7 |
8 | export interface HeaderIconProps {
9 | icon: string;
10 | color: string | null;
11 | type: AnnotationType;
12 | }
13 |
14 | export default memo(function HeaderIcon({
15 | icon,
16 | color,
17 | type,
18 | className,
19 | ...props
20 | }: HeaderIconProps & IconProps) {
21 | const label = startCase(AnnotationType[type]);
22 | return (
23 |
33 | {drag}
34 |
35 |
36 | {buttons}
37 |
38 |
39 | {children}
40 |
13 | {tags.map((tag) => (
14 | // eslint-disable-next-line jsx-a11y/anchor-is-valid
15 |
18 | );
19 | }
20 |
21 | const Tag = memo(function Tag({ name }: TagInfo) {
22 | return (
23 | // eslint-disable-next-line jsx-a11y/anchor-is-valid
24 |
28 | {name}
29 |
30 | );
31 | });
32 |
--------------------------------------------------------------------------------
/lib/components/src/components/annot-view/Annotation/hooks/useAnnotIcon.tsx:
--------------------------------------------------------------------------------
1 | import { AnnotationType } from "@obzt/zotero-type";
2 |
3 | export const useAnnotIcon = (type: AnnotationType) => {
4 | switch (type) {
5 | case AnnotationType.highlight:
6 | return "align-left";
7 | case AnnotationType.underline:
8 | return "underline";
9 | case AnnotationType.image:
10 | return "frame";
11 | case AnnotationType.text:
12 | return "text-select";
13 | case AnnotationType.note:
14 | case AnnotationType.ink:
15 | default:
16 | return "file-question";
17 | }
18 | };
19 |
--------------------------------------------------------------------------------
/lib/components/src/components/annot-view/Annotation/hooks/useAnnotRender.tsx:
--------------------------------------------------------------------------------
1 | import type { AnnotationInfo } from "@obzt/database";
2 | import { useContext } from "react";
3 | import { useStore } from "zustand";
4 | import { shallow } from "zustand/shallow";
5 | import { Context } from "../../context";
6 |
7 | export const useAnnotRenderer = (annotation: AnnotationInfo) => {
8 | const { annotRenderer, store } = useContext(Context);
9 | const props = useStore(store, annotRenderer.storeSelector, shallow);
10 | return annotRenderer.get(annotation, props);
11 | };
12 |
--------------------------------------------------------------------------------
/lib/components/src/components/annot-view/Annotation/hooks/useImgSrc.tsx:
--------------------------------------------------------------------------------
1 | import type { AnnotationInfo } from "@obzt/database";
2 | import { useContext, useMemo } from "react";
3 | import { Context } from "../../context";
4 |
5 | export const useImgSrc = (annot: AnnotationInfo): string | undefined => {
6 | const { getImgSrc } = useContext(Context);
7 | return useMemo(() => getImgSrc(annot), [annot, getImgSrc]);
8 | };
9 |
--------------------------------------------------------------------------------
/lib/components/src/components/annot-view/DetailsButton.tsx:
--------------------------------------------------------------------------------
1 | import type { IconButtonProps } from "../icon";
2 | import { IconButton } from "../icon";
3 |
4 | export type DetailsToggleProps = Omit
12 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/lib/components/src/components/obsidian.ts:
--------------------------------------------------------------------------------
1 | import type { ReactNode } from "react";
2 | import { createContext } from "react";
3 |
4 | // eslint-disable-next-line @typescript-eslint/ban-types
5 | export interface ObsidianContextType {
6 | sanitize(html: string): string;
7 | setIcon(parent: HTMLElement, iconId: string): void;
8 | renderMarkdown(content: string): ReactNode;
9 | }
10 |
11 | // eslint-disable-next-line @typescript-eslint/naming-convention
12 | export const ObsidianContext = createContext({} as ObsidianContextType);
13 |
--------------------------------------------------------------------------------
/lib/components/src/components/status/checkbox.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
4 | import * as React from "react";
5 | import { cn } from "@c/utils";
6 | import { Icon } from "../icon";
7 |
8 | const Checkbox = React.forwardRef<
9 | React.ElementRef