preview of past text and commands already sent #83

cf https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/assymetric-collaboration/submit.html to faciliate all the pair programming, or support at least, aspect

could also prevent from sending a line already present

add the matching link to open on the device, possibly via https://hmd.link/?URL or https://www.oculus.com/open_url/?url=URL

consider also mixing text with code, e.g jxr ... // does this

fixed with c9f3e9c3ec

Could also add

syntax highlighting, cf https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/syntax-highlighting
code generation https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/code-generation
block based programming, cf addBlockCodeExample() in https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/primitives_as_set
screenshot https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/screenshot to provide a window of feedback but should provide server-side saving capabilities first

Direct blob content as wiki attachment, here PmWiki, could be done via


document.querySelector('a-scene').components.screenshot.getCanvas('perspective').toBlob( blob => { 
  let img = new File([blob], "foo.jpg", { type: "image/jpeg"});

  form = new FormData();
  form.append('authpw', 'mypasswordexample');
  form.append('n', 'PIMVRdata.TestFormUpoad');
  form.append('action', 'postupload');
  form.append('uploadfile', img);

  fetch('https://fabien.benetou.fr/PIMVRdata/TestFormUpoad', {
    method: 'POST',
    body: form
  });
}, "image/jpeg", 0.8);

and the result checked at https://fabien.benetou.fr/uploads/PIMVRdata/foo.jpg

Note also that png generated are not light and thus, in addition to cause framedrop on the HMD will populate the server disk fast. Lossy JPGs with 0.8 quality are about 1Mb.

Wiki settings have been updated accordingly, following https://www.pmwiki.org/wiki/PmWiki/UploadsAdmin#restrictinguploadedfiles , with a max filesize for JPGs and PNGs of 5Mb.

Following perspective persistance, possibly relying on roomname and a timestamp, a gradual tutorial for https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/assymetric-collaboration could be made, demonstrating each action that could be taken.

Might also need a timer, e.g 5s delay with visual or audio feedback. Could become its own issue.

Screenshot sharing as sendPerspectiveToServer() pushed as d5bc01251e cf https://twitter.com/utopiah/status/1639367930344292355

Could also add

syntax highlighting, cf https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/syntax-highlighting

code generation https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/code-generation

block based programming, cf addBlockCodeExample() in https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/primitives_as_set

Still.

a gradual tutorial

associating key conceps thanks to existing functions :

debugging : <a-console> with its hacker style
locomotion : emptyPinchToMove()
collaboration : sendPerspectiveToServer()
getting a perspective : addScreenshot()
composability : addBlockCodeExample()
generation : generateRandomPlace()
it's all math : plot()
what is a 3D model : switchToWireframe() // showing difference with wrist shortcut
reset : location.reload()
text versus code : interpretJXR("jxr lg Fox.glb 0.001") // see also ../content/models/ for more models
text/code : addNewNote( "hello world" )
changing scale : rescalePlace()
parameters : rescalePlace(.1) // what's a parameter
combination : displayAllTiles()
variables : selected_asset_kit = 0; displayAllTiles(); // 1 being default
modifying assets : jxr qs a-sphere sa color green // require to add a sphere first

See also https://fabien.benetou.fr/pub/home/future_of_text_demo/content/features/ for visual preview of some features.