support prints, closes #6

public/icon/user-solid.svg

···
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"/></svg>

src/Components/Managers/PhotoListRenderingManager.tsx

···
             // and then render that text
 
             // === DEBUG ===
-            // ctx.strokeStyle = '#f00';
-            // ctx.strokeRect(0, currentY - scroll, canvas.width, row.Height);
+            ctx.strokeStyle = '#f00';
+            ctx.strokeRect(0, currentY - scroll, canvas.width, row.Height);
 
             ctx.textAlign = 'center';
             ctx.textBaseline = 'middle';
···
             let photo = (el as PhotoListPhoto).Photo;
 
             // === DEBUG ===
-            // ctx.strokeStyle = '#f00';
-            // ctx.strokeRect((rowXPos  - row.Width / 2) + canvas.width / 2, currentY - scroll, photo.scaledWidth!, row.Height);
+            ctx.strokeStyle = '#f00';
+            ctx.strokeRect((rowXPos  - row.Width / 2) + canvas.width / 2, currentY - scroll, photo.scaledWidth!, row.Height);
 
             if(!photo.loaded)
               // If the photo is not loaded, start a new task and load it in that task

src/Components/PhotoViewer.tsx

···
   let allowedToOpenTray = false;
   let trayInAnimation = false;
 
+  let authorProfileButton: HTMLDivElement;
+
   let switchPhotoWithKey = ( e: KeyboardEvent ) => {
     switch(e.key){
       case 'Escape':
···
           if(photo.metadata){
             photo.onMetaLoaded = () => {}
 
-            let meta = JSON.parse(photo.metadata);
+            try{
+              // Try JSON format ( VRCX )
+              let meta = JSON.parse(photo.metadata);
 
-            allowedToOpenTray = true;
-            trayButton.style.display = 'flex';
-  
-            photoTray.innerHTML = '';
-            photoTray.appendChild(
-              <div class="photo-tray-columns">
-                <div class="photo-tray-column" style={{ width: '20%' }}><br />
-                  <div class="tray-heading">People</div>
-  
-                  <For each={meta.players}>
-                    {( item ) =>
-                      <div>
-                        { item.displayName }
-                        <Show when={item.id}>
-                          <img width="15" src="/icon/up-right-from-square-solid.svg" onClick={() => invoke('open_url', { url: 'https://vrchat.com/home/user/' + item.id })} style={{ "margin-left": '10px', "font-size": '12px', 'color': '#bbb', cursor: 'pointer' }} />
-                        </Show>
-                      </div>
-                    }
-                  </For><br />
-                </div>
-                <div class="photo-tray-column"><br />
-                  <div class="tray-heading">World</div>
-  
-                  <div ref={( el ) => worldInfoContainer = el}>Loading World Data...</div>
-                </div>
-              </div> as Node
-            );
+              allowedToOpenTray = true;
+              trayButton.style.display = 'flex';
 
-            window.WorldCacheManager.getWorldById(meta.world.id)
-              .then(worldData => {
-                if(worldData)
-                  loadWorldData(worldData);
-              });
+              authorProfileButton!.style.display = 'none';
+    
+              photoTray.innerHTML = '';
+              photoTray.appendChild(
+                <div class="photo-tray-columns">
+                  <div class="photo-tray-column" style={{ width: '20%' }}><br />
+                    <div class="tray-heading">People</div>
+    
+                    <For each={meta.players}>
+                      {( item ) =>
+                        <div>
+                          { item.displayName }
+                          <Show when={item.id}>
+                            <img width="15" src="/icon/up-right-from-square-solid.svg" onClick={() => invoke('open_url', { url: 'https://vrchat.com/home/user/' + item.id })} style={{ "margin-left": '10px', "font-size": '12px', 'color': '#bbb', cursor: 'pointer' }} />
+                          </Show>
+                        </div>
+                      }
+                    </For><br />
+                  </div>
+                  <div class="photo-tray-column"><br />
+                    <div class="tray-heading">World</div>
+    
+                    <div ref={( el ) => worldInfoContainer = el}>Loading World Data...</div>
+                  </div>
+                </div> as Node
+              );
+
+              window.WorldCacheManager.getWorldById(meta.world.id)
+                .then(worldData => {
+                  if(worldData)
+                    loadWorldData(worldData);
+                });
+            } catch(e){
+              try{
+                // Not json lets try XML (vrc prints)
+                let parser = new DOMParser();
+                let doc = parser.parseFromString(photo.metadata, "text/xml");
+
+                let id = doc.getElementsByTagName('xmp:Author')[0]!.innerHTML;
+
+                authorProfileButton!.style.display = 'flex';
+                authorProfileButton!.onclick = () =>
+                  invoke('open_url', { url: 'https://vrchat.com/home/user/' + id });
+              } catch(e){
+                console.error(e);
+                console.log('Couldn\'t decode metadata')
+
+                authorProfileButton!.style.display = 'none';
+              }
+
+              trayButton.style.display = 'none';
+              closeTray();
+            }
           } else{
             trayButton.style.display = 'none';
             closeTray();
···
             <img draggable="false" src="/icon/angle-up-solid.svg"></img>
           </div>
         </div>
+
+        <div class="viewer-button"
+          ref={authorProfileButton!}
+          onMouseOver={( el ) => anime({ targets: el.currentTarget, width: '40px', height: '40px', 'margin-left': '15px', 'margin-right': '15px', 'margin-top': '-10px' })}
+          onMouseLeave={( el ) => anime({ targets: el.currentTarget, width: '30px', height: '30px', 'margin-left': '20px', 'margin-right': '20px', 'margin-top': '0px' })}
+        >
+          <div class="icon" style={{ width: '12px', margin: '0' }}>
+            <img draggable="false" src="/icon/user-solid.svg"></img>
+          </div>
+        </div>
+
         <div class="viewer-button"
           onMouseOver={( el ) => anime({ targets: el.currentTarget, width: '40px', height: '40px', 'margin-left': '15px', 'margin-right': '15px', 'margin-top': '-10px' })}
           onMouseLeave={( el ) => anime({ targets: el.currentTarget, width: '30px', height: '30px', 'margin-left': '20px', 'margin-right': '20px', 'margin-top': '0px' })}

vite.config.ts

···
 
 // https://vitejs.dev/config/
 export default defineConfig(async () => ({
-  plugins: [solid(), fullReloadAlways],
+  plugins: [solid(),], //fullReloadAlways],
 
   // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
   //