npm - for-humanity - Versions diffs - 0.5.0 → 0.7.0 - Mend

@@ -1,48 +0,0 @@
-import clsx from "clsx";
-import {toNavigationBranchId} from "@/component/widget/navigation/_function/to-navigation-branch-id";
-import "./_wg-navigation-branch-toggle.css";
-/**
- * 문서·목차에서 공유하는 가지 조작 · 링크 이동과 분리된 네이티브 버튼
- */
-export interface WgNavigationBranchToggleProps {
-    /**
-     * 문서 ID·묶음 경로·페이지별 헤딩으로 구분한 상태 키
-     */
-    branchKey: string;
-    /**
-     * 펼치거나 접을 가지의 접근 가능한 이름
-     */
-    label: string;
-    /**
-     * 같은 저장 키의 접힘 상태
-     */
-    collapsed: Record<string, boolean>;
-    /**
-     * 브라우저에서만 제공하는 가지 변경 동작
-     */
-    onToggle?: (key: string) => void;
-}
-export const WgNavigationBranchToggle = (props: WgNavigationBranchToggleProps) => {
-    /**
-     * 링크 이동과 별도로 현재 가지 선택 변경
-     */
-    const handleToggleClick = () => props.onToggle?.(props.branchKey);
-    return (
-        <button
-            className={clsx("wg_navigationBranchToggle__root")}
-            type="button"
-            aria-label={`${props.collapsed[props.branchKey] === true ? "Expand" : "Collapse"} ${props.label}`}
-            aria-expanded={String(props.collapsed[props.branchKey] !== true)}
-            aria-controls={toNavigationBranchId(props.branchKey)}
-            data-navigation-toggle={props.branchKey}
-            data-navigation-label={props.label}
-            hidden={props.onToggle === undefined}
-            onClick={handleToggleClick}
-        >
-            {props.collapsed[props.branchKey] === true ? "+" : "−"}
-        </button>
-    );
-};

@@ -1,6 +0,0 @@
-/**
- * 전체 경로 기반 가지 키를 HTML id로 변환 · 제목이 같은 묶음·문서도 독립 제어
- */
-export const toNavigationBranchId = (key: string) => {
-    return `fh-branch-${encodeURIComponent(key)}`;
-};

@@ -1,28 +0,0 @@
-/* 각 가지 항목이 위치 기준 · 텍스트 이동과 독립된 접기 동작 */
-.wg_navigationBranchToggle__root {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: var(--app-size-tree-toggle);
-    height: calc(var(--app-font-size-dense) * var(--app-line-height-tight) + var(--app-space-tree-row) * 2);
-    padding: 0;
-    border: 0;
-    background: transparent;
-    color: var(--app-color-border-soft);
-    font-family: var(--app-font-mono);
-    font-size: var(--app-font-size-body);
-    line-height: 1;
-    cursor: pointer;
-    &:hover {
-        background: var(--app-color-accent-soft);
-        color: var(--app-color-text-strong);
-    }
-    &:focus-visible {
-        background: var(--app-color-accent-soft);
-        color: var(--app-color-text-strong);
-        outline: var(--app-outline-focus);
-        outline-offset: calc(0px - var(--app-outline-focus-offset));
-    }
-}

@@ -1,6 +0,0 @@
-import type {NavigationTreeState} from "@/store/navigation/navigation-state";
-/**
- * 서버에서 사용자 저장소 없이 모든 가지를 펼치는 고정 스냅샷
- */
-export const tree_server_state: NavigationTreeState = {collapsed: {}};

@@ -1,19 +0,0 @@
-import type {NavigationTreeState} from "@/store/navigation/navigation-state";
-/**
- * persist 저장 자료에서 boolean 접힘 선택만 수용
- */
-export const toNavigationTreeState = (value: unknown): NavigationTreeState => {
-    if (
-        typeof value !== "object" ||
-        value === null ||
-        !("collapsed" in value) ||
-        typeof value.collapsed !== "object" ||
-        value.collapsed === null ||
-        Array.isArray(value.collapsed)
-    ) {
-        return {collapsed: {}};
-    }
-    return {collapsed: Object.fromEntries(Object.entries(value.collapsed).filter((entry) => typeof entry[1] === "boolean"))};
-};

@@ -1,12 +0,0 @@
-import {useSyncExternalStore} from "hono/jsx";
-import {tree_server_state} from "@/store/navigation/_constant/tree";
-import type {createNavigationStores} from "@/store/navigation/create-navigation-stores";
-/**
- * Hono 컴포넌트의 persist 구독 · 브라우저 최초 렌더도 저장된 값을 즉시 소비
- */
-export const useNavigationTreeStore = (tree?: ReturnType<typeof createNavigationStores>["tree"]) => {
-    const subscribe = tree === undefined ? () => () => {} : tree.subscribe;
-    const getSnapshot = tree === undefined ? () => tree_server_state : tree.getState;
-    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-};

for-humanity 0.5.0 → 0.7.0