features and fixes to think about when release planning

local file system

mount the file system, use browser API’s

customer facing concerns still at large

panes and pane related
issues with .keep files and ##PLACEHOLDER## files
tree dragging/droping
terminal
- arrow keys
- tab completion
- links (to something within app)
search performance
viewing / cleaning up storage
starting a github repo with fiug
- from scratch
- from folder on local hard drive
uploading files into a repo (especially binary)
removing a repo
git
- history of commits
- diff across repos
themes
extensions/plugins/store, see store incubate
open from fiug badge on github
editor horizontal scroll

exiled from v0.4.6

“Go to github” - view github for the open repo
view commits (maybe be better option than Go to gh)
word wrap in editor
editor search bar docks at top versus floating over
use prose mirror for markdown rendering
- https://prosemirror.net/examples/markdown/
- come with the advantage of being able to implement WYSIWG later
node REPL (and other REPL’s as well)
minimap for large files (fails on service-worker dist, for example)
minimap should reproduce ascii art reliably
- because if it doesn’t then how can we trust regular code to be repoduced reliably?
markdown frontmatter
on first open, project should show Readme.md open if exists
markdown support, image templates, and maybe other templates loaded by default when fiug loads
when editor search returns no results -> “undefined of 1”
when rollup error occurs ( ie, /!/script case), indicate this somehow to caller
after files are commited, should remove “changed” status
codemirror mini-map doesn’t appear until doc is focused
codemirror native scrollbars
- need to be styled to be invisible
- horizontal scrollbar needs to be visible
- issues with native appearing when zoomed out
- see issues surrounding this
close all doesn’t work properly
- does actually close tabs
- when next file is opened, all files are back
should be able to delete a cloned repository
should be able to update service worker without opening chrome dev tools
^^^ see “nice to have 2021-10-04”, items starting with “a way to”
should be able to run code from terminal in context of main app (not in worker or iframe)
should be able to list triggers and listeners currently attached to app (see previous item, maybe)
run a github action from terminal
- see github REST docs: actions
- esp. see create-a-workflow-dispatch-event
- this approach could be super-powerful for many different things
a way to paste an image in editor like can be done on github
a way to jump to current repo on github from fiug

nice to have 2021-10-04

history that remembers across sessions
export root to zip
import root from zip
upload file
upload folder
paste image
paste file
terminal tab completion
terminal left and right arrows (and insert/delete)
node scripts accept input (interactive)
a way to delete cloned repos
a way to delete app state (for refresh)
a way to update app
notification that a new version is available
…

exiled from v0.4.5

sometimes file is read as ‘##PLACEHOLDER##’ and replacement is not fetched from github
- this seems to occur where file is read directly from store
- this means that user must visit file first before it is read
- an example of this occuring
  1. clone crosshj/fiug-beta
  2. preview terminal/.example.html
  3. observe failure when loading terminal/.example.js
- this was noted without as much detail in v0.4.4
should be able to delete a repo as well as pull it

exiled from v0.4.4

REMOVE DEAD CODE

terminal module
- cleanup following rewrite/shift in mindset
- includes removing old preview code
editor
- load doc should be handled strictly by plugin
- state should come from outside module
editor tabs
- shift to rely strongly on SW state
tree / explorer
- anything left from previous iteration?

exiled from v0.5.0 release planning

exiled from v0.6.0 release planning

themes

a cool theme gallery

At some point, I’d like to tackle themes. Here are some thoughts on that.

An example of switching user preference for color scheme: from web.dev color scheme

const meta = document.querySelector('meta[name="color-scheme"]');
let colorScheme = 'light';
meta.content = colorScheme
if (!window.frameElement) {  
	window.setInterval(() => {    
		colorScheme = colorScheme === 'light' ? 'dark' : 'light';
		document.documentElement.style.colorScheme = colorScheme; 
		meta.content = colorScheme;
		const root = window.frames[0].document.documentElement;
		root.style.colorScheme = colorScheme;
		root.querySelector('meta[name="color-scheme"]').content = colorScheme;
	}, 3000);
}

css

audit css - https://css-tricks.com/tools-for-auditing-css/
dynamic css
- css is returned as a service by SW
- settings affect what css is returned
- this benefits themes probably most of all

fonts

allow customizing fonts
https://input.djr.com/preview/
https://www.elegantthemes.com/blog/wordpress/best-programming-fonts
https://tonsky.me/blog/font-size/
option to use fonts with ligatures eg. https://github.com/tonsky/FiraCode

tabs

tabs can be reordered
tabs can be pinned
tabs grouped (like chrome tab groups)
opened tabs saved on a per project basis

similar to what I’ve already built

https://blog.stackblitz.com/posts/introducing-webcontainers/

found from codesandbox.io

first of all, why does fiug not use codesandbox?
- https://github.com/codesandbox/codesandbox-client/tree/master/standalone-packages/react-sandpack
- https://github.com/codesandbox/codesandbox-client/tree/master/standalone-packages/sandpack
https://browsix.org/ - Run C, C++, Go and Node.js programs as processes
https://github.com/jvilk/BrowserFS - in-browser filesystem, NodeJS filesystem API, various backends

picture editor

got to it before me: https://docs.replit.com/tutorials/kaboom

debugging

sort of on the fence about this since Chrome Dev Tools debugging works well enough
also the concept of running a js file (for example) is still in its infancy

freeform input of ideas here

quickly take notes, edit/create images, explore visual ideas, explore logical idea
make slides easily
make charts/graphs easily
annotate images easily
mock up systems easily
application resources cleanup
preview/templates allow a different form of interaction with files vs text editing
hide and show UI elements quickly and easily, ie editor, terminal, tree
bundle templates with syntax highlighting
static analysis, code mapping, service map, etc
themes and usage of theme by templates/preview, dynamic css
development meta
- regular vlog release
- blog
- clearer release planning
terminal
- arrow keys
- tab to auto-complete
- customizable prompt
- recall history across sessions
- view recent commits
editor
- horizontal scroll bar
- re-order tabs
status bar
- line up relevant info to associated pane
- version
application bundle
internal application links
- from terminal to some file + line number
- from file to another file, esp. markdown
- from one place in current file to another place in same file
tree
- focus to folder
- file status colors

2021-02-26 todo

2020-10-11 todo

2020-09-17 TODO

less tabs, close all tabs
create/delete file/folder works with provider
issue with preview, binary file shows in preview instead
CRUD, connecting service nodes working in service map (decide what it means to connect from code POV)
switch between tabs and spaces

2020-09-17 TODO

*.todo, *.slides, *.graph - all services should come with “native” support for these
- graphs - https://en.wikipedia.org/wiki/Category:Infographics
*.settings - treat settings as templated files with a common UI?
connect git
- https://github.com/isomorphic-git/isomorphic-git
- real/beefy FS abstraction layer

2020-08-22 TODO

2020-08-01_1829 TODO

trying to get service worker fully fleshed out
make terminal not rely on callback pattern
- instead, it should fire an event and only pop that event off pending queue when answer is heard
- should have a timeout with this
seperate template listening and DOM updating from terminal code

2020-07-19_1731 TODO

recall all things

editor tabs (remember open, selected, and scroll position)
editor (load last loaded file)
preview (load last loaded preview)
panes (window width same as previous, recall positions)

connect all context menu items

huge list…

create|update|delete for service API in serviceHandler

need this before service worker fork can be merged

reset page for ui

kill service worker cache (or maybe don’t use this)
kill/reload serviceHandler
kill tree cache (sessionStorage)
kill all the recalled things (above)
kill service worker (which will be reloaded with boot())
kill moduleCache (localStorage) (maybe should be sessionStorage)
reloadServices true versus false
BUG: loading page shows loading bar multiple times

2020-07-14_1902 TODO

2020-07-01 TODO

DEPLOY | VERSION CONTROL

https://app.diagrams.net/#G18h5403wK012mFwEuMETVVnQiyZmXPJOy

backlog

local file system

customer facing concerns still at large

exiled from v0.4.6

nice to have 2021-10-04

exiled from v0.4.5

exiled from v0.4.4

REMOVE DEAD CODE

exiled from v0.5.0 release planning

exiled from v0.6.0 release planning

themes

css

fonts

tabs

similar to what I’ve already built

found from codesandbox.io

picture editor

debugging

freeform input of ideas here

2021-02-26 todo

2020-10-11 todo

2020-09-17 TODO

2020-09-17 TODO

2020-08-22 TODO

2020-08-01_1829 TODO

2020-07-19_1731 TODO

2020-07-14_1902 TODO

2020-07-01 TODO

DEPLOY | VERSION CONTROL

exiled from scratch.md

AN ATTEMPT AT FOCUS

What is an MVP for Bartok?

What are the nice-to-have sink holes?

Potential Sinkhole Hard Examples:

What are currently the biggest “win” items?

FILE CHANGES

PACKAGE.JSON / CONFIG

TEMPLATES

preview

unsorted