@tooee/view 0.1.22 → 0.2.0

package/src/default-provider.ts

@@ -1,6 +1,10 @@
 import { parseAuto } from "@tooee/renderers"
 import type { Content, ContentFormat, ContentProvider } from "./types.js"
 
+export interface CreateProviderOptions {
+  renderer?: ContentFormat
+}
+
 function detectFormat(filePath: string): { format: ContentFormat; language?: string } {
   const ext = filePath.split(".").pop()?.toLowerCase()
   if (!ext) return { format: "text" }
@@ -45,59 +49,58 @@ function detectFormat(filePath: string): { format: ContentFormat; language?: str
   return { format: "text" }
 }
 
-export function createFileProvider(filePath: string): ContentProvider {
+function contentFromText(
+  text: string,
+  format: ContentFormat,
+  title: string | undefined,
+  language?: string,
+): Content {
+  switch (format) {
+    case "markdown":
+      return { format: "markdown", markdown: text, title }
+    case "code":
+      return { format: "code", code: text, language, title }
+    case "table": {
+      const parsed = parseAuto(text)
+      return { format: "table", columns: parsed.columns, rows: parsed.rows, title }
+    }
+    case "text":
+    default:
+      return { format: "text", text, title }
+  }
+}
+
+export function createFileProvider(
+  filePath: string,
+  options: CreateProviderOptions = {},
+): ContentProvider {
   return {
     async load(): Promise<Content> {
-      const { format, language } = detectFormat(filePath)
+      const detected = detectFormat(filePath)
+      const format = options.renderer ?? detected.format
       const title = filePath.split("/").pop()
 
       const file = Bun.file(filePath)
-      if (format === "table") {
-        const text = await file.text()
-        const parsed = parseAuto(text)
-        return { format: "table", columns: parsed.columns, rows: parsed.rows, title }
-      }
       const text = await file.text()
-      switch (format) {
-        case "markdown":
-          return { format: "markdown", markdown: text, title }
-        case "code":
-          return { format: "code", code: text, language, title }
-        case "text":
-        default:
-          return { format: "text", text, title }
-      }
+      return contentFromText(text, format, title, detected.language)
     },
   }
 }
 
-export function createStdinProvider(): ContentProvider {
+export function createStdinProvider(options: CreateProviderOptions = {}): ContentProvider {
   return {
     async load(): Promise<Content> {
       const text = await new Response(Bun.stdin.stream() as unknown as ReadableStream).text()
-      return { format: "markdown", markdown: text, title: "stdin" }
+      const format = options.renderer ?? "markdown"
+      return contentFromText(text, format, "stdin")
     },
   }
 }
 
 export function createTableFileProvider(filePath: string): ContentProvider {
-  return {
-    async load(): Promise<Content> {
-      const title = filePath.split("/").pop()
-      const file = Bun.file(filePath)
-      const text = await file.text()
-      const parsed = parseAuto(text)
-      return { format: "table", columns: parsed.columns, rows: parsed.rows, title }
-    },
-  }
+  return createFileProvider(filePath, { renderer: "table" })
 }
 
 export function createTableStdinProvider(): ContentProvider {
-  return {
-    async load(): Promise<Content> {
-      const text = await new Response(Bun.stdin.stream() as unknown as ReadableStream).text()
-      const parsed = parseAuto(text)
-      return { format: "table", columns: parsed.columns, rows: parsed.rows, title: "stdin" }
-    },
-  }
+  return createStdinProvider({ renderer: "table" })
 }

package/src/hooks/index.ts

@@ -1,11 +1,6 @@
 export { useContentLoader } from "./useContentLoader.js"
-export { useMarkState } from "./useMarkState.js"
-export { useViewCommands } from "./useViewCommands.js"
-export {
-  createViewCommandContext,
-  useProvideViewCommandContext,
-  useViewCommandContext,
-} from "./useViewCommandContext.js"
+export { useContentCommands } from "./useContentCommands.js"
+export { createViewCommandContext, useProvideViewCommandContext } from "./useViewCommandContext.js"
 export type {
   CreateViewCommandContextOptions,
   ProvideViewCommandContextOptions,

package/src/hooks/useContentCommands.ts

@@ -0,0 +1,29 @@
+import { useState } from "react"
+import { useCopyCommand, useToggleLineNumbersCommand } from "@tooee/shell"
+import { useConfig } from "@tooee/config"
+import type { AnyContent } from "../types.js"
+
+interface UseContentCommandsParams {
+  content: AnyContent | null
+  textContent: string
+}
+
+/**
+ * The commands a content viewer owns on top of `DocumentScreen`: copying the
+ * whole document and toggling the line-number gutter. Theme, quit, actions and
+ * every row-level command belong to the document controller and its screen.
+ */
+export function useContentCommands({ content, textContent }: UseContentCommandsParams) {
+  const config = useConfig()
+  const [showLineNumbers, setShowLineNumbers] = useState(config.view?.gutter ?? true)
+
+  useCopyCommand({
+    getText: () => (content ? textContent : undefined),
+  })
+  useToggleLineNumbersCommand({
+    showLineNumbers,
+    onToggle: () => setShowLineNumbers((v) => !v),
+  })
+
+  return { showLineNumbers }
+}

package/src/hooks/useViewCommandContext.ts

@@ -1,19 +1,20 @@
-import { useProvideCommandContextKey, useMode } from "@tooee/commands"
-import type { Mode } from "@tooee/commands"
-import type { NavigationState } from "@tooee/shell"
+import { useProvideCommandContextKey } from "@tooee/commands"
 import type { MarkSet } from "@tooee/marks"
 import type { AnyContent } from "../types.js"
 
-/** The `view` field contributed to the command context (see augmentation below). */
+/**
+ * The `view` field contributed to the command context (see augmentation below).
+ *
+ * This slice is content-only. Row state — cursor, selection, active and
+ * selected rows — is generic to every row document and lives on `ctx.document`,
+ * which `DocumentScreen` provides alongside this.
+ */
 export interface ViewCommandContext {
   content: AnyContent
   format: string
   title?: string
   data?: unknown
-  cursor: number | null
-  selection: { start: number; end: number } | null
-  mode: Mode
-  toggledIndices: Set<number>
+  /** Reload the content from its provider. */
   reload: () => void
   marks: {
     setMarkSet: (set: MarkSet) => void
@@ -22,8 +23,6 @@ export interface ViewCommandContext {
     userMarks: MarkSet[]
     providerMarks: MarkSet[]
   }
-  /** Subview extras (e.g. activeRow/selectedRows for tables). */
-  [key: string]: unknown
 }
 
 declare module "@tooee/commands" {
@@ -34,8 +33,6 @@ declare module "@tooee/commands" {
 
 const noop = () => {}
 
-type ViewNavigationContext = Pick<NavigationState, "cursor" | "selection" | "toggledIndices">
-
 export interface CreateViewCommandContextOptions {
   /**
    * Content represented by this command context. Custom/headless surfaces may
@@ -45,35 +42,19 @@ export interface CreateViewCommandContextOptions {
   format?: string
   title?: string
   data?: unknown
-  nav?: ViewNavigationContext
-  cursor?: number | null
-  selection?: { start: number; end: number } | null
-  /** Caller-owned mode value. Prefer `useProvideViewCommandContext` in React so this is live. */
-  mode: Mode
-  toggledIndices?: Set<number>
   reload?: () => void
   marks?: Partial<ViewCommandContext["marks"]>
-  extras?: Record<string, unknown>
 }
 
-export type ProvideViewCommandContextOptions = Omit<CreateViewCommandContextOptions, "mode"> & {
-  /** Advanced override; normally omitted so the hook injects the live command mode. */
-  mode?: Mode
-}
+export type ProvideViewCommandContextOptions = CreateViewCommandContextOptions
 
 export function createViewCommandContext({
   content,
   format,
   title,
   data,
-  nav,
-  cursor,
-  selection,
-  mode,
-  toggledIndices,
   reload,
   marks,
-  extras,
 }: CreateViewCommandContextOptions): ViewCommandContext {
   const resolvedFormat = format ?? content?.format ?? "custom"
   const resolvedContent: AnyContent =
@@ -85,15 +66,10 @@ export function createViewCommandContext({
     } satisfies AnyContent)
 
   return {
-    ...extras,
     content: resolvedContent,
     format: resolvedFormat,
     title: title ?? content?.title,
     data: data ?? ("data" in resolvedContent ? resolvedContent.data : undefined),
-    cursor: cursor ?? nav?.cursor ?? null,
-    selection: selection ?? nav?.selection ?? null,
-    mode,
-    toggledIndices: toggledIndices ?? nav?.toggledIndices ?? new Set<number>(),
     reload: reload ?? noop,
     marks: {
       setMarkSet: marks?.setMarkSet ?? noop,
@@ -108,51 +84,7 @@ export function createViewCommandContext({
 export function useProvideViewCommandContext(
   options: ProvideViewCommandContextOptions | (() => ProvideViewCommandContextOptions),
 ) {
-  const mode = useMode()
-  useProvideCommandContextKey("view", () => {
-    const resolvedOptions = typeof options === "function" ? options() : options
-    return createViewCommandContext({
-      ...resolvedOptions,
-      mode: resolvedOptions.mode ?? mode,
-    })
-  })
-}
-
-interface UseViewCommandContextParams {
-  content: AnyContent
-  nav: NavigationState
-  reload: () => void
-  providerMarks: MarkSet[]
-  userMarks: MarkSet[]
-  setMarkSet: (set: MarkSet) => void
-  clearMarkNamespace: (namespace: string) => void
-  clearAllUserMarks: () => void
-  /** Extra fields merged into the view context (e.g. activeRow, selectedRows for table) */
-  extras?: Record<string, unknown>
-}
-
-export function useViewCommandContext({
-  content,
-  nav,
-  reload,
-  providerMarks,
-  userMarks,
-  setMarkSet,
-  clearMarkNamespace,
-  clearAllUserMarks,
-  extras,
-}: UseViewCommandContextParams) {
-  useProvideViewCommandContext({
-    content,
-    nav,
-    reload,
-    marks: {
-      setMarkSet,
-      clearNamespace: clearMarkNamespace,
-      clearAll: clearAllUserMarks,
-      userMarks,
-      providerMarks,
-    },
-    extras,
-  })
+  useProvideCommandContextKey("view", () =>
+    createViewCommandContext(typeof options === "function" ? options() : options),
+  )
 }

package/src/index.ts

@@ -8,12 +8,12 @@ export {
   createTableFileProvider,
   createTableStdinProvider,
 } from "./default-provider.js"
+export type { CreateProviderOptions } from "./default-provider.js"
 export { listDirectoryFiles } from "./directory-provider.js"
 export type { DirectoryEntry } from "./directory-provider.js"
 export {
   createViewCommandContext,
   useProvideViewCommandContext,
-  useViewCommandContext,
 } from "./hooks/useViewCommandContext.js"
 export type {
   CreateViewCommandContextOptions,

package/src/types.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react"
-import type { ColumnDef, TableRow } from "@tooee/renderers"
-import type { MarkSet, MarkState } from "@tooee/marks"
+import type { ColumnDef, SourceLineRow, TableRow } from "@tooee/renderers"
+import type { DocumentController } from "@tooee/shell"
+import type { MarkSet } from "@tooee/marks"
 
 // === Built-in content types ===
 
@@ -51,22 +52,20 @@ export type AnyContent = Content | CustomContent
 
 export interface ContentRendererProps {
   content: CustomContent
-  lineCount: number
-  cursor?: number
-  selectionStart?: number
-  selectionEnd?: number
-  /** Combined mark state (nav + provider + user marks) */
-  marks?: MarkState
   /**
-   * Select a row by index — the mouse equivalent of the keyboard cursor move.
-   * A custom renderer that has a notion of rows should call this from its own
-   * `onMouseDown`/`onRowClick` handlers to make left-click select a row, the
-   * same way the built-in code/markdown/table views do. Selection is a no-op
-   * while a modal overlay is open (the host guards it), so renderers can wire
-   * it unconditionally. Renderers that own a `RowDocumentRenderable` can map a
-   * click's screen-Y to a row via its `getRowAtScreenY(event.y)` helper.
+   * The host's document controller. Its rows are the content's source lines
+   * (`SourceLineRow`), which is also the unit navigation, search and copy work
+   * in; `row.text` is the plain-text line and `row.source` its provenance.
+   *
+   * A renderer that owns a `<row-document>` binds the controller directly — it
+   * satisfies `DocumentBindings`, so `ref`, `decorations` and `onMouseDown`
+   * spread onto the element the way the built-in views wire them. A renderer
+   * with its own markup reads `activeIndex` and `navigation.selection` for
+   * cursor state and calls `selectRow(index)` from its mouse handlers;
+   * `selectRow` stands down while a modal overlay is open, so it can be wired
+   * unconditionally.
    */
-  onSelectRow?: (index: number) => void
+  document: DocumentController<SourceLineRow>
 }
 
 export type ContentRenderer = (props: ContentRendererProps) => ReactNode

package/dist/components/SubviewLayout.d.ts

@@ -1,16 +0,0 @@
-import type { ReactNode } from "react";
-import { type StatusBarItem } from "@tooee/layout";
-import type { NavigationState } from "@tooee/shell";
-import type { SearchState } from "@tooee/search";
-import type { AnyContent } from "../types.js";
-interface SubviewLayoutProps {
-    content: AnyContent;
-    nav: NavigationState & SearchState;
-    streaming: boolean;
-    themeName: string;
-    extraStatusItems?: StatusBarItem[];
-    children: ReactNode;
-}
-export declare function SubviewLayout({ content, nav, streaming, themeName, extraStatusItems, children, }: SubviewLayoutProps): ReactNode;
-export {};
-//# sourceMappingURL=SubviewLayout.d.ts.map

package/dist/components/SubviewLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubviewLayout.d.ts","sourceRoot":"","sources":["../../src/components/SubviewLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,UAAU,kBAAkB;IAC1B,OAAO,EAAE,UAAU,CAAA;IACnB,GAAG,EAAE,eAAe,GAAG,WAAW,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,aAAa,EAAE,CAAA;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EACH,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,kBAAkB,aAwBpB"}

package/dist/components/SubviewLayout.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { AppLayout } from "@tooee/layout";
-import { useMode } from "@tooee/commands";
-export function SubviewLayout({ content, nav, streaming, themeName, extraStatusItems, children, }) {
-    const mode = useMode();
-    const statusItems = [
-        { label: "Theme:", value: themeName },
-        ...(extraStatusItems ?? []),
-        { label: "Mode:", value: mode },
-        { label: "Cursor:", value: nav.cursor !== null ? String(nav.cursor) : "-" },
-        ...(streaming ? [{ label: "Status:", value: "streaming" }] : []),
-        ...(nav.searchActive ? [{ label: "Search:", value: nav.searchQuery }] : []),
-    ];
-    return (_jsx(AppLayout, { titleBar: content.title
-            ? { title: content.title, subtitle: content.format }
-            : { title: content.format }, statusBar: { items: statusItems }, searchBar: nav, children: children }));
-}
-//# sourceMappingURL=SubviewLayout.js.map

package/dist/components/SubviewLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubviewLayout.js","sourceRoot":"","sources":["../../src/components/SubviewLayout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAsB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAczC,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EACH,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACW;IACnB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,WAAW,GAAG;QAClB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC;QAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;QAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;QAC3E,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAC5E,CAAA;IAED,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,EACN,OAAO,CAAC,KAAK;YACX,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,EAAE;YACpD,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,EAE/B,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EACjC,SAAS,EAAE,GAAG,YAEb,QAAQ,GACC,CACb,CAAA;AACH,CAAC"}

package/dist/hooks/useMarkState.d.ts

@@ -1,14 +0,0 @@
-import type { MarkSet, MarkState } from "@tooee/marks";
-import type { NavigationState } from "@tooee/shell";
-import type { SearchState } from "@tooee/search";
-import type { ResolvedTheme } from "@tooee/themes";
-interface UseMarkStateParams {
-    nav: Pick<NavigationState, "cursor" | "selection" | "toggledIndices">;
-    search: Pick<SearchState, "matchingLines" | "currentMatchIndex">;
-    theme: ResolvedTheme;
-    providerMarks: MarkSet[];
-    userMarks: MarkSet[];
-}
-export declare function useMarkState({ nav, search, theme, providerMarks, userMarks, }: UseMarkStateParams): MarkState | undefined;
-export {};
-//# sourceMappingURL=useMarkState.d.ts.map

package/dist/hooks/useMarkState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMarkState.d.ts","sourceRoot":"","sources":["../../src/hooks/useMarkState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,UAAU,kBAAkB;IAC1B,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,WAAW,GAAG,gBAAgB,CAAC,CAAA;IACrE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,eAAe,GAAG,mBAAmB,CAAC,CAAA;IAChE,KAAK,EAAE,aAAa,CAAA;IACpB,aAAa,EAAE,OAAO,EAAE,CAAA;IACxB,SAAS,EAAE,OAAO,EAAE,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,MAAM,EACN,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,GAAG,SAAS,GAAG,SAAS,CA8E5C"}

package/dist/hooks/useMarkState.js

@@ -1,71 +0,0 @@
-import { useMemo } from "react";
-import { MarkSetBuilder, createMarkState, MarkPriorities } from "@tooee/marks";
-export function useMarkState({ nav, search, theme, providerMarks, userMarks, }) {
-    return useMemo(() => {
-        const sets = [];
-        // Search matches
-        if (search.matchingLines.length > 0) {
-            const mapped = new Set(search.matchingLines);
-            const builder = new MarkSetBuilder();
-            for (const idx of mapped) {
-                builder.addLine(idx, {
-                    background: theme.warning,
-                    signBefore: "\u25CF",
-                    foreground: theme.warning,
-                });
-            }
-            sets.push(builder.build("search", MarkPriorities.SEARCH_MATCH));
-        }
-        // Toggled lines
-        if (nav.toggledIndices.size > 0) {
-            const mapped = new Set(nav.toggledIndices);
-            const builder = new MarkSetBuilder();
-            for (const idx of mapped) {
-                builder.addLine(idx, { background: theme.backgroundPanel });
-            }
-            sets.push(builder.build("toggled", MarkPriorities.TOGGLED));
-        }
-        // Selection range
-        if (nav.selection) {
-            const builder = new MarkSetBuilder();
-            builder.addRange({ line: nav.selection.start }, { line: nav.selection.end }, { background: theme.selection });
-            sets.push(builder.build("selection", MarkPriorities.SELECTION));
-        }
-        // Current match highlight
-        if (search.matchingLines.length > 0) {
-            const currentLine = search.matchingLines[search.currentMatchIndex];
-            if (currentLine != null) {
-                const builder = new MarkSetBuilder();
-                builder.addLine(currentLine, {
-                    background: theme.primary,
-                    signBefore: "\u25CF",
-                    foreground: theme.primary,
-                });
-                sets.push(builder.build("currentMatch", MarkPriorities.CURRENT_MATCH));
-            }
-        }
-        // Cursor
-        if (nav.cursor !== null) {
-            const builder = new MarkSetBuilder();
-            builder.addLine(nav.cursor, {
-                background: theme.cursorLine,
-                signBefore: "\u25B8",
-                foreground: theme.primary,
-            });
-            sets.push(builder.build("cursor", MarkPriorities.CURSOR));
-        }
-        // Provider and user marks
-        sets.push(...providerMarks, ...userMarks);
-        return sets.length > 0 ? createMarkState(sets) : undefined;
-    }, [
-        search.matchingLines,
-        search.currentMatchIndex,
-        nav.toggledIndices,
-        nav.selection,
-        nav.cursor,
-        theme,
-        providerMarks,
-        userMarks,
-    ]);
-}
-//# sourceMappingURL=useMarkState.js.map

package/dist/hooks/useMarkState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMarkState.js","sourceRoot":"","sources":["../../src/hooks/useMarkState.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useViewCommands.d.ts

@@ -1,13 +0,0 @@
-import type { ActionDefinition } from "@tooee/commands";
-import type { AnyContent } from "../types.js";
-interface UseViewCommandsParams {
-    content: AnyContent | null;
-    textContent: string;
-    actions?: ActionDefinition[];
-}
-export declare function useViewCommands({ content, textContent, actions }: UseViewCommandsParams): {
-    themeName: string;
-    showLineNumbers: boolean;
-};
-export {};
-//# sourceMappingURL=useViewCommands.d.ts.map

package/dist/hooks/useViewCommands.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useViewCommands.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewCommands.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,UAAU,qBAAqB;IAC7B,OAAO,EAAE,UAAU,GAAG,IAAI,CAAA;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,qBAAqB;;;EAiBvF"}

package/dist/hooks/useViewCommands.js

@@ -1,20 +0,0 @@
-import { useState } from "react";
-import { useThemeCommands, useQuitCommand, useCopyCommand, useToggleLineNumbersCommand, } from "@tooee/shell";
-import { useActions } from "@tooee/commands";
-import { useConfig } from "@tooee/config";
-export function useViewCommands({ content, textContent, actions }) {
-    const config = useConfig();
-    const [showLineNumbers, setShowLineNumbers] = useState(config.view?.gutter ?? true);
-    const { name: themeName } = useThemeCommands();
-    useQuitCommand();
-    useCopyCommand({
-        getText: () => (content ? textContent : undefined),
-    });
-    useToggleLineNumbersCommand({
-        showLineNumbers,
-        onToggle: () => setShowLineNumbers((v) => !v),
-    });
-    useActions(actions);
-    return { themeName, showLineNumbers };
-}
-//# sourceMappingURL=useViewCommands.js.map

package/dist/hooks/useViewCommands.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useViewCommands.js","sourceRoot":"","sources":["../../src/hooks/useViewCommands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,2BAA2B,GAC5B,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AASzC,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAyB;IACtF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,CAAA;IAEnF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC9C,cAAc,EAAE,CAAA;IAChB,cAAc,CAAC;QACb,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;KACnD,CAAC,CAAA;IACF,2BAA2B,CAAC;QAC1B,eAAe;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;KAC9C,CAAC,CAAA;IAEF,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnB,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;AACvC,CAAC"}

package/src/components/SubviewLayout.tsx

@@ -1,48 +0,0 @@
-import type { ReactNode } from "react"
-import { AppLayout, type StatusBarItem } from "@tooee/layout"
-import { useMode } from "@tooee/commands"
-import type { NavigationState } from "@tooee/shell"
-import type { SearchState } from "@tooee/search"
-import type { AnyContent } from "../types.js"
-
-interface SubviewLayoutProps {
-  content: AnyContent
-  nav: NavigationState & SearchState
-  streaming: boolean
-  themeName: string
-  extraStatusItems?: StatusBarItem[]
-  children: ReactNode
-}
-
-export function SubviewLayout({
-  content,
-  nav,
-  streaming,
-  themeName,
-  extraStatusItems,
-  children,
-}: SubviewLayoutProps) {
-  const mode = useMode()
-  const statusItems = [
-    { label: "Theme:", value: themeName },
-    ...(extraStatusItems ?? []),
-    { label: "Mode:", value: mode },
-    { label: "Cursor:", value: nav.cursor !== null ? String(nav.cursor) : "-" },
-    ...(streaming ? [{ label: "Status:", value: "streaming" }] : []),
-    ...(nav.searchActive ? [{ label: "Search:", value: nav.searchQuery }] : []),
-  ]
-
-  return (
-    <AppLayout
-      titleBar={
-        content.title
-          ? { title: content.title, subtitle: content.format }
-          : { title: content.format }
-      }
-      statusBar={{ items: statusItems }}
-      searchBar={nav}
-    >
-      {children}
-    </AppLayout>
-  )
-}