mirror of
https://github.com/getpaseo/paseo.git
synced 2026-11-03 23:23:21 +00:00
Mohamed Boudra
dfb6215de0
The file tab stats the file and mounts its panel without reading it. Every panel, built-in or plugin, gets a PluginFile handle: readText, readBytes, url, version-checked writeText/writeBytes (PluginFileConflictError unless force), and watch. useFileText, useFileBytes and useFileUrl read through it, and Loading joins @getpaseo/plugin/client/ui. Panels own their loading state. The host document pipeline, the explorer preview cache and the preview lifecycle are deleted. The daemon classifies a file version from a bounded sniff and writes base64 content as bytes behind fileByteWrites. A deleted file keeps its panel mounted; a read confirms the deletion first, so a remove-and-rewrite is not reported as one. Native Source decodes with builtins and highlights in idle-time slices, the lines around the opening line first, so a large file no longer blocks the JS thread.
78 lines
3.2 KiB
TypeScript
78 lines
3.2 KiB
TypeScript
import { mkdtemp, rm, writeFile } from "node:fs/promises";
|
|
import { tmpdir } from "node:os";
|
|
import path from "node:path";
|
|
import { expect, type Page } from "@playwright/test";
|
|
import { pluginRequirements } from "./plugin-fixture";
|
|
import { connectNewWorkspaceDaemonClient } from "./new-workspace";
|
|
import { expectFileTabOpen, openFileFromExplorer } from "./file-explorer";
|
|
|
|
/** A directory plugin whose "Rich Markdown" file panel claims `.md`, next to the built-in. */
|
|
export const MARKDOWN_PANEL_PLUGIN_ID = "file-panel-picker-e2e";
|
|
export const MARKDOWN_PANEL_ID = `plugin:${MARKDOWN_PANEL_PLUGIN_ID}/rich-markdown`;
|
|
export const BUILTIN_MARKDOWN_OPTION = "Markdown — Paseo";
|
|
export const PLUGIN_MARKDOWN_OPTION = `Rich Markdown — ${MARKDOWN_PANEL_PLUGIN_ID}`;
|
|
export const SOURCE_OPTION = "Source — Paseo";
|
|
|
|
const SOURCE = `import React from "react";
|
|
import { Text, View } from "react-native";
|
|
function RichMarkdown({ file }) {
|
|
return <View><Text>Rich Markdown plugin: {file.name}</Text></View>;
|
|
}
|
|
export default function contribute(client) {
|
|
client.addFilePanel({ id: "rich-markdown", title: "Rich Markdown", icon: "FileType",
|
|
files: { extensions: ["md"] }, Component: RichMarkdown });
|
|
return () => {};
|
|
}`;
|
|
|
|
/** Enables plugins on the test daemon and installs the plugin; `uninstall` restores both. */
|
|
export async function installMarkdownPanelPlugin(): Promise<{ uninstall(): Promise<void> }> {
|
|
const directory = await mkdtemp(path.join(tmpdir(), "paseo-markdown-file-panel-"));
|
|
const client = await connectNewWorkspaceDaemonClient({ ownProjects: false });
|
|
const previousConfig = await client.getDaemonConfig();
|
|
const uninstall = async () => {
|
|
await client.removePlugin(MARKDOWN_PANEL_PLUGIN_ID);
|
|
await client.patchDaemonConfig({
|
|
pluginsEnabled: previousConfig.config.pluginsEnabled ?? false,
|
|
});
|
|
await client.close();
|
|
await rm(directory, { recursive: true, force: true });
|
|
};
|
|
try {
|
|
await writeFile(
|
|
path.join(directory, "paseo-plugin.json"),
|
|
JSON.stringify({ id: MARKDOWN_PANEL_PLUGIN_ID, requirements: pluginRequirements }),
|
|
);
|
|
await writeFile(path.join(directory, "index.client.tsx"), SOURCE);
|
|
await client.patchDaemonConfig({ pluginsEnabled: true });
|
|
await client.installDirectoryPlugin(directory);
|
|
} catch (error) {
|
|
await uninstall();
|
|
throw error;
|
|
}
|
|
return { uninstall };
|
|
}
|
|
|
|
export function filePanelPicker(page: Page) {
|
|
return page.getByText("Open .md files with", { exact: true });
|
|
}
|
|
|
|
export async function openMarkdown(page: Page, name: string): Promise<void> {
|
|
await openFileFromExplorer(page, name);
|
|
await expectFileTabOpen(page, name);
|
|
}
|
|
|
|
export async function expectBuiltinMarkdown(page: Page, heading: string): Promise<void> {
|
|
await expect(page.getByRole("heading", { name: heading, exact: true })).toBeVisible();
|
|
}
|
|
|
|
export async function expectPluginMarkdown(page: Page, name: string): Promise<void> {
|
|
await expect(page.getByText(`Rich Markdown plugin: ${name}`, { exact: true })).toBeVisible();
|
|
}
|
|
|
|
export async function storedFilePanelAssociations(page: Page): Promise<unknown> {
|
|
return page.evaluate(() => {
|
|
const settings = JSON.parse(localStorage.getItem("@paseo:app-settings") ?? "{}");
|
|
return settings.filePanelAssociations ?? {};
|
|
});
|
|
}
|