@mak-98/dirvi-app 0.0.0-stage → 0.11.0-beta.2

package/dist/ui/color-resolver.js

@@ -0,0 +1,61 @@
+const ansi16Colors = [
+    [0, 0, 0],
+    [205, 49, 49],
+    [13, 188, 121],
+    [229, 229, 16],
+    [36, 114, 200],
+    [188, 63, 188],
+    [17, 168, 205],
+    [229, 229, 229],
+    [102, 102, 102],
+    [241, 76, 76],
+    [35, 209, 139],
+    [245, 245, 67],
+    [59, 142, 234],
+    [214, 112, 214],
+    [41, 184, 219],
+    [255, 255, 255],
+];
+export function colorConfigToInkColor(colorConfig, colorDepth = process.stderr.getColorDepth()) {
+    const { hex, ansi256, basic } = colorConfig;
+    if (colorDepth >= 24 && hex !== undefined) {
+        return hex;
+    }
+    if (colorDepth >= 8 && ansi256 !== undefined) {
+        return toHex(ansi256ToRgb(ansi256));
+    }
+    if (basic !== undefined) {
+        return basic;
+    }
+    // A more specific value was not configured. Let Ink/Chalk reduce the
+    // available richer value for the current terminal where necessary.
+    if (ansi256 !== undefined) {
+        return toHex(ansi256ToRgb(ansi256));
+    }
+    if (hex !== undefined) {
+        return hex;
+    }
+    // ColorConfigSchema guarantees at least one profile is configured.
+    throw new Error('Expected at least one terminal color profile');
+}
+function ansi256ToRgb(color) {
+    if (color < 16) {
+        return ansi16Colors[color];
+    }
+    if (color >= 232) {
+        const component = 8 + (color - 232) * 10;
+        return [component, component, component];
+    }
+    const cubeColor = color - 16;
+    const red = Math.floor(cubeColor / 36);
+    const green = Math.floor((cubeColor % 36) / 6);
+    const blue = cubeColor % 6;
+    const components = [0, 95, 135, 175, 215, 255];
+    return [components[red], components[green], components[blue]];
+}
+function toHex([red, green, blue]) {
+    return `#${toHexComponent(red)}${toHexComponent(green)}${toHexComponent(blue)}`;
+}
+function toHexComponent(component) {
+    return component.toString(16).padStart(2, '0');
+}

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

@@ -0,0 +1,4 @@
+import type { CursorApi, NavBranch, NavNodeApi, SerializableKey, State } from 'dirvi-lib';
+import { View } from '../view.js';
+export declare function useView<Id extends SerializableKey, Value>(navNode: NavBranch<Id>, state: State<Id, Value>, navNodeApi: NavNodeApi<Id, Value>, cursorApi: CursorApi<Id>, rowCount: number): 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":"AAEA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,eAAe,EACf,KAAK,EACN,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAgB,MAAM,YAAY,CAAC;AAMhD,wBAAgB,OAAO,CAAC,EAAE,SAAS,eAAe,EAAE,KAAK,EACvD,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,EACtB,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EACvB,UAAU,EAAE,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,EACjC,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC,EACxB,QAAQ,EAAE,MAAM,GACf,IAAI,CAwBN"}

package/dist/ui/hooks/useView.js

@@ -0,0 +1,32 @@
+import { useRef } from 'react';
+import { View } from '../view.js';
+const STATUS_BAR_HEIGHT = 1;
+// Hooks that keeps Ref of the viewport's start, and returns View sliced to
+// only the rows that should be visible.
+export function useView(navNode, state, navNodeApi, cursorApi, rowCount) {
+    const viewportStartRef = useRef(0);
+    const viewportHeight = Math.max(0, rowCount - STATUS_BAR_HEIGHT);
+    if (viewportHeight === 0) {
+        return { rows: [] };
+    }
+    const rows = View.createRows(navNode, navNodeApi, state.cursor, cursorApi);
+    viewportStartRef.current = viewportStart(rows, viewportHeight, viewportStartRef.current);
+    return View.create(navNode, navNodeApi, state.cursor, cursorApi, 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/loading-screen-renderer.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentType } from 'react';
+export type LoadingScreenRenderer = ComponentType<{}>;
+//# sourceMappingURL=loading-screen-renderer.d.ts.map

package/dist/ui/loading-screen-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-screen-renderer.d.ts","sourceRoot":"","sources":["../../src/ui/loading-screen-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC"}

package/dist/ui/loading-screen-renderer.js

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

package/dist/ui/view.d.ts

@@ -0,0 +1,23 @@
+import type { Cursor, CursorApi, NavBranch, NavNodeApi, SerializableKey } from 'dirvi-lib';
+type ViewRowBase = {
+    id: string;
+    indent: number;
+    content: string;
+    cursor: boolean;
+    selected: boolean;
+};
+export type ViewRow = (ViewRowBase & {
+    type: 'leaf';
+}) | (ViewRowBase & {
+    type: 'branch';
+    foldedCount: number;
+});
+export type View = {
+    rows: ViewRow[];
+};
+export declare const View: {
+    createRows<Id extends SerializableKey, Value>(rootNode: NavBranch<Id>, navNodeApi: NavNodeApi<Id, Value>, cursor: Cursor<Id>, cursorApi: CursorApi<Id>): ViewRow[];
+    create<Id extends SerializableKey, Value>(rootNode: NavBranch<Id>, navNodeApi: NavNodeApi<Id, Value>, cursor: Cursor<Id>, cursorApi: CursorApi<Id>, viewportHeight: number, viewportStart: number): View;
+};
+export {};
+//# 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,KAAK,EACV,MAAM,EACN,SAAS,EACT,SAAS,EAGT,UAAU,EACV,eAAe,EAChB,MAAM,WAAW,CAAC;AAEnB,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,OAAO,GACf,CAAC,WAAW,GAAG;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,GACF,CAAC,WAAW,GAAG;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEP,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,OAAO,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,IAAI;eACJ,EAAE,SAAS,eAAe,EAAE,KAAK,YAChC,SAAS,CAAC,EAAE,CAAC,cACX,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,UACzB,MAAM,CAAC,EAAE,CAAC,aACP,SAAS,CAAC,EAAE,CAAC,GACvB,OAAO,EAAE;WAoBL,EAAE,SAAS,eAAe,EAAE,KAAK,YAC5B,SAAS,CAAC,EAAE,CAAC,cACX,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,UACzB,MAAM,CAAC,EAAE,CAAC,aACP,SAAS,CAAC,EAAE,CAAC,kBACR,MAAM,iBACP,MAAM,GACpB,IAAI;CAOR,CAAC"}

package/dist/ui/view.js

@@ -0,0 +1,74 @@
+export const View = {
+    createRows(rootNode, navNodeApi, cursor, cursorApi) {
+        const rootCursor = [];
+        const rootRow = viewRowForEntry(rootNode, null, cursorApi.equal(cursor, rootCursor), navNodeApi);
+        if (rootNode.children === null) {
+            return [rootRow];
+        }
+        return [
+            rootRow,
+            ...viewRowsAtNode(rootNode.children, [], navNodeApi, cursor, cursorApi),
+        ];
+    },
+    create(rootNode, navNodeApi, cursor, cursorApi, viewportHeight, viewportStart) {
+        const rows = View.createRows(rootNode, navNodeApi, cursor, cursorApi);
+        return {
+            rows: rows.slice(viewportStart, viewportStart + viewportHeight),
+        };
+    },
+};
+/**
+ * Converts one NavNode and its descendants into display ViewRows.
+ *
+ * `node` is the directory currently being visited.
+ *
+ * `parentPath` is the path of that directory. For example:
+ *
+ *   []              root directory
+ *   ['src']         root/src
+ *   ['src', 'lib']  root/src/lib
+ */
+function viewRowsAtNode(node, parentPath, navNodeApi, cursor, cursorApi) {
+    const rows = [];
+    for (const entry of node.entries) {
+        const entryCursor = [...parentPath, entry.id];
+        const isCursor = cursorApi.equal(cursor, entryCursor);
+        rows.push(viewRowForEntry(entry, parentPath, isCursor, navNodeApi));
+        // Case where there's no branches
+        if (!navNodeApi.entryIsBranch(entry) || entry.children === null) {
+            continue;
+        }
+        rows.push(...viewRowsAtNode(entry.children, [...parentPath, entry.id], navNodeApi, cursor, cursorApi));
+    }
+    return rows;
+}
+function viewRowForEntry(entry, parentPath, cursor, navNodeApi) {
+    const id = entryId(parentPath ?? [], entry.id);
+    const indent = parentPath ? parentPath.length + 1 : 0;
+    const selected = false;
+    if (navNodeApi.entryIsBranch(entry)) {
+        const foldedCount = entry.children === null || entry.children.folded === null
+            ? 0
+            : entry.children.folded.entries.length;
+        return {
+            id,
+            indent,
+            selected,
+            cursor,
+            content: `${String(entry.id)}/`,
+            type: 'branch',
+            foldedCount,
+        };
+    }
+    return {
+        id,
+        indent,
+        selected,
+        cursor,
+        content: String(entry.id),
+        type: 'leaf',
+    };
+}
+function entryId(parentPath, entryName) {
+    return `entry:${JSON.stringify([...parentPath, entryName])}`;
+}

package/package.json

@@ -1,6 +1,37 @@
 {
   "name": "@mak-98/dirvi-app",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.11.0-beta.2",
+  "description": "Shared React application logic for dirvi hosts.",
+  "type": "module",
+  "license": "GPL-3.0-or-later",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "dirvi-apis": "0.11.0-beta.2",
+    "dirvi-lib": "0.11.0-beta.2",
+    "zod": "^4.4.3"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.20.1",
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "typescript": "^5.0.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "format": "prettier . --write"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.