Solid file manager

[ztein]

(moving from other forum thread)

@A_A

@ztein Could you ch
ange the copyFile method in src/Api/Api.js to following and try it again?

export async function copyFile(originPath, originName, destinationPath, destinationName) {
    const fileResponse = await fetchFile(originPath, originName);
    const contentType = fileResponse.headers.get('Content-Type');
    const content = (contentType === 'application/json') ?
        await fileResponse.text()
        : await fileResponse.blob();

    // Note: Not passing contentType as parameter as this would lead to errors when creating .json files
    return createItem(destinationPath, destinationName, content);
}

I can’t reproduce it with the solid.community version (I think it’s NSS 4.x.x, so it’s probably an incompatibility with NSS v5.x) and don’t have a v5 pod for testing it so it maybe fixes it and maybe does nothing.

I 've changed it now - first time I actually build a npm module, but think I got it working and deployed ok

Anyway, there is a difference but not much - those folders and files are still converted to turtle format, but now without the .ttl extension. The content is pretty much the same, example:

cat css 
@prefix : <#>.
@prefix css: <>.
@prefix ldp: <http://www.w3.org/ns/ldp#>.
@prefix terms: <http://purl.org/dc/terms/>.
@prefix XML: <http://www.w3.org/2001/XMLSchema#>.
@prefix fonts: <fonts/>.
@prefix st: <http://www.w3.org/ns/posix/stat#>.
@prefix cs: <http://www.w3.org/ns/iana/media-types/text/css#>.

    css:
        a ldp:BasicContainer, ldp:Container;
        terms:modified "2019-04-22T15:47:33Z"^^XML:dateTime;
        ldp:contains
            <blog.css>, <font-awesome.min.css>, fonts:, <grids-responsive-min.css>,
            <pure-min.css>, <simplemde.min.css>;
        st:mtime 1555948053.643;
        st:size 4096.
    <blog.css>
        a cs:Resource, ldp:Resource;
        terms:modified "2019-04-22T15:47:33Z"^^XML:dateTime;
        st:mtime 1555948053.451;
        st:size 14221.
    <font-awesome.min.css>
        a cs:Resource, ldp:Resource;
        terms:modified "2019-04-22T15:47:33Z"^^XML:dateTime;
        st:mtime 1555948053.459;
        st:size 27340.
    fonts:
        a ldp:BasicContainer, ldp:Container, ldp:Resource;
        terms:modified "2019-04-22T15:47:34Z"^^XML:dateTime;
        st:mtime 1555948054.415;
        st:size 4096.
    <grids-responsive-min.css>
        a cs:Resource, ldp:Resource;
        terms:modified "2019-04-22T15:47:33Z"^^XML:dateTime;
        st:mtime 1555948053.459;
        st:size 9798.
    <pure-min.css>
        a cs:Resource, ldp:Resource;
        terms:modified "2019-04-22T15:47:33Z"^^XML:dateTime;
        st:mtime 1555948053.459;
        st:size 17286.
    <simplemde.min.css>
        a cs:Resource, ldp:Resource;
        terms:modified "2019-04-22T15:47:33Z"^^XML:dateTime;
        st:mtime 1555948053.643;
        st:size 10710.

Here’s what I did, for reference:

• Changed the code in Api.js
• npm install
• npm start (to check if it worked)
• npm run build
• rsync build/ to servers app folder
• Opened it in browser, refreshed, and tested to upload, extract and rename folder