@tooee/view 0.1.0

package/dist/directory-provider.js

@@ -0,0 +1,61 @@
+import { readdirSync, statSync } from "fs";
+import { join } from "path";
+import { createFileProvider } from "./default-provider.js";
+const SUPPORTED_EXTENSIONS = new Set([
+    "md",
+    "mdx",
+    "markdown",
+    "ts",
+    "tsx",
+    "js",
+    "jsx",
+    "json",
+    "txt",
+    "css",
+    "html",
+    "yaml",
+    "yml",
+    "toml",
+    "sh",
+    "bash",
+    "zsh",
+    "go",
+    "rs",
+    "py",
+    "rb",
+    "c",
+    "cpp",
+    "h",
+    "hpp",
+    "java",
+    "kt",
+    "swift",
+    "sql",
+]);
+export function listDirectoryFiles(dirPath) {
+    const entries = readdirSync(dirPath);
+    const files = [];
+    for (const entry of entries) {
+        if (entry.startsWith("."))
+            continue;
+        const fullPath = join(dirPath, entry);
+        try {
+            const stat = statSync(fullPath);
+            if (!stat.isFile())
+                continue;
+        }
+        catch {
+            continue;
+        }
+        const ext = entry.split(".").pop()?.toLowerCase();
+        if (!ext || !SUPPORTED_EXTENSIONS.has(ext))
+            continue;
+        files.push({ name: entry, path: fullPath });
+    }
+    files.sort((a, b) => a.name.localeCompare(b.name));
+    return files;
+}
+export function createDirectoryFileProvider(filePath) {
+    return createFileProvider(filePath);
+}
+//# sourceMappingURL=directory-provider.js.map

package/dist/directory-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directory-provider.js","sourceRoot":"","sources":["../src/directory-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IACnC,IAAI;IACJ,KAAK;IACL,UAAU;IACV,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,KAAK;IACL,MAAM;IACN,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,IAAI;IACJ,MAAM;IACN,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,MAAM;IACN,IAAI;IACJ,OAAO;IACP,KAAK;CACN,CAAC,CAAA;AAOF,MAAM,UAAU,kBAAkB,CAAC,OAAe;IAChD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IACpC,MAAM,KAAK,GAAqB,EAAE,CAAA;IAElC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;YAAE,SAAQ;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QACrC,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;YAC/B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBAAE,SAAQ;QAC9B,CAAC;QAAC,MAAM,CAAC;YACP,SAAQ;QACV,CAAC;QACD,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAA;QACjD,IAAI,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,SAAQ;QACpD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC7C,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IAClD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,QAAgB;IAC1D,OAAO,kBAAkB,CAAC,QAAQ,CAAC,CAAA;AACrC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { View } from "./View.jsx";
+export { DirectoryView } from "./DirectoryView.jsx";
+export { launch, launchDirectory } from "./launch.jsx";
+export type { ViewLaunchOptions } from "./launch.jsx";
+export { createFileProvider, createStdinProvider, createTableFileProvider, createTableStdinProvider } from "./default-provider.js";
+export { listDirectoryFiles } from "./directory-provider.js";
+export type { DirectoryEntry } from "./directory-provider.js";
+export type { AnyContent, Content, ContentChunk, ContentFormat, ContentProvider, ContentRenderer, ContentRendererProps, CustomContent, ViewContent, ViewContentProvider, ColumnDef, TableRow, } from "./types.js";
+export { getTextContent, isBuiltinContent, isCustomContent } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAClI,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,YAAY,EACV,UAAU,EACV,OAAO,EACP,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,QAAQ,GACT,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { View } from "./View.jsx";
+export { DirectoryView } from "./DirectoryView.jsx";
+export { launch, launchDirectory } from "./launch.jsx";
+export { createFileProvider, createStdinProvider, createTableFileProvider, createTableStdinProvider } from "./default-provider.js";
+export { listDirectoryFiles } from "./directory-provider.js";
+export { getTextContent, isBuiltinContent, isCustomContent } from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEtD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAClI,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAgB5D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA"}

package/dist/launch.d.ts

@@ -0,0 +1,14 @@
+import type { ActionDefinition } from "@tooee/commands";
+import type { ContentProvider, ContentRenderer } from "./types.js";
+export interface ViewLaunchOptions {
+    contentProvider: ContentProvider;
+    actions?: ActionDefinition[];
+    renderers?: Record<string, ContentRenderer>;
+}
+export interface DirectoryLaunchOptions {
+    dirPath: string;
+    actions?: ActionDefinition[];
+}
+export declare function launch(options: ViewLaunchOptions): Promise<void>;
+export declare function launchDirectory(options: DirectoryLaunchOptions): Promise<void>;
+//# sourceMappingURL=launch.d.ts.map

package/dist/launch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"launch.d.ts","sourceRoot":"","sources":["../src/launch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGvD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAElE,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,eAAe,CAAA;IAChC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CAC5C;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAC7B;AAED,wBAAsB,MAAM,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,CAQtE;AAED,wBAAsB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC,CAOpF"}

package/dist/launch.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { launchCli } from "@tooee/shell";
+import { View } from "./View.jsx";
+import { DirectoryView } from "./DirectoryView.jsx";
+export async function launch(options) {
+    await launchCli(_jsx(View, { contentProvider: options.contentProvider, actions: options.actions, renderers: options.renderers }));
+}
+export async function launchDirectory(options) {
+    await launchCli(_jsx(DirectoryView, { dirPath: options.dirPath, actions: options.actions }));
+}
+//# sourceMappingURL=launch.js.map

package/dist/launch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"launch.js","sourceRoot":"","sources":["../src/launch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAcnD,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,OAA0B;IACrD,MAAM,SAAS,CACb,KAAC,IAAI,IACH,eAAe,EAAE,OAAO,CAAC,eAAe,EACxC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,OAA+B;IACnE,MAAM,SAAS,CACb,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,GACxB,CACH,CAAA;AACH,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,71 @@
+import type { ReactNode } from "react";
+import type { ColumnDef, TableRow } from "@tooee/renderers";
+export type Content = MarkdownContent | CodeContent | TextContent | ImageContent | TableContent;
+export type ContentFormat = Content["format"];
+interface BaseContent {
+    title?: string;
+    getTextContent?: () => string;
+}
+export interface MarkdownContent extends BaseContent {
+    format: "markdown";
+    markdown: string;
+}
+export interface CodeContent extends BaseContent {
+    format: "code";
+    code: string;
+    language?: string;
+}
+export interface TextContent extends BaseContent {
+    format: "text";
+    text: string;
+}
+export interface ImageContent extends BaseContent {
+    format: "image";
+    src: string;
+}
+export interface TableContent extends BaseContent {
+    format: "table";
+    columns: ColumnDef[];
+    rows: TableRow[];
+}
+export interface CustomContent<T = unknown> {
+    format: string;
+    data: T;
+    title?: string;
+    getTextContent?: () => string;
+}
+/** Content or custom content — used where custom formats are accepted */
+export type AnyContent = Content | CustomContent;
+export interface ContentRendererProps {
+    content: CustomContent;
+    lineCount: number;
+    cursor?: number;
+    selectionStart?: number;
+    selectionEnd?: number;
+}
+export type ContentRenderer = (props: ContentRendererProps) => ReactNode;
+export type AppendableFormat = Extract<ContentFormat, "markdown" | "code" | "text">;
+export type ContentChunk = {
+    type: "append";
+    format: AppendableFormat;
+    data: string;
+    language?: string;
+} | {
+    type: "replace";
+    content: AnyContent;
+} | {
+    type: "patch";
+    apply: (current: AnyContent | null) => AnyContent;
+};
+export interface ContentProvider {
+    load(): AnyContent | Promise<AnyContent> | AsyncIterable<ContentChunk>;
+    format?: string;
+    title?: string;
+}
+export type ViewContent = Content;
+export type ViewContentProvider = ContentProvider;
+export type { ColumnDef, TableRow } from "@tooee/renderers";
+export declare function isBuiltinContent(content: AnyContent): content is Content;
+export declare function isCustomContent(content: AnyContent): content is CustomContent;
+export declare function getTextContent(content: AnyContent): string;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/dist/types.js

@@ -0,0 +1,48 @@
+// === Utilities ===
+const BUILTIN_FORMATS = new Set(["markdown", "code", "text", "image", "table"]);
+export function isBuiltinContent(content) {
+    return BUILTIN_FORMATS.has(content.format);
+}
+export function isCustomContent(content) {
+    return !BUILTIN_FORMATS.has(content.format);
+}
+export function getTextContent(content) {
+    if (content.getTextContent) {
+        return content.getTextContent();
+    }
+    if (isCustomContent(content)) {
+        return "";
+    }
+    switch (content.format) {
+        case "markdown":
+            return content.markdown;
+        case "code":
+            return content.code;
+        case "text":
+            return content.text;
+        case "image":
+            return content.src;
+        case "table": {
+            const headers = content.columns.map((column) => column.header ?? column.key);
+            const rowLines = content.rows.map((row) => content.columns.map((column) => stringifyCell(row[column.key])).join("\t"));
+            return [headers.join("\t"), ...rowLines].join("\n");
+        }
+        default:
+            return "";
+    }
+}
+function stringifyCell(value) {
+    if (value == null)
+        return "";
+    if (typeof value === "string")
+        return value;
+    if (typeof value === "number" || typeof value === "boolean")
+        return String(value);
+    try {
+        return JSON.stringify(value);
+    }
+    catch {
+        return String(value);
+    }
+}
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAmGA,oBAAoB;AAEpB,MAAM,eAAe,GAAgB,IAAI,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;AAE5F,MAAM,UAAU,gBAAgB,CAAC,OAAmB;IAClD,OAAO,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;AAC5C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAmB;IACjD,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;AAC7C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAmB;IAChD,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC;QAC3B,OAAO,OAAO,CAAC,cAAc,EAAE,CAAA;IACjC,CAAC;IAED,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;QAC7B,OAAO,EAAE,CAAA;IACX,CAAC;IAED,QAAQ,OAAO,CAAC,MAAM,EAAE,CAAC;QACvB,KAAK,UAAU;YACb,OAAO,OAAO,CAAC,QAAQ,CAAA;QACzB,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,IAAI,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,IAAI,CAAA;QACrB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC,GAAG,CAAA;QACpB,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;YAC5E,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACxC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAC3E,CAAA;YACD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACrD,CAAC;QACD;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAc;IACnC,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,EAAE,CAAA;IAC5B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;IACjF,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC;AACH,CAAC"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@tooee/view",
+  "version": "0.1.0",
+  "description": "Terminal content viewer for markdown, code, images, and tables",
+  "license": "MIT",
+  "author": "Gareth Andrew",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gingerhendrix/tooee.git",
+    "directory": "packages/view"
+  },
+  "homepage": "https://github.com/gingerhendrix/tooee",
+  "bugs": "https://github.com/gingerhendrix/tooee/issues",
+  "keywords": ["tui", "terminal", "cli", "opentui", "markdown", "syntax-highlighting", "image", "viewer"],
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "@tooee/source": "./src/index.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": ["dist", "src"],
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@tooee/commands": "0.0.0",
+    "@tooee/config": "0.0.0",
+    "@tooee/layout": "0.0.0",
+    "@tooee/overlays": "0.0.0",
+    "@tooee/renderers": "0.0.0",
+    "@tooee/themes": "0.0.0",
+    "@tooee/shell": "0.0.0",
+    "marked": "^16.3.0"
+  },
+  "devDependencies": {
+    "@opentui/core": "^0.1.67",
+    "@opentui/react": "^0.1.67",
+    "@types/bun": "^1.3.5",
+    "@types/react": "^19.1.10",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "@opentui/core": "^0.1.67",
+    "@opentui/react": "^0.1.67",
+    "react": "^18.0.0 || ^19.0.0"
+  }
+}

package/src/DirectoryView.tsx

@@ -0,0 +1,68 @@
+import { useState, useMemo } from "react"
+import { useCommand } from "@tooee/commands"
+import { View } from "./View.jsx"
+import { listDirectoryFiles, type DirectoryEntry } from "./directory-provider.js"
+import type { AnyContent, ContentProvider } from "./types.js"
+import { createFileProvider } from "./default-provider.js"
+
+function createDirectoryFileProvider(
+  entry: DirectoryEntry,
+  index: number,
+  total: number,
+): ContentProvider {
+  const inner = createFileProvider(entry.path)
+  return {
+    async load(): Promise<AnyContent> {
+      const result = inner.load()
+      const content = result instanceof Promise ? await result : result as AnyContent
+      return {
+        ...content,
+        title: `${entry.name}  (${index + 1}/${total})`,
+      }
+    },
+  }
+}
+
+interface DirectoryViewProps {
+  dirPath: string
+  actions?: import("@tooee/commands").ActionDefinition[]
+}
+
+export function DirectoryView({ dirPath, actions }: DirectoryViewProps) {
+  const files = useMemo(() => listDirectoryFiles(dirPath), [dirPath])
+  const [currentIndex, setCurrentIndex] = useState(0)
+
+  const contentProvider = useMemo(
+    () =>
+      files.length > 0
+        ? createDirectoryFileProvider(files[currentIndex], currentIndex, files.length)
+        : null,
+    [files, currentIndex],
+  )
+
+  useCommand({
+    id: "dir.next-file",
+    title: "Next file",
+    hotkey: "l",
+    modes: ["cursor"],
+    handler: () => setCurrentIndex((i) => Math.min(i + 1, files.length - 1)),
+  })
+
+  useCommand({
+    id: "dir.prev-file",
+    title: "Previous file",
+    hotkey: "h",
+    modes: ["cursor"],
+    handler: () => setCurrentIndex((i) => Math.max(i - 1, 0)),
+  })
+
+  if (files.length === 0 || !contentProvider) {
+    return (
+      <box>
+        <text content="No viewable files in directory" />
+      </box>
+    )
+  }
+
+  return <View contentProvider={contentProvider} actions={actions} />
+}