@mak-98/dirvi-cli 0.2.1 → 0.3.1

package/dist/ui/components/UnixEntryComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnixEntryComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/UnixEntryComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB,+BAmBA"}

package/dist/ui/components/UnixEntryComponent.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from 'ink';
+export function UnixEntryComponent({ entry, selected, }) {
+    switch (entry.kind) {
+        case 'file':
+            return _jsx(Text, { inverse: selected, children: entry.name });
+        case 'symlink':
+            return (_jsxs(Text, { inverse: selected, children: [entry.name, " -> ", entry.target] }));
+        case 'directory':
+            return (_jsxs(Text, { inverse: selected, color: "blue", children: [entry.name, "/"] }));
+    }
+}

package/dist/ui/components/ViewRowComponent.d.ts

@@ -0,0 +1,5 @@
+import { ViewRow } from '../view.js';
+export declare function ViewRowComponent({ row }: {
+    row: ViewRow;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ViewRowComponent.d.ts.map

package/dist/ui/components/ViewRowComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewRowComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/ViewRowComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,OAAO,CAAA;CAAE,+BAkCzD"}

package/dist/ui/components/ViewRowComponent.js

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function ViewRowComponent({ row }) {
+    const prefix = '';
+    switch (row.type) {
+        case 'file':
+            return (_jsx(Box, { paddingLeft: row.indent * 2, children: _jsxs(Text, { inverse: row.selected, children: [prefix, row.content] }) }));
+        case 'directory':
+            return (_jsx(Box, { paddingLeft: row.indent * 2, children: _jsxs(Text, { inverse: row.selected, color: "blue", children: [prefix, row.content] }) }));
+        case 'fold':
+            return (_jsx(Box, { paddingLeft: row.indent * 2, children: _jsxs(Text, { inverse: row.selected, dimColor: true, children: [prefix, row.content] }) }));
+    }
+}

package/dist/ui/hooks/useView.d.ts

@@ -0,0 +1,4 @@
+import { NavigationNode, State } from 'dirvi-lib';
+import { View } from '../view.js';
+export declare function useView(navigation: NavigationNode, state: State): View;
+//# sourceMappingURL=useView.d.ts.map

package/dist/ui/hooks/useView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useView.d.ts","sourceRoot":"","sources":["../../../src/ui/hooks/useView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,cAAc,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,IAAI,EAAW,MAAM,YAAY,CAAC;AAO3C,wBAAgB,OAAO,CAAC,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAmBtE"}

package/dist/ui/hooks/useView.js

@@ -0,0 +1,30 @@
+import { View } from '../view.js';
+import { useWindowSize } from 'ink';
+import { useRef } from 'react';
+// Hooks that keeps Ref of the viewport's start, and returns View sliced to
+// only the rows that should be visible.
+export function useView(navigation, state) {
+    const { rows: terminalRows } = useWindowSize();
+    const viewportStartRef = useRef(0);
+    const viewportHeight = Math.max(1, terminalRows);
+    const rows = View.createRows(navigation, state.cursor);
+    viewportStartRef.current = viewportStart(rows, viewportHeight, viewportStartRef.current);
+    return View.create(navigation, state.cursor, viewportHeight, viewportStartRef.current);
+}
+function viewportStart(rows, viewportHeight, currentViewportStart) {
+    const scrollMargin = 3;
+    const cursorIndex = rows.findIndex((row) => row.cursor);
+    const maximumViewportStart = Math.max(0, rows.length - viewportHeight);
+    let viewportStart = currentViewportStart;
+    if (cursorIndex >= 0) {
+        const firstVisibleCursorIndex = viewportStart + scrollMargin;
+        const lastVisibleCursorIndex = viewportStart + viewportHeight - 1 - scrollMargin;
+        if (cursorIndex < firstVisibleCursorIndex) {
+            viewportStart = cursorIndex - scrollMargin;
+        }
+        else if (cursorIndex > lastVisibleCursorIndex) {
+            viewportStart = cursorIndex - viewportHeight + 1 + scrollMargin;
+        }
+    }
+    return Math.max(0, Math.min(viewportStart, maximumViewportStart));
+}

package/dist/ui/view.d.ts

@@ -0,0 +1,18 @@
+import { Cursor, NavigationNode } from 'dirvi-lib';
+export type ViewRowType = 'file' | 'directory' | 'fold';
+export type ViewRow = {
+    id: string;
+    indent: number;
+    selected: boolean;
+    cursor: boolean;
+    content: string;
+    type: ViewRowType;
+};
+export type View = {
+    rows: ViewRow[];
+};
+export declare const View: {
+    createRows(navigation: NavigationNode, cursor: Cursor): ViewRow[];
+    create(navigation: NavigationNode, cursor: Cursor, viewportHeight: number, viewportStart: number): View;
+};
+//# sourceMappingURL=view.d.ts.map

package/dist/ui/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/ui/view.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAEN,cAAc,EAEf,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAMxD,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,OAAO,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,IAAI;2BAED,cAAc,UAClB,MAAM,GACb,OAAO,EAAE;uBAKE,cAAc,UAClB,MAAM,kBACE,MAAM,iBACP,MAAM,GACpB,IAAI;CAUR,CAAC"}

package/dist/ui/view.js

@@ -0,0 +1,74 @@
+import { UnixEntryPath, } from 'dirvi-lib';
+export const View = {
+    createRows(navigation, cursor) {
+        return viewRowsAtNode(navigation, [], cursor);
+    },
+    create(navigation, cursor, viewportHeight, viewportStart) {
+        const rows = View.createRows(navigation, cursor);
+        return {
+            rows: rows.slice(viewportStart, viewportStart + viewportHeight),
+        };
+    },
+};
+function viewRowsAtNode(node, parentPath, cursor) {
+    const rows = [];
+    for (const entry of node.entries) {
+        const isCursor = cursor.kind === 'entry' &&
+            UnixEntryPath.equal(cursor.parentPath, parentPath) &&
+            cursor.entryName === entry.name;
+        rows.push(viewRowForEntry(entry, parentPath, isCursor));
+        if (entry.kind !== 'directory' || entry.node === undefined) {
+            continue;
+        }
+        rows.push(...viewRowsAtNode(entry.node, [...parentPath, entry.name], cursor));
+    }
+    if (node.foldedEntries.length > 0) {
+        const isCursor = cursor.kind === 'fold' &&
+            UnixEntryPath.equal(cursor.parentPath, parentPath);
+        rows.push({
+            id: foldId(parentPath),
+            indent: parentPath.length,
+            selected: isCursor,
+            cursor: isCursor,
+            content: `⋯ ${node.foldedEntries.length} folded entries`,
+            type: 'fold',
+        });
+    }
+    return rows;
+}
+function viewRowForEntry(entry, parentPath, cursor) {
+    return {
+        id: entryId(parentPath, entry.name),
+        indent: parentPath.length,
+        selected: cursor,
+        cursor,
+        content: content(entry),
+        type: type(entry),
+    };
+}
+function entryId(parentPath, entryName) {
+    return `entry:${JSON.stringify([...parentPath, entryName])}`;
+}
+function foldId(parentPath) {
+    return `fold:${JSON.stringify(parentPath)}`;
+}
+function content(entry) {
+    switch (entry.kind) {
+        case 'file':
+            return entry.name;
+        case 'directory':
+            return `${entry.name}/`;
+        case 'symlink':
+            return `${entry.name} -> ${entry.target}`;
+    }
+}
+function type(entry) {
+    switch (entry.kind) {
+        case 'file':
+            return 'file';
+        case 'directory':
+            return 'directory';
+        case 'symlink':
+            return 'file';
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mak-98/dirvi-cli",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "A Vim-inspired TUI for browsing directories.",
   "type": "module",
   "license": "GPL-3.0-or-later",
@@ -13,7 +13,7 @@
   ],
   "dependencies": {
     "commander": "^13.0.0",
-    "dirvi-lib": "0.2.0",
+    "dirvi-lib": "0.3.0",
     "ink": "^7.1.1",
     "react": "^19.0.0"
   },