Please feel the form freely. You can add comment per demo, all optionals, and at the end global feedback and your email. Every word is appreciated. Write as much or as little as you like. Press send at the bottom to save.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ideas :
+
+
+
+
save on local storage (if so, provide a clear all fields button)
+
accept audio feedback
+
ntfy on feedback received
+
+
+
+done :
+
+
+
+
responsive-ish design
+
save, including which JSON source file was used (now that experiment list and order can be modified)
+
link back to go anchors on orignial demo viewer page
+
+
+
+done :
+
+
+
+
link to proper example, e.g. https://companion.benetou.fr/demos_feedback_viewer_example.html?filename=demos_feedback_1742934066973.json
+
display feedback
+
+
+
+
diff --git a/data/fabien_corneish_zen.keymap b/data/fabien_corneish_zen.keymap
new file mode 100644
index 0000000..ff5f4e5
--- /dev/null
+++ b/data/fabien_corneish_zen.keymap
@@ -0,0 +1,75 @@
+#include
+#include
+#include
+
+/ {
+ chosen {
+ zmk,matrix_transform = &default_transform;
+ //zmk,matrix_transform = &five_column_transform;
+ };
+};
+
+/ {
+
+
+ behaviors {
+ hm: homerow_mods {
+ compatible = "zmk,behavior-hold-tap";
+ label = "HOMEROW_MODS";
+ #binding-cells = <2>;
+ tapping-term-ms = <150>;
+ quick-tap-ms = <0>;
+ flavor = "tap-preferred";
+ bindings = <&kp>, <&kp>;
+ };
+ };
+
+ keymap {
+ compatible = "zmk,keymap";
+
+ default_layer {
+ label = "QWERTY";
+// -----------------------------------------------------------------------------------------
+// | TAB | Q | W | E | R | T | | Y | U | I | O | P | BKSP |
+// | CTRL | A | S | D | F | G | | H | J | K | L | ; | ' |
+// | SHFT | Z | X | C | V | B | | N | M | , | . | / | ESC |
+// | GUI | LWR | SPC | | ENT | RSE | ALT |
+ bindings = <
+ &kp TAB &kp Q &kp W &kp E &kp R &kp T &kp Y &kp U &kp I &kp O &kp P &kp BSPC
+ &kp LCTRL &kp A &kp S &kp D &kp F &kp G &kp H &kp J &kp K &kp L &kp SEMI &kp SQT
+ //&kp LCTRL &kp A &kp S &kp D &kp F &kp G &kp H &kp J &kp K &kp L &kp SEMI &kp SQT
+ &kp LSHFT &kp Z &kp X &kp C &kp V &kp B &kp N &kp M &kp COMMA &kp DOT &kp FSLH &kp ESC
+ &kp LGUI &mo 1 &kp SPACE &kp RET &mo 2 &kp RALT
+ >;
+ };
+ lower_layer {
+ label = "NUMBER";
+// -----------------------------------------------------------------------------------------
+// | TAB | 1 | 2 | 3 | 4 | 5 | | 6 | 7 | 8 | 9 | 0 | BKSP |
+// | | BT1 | BT2 | BT3 | BT4 | BT5 | | LFT | DWN | UP | RGT | | |
+// | SHFT | F11 | F12 | | | | | | PAGE_DOWN | PAGE_UP | | | BTCLR |
+// | GUI | | SPC | | ENT | | ALT |
+ bindings = <
+ &kp TAB &kp N1 &kp N2 &kp N3 &kp N4 &kp N5 &kp N6 &kp N7 &kp N8 &kp N9 &kp N0 &kp BSPC
+ &trans &bt BT_SEL 0 &bt BT_SEL 1 &bt BT_SEL 2 &bt BT_SEL 3 &bt BT_SEL 4 &kp LEFT &kp DOWN &kp UP &kp RIGHT &trans &trans
+ &kp LSHFT &kp F11 &kp F12 &trans &trans &trans &trans &kp PAGE_DOWN &kp PAGE_UP &trans &trans &bt BT_CLR
+ &kp LGUI &trans &kp SPACE &kp RET &trans &kp RALT
+ >;
+ };
+
+ raise_layer {
+ label = "SYMBOL";
+// -----------------------------------------------------------------------------------------
+// | TAB | ! | @ | # | $ | % | | ^ | & | * | ( | ) | BKSP |
+// | CTRL | | | | | | | - | = | [ | ] | \ | ` |
+// | SHFT | pp | vUP | vDO | | | | _ | + | { | } | "|" | ~ |
+// | GUI | | SPC | | ENT | | ALT |
+ bindings = <
+ &kp TAB &kp EXCL &kp AT &kp HASH &kp DLLR &kp PRCNT &kp CARET &kp AMPS &kp KP_MULTIPLY &kp LPAR &kp RPAR &kp BSPC
+ &kp LCTRL &trans &trans &trans &trans &trans &kp MINUS &kp EQUAL &kp LBKT &kp RBKT &kp BSLH &kp GRAVE
+ &kp LSHFT &kp C_PLAY_PAUSE &kp K_VOLUME_UP &kp K_VOLUME_DOWN &trans &trans &kp UNDER &kp PLUS &kp LBRC &kp RBRC &kp PIPE &kp TILDE
+ &kp LGUI &trans &kp SPACE &kp RET &trans &kp RALT
+ >;
+ };
+ };
+};
diff --git a/data/filters/csv.js b/data/filters/csv.js
new file mode 100644
index 0000000..f85c2de
--- /dev/null
+++ b/data/filters/csv.js
@@ -0,0 +1,31 @@
+function filterCSV( contentFilename ){
+
+ if ( contentFilename.endsWith(".csv") ) {
+ console.log('it is a CSV file', contentFilename)
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ fetch( contentFilename )
+ .then( r => r.text() ).then( r => {
+ // console.log('CSV', r)
+
+ console.log( "mereology", openingOptions.mereology )
+ switch( openingOptions.mereology ) {
+ case "whole":
+ addNewNote(r, "0 1.4 -.8")
+ break;
+ default:
+ r.split('\n').map( (c,i) => addNewNote(c, "0 "+(1+i/10)+" -.8") )
+ }
+
+ AFRAME.scenes[0].emit('csvloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("csvloaded", e => console.log(e))
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterCSV )
diff --git a/data/filters/docx_packed.xml.js b/data/filters/docx_packed.xml.js
new file mode 100644
index 0000000..4a4e7ef
--- /dev/null
+++ b/data/filters/docx_packed.xml.js
@@ -0,0 +1,30 @@
+function filterDocx( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ if ( contentType.includes("xml") && contentFilename.includes("_content.docx/") && contentFilename.endsWith(".docx")) {
+ console.log('it is a docx packed file', contentFilename)
+ fetch( contentFilename )
+ .then( r => r.blob(r) )
+ .then( file => zip.loadAsync(file) )
+ .then( f => {
+ // console.log(f.files)
+
+ f.files["word/document.xml"].async("string")
+ .then( str => new window.DOMParser().parseFromString(str, "text/xml"))
+ .then(data => {
+ // console.log('docx via packed', data)
+
+ el = addNewNote( data.childNodes[0].textContent, "-.5 1.2 -0.5" )
+ AFRAME.scenes[0].emit('docxxmlloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("visualmetajsonloaded", e => console.log(e))
+ })
+ });
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterDocx )
diff --git a/data/filters/docx_unpacked.xml.js b/data/filters/docx_unpacked.xml.js
new file mode 100644
index 0000000..cebb60c
--- /dev/null
+++ b/data/filters/docx_unpacked.xml.js
@@ -0,0 +1,24 @@
+function filterDocxJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ if ( contentType.includes("xml") && contentFilename.includes("_content.docx/") && contentFilename.endsWith(".xml")) {
+ console.log('it is a docx file', contentFilename)
+ fetch( contentFilename )
+ .then(response => response.text())
+ .then(str => new window.DOMParser().parseFromString(str, "text/xml"))
+ .then(data => {
+ // console.log(data)
+
+ el = addNewNote( data.childNodes[0].textContent, "0 1.2 -0.7" )
+ AFRAME.scenes[0].emit('docxxmlloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("visualmetajsonloaded", e => console.log(e))
+ });
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterDocxJSON )
diff --git a/data/filters/content_filter_examples.js b/data/filters/image_and_glb_gltf.js
similarity index 100%
rename from data/filters/content_filter_examples.js
rename to data/filters/image_and_glb_gltf.js
diff --git a/data/filters/json_ref_manual.js b/data/filters/json_ref_manual.js
index fd3dd62..d225cd4 100644
--- a/data/filters/json_ref_manual.js
+++ b/data/filters/json_ref_manual.js
@@ -4,7 +4,7 @@ function filterJSONRef( contentFilename ){
let contentType = file.contentType
- if ( contentType.includes("json") && contentFilename.endsWith(".json")) {
+ if ( contentType.includes("json") && contentFilename.startsWith("references_manual_") && contentFilename.endsWith(".json")) {
console.log('it is a manual reference JSON file', contentFilename)
fetch( contentFilename ).then( r => r.json() ).then( json => {
let ref = json["data-objects"]
@@ -29,28 +29,54 @@ function filterJSONRef( contentFilename ){
fullEl.setAttribute("rotation", "45 0 0")
fullEl.setAttribute("scale", ".01 .01 .01")
fullEl.classList.add("reference-entry-card")
+ fullEl.data = r
let backgroundEl = document.createElement("a-box")
backgroundEl.setAttribute("scale", "10 5 .1")
backgroundEl.setAttribute("position", "4.5 0 -.1")
fullEl.appendChild( backgroundEl )
+ if (r["annote"]) {
+ let annoteEl = addNewNoteAsPostItNote( r["annote"], "-.3 "+(1+i/20)+" -.5", ".02 .02 .02" )
+ annoteEl.classList.add("reference-entry-annotate")
+ }
+ if (r["note"]) {
+ let annoteEl = addNewNoteAsPostItNote( r["note"], "-.2 "+(1+i/20)+" -.5", ".02 .02 .02" )
+ annoteEl.classList.add("reference-entry-note")
+ }
// if ACM and OA might be available via https://dl.acm.org/doi/pdf/DOI
// could then try to pass as PDF reader argument
// cf pageAsTextViaXML() and related in index.html
// note that it'd still need to fetch then upload via WebDAV
let pdf = r["bibtex-data"]["source-pdf"]
- let acmoa = r["bibtex-data"]["free-acm-access"]
- if (pdf && acmoa && pdf.startsWith("https://dl.acm.org")) {
+ let acmoa = r["bibtex-data"]["free-acm-access"] // warning, this is a string, not a boolean
+ // fallback due to file structure change between v4 and v11
+ if (!pdf) pdf = r["source-pdf"]
+ if (!acmoa) acmoa = r["free-acm-access"] // warning, this is a string, not a boolean
+
+ if (pdf && acmoa == "true" && pdf.startsWith("https://dl.acm.org")) {
+
// could then try to fetch content then upload via WebDAV
// should skip if already available
let pdfEl = document.createElement("a-box")
//pdfEl.setAttribute("scale", ".1 .1 .1")
- pdfEl.setAttribute("position", "-.9 0 0")
+ pdfEl.setAttribute("position", "-1.2 0 0") // trying to move away in order to be executable
fullEl.appendChild( pdfEl )
- let truncated_filename = "3209542.3209570" // hardcoded example
- // should instead try to fetch .xml on saved/pdfxml/ and if 200 then change color
+ let truncated_filename = pdf.replace(/.*pdf\//,'').replace(/.*\//,'')
+ // here by convention it would be in "/saved/pdfxml/"
+ let url = "/saved/pdfxml/"+truncated_filename+".xml"
+ fetch(url).then( response => {
+ if (response.ok) {
+ pdfEl.setAttribute( "color", "purple" )
+ // could have a showFile() on pinched here
+ let openCommandEl = addNewNote( "jxr showFile('"+url+"')", "-.6 "+(1+i/20)+" -.5", '.05 .05 .05' )
+ openCommandEl.classList.add("reference-entry-showfile")
+ }
+ })
+
+ /*
if (pdf.endsWith( truncated_filename )) {
pdfEl.setAttribute("color", "green" )
+ pdfEl.setAttribute("color", "purple" )
//pdfEl.setAttribute("value", "jxr console.log('"+truncated_filename+"')" )
// what should become the target then? the cube?
// problematic because it becomes movable
@@ -58,14 +84,13 @@ function filterJSONRef( contentFilename ){
// then should add JXR open of target PDF
- /*
window.pageastextviaxmlsrc = "https://companion.benetou.fr/saved/pdfxml/"+truncated_filename+".xml"
pageAsTextViaXML()
highlightcommands.setAttribute("visible", true)
roundedpageborders.setAttribute("visible", true)
- */
-
}
+ */
+
}
})
})
diff --git a/data/filters/keymap.js b/data/filters/keymap.js
new file mode 100644
index 0000000..86784fd
--- /dev/null
+++ b/data/filters/keymap.js
@@ -0,0 +1,32 @@
+function filterKeymap( contentFilename ){
+ // if (!file) return
+ // special filter, done via URL, no local file (for now at least)
+
+ if ( contentFilename.endsWith(".keymap") ) { // not very reliable
+ console.log('it is a .keymap file', contentFilename)
+
+ fetch( contentFilename )
+ .then( r => r.text() ).then( r => {
+ // console.log('Keymap', r)
+ let parsedMap = r.split("_layer").filter( l => l.includes('-----') ).map( l => l.split('\n').filter( l => (l.startsWith('//') && !l.includes('------'))).map(l => l.replace("// ",'').split('| ') ) )
+ // WARNING : this is NOT a normal keymap, rather this is about the comments (!) with a visual representation of a keymap
+ // see for example https://github.com/Utopiah/zmk-config-zen-2/blob/main/config/corneish_zen.keymap
+
+ r.split("_layer").filter( l => l.includes('-----') ).map( l => l.split('\n').filter( l => (l.startsWith('//') && !l.includes('------'))).map(l => l.replace("// ",'') ) ).map( (layer, l) => {
+ let el = addNewNote( layer.join('\n') )
+ el.id = 'keymap_layer'+l
+ el.classList.add( 'keymap_layer' )
+ el.highlightLetter = ( letter ) => { keymap_layer0.setAttribute("value", keymap_layer0.getAttribute("value").replace(' '+letter+' ','_'+letter+'_') ) }
+ el.unhighlightLetter = ( letter ) => { keymap_layer0.setAttribute("value", keymap_layer0.getAttribute("value").replace('_'+letter+'_',' '+letter+' ') ) }
+ // then available e.g. keymap_layer0.unhighlightLetter("J")
+ })
+
+ AFRAME.scenes[0].emit('keymaploaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("keymaploaded", e => console.log(e))
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterKeymap )
diff --git a/data/filters/layout.json.js b/data/filters/layout.json.js
new file mode 100644
index 0000000..56c4a0c
--- /dev/null
+++ b/data/filters/layout.json.js
@@ -0,0 +1,36 @@
+// see e.g. https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/fot-sloan-companion/public/index.html#L806
+ // overall newContent() from that branch of Q3/Q4 2024
+function filterLayoutJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ if ( contentType.includes("json") && contentFilename.endsWith(".layout.json") ) {
+ console.warn('not fully implemented yet, only display file name, not their content with the right pose')
+ console.log('it is a JSON layout file', contentFilename)
+ fetch( contentFilename ).then( r => r.json() ).then( json => {
+ console.log( json )
+ // could here rely on showFile for each element but maybe some are NOT files
+ // different format than previous save
+ // must insure that moved also to the right position/rotation after loading
+ json.map( i => {
+ showFile( i.filename )
+ // AFRAME.scenes[0].emit('layoutjsonloaded', contentFilename)
+ // would have to wait for any file to be loaded...
+ // el.setAttribute("position", AFRAME.utils.coordinates.stringify( i.position ) )
+ // el.setAttribute("rotation", AFRAME.utils.coordinates.stringify( i.rotation ) )
+ // el.id = i.id
+
+ })
+
+ AFRAME.scenes[0].emit('layoutjsonloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("layoutjsonloaded", e => console.log(e))
+ })
+ }
+
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterLayoutJSON )
diff --git a/data/filters/mapvisualmeta.json.js b/data/filters/mapvisualmeta.json.js
new file mode 100644
index 0000000..83deb74
--- /dev/null
+++ b/data/filters/mapvisualmeta.json.js
@@ -0,0 +1,63 @@
+function filterMapVisualMetaJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ let sidecarFile = contentFilename.replace("dynamicview", "glossary")
+ const scale = 1/1000
+ const xOffset = 1
+ const yOffset = 1
+
+ const idprefix = 'visualmetaexport_'
+
+ if ( contentType.includes("json") && contentFilename.endsWith("_dynamicviewvisualmetaexport.json")) {
+ console.log('it is a map visualmeta export file', contentFilename)
+ fetch( contentFilename ).then( r => r.json() ).then( json => {
+ fetch( sidecarFile ).then( r => r.json() ).then( sidecarjson => {
+ let glossary = Object.entries( sidecarjson.entries ).map( i => i[1].phrase )
+
+ // console.log( json, sidecarjson )
+
+ json.nodes.map( n => {
+ let x = json.layout.nodePositions[ n.identifier ].x * scale + xOffset
+ let y = -json.layout.nodePositions[ n.identifier ].y * scale + yOffset
+ let z = -1/2
+ let el = addNewNote( n.title, "" + x + " " + y + " " + z )
+ el.id = "visualmetaexport_"+n.title.toLowerCase().replaceAll(" ","_").replaceAll(".","_").replaceAll("'","_")
+ el.setAttribute("outline-width", 0)
+ // optional background color "#7c7c7c"
+ // could use onpicked/onreleased to show links from glossary
+ // check if any word from title is in glossary
+ // if so, display line or highlight visually by removing outline
+ // reset onreleased
+ })
+
+ Object.entries( sidecarjson.entries ).map( i => i[1].phrase ).map( n => {
+ Object.entries( sidecarjson.entries )
+ .map( i => { return {phrase:i[1].phrase, entry:i[1].entry} } )
+ .filter( i => i.entry.toLowerCase().includes(n.toLowerCase()) )
+ .map( i => {
+ let el = document.createElement("a-entity")
+ el.setAttribute('live-selector-line',
+ 'start: #'+(idprefix+n.toLowerCase().replaceAll(" ","_").replaceAll(".","_").replaceAll("'","_"))
+ +'; end: #'+(idprefix+i.phrase.toLowerCase().replaceAll(" ","_").replaceAll(".","_").replaceAll("'","_"))
+ +';' )
+ el.classList.add('visualmeta_export_link')
+ AFRAME.scenes[0].appendChild(el)
+ })
+
+ })
+ Array.from( document.querySelectorAll("[line]") ).map( el => el.setAttribute("line", "color", "black"))
+ // should filter a bit better otherwise take lines from other components and elements e.g. raycaster
+
+ AFRAME.scenes[0].emit('mapvisualmetajsonloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("mapvisualmetajsonloaded", e => console.log(e))
+ })
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterMapVisualMetaJSON )
diff --git a/data/filters/mapvisualmeta.jsons.zip.js b/data/filters/mapvisualmeta.jsons.zip.js
new file mode 100644
index 0000000..e055f2d
--- /dev/null
+++ b/data/filters/mapvisualmeta.jsons.zip.js
@@ -0,0 +1,82 @@
+function filterPackedMapVisualMetaJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+
+ // could overwrite via URL
+ const scale = 1/1000
+ const xOffset = 0
+ const yOffset = 1
+
+ const idprefix = 'visualmetaexport_'
+
+ if ( contentType.includes("zip") && contentFilename.includes("dynamicviewvisualmetaexport.jsons") ) {
+ // naming issue due to WordPress
+ console.log('it is a packed map visualmeta export file', contentFilename)
+ fetch( contentFilename )
+ // see for packed filters/docx_packed.xml.js
+ .then( r => r.blob(r) )
+ .then( file => zip.loadAsync(file) )
+ .then( f => {
+ // console.log(f.files)
+ // check for optional export directory
+ let filenameDynamicView = Object.entries( f.files ).filter( i => i[0].includes("_dynamicviewvisualmetaexport.json") ).map( i => i[0] )[0]
+ let filenameGlossary = Object.entries( f.files ).filter( i => i[0].includes("_glossaryvisualmetaexport.json") ).map( i => i[0] )[0]
+ f.files[filenameDynamicView].async("string").then( dyn_content => {
+ json = JSON.parse( dyn_content )
+ f.files[filenameGlossary].async("string").then( gloss_content => {
+ let sidecarjson = JSON.parse( gloss_content )
+ let glossary = Object.entries( sidecarjson.entries ).map( i => i[1].phrase )
+
+ console.log( json, sidecarjson )
+ //console.log( glossary )
+
+ json.nodes.map( n => {
+ let x = json.layout.nodePositions[ n.identifier ].x * scale + xOffset
+ let y = -json.layout.nodePositions[ n.identifier ].y * scale + yOffset
+ let z = -1/2
+ let el = addNewNote( n.title, "" + x + " " + y + " " + z )
+ el.id = "visualmetaexport_"+n.title.toLowerCase().replaceAll(" ","_").replaceAll(".","_").replaceAll("'","_")
+ el.setAttribute("outline-width", 0)
+ // optional background color "#7c7c7c"
+ // could use onpicked/onreleased to show links from glossary
+ // check if any word from title is in glossary
+ // if so, display line or highlight visually by removing outline
+ // reset onreleased
+
+ let definitionFound = Object.entries( sidecarjson.entries ).filter( i => i[1].phrase == n.title ).map( f => f[1].entry )
+ if (openingOptions.showDefinitions && definitionFound ){ el.setAttribute("annotation", "content", definitionFound[0] ) }
+ })
+
+ Object.entries( sidecarjson.entries ).map( i => i[1].phrase ).map( n => {
+ Object.entries( sidecarjson.entries )
+ .map( i => { return {phrase:i[1].phrase, entry:i[1].entry} } )
+ .filter( i => i.entry.toLowerCase().includes(n.toLowerCase()) )
+ .map( i => {
+ let el = document.createElement("a-entity")
+ el.setAttribute('live-selector-line',
+ 'start: #'+(idprefix+n.toLowerCase().replaceAll(' ','_').replaceAll(".","_").replaceAll("'","_"))
+ +'; end: #'+(idprefix+i.phrase.toLowerCase().replaceAll(' ','_').replaceAll(".","_").replaceAll("'","_"))
+ +';' )
+ el.classList.add('visualmeta_export_link')
+ AFRAME.scenes[0].appendChild(el)
+ })
+
+ })
+ Array.from( document.querySelectorAll("[line]") ).map( el => el.setAttribute("line", "color", "black"))
+ // should filter a bit better otherwise take lines from other components and elements e.g. raycaster
+
+ AFRAME.scenes[0].emit('mapvisualmetajsonloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("mapvisualmetajsonloaded", e => console.log(e))
+ })
+ } )
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterPackedMapVisualMetaJSON )
diff --git a/data/filters/markdown.js b/data/filters/markdown.js
new file mode 100644
index 0000000..b44787c
--- /dev/null
+++ b/data/filters/markdown.js
@@ -0,0 +1,42 @@
+function filterMarkdown( contentFilename ){
+ // if (!file) return
+ // special filter, done via URL, no local file (for now at least)
+
+ if ( contentFilename.endsWith(".md") ) {
+ console.log('it is a markdown file', contentFilename)
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ fetch( contentFilename )
+ .then( r => r.text() ).then( r => {
+ console.log('markdown', r)
+
+ console.log( "mereology", openingOptions.mereology )
+ switch( openingOptions.mereology ) {
+ case "whole":
+ addNewNote(r, "0 1.4 -.8")
+ break;
+ case "section":
+ r.split(/! /).map( (c,i) => addNewNote(c, "0 "+(1+i/10)+" -.8") ) // untested
+ break;
+ case "line":
+ r.split('\n').reverse().map( (c,i) => addNewNote(c, "0 "+(1+i/10)+" -.8") )
+ break;
+ case "listonly":
+ r.replaceAll('* ','').split('\n').map( (c,i) => addNewNote(c, "0 "+(1+i/10)+" -.8") )
+ // based on pmwiki, should also work with + or -
+ default:
+ r.split('\n').reverse().map( (c,i) => addNewNote(c, "0 "+(1+i/10)+" -.8") )
+ }
+
+ AFRAME.scenes[0].emit('markdownloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("markdownloaded", e => console.log(e))
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterMarkdown )
diff --git a/data/filters/odt_unpacked.xml.js b/data/filters/odt_unpacked.xml.js
new file mode 100644
index 0000000..b58c9ea
--- /dev/null
+++ b/data/filters/odt_unpacked.xml.js
@@ -0,0 +1,84 @@
+function filterOdtJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ if ( contentType.includes("xml") && contentFilename.includes("_content.odt/") && contentFilename.endsWith(".xml")) {
+ console.log('it is a visualmeta export file', contentFilename)
+ fetch( contentFilename )
+ .then(response => response.text())
+ .then(str => new window.DOMParser().parseFromString(str, "text/xml"))
+ .then(data => {
+ console.log(data)
+
+ el = addNewNote( data.childNodes[0].textContent )
+ });
+ /*
+ fetch( contentFilename ).then( r => r.json() ).then( json => {
+ // not JSON!
+ console.log( json )
+ let thumbnailPath = json.thumbnail.replace("file:/","/tapestry/")
+ let el = document.createElement("a-image")
+ el.setAttribute("position", "0 1.5 0.7")
+ el.setAttribute("rotation", "0 180 0")
+ el.setAttribute("src", thumbnailPath)
+ el.setAttribute("width", json.startView.size.width/10000)
+ el.setAttribute("height", json.startView.size.height/10000)
+ AFRAME.scenes[0].appendChild(el)
+
+ let positioned = {}
+ json.items.map( i => {
+ let x = 1-i.position.x/1000
+ let y = 2-i.position.y/1000
+
+ let el = null
+ if (i.type == "text") {
+ el = addNewNoteAsPostItNote( i.text, x + " " + y + " 1", ".1 .1 .1", "tapestry_"+i.id, "tapestry_text", true, "0 180 0")
+ // addNewNoteAsPostItNote( text, position=`-0.2 1.1 -0.1`, scale= "0.1 0.1 0.1", id=null, classes="notes", visible="true", rotation="0 0 0" ){
+ }
+
+ if (i.thumbnail) {
+ let thumbnailPath = i.thumbnail.source.replace("file:/","/tapestry/")
+ el = document.createElement("a-image")
+ el.setAttribute("position", x + " " + y + " 1")
+ el.setAttribute("rotation", "0 180 0")
+ el.setAttribute("src", thumbnailPath)
+ el.setAttribute("width", i.size.width/1000)
+ el.setAttribute("height", i.size.height/1000)
+ AFRAME.scenes[0].appendChild(el)
+ }
+ positioned[i.id] = el
+ if ( el ) el.setAttribute("target", "")
+ })
+
+ setTimeout( _ => {
+ // must be done after the items are positioned
+ json.rels.map( i => {
+ let el = document.createElement("a-tube")
+ console.log( i.from.itemId, i.to.itemId )
+ let start = positioned[i.from.itemId].getAttribute("position")
+ let end = positioned[i.to.itemId].getAttribute("position")
+ let mid = new THREE.Vector3()
+ mid.copy ( start )
+ mid.add ( end )
+ mid.divideScalar(2)
+ mid.z += 0.3
+ let path = [start, mid, end].map( p => AFRAME.utils.coordinates.stringify( p ) ).join(", ")
+
+ el.setAttribute("radius", 0.01)
+ el.setAttribute("path", path)
+ AFRAME.scenes[0].appendChild(el)
+ })
+ }, 1000 )
+
+ AFRAME.scenes[0].emit('visualmetajsonloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("visualmetajsonloaded", e => console.log(e))
+ })
+ */
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterOdtJSON )
diff --git a/data/filters/pdf_unpacked.xml.js b/data/filters/pdf_unpacked.xml.js
new file mode 100644
index 0000000..90091c7
--- /dev/null
+++ b/data/filters/pdf_unpacked.xml.js
@@ -0,0 +1,121 @@
+function filterPDFUnpackedXml( contentFilename ){
+ const path = "/saved/pdfxml/"
+ let file = filesWithMetadata[contentFilename]
+ // might have to hijack again
+ if (!file) return
+
+ let contentType = file.contentType
+
+ if ( contentType.includes("xml") && contentFilename.includes("pdfxml/") ) {
+ console.log('it is a pdf unpacked file', contentFilename)
+ pageAsTextViaXML(contentFilename, page=0)
+ }
+
+ applyNextFilter( contentFilename )
+
+ function pageAsTextViaXML(src, page=0){
+ fetch( src ).then( r => r.text() ).then( txt => {
+ const rootEl = document.createElement("a-box")
+ file.filteredEl = rootEl
+ rootEl.nextPage = (el) => {
+ // not tested in depth
+ Array.from( rootEl.querySelectorAll(".highlightabletext") ).map( el => el.remove() )
+ Array.from( doc.children[0].children[page++].querySelectorAll("text") ).map( (l,n) => {
+ let tktxt = document.createElement("a-troika-text")
+ let pos = ""+(l.attributes.left.value*scalingFactor+xOffset) + " " + (1-l.attributes.top.value*scalingFactor+yOffset) + " "+zPos
+ let scale = "0.045 0.045 0.045"
+ tktxt.setAttribute("position", pos)
+ tktxt.setAttribute("font-size", "0.009")
+ tktxt.setAttribute("color", "black")
+ tktxt.setAttribute("value", l.textContent)
+ tktxt.setAttribute("anchor", "left")
+ tktxt.classList.add("highlightabletext")
+ rootEl.appendChild(tktxt)
+ })
+ }
+ rootEl.previousPage = _ => console.log( 'test' )
+ const sheetEl = document.createElement("a-box")
+ sheetEl.setAttribute("width", "1")
+ sheetEl.setAttribute("height", "1.2")
+ sheetEl.setAttribute("depth", ".01")
+ sheetEl.setAttribute("position", "0.5 -.6 0")
+ rootEl.appendChild(sheetEl)
+ rootEl.setAttribute("width", ".01")
+ rootEl.setAttribute("height", ".01")
+ rootEl.setAttribute("depth", ".01")
+ rootEl.setAttribute("color", "brown")
+ rootEl.setAttribute("target", "") // "hidden" by the highlightable texts as targets
+ // can temporarily remove target from .highlightabletext elements
+ // alternatively could have a handle, a la lens demo
+ let disabledHighlight = true // for testing manipulation
+ disabledHighlight=false
+ // highlight ball still hidden due to thickness
+ rootEl.setAttribute("position", "-0.5 1.7 -.6")
+ rootEl.id = "page_from_"+src.replaceAll("https://","").replaceAll("/","_")
+ rootEl.classList.add ( "page_from_pdf" )
+ AFRAME.scenes[0].appendChild(rootEl)
+
+ const parser = new DOMParser();
+ let doc = parser.parseFromString(txt, "application/xml")
+ const scalingFactor = 1/1000 // used for position of text and images
+ // could also use x/y/z offsets
+ // probably easier to append to an entity, either empty or used as (white) background
+ const xOffset = 0.1 // changed by rootEl position
+ const yOffset = -1.0
+ const zPos = 0.01
+ //Array.from( doc.children[0].children[page].querySelectorAll("text") ).map( (l,n) => addNewNote(l.textContent, ""+(l.attributes.left.value*scalingFactor+xOffset) + " " + (1-l.attributes.top.value*scalingFactor+yOffset) + " "+zPos, "0.045 0.045 0.045", "highlighttextfromxml_"+n, "highlighttextfromxmlitem" ) )
+ Array.from( doc.children[0].children[page].querySelectorAll("text") ).map( (l,n) => {
+ // addNewNote(l.textContent, ""+(l.attributes.left.value*scalingFactor+xOffset) + " " + (1-l.attributes.top.value*scalingFactor+yOffset) + " "+zPos, "0.045 0.045 0.045", "highlighttextfromxml_"+n, "highlighttextfromxmlitem" ) )
+ let tktxt = document.createElement("a-troika-text")
+ let pos = ""+(l.attributes.left.value*scalingFactor+xOffset) + " " + (1-l.attributes.top.value*scalingFactor+yOffset) + " "+zPos
+ let scale = "0.045 0.045 0.045"
+ tktxt.setAttribute("position", pos)
+ tktxt.setAttribute("originalposition", pos)
+ tktxt.setAttribute("originalpage", page)
+ // FIXME
+ //tktxt.setAttribute("originalsource", fileContent.meta.metadata['dc:title'])
+ //tktxt.setAttribute("originalidentifier", fileContent.meta.metadata['dc:identifier'])
+ tktxt.setAttribute("font-size", "0.009")
+ tktxt.setAttribute("color", "black")
+ if (!disabledHighlight) tktxt.setAttribute("target", "")
+ tktxt.classList.add("highlightabletext")
+ tktxt.setAttribute("onpicked", "console.log(selectedElements.at(-1).element.getAttribute('value'))")
+ tktxt.setAttribute("onreleased", "let el = selectedElements.at(-1).element; if (true) el.setAttribute('color', highlightColor); el.setAttribute('rotation', ''); el.setAttribute('position', el.getAttribute('originalposition') )")
+ // resets back...
+ // change color
+ // only if above a certain threshold, e.g. held a long time, or released close to specific other item
+ // could also toggle coloring
+ // can be based on coloring pick with jxr
+ tktxt.setAttribute("value", l.textContent)
+ tktxt.setAttribute("anchor", "left")
+ rootEl.appendChild(tktxt)
+ })
+
+ Array.from( doc.children[0].children[page].querySelectorAll("image") ).map( (l,n) => {
+ let el = document.createElement("a-box")
+ // is position via center of element so should offset it
+ el.setAttribute("src", path+l.attributes.src.value); // somehow set to #transparent...
+ el.setAttribute("width", l.attributes.width.value*scalingFactor);
+ el.setAttribute("height", l.attributes.height.value*scalingFactor);
+ el.setAttribute("depth", .01);
+ el.setAttribute("target", "")
+ el.id = "highlightimagefromxml_"+n
+ el.classList.add("highlightimagefromxmlitem")
+ el.classList.add("highlightabletext")
+ let w = l.attributes.width.value*scalingFactor
+ let h = l.attributes.height.value*scalingFactor
+ el.setAttribute("position", ""+ ""+(w/2+l.attributes.left.value*scalingFactor+xOffset)+" "+ (-h/2+1-l.attributes.top.value*scalingFactor+yOffset)+ " "+zPos)
+ rootEl.appendChild(el)
+ })
+
+ AFRAME.scenes[0].emit('pdfxmlloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("visualmetajsonloaded", e => console.log(e))
+
+ } );
+
+ }
+
+}
+
+sequentialFilters.push( filterPDFUnpackedXml )
diff --git a/data/filters/peertubeapi.js b/data/filters/peertubeapi.js
new file mode 100644
index 0000000..5932cab
--- /dev/null
+++ b/data/filters/peertubeapi.js
@@ -0,0 +1,49 @@
+function videoAPIPeerTube( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ //if (!file) return
+ // can be removed for URLs as those are not with metadata
+
+ let contentType = file.contentType
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ // filtering, only applying what's next to a certain content type and/or with filename filtering with .startsWith() .endsWith() .includes() or regex
+ if ( contentFilename.includes("/api/v1/search/videos") ) { // peertube API, not specific enough
+ // could verify instead via header i.e x-powered-by: PeerTube
+ console.log('it is a PeerTube API call', contentFilename)
+
+ fetch( contentFilename ).then( r => r.json() ).then( json => {
+ const rootEl = document.createElement("a-entity")
+ rootEl.jsonfromapi = json // rarely so big that it makes any difference to have it twice, on here and on individual items
+ // having a root element to attach on makes manipulation later on easier and safer, bringing a context for later modifications
+ file.filteredEl = rootEl
+ rootEl.test = _ => console.log( 'test' )
+ // function that can then be called on the created element later on
+ // e.g. filesWithMetadata["https://companion.benetou.fr/saved/pdfxml/3209542.3209570.xml"].filteredEl.nextPage('ok')
+ AFRAME.scenes[0].appendChild(rootEl)
+ json.data.map( (d,i) => {
+ let el = document.createElement("a-image")
+ rootEl.appendChild(el)
+ el.setAttribute("position", ""+(-1+Math.random())+" "+(Math.random()+1)+" -0.5" )
+ el.setAttribute("scale", ".2 .1 .1")
+ el.setAttribute("src", contentFilename.replace(/\/api.*/,'') + d.thumbnailPath)
+ el.setAttribute("target", "")
+ el.jsonfromapi = d
+ el.id = "video_"+d.name
+ })
+
+
+ AFRAME.scenes[0].emit('videoapipeertube_loaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("videoapipeertube_loaded", e => console.log(e))
+
+ } );
+ }
+ applyNextFilter( contentFilename )
+ // can stop here or move on to the next filter that might or not be applied
+}
+sequentialFilters.push( videoAPIPeerTube )
+// adding this to the list of filters to go through, order matters
+ // typically one would be generic filters first then more specific ones after
diff --git a/data/filters/pmwiki.js b/data/filters/pmwiki.js
new file mode 100644
index 0000000..9b7fa58
--- /dev/null
+++ b/data/filters/pmwiki.js
@@ -0,0 +1,50 @@
+function filterPmWiki( contentFilename ){
+ // if (!file) return
+ // special filter, done via URL, no local file (for now at least)
+
+ if ( contentFilename.endsWith("?action=source") ) { // not very reliable
+ console.log('it is a pmwiki file', contentFilename)
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ fetch( contentFilename )
+ .then( r => r.text() ).then( r => {
+ // console.log('pmwiki', r)
+ // TODO
+ // diff support to replay over time, e.g. https://fabien.benetou.fr/PIMVRdata/ItemsStates?action=diff
+ // index as a special case https://fabien.benetou.fr/Site/AllRecentChanges?action=source
+ // rendered previews e.g https://vatelier.benetou.fr/MyDemo/newtooling/textures/fabien.benetou.fr_PIMVRdata_ItemsStates.png
+ // server side graph generation e.g. https://vatelier.benetou.fr/MyDemo/newtooling/wiki_graph.json
+ // very specific
+
+ let elements = []
+ console.log( "mereology", openingOptions.mereology )
+ switch( openingOptions.mereology ) {
+ case "whole":
+ elements.push( addNewNote(r, "0 1.4 -.8") )
+ break;
+ case "section":
+ r.split(/! /).map( (c,i) => elements.push( addNewNote(c, "0 "+(1+i/10)+" -.8") ) ) // untested
+ break;
+ case "line":
+ r.split('\n').map( (c,i) => elements.push( addNewNote(c, "0 "+(1+i/10)+" -.8") ) )
+ break;
+ case "listonly":
+ default:
+ r.replaceAll('* ','').split('\n').map( (c,i) => elements.push( addNewNote(c, "0 "+(1+i/10)+" -.8") ) )
+ // this is specific to https://fabien.benetou.fr/PersonalInformationStream/WithoutNotesMay2025 and similar
+ }
+ elements.map( el => { el.classList.add('pmwikifilter'); el.classList.add('filterimport') } )
+ // for something more generic see https://www.pmwiki.org/wiki/PmWiki/PageFileFormat
+
+ AFRAME.scenes[0].emit('pmwikiloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("pmwikiloaded", e => console.log(e))
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterPmWiki )
diff --git a/data/filters/q2layout.json.js b/data/filters/q2layout.json.js
new file mode 100644
index 0000000..6bd6700
--- /dev/null
+++ b/data/filters/q2layout.json.js
@@ -0,0 +1,40 @@
+function filterQ2LayoutJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+ // can be removed for URLs as those are not with metadata
+
+ let contentType = file.contentType
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ // filtering, only applying what's next to a certain content type and/or with filename filtering with .startsWith() .endsWith() .includes() or regex
+ if ( contentType.includes("json") && contentFilename.endsWith("_q2layout.json") ) {
+ console.log('it is a Q2 Layout JSON file', contentFilename)
+
+ fetch( contentFilename ).then( r => r.json() ).then( savedDataFromPreviousSession => {
+ // console.log( savedDataFromPreviousSession )
+ savedDataFromPreviousSession.map( savedData =>
+ Array.from( document.querySelectorAll('.'+classNameItemsToSave) )
+ .filter( noteEl => noteEl.getAttribute("value") == savedData.value )
+ // search by value as in theory those are constant (but not necessarily unique, even though usually are)
+ .map( foundNoteEl => {
+ foundNoteEl.setAttribute("position", AFRAME.utils.coordinates.stringify(savedData.position) )
+ foundNoteEl.setAttribute("rotation", AFRAME.utils.coordinates.stringify(savedData.rotation) )
+ } )
+ // should also debug the unfound ones
+ )
+
+ AFRAME.scenes[0].emit('q2layoutjsonloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("templateexampleloaded", e => console.log(e))
+
+ } );
+ }
+ applyNextFilter( contentFilename )
+ // can stop here or move on to the next filter that might or not be applied
+}
+sequentialFilters.push( filterQ2LayoutJSON )
+// adding this to the list of filters to go through, order matters
+ // typically one would be generic filters first then more specific ones after
diff --git a/data/filters/rete.bitbybit.json.js b/data/filters/rete.bitbybit.json.js
new file mode 100644
index 0000000..06b3364
--- /dev/null
+++ b/data/filters/rete.bitbybit.json.js
@@ -0,0 +1,112 @@
+function filterReteBiByBit( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+ // can be removed for URLs as those are not with metadata
+
+ let contentType = file.contentType
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ // filtering, only applying what's next to a certain content type and/or with filename filtering with .startsWith() .endsWith() .includes() or regex
+ if ( contentType.includes("") && (contentFilename.endsWith("-rete.bitbybit") || contentFilename.endsWith("rete-runner.bitbybit") )) {
+ console.log('it is a Rete BitByBit file', contentFilename)
+ // assuming non minified code... but maybe works the same way
+ // TODO try with minified code, would be preferred in order to do execution after
+
+ const filenameIdPrefix = "retebitbybit_id_"
+ if (contentFilename.endsWith("rete-runner.bitbybit") ) {
+ fetch( contentFilename ).then( r => r.text() ).then( txt => {
+ executeBitbybit(txt)
+ // can keep track of generate meshes via
+ // AFRAME.scenes[0].object3D.children.filter( o => o.name.includes("brepMesh") )
+ // filtering with before the call and after (even though async)
+ })
+ } else {
+ fetch( contentFilename ).then( r => r.json() ).then( txt => {
+ let nodes = Object.entries( JSON.parse(txt.script).nodes )
+ //console.log( nodes )
+
+ const rootEl = document.createElement("a-entity")
+ file.filteredEl = rootEl
+ rootEl.execute = _ => console.warn( 'Not implemented for now, see executeBitbybit()')
+ // TODO see executeBitbybit() , needs runner code too
+
+ // function that can then be called on the created element later on
+ // e.g. filesWithMetadata["https://companion.benetou.fr/saved/pdfxml/3209542.3209570.xml"].filteredEl.nextPage('ok')
+ nodes.map( n => {
+ let el = document.createElement("a-troika-text")
+ let boxEl = document.createElement("a-box")
+ boxEl.setAttribute("wireframe", "true" )
+ boxEl.setAttribute("width", .3 )
+ boxEl.setAttribute("height", .4 )
+ boxEl.setAttribute("depth", .01 )
+ boxEl.setAttribute("position", "0 -.18 0" )
+ el.setAttribute("value", n[1].customName )
+ el.setAttribute("font-size", ".05")
+ el.setAttribute("target", "")
+ let x = 1+n[1].position[0]/1000
+ let y = 2-n[1].position[1]/1000
+ let z = -1
+ el.setAttribute("position", ""+x+" "+y+" "+z)
+ rootEl.appendChild(el)
+ el.appendChild(boxEl)
+ el.id = filenameIdPrefix + n[1].id
+ })
+ nodes.map( p => {
+ let n = p[1]
+ let inputs = Object.entries( n.inputs ).map( o => o[1] )
+ if (inputs.length) {
+ // console.log( n.id, inputs )
+ inputs.map( c => {
+ let el = document.createElement("a-entity")
+ el.setAttribute('live-selector-line',
+ 'start: #'+(filenameIdPrefix+n.id)
+ +'; end: #'+(filenameIdPrefix+c.connections[0].node)
+ +';' )
+ el.classList.add('retebitbybit_export_link')
+ rootEl.appendChild(el)
+ })
+ }
+ })
+ AFRAME.scenes[0].appendChild(rootEl)
+
+ AFRAME.scenes[0].emit('retebitbybitloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("retebitbybitloaded", e => console.log(e))
+
+ } );
+ }
+ }
+ applyNextFilter( contentFilename )
+ // can stop here or move on to the next filter that might or not be applied
+}
+sequentialFilters.push( filterReteBiByBit )
+// adding this to the list of filters to go through, order matters
+ // typically one would be generic filters first then more specific ones after
+
+async function executeBitbybit(code){
+ window.THREEJS = window.THREE;
+ await import("https://cdn.jsdelivr.net/gh/bitbybit-dev/bitbybit-assets@0.20.4/runner/bitbybit-runner-lite-threejs.js")
+ const aframeScene = document.querySelector('a-scene').object3D;
+ const runnerOptions = {
+ canvasZoneClass: 'myCanvasZone',
+ enableOCCT: true,
+ enableJSCAD: false,
+ enableManifold: false,
+ loadFonts: ['Roboto'],
+ externalThreeJSSettings: {
+ scene: aframeScene,
+ camera: AFRAME.systems.camera,
+ }
+ };
+
+ const runner = window.bitbybitRunner.getRunnerInstance();
+ const { bitbybit, Bit, camera, scene, renderer } = await runner.run( runnerOptions);
+ window.bitbybit = bitbybit;
+ window.Bit = Bit;
+ window.runner = runner
+
+ runner.executeScript(code)
+}
diff --git a/data/filters/sqlite.js b/data/filters/sqlite.js
new file mode 100644
index 0000000..dc07945
--- /dev/null
+++ b/data/filters/sqlite.js
@@ -0,0 +1,61 @@
+// https://cdnjs.com/libraries/sql.js
+// https://github.com/sql-js/sql.js?tab=readme-ov-file#loading-a-database-from-a-server
+
+function filterTemplateExample( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+ // can be removed for URLs as those are not with metadata
+
+ let contentType = file.contentType
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ // filtering, only applying what's next to a certain content type and/or with filename filtering with .startsWith() .endsWith() .includes() or regex
+ if ( contentType.includes("xml") && contentFilename.includes("pdfxml/") ) {
+ console.log('it is a pdf unpacked file', contentFilename)
+
+ /*
+ // example of zip support
+ fetch( contentFilename ).then( r => r.blob(r) ).then( file => zip.loadAsync(file) ).then( f => {
+ console.log(f.files)
+ let filenameFromZip = Object.entries( f.files ).filter( i => i[0].includes("partialfilename.ext") ).map( i => i[0] )[0]
+ f.files[filenameFromZip].async("string").then( dyn_content => {
+ json = JSON.parse( dyn_content )
+ })
+ })
+ */
+
+ fetch( contentFilename ).then( r => r.text() ).then( txt => {
+
+ console.log( "mereology", openingOptions.mereology )
+ switch( openingOptions.mereology ) {
+ case "whole":
+ addNewNote(txt, "0 1.4 -.8")
+ break;
+ case "listonly":
+ default:
+ txt.replaceAll('* ','').split('\n').map( (c,i) => addNewNote(c, "0 "+(1+i/10)+" -.8") )
+ }
+
+ const rootEl = document.createElement("a-entity")
+ // having a root element to attach on makes manipulation later on easier and safer, bringing a context for later modifications
+ file.filteredEl = rootEl
+ rootEl.test = _ => console.log( 'test' )
+ // function that can then be called on the created element later on
+ // e.g. filesWithMetadata["https://companion.benetou.fr/saved/pdfxml/3209542.3209570.xml"].filteredEl.nextPage('ok')
+ AFRAME.scenes[0].appendChild(rootEl)
+
+ AFRAME.scenes[0].emit('templateexampleloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("templateexampleloaded", e => console.log(e))
+
+ } );
+ }
+ applyNextFilter( contentFilename )
+ // can stop here or move on to the next filter that might or not be applied
+}
+sequentialFilters.push( filterTemplateExample )
+// adding this to the list of filters to go through, order matters
+ // typically one would be generic filters first then more specific ones after
diff --git a/data/filters/srt_to_json.js b/data/filters/srt_to_json.js
index 4547d53..77d1cc6 100644
--- a/data/filters/srt_to_json.js
+++ b/data/filters/srt_to_json.js
@@ -8,11 +8,14 @@ function filterTextModifications( contentFilename ){
console.log('it is an modification scheme', contentFilename)
console.log('try to pass it to parametersViaURL(data)')
fetch( contentFilename ).then( r => r.text() ).then( txt => {
- console.log(txt.split(/$\n/).map(l=>{
+ let jsonFromSRT = txt.split(/$\n/).map(l=>{
let subItem = l.split('\n')
let timings = subItem[1].split(' --> ')
return { id:Number(subItem[0]), timingStart:timings[0], timingEnd:timings[1], text:subItem[2] }
- } ))
+ } )
+ console.log( jsonFromSRT )
+ addNewNote( jsonFromSRT.map( i => i.text).join('\n') )
+ // could instead delegate that later as event
})
}
applyNextFilter( contentFilename )
diff --git a/data/filters/another_content_filter_example.js b/data/filters/svg.js
similarity index 74%
rename from data/filters/another_content_filter_example.js
rename to data/filters/svg.js
index f4a1bc9..4142449 100644
--- a/data/filters/another_content_filter_example.js
+++ b/data/filters/svg.js
@@ -6,6 +6,9 @@ function filterSVGImage( contentFilename ){
if ( contentType.includes("image") && contentFilename.endsWith(".svg")) {
console.log('it is an SVG image', contentFilename)
+ // could also try to parse the SVG itself, for now delegated potentially via event
+ AFRAME.scenes[0].emit('svgloaded', contentFilename)
+
}
applyNextFilter( contentFilename )
}
diff --git a/data/filters/tapestry.json.js b/data/filters/tapestry.json.js
new file mode 100644
index 0000000..f45daf0
--- /dev/null
+++ b/data/filters/tapestry.json.js
@@ -0,0 +1,86 @@
+function filterTapestryJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ // TODO support zipped version directly, cf e.g. mapvisualmeta.jsons.zip.js
+
+ /*
+ // example of zip support
+ fetch( contentFilename ).then( r => r.blob(r) ).then( file => zip.loadAsync(file) ).then( f => {
+ console.log(f.files)
+ let filenameFromZip = Object.entries( f.files ).filter( i => i[0].includes("partialfilename.ext") ).map( i => i[0] )[0]
+ f.files[filenameFromZip].async("string").then( dyn_content => {
+ json = JSON.parse( dyn_content )
+ })
+ })
+ */
+
+ if ( contentType.includes("json") && contentFilename.startsWith("tapestry/") && contentFilename.endsWith("root.json")) {
+ console.log('it is a tapestry export file', contentFilename)
+ fetch( contentFilename ).then( r => r.json() ).then( json => {
+ // console.log( json )
+ let thumbnailPath = json.thumbnail.replace("file:/","/tapestry/")
+ let el = document.createElement("a-image")
+ el.setAttribute("position", "0 1.5 0.7")
+ el.setAttribute("rotation", "0 180 0")
+ el.setAttribute("src", thumbnailPath)
+ el.setAttribute("width", json.startView.size.width/10000)
+ el.setAttribute("height", json.startView.size.height/10000)
+ AFRAME.scenes[0].appendChild(el)
+
+ let positioned = {}
+ json.items.map( i => {
+ let x = 1-i.position.x/1000
+ let y = 2-i.position.y/1000
+
+ let el = null
+ if (i.type == "text") {
+ el = addNewNoteAsPostItNote( i.text, x + " " + y + " 1", ".1 .1 .1", "tapestry_"+i.id, "tapestry_text", true, "0 180 0")
+ // addNewNoteAsPostItNote( text, position=`-0.2 1.1 -0.1`, scale= "0.1 0.1 0.1", id=null, classes="notes", visible="true", rotation="0 0 0" ){
+ }
+
+ if (i.thumbnail) {
+ let thumbnailPath = i.thumbnail.source.replace("file:/","/tapestry/")
+ el = document.createElement("a-image")
+ el.setAttribute("position", x + " " + y + " 1")
+ el.setAttribute("rotation", "0 180 0")
+ el.setAttribute("src", thumbnailPath)
+ el.setAttribute("width", i.size.width/1000)
+ el.setAttribute("height", i.size.height/1000)
+ AFRAME.scenes[0].appendChild(el)
+ }
+ positioned[i.id] = el
+ if ( el ) el.setAttribute("target", "")
+ })
+
+ setTimeout( _ => {
+ // must be done after the items are positioned
+ json.rels.map( i => {
+ let el = document.createElement("a-tube")
+ console.log( i.from.itemId, i.to.itemId )
+ let start = positioned[i.from.itemId].getAttribute("position")
+ let end = positioned[i.to.itemId].getAttribute("position")
+ let mid = new THREE.Vector3()
+ mid.copy ( start )
+ mid.add ( end )
+ mid.divideScalar(2)
+ mid.z += 0.3
+ let path = [start, mid, end].map( p => AFRAME.utils.coordinates.stringify( p ) ).join(", ")
+
+ el.setAttribute("radius", 0.01)
+ el.setAttribute("path", path)
+ AFRAME.scenes[0].appendChild(el)
+ })
+ }, 1000 )
+
+ AFRAME.scenes[0].emit('tapestryjsonloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("visualmetajsonloaded", e => console.log(e))
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterTapestryJSON )
diff --git a/data/filters/template_example.js b/data/filters/template_example.js
new file mode 100644
index 0000000..23e158b
--- /dev/null
+++ b/data/filters/template_example.js
@@ -0,0 +1,61 @@
+function filterTemplateExample( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+ // can be removed for URLs as those are not with metadata
+
+ let contentType = file.contentType
+
+ // mereology option
+ let openingOptions = filesWithMetadata[contentFilename].openingOptions
+ // can be used via e.g. showFile("https://fabien.benetou.fr/?action=source",{ mereology:"whole"})
+
+ // filtering, only applying what's next to a certain content type and/or with filename filtering with .startsWith() .endsWith() .includes() or regex
+ if ( contentType.includes("xml") && contentFilename.includes("pdfxml/") ) {
+ console.log('it is a pdf unpacked file', contentFilename)
+
+ /*
+ // example of zip support
+ fetch( contentFilename ).then( r => r.blob(r) ).then( file => zip.loadAsync(file) ).then( f => {
+ console.log(f.files)
+ let filenameFromZip = Object.entries( f.files ).filter( i => i[0].includes("partialfilename.ext") ).map( i => i[0] )[0]
+ f.files[filenameFromZip].async("string").then( dyn_content => {
+ json = JSON.parse( dyn_content )
+ })
+ })
+ */
+
+ fetch( contentFilename ).then( r => r.text() ).then( txt => {
+
+ console.log( "mereology", openingOptions.mereology )
+ switch( openingOptions.mereology ) {
+ case "whole":
+ addNewNote(txt, "0 1.4 -.8")
+ break;
+ case "listonly":
+ default:
+ txt.replaceAll('* ','').split('\n').map( (c,i) => addNewNote(c, "0 "+(1+i/10)+" -.8") )
+ // could had here
+ }
+
+ const rootEl = document.createElement("a-entity")
+ // having a root element to attach on makes manipulation later on easier and safer, bringing a context for later modifications
+ rootEl.fromfile = txt
+ // to make the data usable, better with JSON or per element but still potentially useful by other elements
+ file.filteredEl = rootEl
+ rootEl.test = _ => console.log( 'test' )
+ // function that can then be called on the created element later on
+ // e.g. filesWithMetadata["https://companion.benetou.fr/saved/pdfxml/3209542.3209570.xml"].filteredEl.nextPage('ok')
+ AFRAME.scenes[0].appendChild(rootEl)
+
+ AFRAME.scenes[0].emit('templateexampleloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("templateexampleloaded", e => console.log(e))
+
+ } );
+ }
+ applyNextFilter( contentFilename )
+ // can stop here or move on to the next filter that might or not be applied
+}
+sequentialFilters.push( filterTemplateExample )
+// adding this to the list of filters to go through, order matters
+ // typically one would be generic filters first then more specific ones after
diff --git a/data/filters/visualmeta.json.js b/data/filters/visualmeta.json.js
new file mode 100644
index 0000000..1e264c1
--- /dev/null
+++ b/data/filters/visualmeta.json.js
@@ -0,0 +1,41 @@
+function filterVisualMetaJSON( contentFilename ){
+ let file = filesWithMetadata[contentFilename]
+ if (!file) return
+
+ let contentType = file.contentType
+
+ if ( contentType.includes("json") && contentFilename.endsWith(".visualmetaexport.json")) {
+ console.log('it is a visualmeta export file', contentFilename)
+ fetch( contentFilename ).then( r => r.json() ).then( json => {
+ //console.log( json )
+
+ let titleEl = addNewNote( json["visual-meta-bibtex-self-citation"].article.title, "0 1.8 -.3" )
+
+ json["visual-meta-full-document-text"].text.split("\n").reverse().map( (e, i) => {
+ let el = addNewNote( e, "0 "+(1+i/40)+" -.5" )
+ if ( e.startsWith("#") ){
+ //el.addEventListener("object3dset", _ => el.setAttribute("font-size", el.getAttribute("font-size")*20 ) )
+ // not yet set, events loaded and object3dset do not help
+ el.setAttribute("font-size", 0.3)
+ el.setAttribute("value", e.replaceAll("#","") )
+ // should be a bit more subtle...
+ }
+ })
+
+ Object.values( json["Glossary"].entries ).map( (e, i) => { let el = addNewNote( e.phrase + ' ' + e.entry, "-1.3 "+(1+i/10)+" -.6" ) })
+
+ Object.values( json["document-headings"] ).reverse().map( (e, i) => {
+ let el = addNewNote( e.name, "-1.1 "+(1+i/10)+" -.6" )
+ el.setAttribute("font-size", Number(e.level.replace("level",""))/10 )
+ el.addEventListener("object3dset", _ => el.object3D.translateX( 1-Number(e.level.replace("level",""))/10 ) )
+
+ })
+ AFRAME.scenes[0].emit('visualmetajsonloaded', contentFilename)
+ // to use the event consider :
+ //AFRAME.scenes[0].addEventListener("visualmetajsonloaded", e => console.log(e))
+ })
+ }
+ applyNextFilter( contentFilename )
+}
+
+sequentialFilters.push( filterVisualMetaJSON )
diff --git a/data/found_set_param.html b/data/found_set_param.html
new file mode 100644
index 0000000..1167aeb
--- /dev/null
+++ b/data/found_set_param.html
@@ -0,0 +1,337 @@
+
Documentation of parameters
+
+The experience can be configured via its URL. This allow for customization by anyone while also allowing to share the result back with anyone else. There is no code modification needed, no saving needed. The URL itself becomes the modified experience.
+
+
+
+Within that context there are 3 main query parameters to understand, namely username, set and showfile. Specifically :
+
showfile : display the content of a file. This is done thanks to filters (see recorded video) and allows for a relatively wide range of files. The most basic ones, e.g. 3D model, show 3D models in space but some filters allow parsing of specific file formats, e.g. PmWiki lists, docx text content, zipped exports, etc. An example could be a remote VisualMeta export hosted on a WordPress instance. The filter unpacks the zip file and display its content while making each item interactable. Note also that some specific formats, e.g. _modifications.txt files, can contain set parameters and thus multiple modifications back. Shown files can also contain layouts of displayed content in order to resume the state of a past session, e.g. https://companion.benetou.fr/index.html?username=q2_annotated_bibliography_week2&showfile=q2_annotated_bibliography_week2_test_q2layout.json.
+
+
+
+
+
Note on live documentation of experiments
+
+
+Most links should work, yes surely some will not work or won't make sense outside of XR or need some interactions.
+
+
+
+
+A lot of the ?set examples (see below) do not show a visual difference as we decided at the end of the 1st quarter to hide a lot of elements to faciliate demonstrations. This unfortunately had the side effect of preventing those examples later on despite them working back then. For example at the end of Q2 ?set_IDenvironment_gltf-model=world-bake.glb does not show the 3D model despite the file being present and showfile working because we are not hiding the element with ID environment.
+From an experimentation perspective it is arguably not useful to "fix" those historical links as doings will most likely prevent newer ones from working and thus rather unpredictively. It is though important to know that they did work.
+
+
+
+
+Regardless of those technical limitations please do feel free to report links that seem, according to you, not to work as expected. Plenty do provide :
+
+
+
the URL (full including all parameters used),
+
hardware used, browser used (e.g. Vision Pro with OS version 123 and browser version 456),
+
date and hour of test (as things are live, maybe something was edited as you tried)
+
the current behavior (what you expected to see),
+
the expected behavior (what actually happened),
+
any supporting materials you think would be useful, e.g. video recording, screenshots, etc.
+
+
+
+
+
Parameters
+
+
+
allowNtfyFeedbackHUD
+
emulatexr
+
forcecontrollers
+
itemsfile
+
partialfilename
+
query
+
remote_keyboard_group // should be URL encoded, assuming for now alphanum only
+
shareerrors
+
showdebug
+
showdefinitions
+
showdemoexample
+
sourceFromNextDemo
+
speedup_emulatexr_test
+
username
+
+
+
+
+Note that some parameters (e.g. emulatorxr) are only used in conjonction with other parameters. Here emulatorxr with username itself within only a range of values, see below.
+
+
+
+Some parameters added after the creation of this documenation (early June 2025) are not documented.
+
+
How to populate that list
+Ran server side
+
grep urlParams.get /transition/webdav/data/fotsave/fot_sloan_companion_public/index.html | sed "s/.*get//" | sort | uniq
+
+
+
Username values
+for username which is itself a just a parameter
+
+
grep username /transition/webdav/data/fotsave/fot_sloan_companion_public/index.html | sed "s/.*== //" | sed "s/) {//" | grep -v dictionaryForCompletion | sort | uniq
+
+
+
emulatexr working with Username values
+and for test scenarii only which is with emulatexr parameter
+
+
+
q2_lense
+
q2_step_layout_animationtests
+
q2_step_refcards_filtering
+
q2_step_volumetric_frames
+
+
+
+
+
How to populate that list
+Ran server side
+
head -300 /transition/webdav/data/fotsave/fot_sloan_companion_public/index.html | grep username | sed "s/.*== //" | sed "s/) {//" | grep -v dictionaryForCompletion | sort | uniq
+
+there are a quite a few more from Q1 via specifically parametersViaURL because that one https://git.benetou.fr/utopiah/spasca-fot-sloan-q1/src/branch/main/data/index.html#L602 can do a lot, letting anybody changing what is shown or not, how, etc
+
+
+
Set values
+
+
Syntax
+
+
selector ID environment (not # as this is not a valid URL query parameter!) or .classname
+
attribute name (e.g. color)
+
value, (e.g. blue)
+
+
+For example ?set_.pannel_color=red will set to "red" the attribute named "color" for all elements of class name "pannel".
+
+
Example of values
+
+
color=blue can be a string of HTML colors
+
gltf-model=world-bake.glb can be a relative or absolute URL (where CORS is supported)
+
visible=false to show or hide an element, a boolean string that can be either true or false (not True or False or TRUE or FALSE!)
+
src=https://webdav.benetou.fr/fotsave/fot_sloan_companion_public/world-bake.glb can be a full URL (where CORS is supported)
+
src=pano4s.png can also be the relative URL of an image, using it as texture
+
scale=1%201%201 as a scale for width height and depth, e.g. here a uniform scale of 1 (URI encoded, where %20 becomes an empty space " ")
+
position=0%201%200 as metric position along X, Y and Z axis, X=-1 is 1 to the left of the starting position, Y=1 is 1m up and Z=-1 is 1m ahead
+
rotation=0%20-30%200 as angle rotation in degrees along X, Y and Z axis relative to the object center, here 0 deg pitch, -30 yaw and 0 roll (see details)
+
+
+Your browser will automatically URI encode your URL, thus one can type position=0 1.4 -1 and get position=0%201.4%20-1
+
+
+To get a URL to later on use as a parameter value consider using the upload function of the prototype https://companion.benetou.fr which in turns make the resulting file available at https://companion.benetou.fr/filename
+
+
+
+