e2h-todo
E2h Todos
< RFC >
< #DEV >

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

Revisions:
    xxxxxxxx new stub
    20200523 touch
    20200906 overview

Ties to:
    🔗E2H
    🔗todos
    🔗dev-index
    [...]


Table of Contents
1 *** TODOS
1.1 ++++ pad-configurable rewrites ("replace pad")
1.2 +++ new rewrites: venn diagrams
1.3 ++ new rewrites: charts
1.4 +++ new rewrites: transclusion
1.5 +++ new rewrites: inserting media (audio, video, youtube, etc)
1.6 ++++ work with bullets
1.7 ++++ work with indents
1.8 +++ BUG: toc colissions
1.9 ++++ report the etherpad bugs
1.10 +++ BETTER UPLOAD that supports multiple files
1.11 +++ make REDIRECT pages
1.12 ++ all / per-query photo galleries (of uploaded)
1.13 ++ kanban view for various todo pages
1.14 + How to battle e2h vandalism?
1.15 ++ Kill cryptpad for HACC
1.16 ~ ... Have e2h support cryptpad anyway??
1.17 ++ ability to define all render characters in CONFIG
1.18 ++ make audio work again (MAWA)
1.19 ++ MANUAL: set expectation of connection breaks
1.20 + pick up design (nice document <bret.victor)
1.21 ~ auto / "smart" workflows
1.22 ++++ named internal links
1.23 + "Suggest" mode MVP
1.24 ++ permanent open hypothes.is
1.25 ++ "annotate" button (with hypothesis)
1.26 +++ auto-sortable lists
1.27 ++ etherpad API to support finer operations
1.28 + votable lists
1.29 + graph IDs & CSS styling
1.30 +++ BUG: toc colissions
1.31 ++ include more HTML headers
1.32 (??) for CHATTING to work inside pads...
1.33 +++ config: make sure we're not running in dev mode
1.34 ++ hack etherpad toolbar (in settings.json)
1.35 + TOC "karaoke" (follow where you are in docu)
1.36 ++ DEFINE JS WORK
1.37 + fix audio & video tagging
1.38 + better ability to reference lower ordinal items
1.39 ++ "DIV" bloc
1.40 + "CHAT" bloc
1.41 + prevent directory access for file upload 
1.42 ++ notifications ... ability to subscribe per mail/RSS to updates
1.43 + have conditionals ... "IFDEF"s basically:
1.44 (??) relinking to local files (.txt):
1.45 ++ Compatibility with Windows, Chrome, Ipads, Ebooks
1.46 + pull a pad-package (via pad list) from pod
1.47 ++ UI: Improve general design and readability
1.48 +++ UI: Styling on heading levels
1.49 ++ Fixing "full circle" UTF8 !!!
1.50 ++  ... then supporting the "🔗" character links !
1.50.1  
1.51 ↓↓↓↓↓ unsorted ↓↓↓↓↓
1.51.1  
1.52 ++ cleanup the empty pads
1.53 +++ make a "to top" TOC entry
1.54 + "rated" headers
1.55 + dnd frags in toc
1.56 ++ tabulating (moving) between headers
1.57 ++ setup ethercalc
1.58 ++ setup etherdraw
2 *** PAD
2.1 #TOMERGE !!!
2.2 other engines: alike? alternative? competing?
2.3 cool & inspiring designs


*** 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 ???




+++ 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.



++++ 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
        a) directly expressed with syntax
        b) could be supported with CSS tagging each paragraph !



+ "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:
        ???



+ 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

NEW->a) serves static htmls NEW->b) serves php, which bridges static html, except if "REDO" switch NEW->c) v2py periodically rebuilds, on activity NEW->d) etherpad hooks for changes rebuild sites? etherpad->pad export apache->NEW apache->NOW - runs E2H v2py->checks if pad export changed v2py->reruns e2h for page NEW NEW a) serves static htmls a) serves static htmls b) serves php, which bridges static html, except if "REDO" switch b) serves php, which bridges static html, except if "REDO" switch c) v2py periodically rebuilds, on activity c) v2py periodically rebuilds, on activity d) etherpad hooks for changes rebuild sites? d) etherpad hooks for changes rebuild sites? etherpad etherpad pad export pad export apache apache NOW - runs E2H NOW - runs E2H v2py v2py checks if pad export changed checks if pad export changed reruns e2h for page reruns e2h for page e2h e2h






++ Fixing "full circle" UTF8 !!!

etherpad api export->curl curl->php in php in->php out php out->browser mysql db->etherpad code etherpad code->etherpad api export etherpad api export etherpad api export curl curl php in php in php out php out browser browser mysql db mysql db etherpad code etherpad code

(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




<-------------------------- (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 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

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




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





(Site generated by E2H, an "Etherpad hypermedia" project by @dcht00). Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.


Edit Site

Edit CSS