very simple online playground for visually creating web applications

GOALS:

• [ ] UX similar to regular browsers
  • [ ] right click inspect element (source code though)
• [ ] built extensions API for windows to hook into
• [ ] developing a language that is optimial for visual development, not hand writing.
  • [ ] visual first, hand-writing second.

ARIEL IN ARIEL COMPONENT PRIORITIES:

• [ ] components panel (fetch from browser extensions API - possibly registered components)
• [ ] raw CSS inspector

IMMEDIATE:

• [ ] fix socket hangup
• [ ] meta click to show source in VSCode
• [ ] store record of previously edited files so that lagging edits can still be applied (during loads).
• [ ] open any HTML file in VSCode
• [ ] open/close windows based on changed files in sourceFilesPattern.
  • [ ] need to rebundle webpack
• [ ] change name to Tandem
• [ ] maintain app state using local session
• [ ] save vscode workspace state

NON-GOALS:

• [ ] to cover 100% of UI design & development

• [ ] to attract people with no knowledge of HTML & CSS.

• POLISH:

• [ ] preview mode for windows (opens window in iframe)

• [ ] zoom indicator

• [ ] measurement tooling

• [ ] highlight elements based on text cursor position

• [ ] copy + paste elements

• [ ] meta keywords for controlling UI

  • [ ] <meta name="no-tools" />
  • [ ] <meta name="device=ios5" /> for ios tool overlay
  • [ ] <meta name="background-task" /> hides window from stage

• [ ] AWS lambda for rendering

• [ ] persisting to local storage needs to reload sibling windows

• [ ] POST needs to reload sibling windows (not self)

• [ ]

• UX

• [ ] notify user when window doesn't have source maps

  • [ ] possibly dim or overlay elements that are not editable

HI PRIO:

• [ ] move style to class shortcut
• [ ] CSS inspector

CLEANUP:

• [ ] remove file caching. Source of truth needs to be a dev server
• [ ] file cache namespaced to workspace
• [ ] normalize urls - http://site.com/ -> http://site.com
• [ ] use old DOM rendering code
• [ ] synthetic window timers
• [ ] resizing elements
• [ ] keep measurements when resizing
• [ ] XHR handler for server

SPEED:

• [ ] move vendor dependencies to another bundle

BUGS:

UIs:

• [ ]

MVP:

• save workspace online

After validating:

• remote renderer