@tooee/view 0.10.0 → 0.10.2

package/src/default-provider.ts

@@ -1,6 +1,8 @@
 import path from "node:path";
-import { parseAuto } from "@tooee/renderers";
+
 import { isDiffPatch } from "@tooee/diff";
+import { parseAuto } from "@tooee/renderers";
+
 import type { Content, ContentFormat, ContentProvider } from "./types.js";
 
 export interface CreateProviderOptions {
@@ -78,7 +80,7 @@ const contentFromText = function contentFromText(
   text: string,
   format: ContentFormat,
   title: string | undefined,
-  language?: string,
+  language?: string
 ): Content {
   switch (format) {
     case "markdown": {
@@ -108,7 +110,7 @@ const contentFromText = function contentFromText(
 
 export const createFileProvider = function createFileProvider(
   filePath: string,
-  options: CreateProviderOptions = {},
+  options: CreateProviderOptions = {}
 ): ContentProvider {
   return {
     async load(): Promise<Content> {
@@ -137,7 +139,7 @@ export const createFileProvider = function createFileProvider(
 };
 
 export const createStdinProvider = function createStdinProvider(
-  options: CreateProviderOptions = {},
+  options: CreateProviderOptions = {}
 ): ContentProvider {
   return {
     async load(): Promise<Content> {
@@ -149,7 +151,7 @@ export const createStdinProvider = function createStdinProvider(
 };
 
 export const createTableFileProvider = function createTableFileProvider(
-  filePath: string,
+  filePath: string
 ): ContentProvider {
   return createFileProvider(filePath, { renderer: "table" });
 };

package/src/directory-provider.ts

@@ -1,7 +1,8 @@
 import { readdirSync, statSync } from "node:fs";
 import path from "node:path";
-import type { ContentProvider } from "./types.js";
+
 import { createFileProvider } from "./default-provider.js";
+import type { ContentProvider } from "./types.js";
 
 const SUPPORTED_EXTENSIONS = new Set([
   "md",
@@ -78,7 +79,7 @@ export const listDirectoryFiles = function listDirectoryFiles(dirPath: string):
 };
 
 export const createDirectoryFileProvider = function createDirectoryFileProvider(
-  filePath: string,
+  filePath: string
 ): ContentProvider {
   return createFileProvider(filePath);
 };

package/src/directory-view.tsx

@@ -1,18 +1,19 @@
-import { useState, useMemo } from "react";
 import { useCommand } from "@tooee/commands";
 import type { ActionDefinition } from "@tooee/commands";
-import { View } from "./view.js";
+import { useState, useMemo } from "react";
+import type { ReactNode } from "react";
+
+import { ViewState } from "./components/view-state.js";
+import { createFileProvider } from "./default-provider.js";
 import { listDirectoryFiles } from "./directory-provider.js";
 import type { DirectoryEntry } from "./directory-provider.js";
 import type { AnyContent, ContentProvider } from "./types.js";
-import { createFileProvider } from "./default-provider.js";
-import { ViewState } from "./components/view-state.js";
-import type { ReactNode } from "react";
+import { View } from "./view.js";
 
 const createDirectoryFileProvider = function createDirectoryFileProvider(
   entry: DirectoryEntry,
   index: number,
-  total: number,
+  total: number
 ): ContentProvider {
   const inner = createFileProvider(entry.path);
   return {
@@ -47,7 +48,7 @@ export const DirectoryView = function DirectoryView({
       files.length > 0
         ? createDirectoryFileProvider(files[currentIndex], currentIndex, files.length)
         : null,
-    [files, currentIndex],
+    [files, currentIndex]
   );
 
   useCommand({

package/src/hooks/use-content-commands.ts

@@ -1,6 +1,7 @@
-import { useState } from "react";
-import { useCopyCommand, useToggleLineNumbersCommand } from "@tooee/shell";
 import { useConfig } from "@tooee/config";
+import { useCopyCommand, useToggleLineNumbersCommand } from "@tooee/shell";
+import { useState } from "react";
+
 import type { AnyContent } from "../types.js";
 
 interface UseContentCommandsParams {

package/src/hooks/use-content-document.ts

@@ -3,6 +3,7 @@ import type { StatusBarItem } from "@tooee/layout";
 import type { DecorationLayer } from "@tooee/renderers";
 import { useDocumentController } from "@tooee/shell";
 import type { DocumentController, DocumentRowAdapter } from "@tooee/shell";
+
 import type { AnyContent } from "../types.js";
 import { useContentCommands } from "./use-content-commands.js";
 
@@ -33,7 +34,7 @@ export const useContentDocument = function useContentDocument<T>(
   rows: readonly T[],
   adapter: DocumentRowAdapter<T>,
   { actions, content, decorations, textContent }: ContentDocumentProps,
-  options: ContentDocumentOptions<T>,
+  options: ContentDocumentOptions<T>
 ): ContentDocumentResult<T> {
   const { showLineNumbers } = useContentCommands({ content, textContent });
   const document = useDocumentController<T>({

package/src/hooks/use-content-loader.ts

@@ -1,7 +1,7 @@
-import { useCallback, useEffect, useMemo } from "react";
-import { useSelector } from "@xstate/store-react";
-import type { AnyContent, ContentProvider } from "../types.js";
 import type { MarkSet } from "@tooee/marks";
+import { useSelector } from "@xstate/store-react";
+import { useCallback, useEffect, useMemo } from "react";
+
 import type { ContentLoaderStatus } from "../content-loader-store.js";
 import {
   createContentLoaderStore,
@@ -14,6 +14,7 @@ import {
   selectStatus,
   selectStreaming,
 } from "../content-loader-store.js";
+import type { AnyContent, ContentProvider } from "../types.js";
 
 /** Reactive state exposed by the content provider loader. */
 export interface ContentLoaderState {
@@ -26,7 +27,7 @@ export interface ContentLoaderState {
 }
 
 export const useContentLoader = function useContentLoader(
-  contentProvider: ContentProvider,
+  contentProvider: ContentProvider
 ): ContentLoaderState {
   const store = useMemo(createContentLoaderStore, []);
   const loadSeq = useSelector(store, (snapshot) => selectLoadSeq(snapshot.context));

package/src/hooks/use-view-command-context.ts

@@ -1,5 +1,6 @@
 import { useProvideCommandContextKey } from "@tooee/commands";
 import type { MarkSet } from "@tooee/marks";
+
 import type { AnyContent } from "../types.js";
 
 /**
@@ -56,7 +57,7 @@ type ViewCommandContextInput =
 
 /** Resolve the hook's public eager-or-lazy option union at its boundary. */
 const resolveViewCommandContextOptions = function resolveViewCommandContextOptions(
-  options: ViewCommandContextInput,
+  options: ViewCommandContextInput
 ): ProvideViewCommandContextOptions {
   // oxlint-disable-next-line anti-slop/no-runtime-typeof -- public hook boundary distinguishes the documented lazy options callback from eager options
   return typeof options === "function" ? options() : options;
@@ -96,9 +97,9 @@ export const createViewCommandContext = function createViewCommandContext({
 };
 
 export const useProvideViewCommandContext = function useProvideViewCommandContext(
-  options: ViewCommandContextInput,
+  options: ViewCommandContextInput
 ): void {
   useProvideCommandContextKey("view", () =>
-    createViewCommandContext(resolveViewCommandContextOptions(options)),
+    createViewCommandContext(resolveViewCommandContextOptions(options))
   );
 };

package/src/launch.tsx

@@ -1,12 +1,13 @@
-import { launchCli, runCliSession } from "@tooee/shell";
 import type { ActionDefinition } from "@tooee/commands";
 import type { CodeBlockRenderer } from "@tooee/renderers";
 import { Outlet, RouterProvider } from "@tooee/router";
-import { createStandaloneRouter } from "./standalone-router.js";
-import type { LinkHandler } from "./link-handlers.js";
+import { launchCli, runCliSession } from "@tooee/shell";
+import type { ReactNode } from "react";
+
 import { DirectoryView } from "./directory-view.js";
+import type { LinkHandler } from "./link-handlers.js";
+import { createStandaloneRouter } from "./standalone-router.js";
 import type { ContentProvider, ContentRenderer } from "./types.js";
-import type { ReactNode } from "react";
 
 export interface ViewLaunchOptions {
   contentProvider: ContentProvider;
@@ -44,12 +45,12 @@ export const launch = async function launch(options: ViewLaunchOptions): Promise
     {
       stdinPolicy: "tty-if-piped",
       stdoutPolicy: "tty-if-redirected",
-    },
+    }
   );
 };
 
 export const launchDirectory = async function launchDirectory(
-  options: DirectoryLaunchOptions,
+  options: DirectoryLaunchOptions
 ): Promise<void> {
   await launchCli(<DirectoryView dirPath={options.dirPath} actions={options.actions} />, {
     stdoutPolicy: "tty-if-redirected",

package/src/link-handlers.ts

@@ -1,6 +1,8 @@
 import path from "node:path";
+
 import type { CommandContext } from "@tooee/commands";
 import type { NavigateHandle, RouteDefinition } from "@tooee/router";
+
 import { resolveMarkdownLink } from "./markdown-links.js";
 
 export interface LinkTarget {
@@ -44,7 +46,7 @@ export const localFileLinkHandler: LinkHandler = function localFileLinkHandler(l
 export const runLinkHandlers = function runLinkHandlers(
   handlers: readonly LinkHandler[],
   link: LinkTarget,
-  context: LinkHandlerContext,
+  context: LinkHandlerContext
 ): boolean {
   for (const handler of handlers) {
     // oxlint-disable-next-line typescript/no-unnecessary-boolean-literal-compare -- preserve exact-true consumption for JavaScript callers too

package/src/markdown-links.ts

@@ -1,6 +1,7 @@
 import { statSync } from "node:fs";
 import nodePath from "node:path";
 import { fileURLToPath } from "node:url";
+
 import { Lexer } from "marked";
 import type { Token, Tokens } from "marked";
 
@@ -14,7 +15,7 @@ export type LinkResolution =
 export const resolveMarkdownLink = function resolveMarkdownLink(
   href: string,
   baseDir: string,
-  currentPath?: string,
+  currentPath?: string
 ): LinkResolution {
   try {
     const decoded = decodeURIComponent(href);

package/src/standalone-router.tsx

@@ -1,6 +1,5 @@
-/* oxlint-disable no-use-before-define -- the screen closes over the route initialized before router startup */
-import { useMemo } from "react";
-import type { ReactNode } from "react";
+import path from "node:path";
+
 import { useChooseDialog } from "@tooee/choose";
 import { useCommand } from "@tooee/commands";
 import type { CommandContext } from "@tooee/commands";
@@ -13,13 +12,16 @@ import {
   useRouterCommands,
 } from "@tooee/router";
 import type { Codec, RouteDefinition, RouterInstance } from "@tooee/router";
-import path from "node:path";
+/* oxlint-disable no-use-before-define -- the screen closes over the route initialized before router startup */
+import { useMemo } from "react";
+import type { ReactNode } from "react";
+
 import { createFileProvider } from "./default-provider.js";
+import type { ViewLaunchOptions } from "./launch.js";
 import { runLinkHandlers } from "./link-handlers.js";
 import { markdownLinks } from "./markdown-links.js";
 import type { MarkdownLink } from "./markdown-links.js";
 import { getTextContent } from "./types.js";
-import type { ViewLaunchOptions } from "./launch.js";
 import { View } from "./view.js";
 
 const documentParams: Codec<{ path?: string }> = {
@@ -45,7 +47,7 @@ interface StandaloneRouter {
 }
 
 export const createStandaloneRouter = function createStandaloneRouter(
-  options: ViewLaunchOptions,
+  options: ViewLaunchOptions
 ): StandaloneRouter {
   const DocumentScreen = function DocumentScreen(): ReactNode {
     useRouterCommands();
@@ -56,7 +58,7 @@ export const createStandaloneRouter = function createStandaloneRouter(
     const provider = useMemo(
       () =>
         documentPath === undefined ? options.contentProvider : createFileProvider(documentPath),
-      [documentPath],
+      [documentPath]
     );
     const activate = (href: string, command: CommandContext): boolean => {
       if (options.filePath === undefined) {
@@ -67,7 +69,7 @@ export const createStandaloneRouter = function createStandaloneRouter(
       return runLinkHandlers(
         options.linkHandlers ?? [],
         { baseDir: path.dirname(currentPath), currentPath, href },
-        { command, documentRoute, navigate },
+        { command, documentRoute, navigate }
       );
     };
     useCommand({

package/src/types.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from "react";
 import type { ImageFit, ImageRenderProtocol, ImageSource } from "@opentui/core";
 import type { CommandContext } from "@tooee/commands";
+import type { MarkSet } from "@tooee/marks";
 import { formatTableCell } from "@tooee/renderers";
 import type { ColumnDef, SourceLineRow, TableRow } from "@tooee/renderers";
 import type { DocumentController } from "@tooee/shell";
-import type { MarkSet } from "@tooee/marks";
+import type { ReactNode } from "react";
 
 // === Built-in content types ===
 
@@ -149,7 +149,7 @@ export const isBuiltinContent = function isBuiltinContent(content: AnyContent):
 };
 
 export const isCustomContent = function isCustomContent(
-  content: AnyContent,
+  content: AnyContent
 ): content is CustomContent {
   return !BUILTIN_FORMATS.has(content.format);
 };
@@ -186,7 +186,7 @@ export const getTextContent = function getTextContent(content: AnyContent): stri
     case "table": {
       const headers = content.columns.map((column) => column.header ?? column.key);
       const rowLines = content.rows.map((row) =>
-        content.columns.map((column) => formatTableCell(row[column.key])).join("\t"),
+        content.columns.map((column) => formatTableCell(row[column.key])).join("\t")
       );
       return [headers.join("\t"), ...rowLines].join("\n");
     }

package/src/view.tsx

@@ -1,13 +1,11 @@
-import { useCallback, useMemo, useState } from "react";
-import { useTheme } from "@tooee/themes";
 import type { ActionDefinition } from "@tooee/commands";
+import { DIFF_CODE_BLOCK_RENDERERS } from "@tooee/diff";
 import type { MarkSet } from "@tooee/marks";
 import type { CodeBlockRenderer } from "@tooee/renderers";
-import { DIFF_CODE_BLOCK_RENDERERS } from "@tooee/diff";
-import { isCustomContent } from "./types.js";
-import type { ContentProvider, ContentRenderer, MarkdownLinkActivateHandler } from "./types.js";
-import { useContentLoader } from "./hooks/use-content-loader.js";
-import { ViewState } from "./components/view-state.js";
+import { useTheme } from "@tooee/themes";
+import { useCallback, useMemo, useState } from "react";
+import type { ReactNode } from "react";
+
 import {
   MarkdownSubview,
   CodeSubview,
@@ -16,7 +14,10 @@ import {
   DiffSubview,
   CustomSubview,
 } from "./components/subviews/index.js";
-import type { ReactNode } from "react";
+import { ViewState } from "./components/view-state.js";
+import { useContentLoader } from "./hooks/use-content-loader.js";
+import { isCustomContent } from "./types.js";
+import type { ContentProvider, ContentRenderer, MarkdownLinkActivateHandler } from "./types.js";
 
 interface ViewProps {
   contentProvider: ContentProvider;
@@ -66,7 +67,7 @@ export const View = function View({
   // registers its own renderer for those types.
   const mergedCodeBlockRenderers = useMemo(
     () => ({ ...DIFF_CODE_BLOCK_RENDERERS, ...codeBlockRenderers }),
-    [codeBlockRenderers],
+    [codeBlockRenderers]
   );
 
   if ((error?.length ?? 0) > 0) {