如何在浏览器端读取同构git克隆的文件？

Question

我已经在浏览器端使用同构-git执行了git clone命令。但我不知道这些文件存储在哪里，也不知道如何使用JavaScript读取这些文件。

代码片段：

import { configure } from 'browserfs'
import { plugins, clone } from 'isomorphic-git'
import FS from '@isomorphic-git/lightning-fs'

configure({ fs: "IndexedDB", options: {} }, (err) => {
      if (err) return console.log(err);
      window.fs = new FS("fs");
      plugins.set('fs', window.fs);

      (async () => {
        console.log(new Date())
        await clone({
          dir: '/',
          corsProxy: 'https://cors.isomorphic-git.org',
          url: 'https://github.com/isomorphic-git/isomorphic-git.git',
          singleBranch: true,
          depth: 1
        })
        console.log(new Date())
      })()
    })

Chrome DevTools观察到的网络活动：

​

​

​

​

IndexedDB：

​

​

Answer 1

详细教程在这里：https://isomorphic-git.org/docs/en/browser.html

你可以从@isomorphic git/lightning-fs操作文件中尝试使用API。

import LightningFS from '@isomorphic-git/lightning-fs'

const fs = new LightningFS('fs')
const pfs = fs.promises

const pck = pfs.readFile('/package.json')
const pckContent = new TextDecoder('utf-8').decode(pck)
console.log('pckContent', pckContent)