Электрон: получить структуру папок с клиентской стороны

Question

Я разрабатываю приложение Angular2 + Electron для настольных компьютеров. Как шаблонного я взял простой пример Angular2 + Electron

Мне нужно, чтобы получить структуру папок на перетащить & падения папки в области. Я нашел способ получить информацию о папке, когда она упала в область. Теперь вам нужно получить структуру папок с помощью этой информации. Ниже приведен пример возвращаемого объекта:

{ 
    lastModified: 1460044264000, 
    lastModifiedDate: "Thu Apr 07 2016 18: 51: 04 GMT + 0300(EEST)", 
    name: "dna", 
    path: "/Users/myUser/Pictures/folder", 
    size: 340, 
    type: "", 
    webkitRelativePath: "" 
} 

Любая информация по этому вопросу будет оценена!

Answer 1

Прежде всего используйте fs stats, чтобы проверить, является ли это каталогом.

Затем используйте fs node module для просмотра доступных файлов и папок в папке.

UPDATE

Если вы используете WebPack в качестве строителя обязательно установить target: "electron-renderer", как указано в webpack docs.

TS будет жаловаться на import * as fs from 'fs'.

Первый способ решить эту проблему, чтобы добавить declare var require:any и использовать const fs = require('fs') - уродливое рубить.

Второй является добавление узла типизации typings install dt~node -GS, настроить tsconfig.json как:

{ 
    "compilerOptions": { 
    "target": "ES6", 
    "module": "commonjs", 
    "removeComments": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "sourceMap": true 
    }, 
    "exclude": [ 
    "node_modules" 
    ], 
    "filesGlob": [ 
    "./src/customDefinitions.d.ts", 
    "./src/app/**/*.ts", 
    "!./node_modules/**/*.ts", 
    "typings/index.d.ts" 
    ] 
} 

И использовать import * as fs from 'fs';