@lapis-notes/api 0.1.0

package/dist/search.js

@@ -0,0 +1,104 @@
+function normalizeQuery(query) {
+    return query
+        .toLowerCase()
+        .split(/\s+/)
+        .map((part) => part.trim())
+        .filter(Boolean);
+}
+function mergeMatches(matches) {
+    const sorted = [...matches].sort((a, b) => a[0] - b[0]);
+    const merged = [];
+    for (const [start, end] of sorted) {
+        const previous = merged[merged.length - 1];
+        if (previous && start <= previous[1]) {
+            previous[1] = Math.max(previous[1], end);
+        }
+        else {
+            merged.push([start, end]);
+        }
+    }
+    return merged;
+}
+function simpleSearchText(query, text) {
+    const parts = normalizeQuery(query);
+    if (!parts.length)
+        return { score: 0, matches: [] };
+    const lowerText = text.toLowerCase();
+    const matches = [];
+    let score = 0;
+    let cursor = 0;
+    for (const part of parts) {
+        const index = lowerText.indexOf(part, cursor);
+        if (index === -1)
+            return null;
+        matches.push([index, index + part.length]);
+        score += part.length * 10 - index;
+        cursor = index + part.length;
+    }
+    return { score, matches: mergeMatches(matches) };
+}
+function fuzzySearchText(query, text) {
+    const needle = query.toLowerCase().replace(/\s+/g, "");
+    if (!needle.length)
+        return { score: 0, matches: [] };
+    const haystack = text.toLowerCase();
+    const matches = [];
+    let cursor = 0;
+    let score = 0;
+    for (const char of needle) {
+        const index = haystack.indexOf(char, cursor);
+        if (index === -1)
+            return null;
+        const previous = matches[matches.length - 1];
+        if (previous && previous[1] === index) {
+            previous[1] = index + 1;
+            score += 8;
+        }
+        else {
+            matches.push([index, index + 1]);
+            score += 5;
+        }
+        if (index === cursor)
+            score += 3;
+        cursor = index + 1;
+    }
+    const first = matches[0]?.[0] ?? 0;
+    return { score: score - first, matches };
+}
+export function prepareSimpleSearch(query) {
+    return (text) => simpleSearchText(query, text);
+}
+export function prepareFuzzySearch(query) {
+    return (text) => {
+        return simpleSearchText(query, text) ?? fuzzySearchText(query, text);
+    };
+}
+export function renderMatches(el, text, matches, offset = 0) {
+    if (!matches?.length) {
+        el.append(document.createTextNode(text));
+        return;
+    }
+    let cursor = 0;
+    for (const [from, to] of matches) {
+        const start = Math.max(0, from - offset);
+        const end = Math.max(start, to - offset);
+        if (start > cursor) {
+            el.append(document.createTextNode(text.slice(cursor, start)));
+        }
+        const mark = document.createElement("span");
+        mark.className = "suggestion-highlight";
+        mark.textContent = text.slice(start, end);
+        el.append(mark);
+        cursor = end;
+    }
+    if (cursor < text.length) {
+        el.append(document.createTextNode(text.slice(cursor)));
+    }
+}
+export function renderResults(el, text, result, offset) {
+    el.empty();
+    renderMatches(el, text, result.matches, offset);
+}
+export function sortSearchResults(results) {
+    results.sort((a, b) => (b.score ?? b.result?.score ?? 0) - (a.score ?? a.result?.score ?? 0));
+}

package/dist/setting-section-layout.d.ts

@@ -0,0 +1,19 @@
+/** @public */
+export declare const SETTING_SECTION_CLASS = "setting-section";
+/** @public */
+export declare const SETTING_SECTION_HEADING_CLASS = "setting-section-heading setting-control-heading";
+/** @public */
+export declare const SETTING_SECTION_HEADING_TITLE_CLASS = "setting-section-heading-title";
+/** @public */
+export declare const SETTING_SECTION_HEADING_DESCRIPTION_CLASS = "setting-section-heading-description";
+/** @public */
+export declare const SETTING_SECTION_HEADING_ACTIONS_CLASS = "setting-section-heading-actions";
+/** @public */
+export declare const SETTING_SECTION_BODY_CLASS = "setting-section-body";
+export declare function getSettingMountEl(rootEl: HTMLElement): HTMLElement;
+export declare function takeElementContent(el: HTMLElement): string | DocumentFragment;
+export declare function openSettingSection(rootEl: HTMLElement, title: string | DocumentFragment, description: string | DocumentFragment | null): HTMLElement;
+export declare function getActiveSectionHeadingEl(rootEl: HTMLElement): HTMLElement | null;
+export declare function ensureSectionHeadingActionsEl(rootEl: HTMLElement): HTMLElement | null;
+export declare function setActiveSectionHeadingDescription(rootEl: HTMLElement, description: string | DocumentFragment): void;
+export declare function removeEmptyImplicitSection(rootEl: HTMLElement): void;

package/dist/setting-section-layout.js

@@ -0,0 +1,194 @@
+/** @public */
+export const SETTING_SECTION_CLASS = "setting-section";
+/** @public */
+export const SETTING_SECTION_HEADING_CLASS = "setting-section-heading setting-control-heading";
+/** @public */
+export const SETTING_SECTION_HEADING_TITLE_CLASS = "setting-section-heading-title";
+/** @public */
+export const SETTING_SECTION_HEADING_DESCRIPTION_CLASS = "setting-section-heading-description";
+/** @public */
+export const SETTING_SECTION_HEADING_ACTIONS_CLASS = "setting-section-heading-actions";
+/** @public */
+export const SETTING_SECTION_BODY_CLASS = "setting-section-body";
+const PLUGIN_TAB_CLASS = "workspace-shell__settings-plugin-tab";
+const settingContainerStates = new WeakMap();
+function usesSettingSectionLayout(rootEl) {
+    return (rootEl.classList.contains(PLUGIN_TAB_CLASS) ||
+        rootEl.classList.contains(SETTING_SECTION_CLASS) ||
+        rootEl.classList.contains("workspace-shell__settings-schema-form"));
+}
+function getContainerState(rootEl) {
+    const state = settingContainerStates.get(rootEl);
+    if (!state) {
+        return undefined;
+    }
+    if (state.activeBodyEl && !state.activeBodyEl.isConnected) {
+        settingContainerStates.delete(rootEl);
+        return undefined;
+    }
+    if (state.implicitSectionEl && !state.implicitSectionEl.isConnected) {
+        settingContainerStates.delete(rootEl);
+        return undefined;
+    }
+    return state;
+}
+function ensureContainerState(rootEl) {
+    const existing = getContainerState(rootEl);
+    if (existing) {
+        return existing;
+    }
+    const state = {
+        activeBodyEl: null,
+        implicitSectionEl: null,
+    };
+    settingContainerStates.set(rootEl, state);
+    return state;
+}
+function createSettingSection(rootEl) {
+    const sectionEl = rootEl.createDiv({ cls: SETTING_SECTION_CLASS });
+    const bodyEl = sectionEl.createDiv({ cls: SETTING_SECTION_BODY_CLASS });
+    return { sectionEl, bodyEl };
+}
+function ensureImplicitSettingBody(rootEl) {
+    const state = ensureContainerState(rootEl);
+    if (state.activeBodyEl?.isConnected) {
+        return state.activeBodyEl;
+    }
+    const { sectionEl, bodyEl } = createSettingSection(rootEl);
+    state.implicitSectionEl = sectionEl;
+    state.activeBodyEl = bodyEl;
+    return bodyEl;
+}
+export function getSettingMountEl(rootEl) {
+    const state = getContainerState(rootEl);
+    if (state?.activeBodyEl?.isConnected) {
+        return state.activeBodyEl;
+    }
+    if (usesSettingSectionLayout(rootEl)) {
+        return ensureImplicitSettingBody(rootEl);
+    }
+    return rootEl;
+}
+export function takeElementContent(el) {
+    if (el.childNodes.length === 0) {
+        return "";
+    }
+    if (el.childNodes.length === 1 &&
+        el.firstChild?.nodeType === Node.TEXT_NODE) {
+        const text = el.textContent ?? "";
+        el.empty();
+        return text;
+    }
+    const fragment = document.createDocumentFragment();
+    while (el.firstChild) {
+        fragment.appendChild(el.firstChild);
+    }
+    return fragment;
+}
+export function openSettingSection(rootEl, title, description) {
+    const state = ensureContainerState(rootEl);
+    const sectionEl = rootEl.createDiv({ cls: SETTING_SECTION_CLASS });
+    const headingEl = sectionEl.createDiv({ cls: SETTING_SECTION_HEADING_CLASS });
+    const titleEl = headingEl.createDiv({
+        cls: SETTING_SECTION_HEADING_TITLE_CLASS,
+    });
+    if (typeof title === "string") {
+        titleEl.setText(title);
+    }
+    else {
+        titleEl.appendChild(title);
+    }
+    if (description) {
+        const hasDescription = typeof description === "string" ? description.trim().length > 0 : true;
+        if (hasDescription) {
+            const descEl = headingEl.createDiv({
+                cls: SETTING_SECTION_HEADING_DESCRIPTION_CLASS,
+            });
+            if (typeof description === "string") {
+                descEl.setText(description);
+            }
+            else {
+                descEl.appendChild(description);
+            }
+        }
+    }
+    const bodyEl = sectionEl.createDiv({ cls: SETTING_SECTION_BODY_CLASS });
+    state.activeBodyEl = bodyEl;
+    state.implicitSectionEl = null;
+    return bodyEl;
+}
+export function getActiveSectionHeadingEl(rootEl) {
+    const state = getContainerState(rootEl);
+    const bodyEl = state?.activeBodyEl;
+    if (!bodyEl?.isConnected) {
+        return null;
+    }
+    const sectionEl = bodyEl.parentElement;
+    if (!sectionEl?.classList.contains(SETTING_SECTION_CLASS)) {
+        return null;
+    }
+    return sectionEl.querySelector(".setting-section-heading");
+}
+export function ensureSectionHeadingActionsEl(rootEl) {
+    const headingEl = getActiveSectionHeadingEl(rootEl);
+    if (!headingEl) {
+        return null;
+    }
+    headingEl.classList.add("setting-section-heading--with-actions");
+    let actionsEl = headingEl.querySelector(`.${SETTING_SECTION_HEADING_ACTIONS_CLASS}`);
+    if (!actionsEl) {
+        actionsEl = headingEl.createDiv({
+            cls: SETTING_SECTION_HEADING_ACTIONS_CLASS,
+        });
+    }
+    return actionsEl;
+}
+function hasHeadingDescriptionContent(description) {
+    return typeof description === "string" ? description.trim().length > 0 : true;
+}
+export function setActiveSectionHeadingDescription(rootEl, description) {
+    const headingEl = getActiveSectionHeadingEl(rootEl);
+    if (!headingEl) {
+        return;
+    }
+    let descEl = headingEl.querySelector(`.${SETTING_SECTION_HEADING_DESCRIPTION_CLASS}`);
+    if (!hasHeadingDescriptionContent(description)) {
+        descEl?.remove();
+        return;
+    }
+    if (!descEl) {
+        descEl = headingEl.createDiv({
+            cls: SETTING_SECTION_HEADING_DESCRIPTION_CLASS,
+        });
+        const titleEl = headingEl.querySelector(`.${SETTING_SECTION_HEADING_TITLE_CLASS}`);
+        const actionsEl = headingEl.querySelector(`.${SETTING_SECTION_HEADING_ACTIONS_CLASS}`);
+        if (titleEl && actionsEl) {
+            headingEl.insertBefore(descEl, actionsEl);
+        }
+        else if (titleEl) {
+            titleEl.insertAdjacentElement("afterend", descEl);
+        }
+        else {
+            headingEl.appendChild(descEl);
+        }
+    }
+    descEl.empty();
+    if (typeof description === "string") {
+        descEl.setText(description);
+    }
+    else {
+        descEl.appendChild(description);
+    }
+}
+export function removeEmptyImplicitSection(rootEl) {
+    const state = getContainerState(rootEl);
+    if (!state?.implicitSectionEl?.isConnected || !state.activeBodyEl) {
+        return;
+    }
+    if (state.activeBodyEl.childElementCount > 0) {
+        return;
+    }
+    state.implicitSectionEl.remove();
+    state.activeBodyEl = null;
+    state.implicitSectionEl = null;
+}