/kerfuffle

Visual Programming Language

Primary LanguageJavaScript

kerfuffle

Visual Programming Language

TODO

  • Selection Manager

  • Convert Selection To Window

  • Selete Connection

  • Delete Component

  • Resizable Components

  • Minimize Window To A Window Face

  • Face

  • Face Toolbox

  • Non-Selectable Text

  • Function Node

  • Ports

  • Port Node

  • Pipe

  • Junction

  • Editor

  • Terminal

  • HTML Window (possibly for svelte)

  • Restore iframe (just use Foreign)

  • Proper Toolbar for Icons

  • Port Control widget inside evey window that controls window anchors


  • Cascading Zoom
  • Labels must monitor transform stack from their placement up.
  • .s is not working with laut manager and the anomaly in pane.
  • Nested Transforms
  • Add component loading to Root Window
  • Switch from JSON to XML

Laws

  • Parent Components Sets The Scene: the child must ass it's .g to the scene (add its svg group to scene set by parent)
  • All Controls Have Ports: a control no matter how large or small can paint ports.
  • method naming scheme: add + Window + Component = action Parent Class + Class Of Object
  • all Controls have this.anchors where named anchors must be stored
  • Externally, you may not interact with object's properties directly, only via methods (creating an api, and taking care of minot config)
  • root container always has a node, node always has an origin, origin has a root

Program Ideas

  • Automator
  • Split Screen App Example (in->f->out)
  • ELIZA Chatbot
  • Wiki Wiki
  • ExpressJs/KOA Route Builder
  • Sharp Image Processor
  • Request Response Patter Builder
  • State And Reducers Pattern Builder
  • Image Gallery Builder ★★☆☆☆
  • Static Site Generator: Antwerp Yutani ★☆☆☆☆
  • Atom/Pulsar Plugin For Application Structure Visualization ★☆☆☆☆
  • Prompt Builder ☆☆☆☆☆
  • Ask AI for a list, go over each item refining it with greater detail ☆☆☆☆☆
  • Drop a node anywhere in a web page, monitor/send events and data ☆☆☆☆☆
  • Video Slideshow Generator ☆☆☆☆☆
  • RxJs GUI ☆☆☆☆☆
  • ffmpeg GUI ☆☆☆☆☆