const defs = {
  menu: {
    logo: logo_file, // by default Apple logo
    items: menu_items,
  },
  windows: [
    window_list,
  ],
  system: {
    dir: directory_structure,
    user: "user_name",
    host: "host_name",
  },
};

const menu_items = [
    {
        name: "menu1", // usually App name
        menu: [
            {
                name: "option1",
                menu: [
                    {
                        name: "suboption1",
                    },
                    {
                        name: "suboption2",
                    },
                    {
                        name: "---", // horizontal separator
                    },
                    {
                        name: "suboption3",
                    },
                    ...
                ],
            },
            {
                name: "option2",
                menu: [
                    ...
                ],
            },
            {
                name: "---", // vertical separator
            },
            ...
        ]
    }
];

const window_list = [
    window1_def,
    window2_def,
    ...
];


// viewer window
const viewer_def: {
    name: "View 1",
    icon: 'folder-sm.png', // folder icon
    type: 'viewer',
    bg: 'gray', // standard CSS color names or values
    text: 'white',
    w: 600, // a proportional value to virtual screen width (def: 1000)
    h: 400, // a proportional value to virtual screen height (def: 1000)
    x: 10, // proportional x (top left corner)
    y: 20, // proportional y (top left corner)
    contentUrl: './src/example/demo.txt', // a text file
    content: "test", // or a default static text
    class: 'text-xs', // additional class to pass
};


const picture_viewer = {
    name: "My Beautiful Picture",
    icon: 'photo-sm.png', // picture icon
    type: 'photo',
    picture: './src/example/designer.png', // picture to show
    x: 650, // proportional size and position
    y: 50,
    w: 150,
    h: 200,
};

const browser_window = {
    name: "My Browser",
    icon: 'safari-sm.png', // safari icon
    type: 'browser',
    w: 600, // proportional size + position
    h: 600,
    x: 200,
    y: 200,
    content: "https://wikipedia.org", // URL to browse
};

const terminal = {
  name: "Terminal",
  icon: 'terminal-sm.png', // terminal icon
  type: 'terminal',
  w: 600, // proportional size and position
  h: 600,
  x: 275,
  y: 230,
  bg: 'black', // colors
  text: 'white',
  commands: command_list, // list of commands 
};

const command_list = {
  "hello": [hello, "[name]", "say hello"], // function, args description, cmd description 
};

// example of command: should return a string ending with \n
// note: command is not passed as args[0]
const hello = (args) => {
  if (!args.length) {
    return "Hello to you too!\n";
  }
  return "Hello! But I'm no " + args[0] + "...\n";
};

// file system is simple: directory if an object, file if a string 
const directory_structure = {
  'demo_files': {
    'some_text': 'text',
    'blah': 'text',
    'more': {"some long filename": 'text'},
  },
  'other': {
    'blah.csv': 'text',
    'more_blah.csv': 'text',
    'worse.csv': 'text',
  },
  'README.md': 'text',
};