fled - [fl]ow [ed]itor

a code editor with plenty of space

Quest For The Window / Initial Boot Sequence

• main.js loads App
• App.svelte loads manager
  • configures database, loads data
  • initializes bus and base events,
• Manager.svelte loads desktop
• Desktop loads Windows
  • asks for window listing in the default desktop
• Window asks for whatever component/app the window id calls for

Operating System Architecture

• src/os
  • app (collection of applications)
    • DesktopSwitcher (the first app switches list of current windows)
  • ui (gets the UI setup)
    • Manager (WindowManager)
      • Desktop (a window container allows panning, etc.)
      • Window
      • Terminal (an app, but so important it lives next to the window)
  • bus (this is the API)
    • all terminal commands are just events
    • all database calls must go through the bus
    • integrates with web sockets and the server
    • cross tab and cross window
  • bin (commands, or bus listeners)
  • vfs (probably an object, probably not observable (manual refresh))
  • db main storage, a document store
  • dom - low level DOM components

Client Architecture

• Svelte App, Applications that use Svelte Components
• Svelte Components, just reusable things, ordinary components
• Svelte Base Components, Manager (Window Manager) Desktop, Window, Terminal (a core but sub application)
• Observable Database, All documents tagged with GUID, DB Layer
• For use with svelte's use:xxx Low Level Components, DOM Layer
• Bus, Emitter Layer

Server Architecture

• Server App, presumably a mountable construct
• Server, just web sockets, they work well with the OS bus.

Application Architecture Client + Server

• scripts, probably just shell scripts
• node module, or just server.js and packages.json

Window Layout Strategy

• main element (window)
  • holds the width, height, as well as top, and left (normalized to .w .h .y .x)
  • can contain window-caption which will drag the window.
  • is a flex layout element: d-flex
  • contents are stretched by default: align-items-stretch
  • contents are treated as a column: flex-column
  • there is a window-status on the bottom
  • window-body
    • is set to grow: flex-grow-1
    • is set to overflow-x-auto
    • window body can now use h-100 w-100 due to flex arrangement

Conventions

• Primary desktop should always be called 'primary'.