Acode插件开发：如何正确扩展文件系统操作

在Acode插件开发过程中，扩展文件系统操作(fsOperation.extend)是一个常见需求，但开发者经常会遇到路径处理不当的问题。本文将深入解析如何正确实现文件系统扩展，特别是createFile方法的实现细节。

核心问题分析

在Acode插件中扩展文件系统时，开发者需要特别注意以下几点：

1. 路径格式必须符合Acode的规范
2. 返回的文件对象必须包含完整的元数据
3. 所有异步操作需要正确处理Promise

完整实现方案

以下是一个经过验证的完整实现方案，包含了文件系统扩展的所有必要方法：

import plugin from '../plugin.json';
import type { WCPage } from 'acode/editor/page';

const fs = acode.require('fsOperation');
const open = acode.require('openFolder');

function getSegments(url: string): string[] {
  return url
    .replace(/^sk:\/\//, '')
    .split('/')
    .filter(Boolean);
}

class AcodePlugin {
  public baseUrl: string | undefined;

  async init($page: WCPage, cacheFile: any, cacheFileUrl: string): Promise<void> {
    const isPath = (url: string) => /^sk:/.test(url);

    fs.extend(isPath, url => {
      const segments = getSegments(url);

      return {
        async createFile(name: string) {
          const fileUrl = new URL(
            name.endsWith('.txt') ? name : `${name}.txt`,
            url
          ).toString();
          return fileUrl;
        },

        async lsDir() {
          return [
            {
              title: 'File.txt',
              id: Math.floor(Math.random() * 100) + 1,
              isFile: true,
              isDirectory: false,
              url: `${url}/File.txt`
            }
          ];
        },

        async readFile() {
          if (segments.length === 2) {
            const content = '示例文件内容';
            return new TextEncoder().encode(content).buffer;
          }
          throw new Error('无效的文件路径');
        },

        async writeFile(data) {
          if (segments.length !== 2) {
            throw new Error('写入路径无效');
          }
          console.log('写入数据:', new TextDecoder().decode(data));
        },

        async createDirectory(name: string) {
          const dirUrl = new URL(
            name.endsWith('/') ? name : `${name}/`,
            url.endsWith('/') ? url : url + '/'
          ).toString();
          return dirUrl;
        },

        async exists() {
          try {
            await this.stat();
            return true;
          } catch {
            return false;
          }
        },

        async stat() {
          const isDir = url.endsWith('/');
          const name = segments[segments.length - 1];

          return {
            name: name,
            isFile: !isDir,
            isDirectory: isDir,
            length: 0,
            url
          };
        }
      };
    });

    open('sk://folder', {
      name: '示例文件夹',
      id: 'sk://folder'
    });
  }

  async destroy() {
    // 清理代码
  }
}

if (window.acode) {
  const acodePlugin = new AcodePlugin();
  acode.setPluginInit(
    plugin.id,
    async (rawBaseUrl: string, $page: WCPage, { cacheFileUrl, cacheFile }: any) => {
      let baseUrl = rawBaseUrl;
      if (!baseUrl.endsWith('/')) {
        baseUrl += '/';
      }
      acodePlugin.baseUrl = baseUrl;
      await acodePlugin.init($page, cacheFile, cacheFileUrl);
    }
  );
  acode.setPluginUnmount(plugin.id, () => {
    acodePlugin.destroy();
  });
}

关键点解析

1. 路径处理：使用URL对象处理路径拼接，确保路径格式正确
2. 文件元数据：返回的文件对象必须包含title、id、isFile、isDirectory和url等必要属性
3. 错误处理：对无效路径进行适当检查并抛出错误
4. 目录标识：通过检查URL是否以斜杠结尾来判断是否为目录

常见问题解决方案

1. 文件无法打开：确保readFile方法返回ArrayBuffer格式的数据
2. 目录无法展开：检查lsDir返回的对象是否包含完整的元数据
3. 路径错误：使用URL对象进行路径拼接，避免手动拼接导致的错误

通过以上实现，开发者可以在Acode中创建完整的虚拟文件系统，支持文件创建、读取、写入和目录操作等完整功能。