E2h Todos

< RFC >
< #DEV >

Ideas, features, bugs ... for 🔗E2H.

Revisions:
    xxxxxxxx new stub
    20200523 touch
    20200906 overview

Ties to:
    🔗E2H
    🔗pads-are-better — comparison with gdocs, wiki, markdown, etc
    🔗dev-index — other development projects
    ###




*** TODOS


++++ pad-configurable rewrites ("replace pad")

→ 🔗replace !

also, support linking custom replace pads
like style is right now.

_______________________________

    this is going to be so awesome
    ------------
    simple mvp → a system pad with statements like:
        """
        "$\!\!.*", "line-twobangs"
        """
    results in assigning the specified div name
    you can then CSS the thing
------------- aka
!!! support in-e2h reformating ("e2h rewrites"), like:
    A) "<<<.*?\n", "lcomment" ....... would pack the line in a div, that could be styled then from css! very powerful!
    B) other examples ???




+++ also, style with CSS via CONTENT SELECTORS

https://stackoverflow.com/a/41281583




+++ new rewrites: venn diagrams

== groups/sections in graphviz !



++ new rewrites: charts



+++ new rewrites: transclusion

(fix)


+++ new rewrites: inserting media (audio, video, youtube, etc)




++++ work with bullets
    make them appear same as "*" bullets (it actually looks much better)
    also, ignore indents etc etc. whatever.

also, when several levels of  bullets happen out of nowhere it shows it wrong.
see this:

• is
• okay
• yeah

or

• • not
  • okay

or

• • • even
    • less
    • okay

alternative:
   
    li { list-style-type: none; }



++++ work with indents

(don't fail, anyway)



+++ BUG: toc colissions



++++ report the etherpad bugs
see 🔗etherpad !



+++ BETTER UPLOAD that supports multiple files



+++ make REDIRECT pages

:
        * 30x / REDIRECT
        * 404 /
        * [...]

Examples
🔗goals

Standard syntax is kind of already there on many pages ("→ xyz").



++ all / per-query photo galleries (of uploaded)



++ kanban view for various todo pages

(like this one)



+ How to battle e2h vandalism?
    Make a page studying approaches. 
     Implement a mvp



++ Kill cryptpad for HACC
        make decision graph against using cryptpad !



~ ... Have e2h support cryptpad anyway??



++ ability to define all render characters in CONFIG
:
    * alredy done: optional "edit" postfix
    * !!! optional "internal link" prefix ... or "decoration", to have a wider term
    * !!! same for external URLs !
    * !!! how to display pods?
    * [...]



++ make audio work again (MAWA)

audio includes + deep linking worked.
make it work again!

for:
    * #diane
    * new zoom notes
    * [...]



++ MANUAL: set expectation of connection breaks
@@ethering
<dominic
"""
I got a system down / maintenance warning after the last edit and went into shock 🦜 ^^
I did not indend to remove anything Im still lacking behind learning eth sorry ._. but I'll have a break soon as The first re-reconnections came in
David
yes true - sometimes connection drops, especially if you edit a lot of pads at same time (>6 problems start, if you don't mess with your browser settings). which is fine, you just need to be used to it
if you don't touch the pad for a while, you just refresh (ctrl+R) before editing. it becomes routine.
"""



+ pick up design (nice document <bret.victor)

http://worrydream.com/ClimateChange/?platform=hootsuite#funding



~ auto / "smart" workflows
define more advanced content workflows ... example:
    * "5 must confirm to have a page released"
    * [...]



++++ named internal links
syntax seems obvious, just use "|" !



+ "Suggest" mode MVP
(like on google docs - writing text that can be approved or disproved)
yeah, quite complicated
or is there some easy way?



++ permanent open hypothes.is
need to build own client !


++ "annotate" button (with hypothesis)

A) for all?
B) if you enter a "special" mode:
    that improves all your links
C) in user profile, where you indicate this:
    (with some cookie)...



+++ auto-sortable lists

(this document could be like this, as well)



++ etherpad API to support finer operations
:
    * find/replace
    * individual op transforms (+ a funcitonal explanation how to form them)
    * appends-in-place (like, "above this character stream", or "on line X")
    * [...]




+ votable lists

(expansion of "auto-sortable lists", to have in-E2H modification)

ties to #narratives , is indeed #oldie
it's about different #sequences!
-------
this will be amazing for stuff like HACC ...
where you have many suggestions brainstormed
then people could "vote" on them, bring them top/bottom
in a way, it's kind of like a "meta-ordinal-reddit", where on each level you can upvote/downvote ...
-------
... could even include their "new/controversial/top/"... narratives



+ graph IDs & CSS styling
it should be easy enough to hack this:
    * add unique hash (or something like this) as CSS style to every node, and its connections
    * ... and also the name contents
    * be able to style stuff better, based on CSS :)
------------
v2:
    * some form of "cycling" between the nodes, showing subsets of graph
    * easier? "onhover" shows node + connections (and possibly, 1 level deep nodes too)




+++ BUG: toc colissions

example 🔗essential-oils .



++ include more HTML headers
:
        * license info in code that's visible (CSS, js, ...)
        * tougher CC in texts
        * proper info in HTMLs
        * at least basic SEO keywords ;-P
        * [...]



(??) for CHATTING to work inside pads...
:

        * this is REALLY complicated for authoring !

        * HOW IT HAPPENS:
            you write a bunch of stuff
            others close it

        * SOLUTIONS:
            a) "mark all as read" - remove all past exchanges
            b) google docs has it great, with issued-based stuff :/
            c) start every line with <name>, then both end threads with OK
            * [...]

    * next to normal anchors, also have TOC/numeric anchors (put them "just next" in code):
        like "blabla#2.1" or something

    * maybe use a reset css, like view-source:https://www.siviljstvo-alenka.com/reset.css :
        also see 🔗css-reset-css



+++ config: make sure we're not running in dev mode

"""
        Environment=NODE_ENV=production
"""



++ hack etherpad toolbar (in settings.json)
:
    * link to read mode
    * add general 🔗ethering info, like syntax info and cheat includes, etc
    * [...]



+ TOC "karaoke" (follow where you are in docu)

Example
        * https://jov.arvojournals.org/article.aspx?articleid=2608579
        * https://ec.europa.eu/info/law/law-topic/data-protection/reform/rules-business-and-organisations/application-regulation/who-does-data-protection-law-apply_en
        * [...]

→ DEFINE JS WORK



++ DEFINE JS WORK

[→→]

stuff like:
    * TOC karaoke
    * smart (approximate) anchor links
    * hypothes.is client improvements
    * [...]

... could be handled as a task by a js wizard
... and included in 🔗todos !



+ fix audio & video tagging



+ better ability to reference lower ordinal items

        * v2: better syntax for :
            (this might demand/profit from not always rendering the site!)
            (so A CACHE!)

        * v3: partial referencing:
            ^TOTALISM🔗e2h-todo:~partial ref
            (or even without the symbol)



++ "DIV" bloc

        * easy syntax for successive:
            "[div:bla]":
                * ends previous (default name is "first")
                * starts "bla"
        
        * nested divs:
            hmmmmmmmmm

___________

        * eah div gets its CSS tag, obviously

        * (each paragraph too)


+ "CHAT" bloc
        a) directly expressed with syntax
        b) auto-recognized, when specific signing syntax is used and "interlocking replies" happen



+ prevent directory access for file upload 
        v2: make it possible with another folder, which auto-links all except .htaccess !



++ notifications ... ability to subscribe per mail/RSS to updates
        like http://www.guckes.net/cal/ alike to 🔗calendar
        -------
        * Which other pages would benefit from this?
        * What other "update" models, rather than "just mail the whole page", would make sense?
        * Maybe posting updates to Twitter is fine too?



+ have conditionals ... "IFDEF"s basically:

        * STORY 1:
            I'm not sure if psyche pics are good for index.
            People could vote for this and the vote would directly influence the design
            If someone has a different priority however, the site is like they like it.
 



(??) relinking to local files (.txt):
:
        * tailf logs, when clicked, gives a bunch of strange logs...
        * redo logs for relinking!
        * maybe this should actually be PYTHON??? NOT PHP???



++ Compatibility with Windows, Chrome, Ipads, Ebooks

    * (Chrome on Windows) doesn't autofocus on main container, so arrow keys don't work without click

    * (Ipad 2 7.0, Chrome & Safari) sidetoc fails completely:
        * no TOC !?
        * unrotated button

    * kobo ebook:
        fails TOC anchors
        could have better page turns
        (maybe media query for pgup/pgdn buttons)
        -----------------
        #meanxy - like UI would obviously rock

    * on newer ipads:
        ???
    
    windows 10: mono fonts do not work (firefox)
    otherwise looks pretty nice



+ pull a pad-package (via pad list) from pod

= ("one way sync"):



++ UI: Improve general design and readability

:

    * maybe limit .etherpad_toc to 80% height (middle of button)

    * learn how to more easily pick up styles from other pages, and doc this!

    * these look nice:
        * http://interfacecritique.net/journal/volume-1/scherffig-there-is-no-interface/#sdfootnote1sym
        * [...]

    * [...]



+++ UI: Styling on heading levels

Example:
    """<strong><u>&nbsp;&nbsp;&nbsp;"""

EASY TO CAPTURE!

Problems:
    * sometimes only 2 spaces
    * sometimes pushing with "***"
    * [...]

Eh - it'll be fine !

use 🔗test-levels

__________________________________________

IDEA:
    DOING THIS IN PYTHON ???
    WHY THE FUCK PHP?

### cleanup this graph







++ Fixing "full circle" UTF8 !!!


(bold = verified)

works:
    * api export (in pad window)
    * curl (as "curl https://pad.totalism.org/p/e2h-upgrade/export/txt")
next:
    * php in:
        check https://stackoverflow.com/questions/35701730/utf8-endecode-removed-from-php7?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa
    * [...]



++  ... then supporting the "🔗" character links !

aka "THE RENDERED LINKS CHARACTER"

update: maybe this could be done with replace-rewrites



 
↓↓↓↓↓ unsorted ↓↓↓↓↓
 


++ cleanup the empty pads
etherpad seems to create a DB entry every time you access it
make a script that scrubs all those!


+++ make a "to top" TOC entry

(can be hidden out)
that's it, a "↑ ↑ ↑"


+ "rated" headers

click / ctrl+click



+ dnd frags in toc

remember middlemachine 2010 ...



++ tabulating (moving) between headers

... does anything else do this?
nice



++ setup ethercalc



++ setup etherdraw



+ ep_export_authors compatibility

* would be nice to have per-pad (to specifically call for it):
    → might need to modify package myself
    ... to only show up if called for!
    and also to not give specific colors, but only style names........... etc
* [...]

https://www.npmjs.com/package/ep_export_authors



++ have a better "non-existing" site
"""
Cannot GET /p/liesisxyz/export/html
"""



++ push padland
* make "create new site" the only step in "pad.land":
    (should be obvious)
* have a "help" link
* a twitter account, etc
* [...]



? use what's new in 2020/12 etherpad version

• New exportHTMLAdditionalContent hook to include additional HTML content
• New exportEtherpadAdditionalContent hook to include additional database content in .etherpad exports

etc !!!



? dina/vedran website HOVER FOCUS idea
:
    * similar to TOC FILTERS !
    * define focus words 
    * example, useful on 🔗projects etc:
        maybe like [focus|DIY,MEDIA,DEV]
        it shows up:
            A) top of TOC
            B) somewhere else
            C) ###



? some sort of "limited access"

https://docs.google.com/document/d/1KZVswRmOPuT9bnwewgoyQkR5bcW4H4orNkpUdOdd83g/edit?fbclid=IwAR2q0wxzDEM2GWq_JStNaAC8H1P8e0jGOu1rZuWZq17654qEdLboRjaE0SY

A) "claim" address:
    separate interface
    1) visit
    2) "are you sure" ... possibly:
        * enter code (one times, general, ... available from me and many others)...
        * or pay to get code (complicated)
        * or get code but say you intend to pay or support in some way
        * ... or do a comrade license basically
    3) you understand this address might be move:
        * either to a manifold (index)
        * replaced with other content
        * with "redirect" under conditions xyz
        * ... or without, if not (address in bad faith, irreelvant, "squatting", etc)



+ support space.api (with CORS)

make it work.



+++ "subparagraph levels"
(via D desktop)

"""
* set classes to subparaf levels
* make them less prominent

but also
THINK ABOUT #NONORDINAL or #POSTORDINAL !!!!!!!
"""



+++ BUG: open squared bracket breaks site

    "[]"
Now, try deleting the closing squared bracket...
Breaks @ 20210527.




+ option to include license info in different ways

(via desktop note)
"""
E2H FILE TEXT OUTPUTS MUST CONTAIN CONTENT LICENSE
#BRILLIANT #NOW [merged] ← i thought it was a really good idea, for some reason!
"""
This is helpful for if you do full-pod exports and want to make sure that license isn't separated from the content.


+++ don't choke on wiki-style links

cel: i looked at the error log ;) it was the "[[url label]]" link somewhere
(20210609 hso.org meeting logs explode because of a mediawiki style link somwehre)



++ generated favicon, via CSS (to differentiate pages)

"color labels basically"

cool ! >:D



+++ quotes / "special extra"

### would use on hacc-next ...
like an accordion, able to hide extra discussion, etc
probably have:
    1) optional title (default: "more" or defined in config)
    2) click opens more



+ weird "internal server error" on this link

https://e2h.totalism.org/e2h.php?_=antipest/timeslider#13216


[!!!] focus not right — scrolling doesn't work

until you press on the field!
try refreshing without pagedown!

(wow, people have been telling me, but i didn't get it, i just instinctively pressed on the field it seems? now that my x250 buttons don't work for once, i keep noticing it!)


[!!] export to PDF

* could be easy
* would allow work on readers (especially annotation)
* ###

so, "e2pdf" !


[!**] "no graph" switch OR pre-load graphs

A)
maybe just big graphs, bigger than XYZ ?
and then have a "purge" ;-)

B)
###



[###] changsets , websockets, etc

https://etherpad.org/doc/v1.8.0/#index_changeset_library
https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/Inspecting_web_sockets
http://geekdirt.com/blog/how-etherpad-works/


[!] text statistics, etc

https://www.npmjs.com/package/ep_text_statistics


footer changes

"""
- Move those buttons above the "(Site generated by E2H... )" text
- Make this box have a distinct CSS style
- Sandbox this CSS of this so it unaffected by the page
"""
<###


header changes (for editor)

"""
- Title (text input field)
- Theme (dropdown / multi-select menu)
- Link: to "published" page
- Link: to syntax documentation
"""
<###




<-------------------------- (new)+ UNSORTED ↑↑↑








*** PAD


#TOMERGE !!!

:
    * todos from source !
    * "e2h-todo":
        the one with the weird "dashed" side menu !!!
        (DONE)
    * ^dcht00🔗__ E2H (and others) !!!
    * [...]





other engines: alike? alternative? competing?

hackpad
lol, it's by condoleeza rice's dropbox. don't use that.

https://joedocs.com/
coming out of https://nwspk.com

http://osp.kitchen/tools/ether2html/
feels a bit wrong, but okay

https://posthtml.org/#/?id=posthtml
#tocheckout
uses markdown in-HTML

[...] !!!

<-------------------- (new) OTHER alike/competing ENGINES





cool & inspiring concepts / designs

* https://www.zku-berlin.org/people/ :
+zku.berlin
wow. I like the "Search" thing !!!!

* http://programme.antiuni
what is this? bo

* https://alvarotrigo.com/fu
good for #ppt
looks trivial to impleme

* https://www.w3.org/TR/CSS22/cascade.html#preshint
nice auto-hide TOC from sidebar if not enough space

* https://rawgraphs.io/
#gliagraph #alike #workflow !!!

* nice!:
    https://formerwest.org/About
    i guess whole main site navigation could live on the LEFT like this!
    (or, TOP on mobile)
    (... even as SEVERAL ORDINALS / ACCORDEON)

* https://thebaffler.com/salvos/whats-the-point-if-we-cant-have-fun
nice typography, layout
definitely yes for theory, "long reads", etc

* https://bio.si/sl/o-bio/
nice monocolor looks & typographies
https://bio.si/sl/program/main-exhibition/8/info-vojna-svetovni-mediji/

* https://en.wikipedia.org/wiki/Scientific_workflow_system
!!!

* https://drafts.csswg.org/selectors-4/#conventions
nice TOC:
    * side title !
    * visible hover
    * visible "press down"
    * [...]

* https://biennalevanbelgie.be/ :
    nice side vertical "folds"
    pre-load makes it work great
    also #hypervideo
    (made scrshot)

* https://www.wkshps.com/about/

* https://theterraforming.strelka.com/
very effective color palette scroll
very 2025→ (so now futurist)

* https://www.strtgm.xyz/
this could work for photos
self-sliding

<----------------------------------- (new) cool & inspiring DESIGNS ↑↑↑



(alike/competing)

hackMD / CodiMD → hedgedoc
instance:
    https://pad.hacc.space/

@@ecology
nice
https://pad.hacc.space/knASpbo_QYSvccRmnTnRlA?view#
https://docs.bigbluebutton.org/



<------------------------ ((new))