Code editor folder structure example(simplified version)

folderStructure.js

project: {
    '/': {
      name: null,
      path: null,
      childrenFolders: ['/public/', '/src/', '/node_modules/'],
      files: [
        {
          name: 'package.json',
          path: '/',
        },
      ],
    },
    '/public/': {
      name: 'public',
      path: '/',
      childrenFolders: [],
      files: [
        {
          name: 'index.html',
          path: '/public/',
        },
      ],
    },
    '/src/': {
      name: 'src',
      path: '/',
      childrenFolders: [
        '/src/App/',
        '/src/Components/',
        '/src/Hooks/',
        '/src/Pages/',
        '/src/Store/',
      ],
      files: [
        {
          name: 'index.tsx',
          path: '/src/',
        },
      ],
    },
    '/src/App/': {
      name: 'App',
      path: '/src/',
      childrenFolders: [],
      files: [
        {
          name: 'App.tsx',
          path: '/src/App/',
        },
        {
          name: 'App.module.scss',
          path: '/src/App/',
        },
      ],
    },
    '/src/Components/': {
      name: 'Components',
      path: '/src/',
      childrenFolders: [],
      files: [],
    },
    '/src/Hooks/': {
      name: 'Hooks',
      path: '/src/',
      childrenFolders: [],
      files: [],
    },
    '/src/Pages/': {
      name: 'Pages',
      path: '/src/',
      childrenFolders: [
        '/src/Pages/Home/',
        '/src/Pages/Guide/',
        '/src/Pages/Help/',
        '/src/Pages/Playground/',
        '/src/Pages/Settings/',
      ],
      files: [],
    },
    '/src/Pages/Home/': {
      name: 'Home',
      path: '/src/Pages/',
      childrenFolders: [],
      files: [],
    },
    '/src/Pages/Guide/': {
      name: 'Guide',
      path: '/src/Pages/',
      childrenFolders: [],
      files: [],
    },
    '/src/Pages/Help/': {
      name: 'Help',
      path: '/src/Pages/',
      childrenFolders: [],
      files: [],
    },
    '/src/Pages/Playground/': {
      name: 'Playground',
      path: '/src/Pages/',
      childrenFolders: [],
      files: [],
    },
    '/src/Pages/Settings/': {
      name: 'Settings',
      path: '/src/Pages/',
      childrenFolders: [],
      files: [],
    },
    '/src/Store/': {
      name: 'Store',
      path: '/src/',
      childrenFolders: [],
      files: [],
    },
    '/node_modules/': {
      name: 'node_modules',
      path: '/',
      childrenFolders: [],
      files: [],
    },
  }