Save Instance Prints To File

html/src/app.js

@@ -5447,7 +5447,11 @@ speechSynthesis.getVoices();
                 }
             }
             this.lastLocation.playerList.forEach((ref1) => {
-                if (ref1.userId && !API.cachedUsers.has(ref1.userId)) {
+                if (
+                    ref1.userId &&
+                    typeof ref1.userId === 'string' &&
+                    !API.cachedUsers.has(ref1.userId)
+                ) {
                     API.getUser({ userId: ref1.userId });
                 }
             });
@@ -8149,6 +8153,10 @@ speechSynthesis.getVoices();
             'VRCX_StartAtWindowsStartup',
             this.isStartAtWindowsStartup
         );
+        await configRepository.setBool(
+            'VRCX_saveInstancePrints',
+            this.saveInstancePrints
+        );
         VRCXStorage.Set(
             'VRCX_StartAsMinimizedState',
             this.isStartAsMinimizedState.toString()
@@ -17522,6 +17530,52 @@ speechSynthesis.getVoices();
         }
     });
 
+    API.getPrint = function (params) {
+        return this.call(`prints/${params.printId}`, {
+            method: 'GET'
+        }).then((json) => {
+            var args = {
+                json,
+                params
+            };
+            this.$emit('PRINT', args);
+            return args;
+        });
+    };
+
+    API.editPrint = function (params) {
+        return this.call(`prints/${params.printId}`, {
+            method: 'POST',
+            params
+        }).then((json) => {
+            var args = {
+                json,
+                params
+            };
+            this.$emit('PRINT:EDIT', args);
+            return args;
+        });
+    };
+
+    $app.data.saveInstancePrints = await configRepository.getBool(
+        'VRCX_saveInstancePrints',
+        false
+    );
+
+    $app.methods.trySavePrintToFile = async function (printId) {
+        var print = await API.getPrint({ printId });
+        var imageUrl = print.json?.files?.image;
+        if (!imageUrl) {
+            console.error('Print image URL is missing', print);
+            return;
+        }
+        var fileName = `${printId}.png`;
+        var status = await AppApi.SavePrintToFile(imageUrl, fileName);
+        if (status) {
+            console.log(`Print saved to file: ${fileName}`);
+        }
+    };
+
     // #endregion
     // #region | Emoji
 

html/src/classes/gameLog.js

@@ -39,7 +39,7 @@ export default class extends baseClass {
             if (this.gameLogDisabled) {
                 return;
             }
-            var userId = gameLog.userId;
+            var userId = String(gameLog.userId || '');
             if (!userId && gameLog.displayName) {
                 for (var ref of API.cachedUsers.values()) {
                     if (ref.displayName === gameLog.displayName) {
@@ -257,6 +257,25 @@ export default class extends baseClass {
                     // if (!userId) {
                     //     break;
                     // }
+
+                    if (!$app.saveInstancePrints) {
+                        break;
+                    }
+                    try {
+                        var printId = '';
+                        var url = new URL(gameLog.url);
+                        if (
+                            url.pathname.substring(0, 14) === '/api/1/prints/'
+                        ) {
+                            var pathArray = url.pathname.split('/');
+                            printId = pathArray[4];
+                        }
+                        if (printId && printId.length === 41) {
+                            $app.trySavePrintToFile(printId);
+                        }
+                    } catch (err) {
+                        console.error(err);
+                    }
                     break;
                 case 'avatar-change':
                     var ref = this.lastLocation.playerList.get(userId);

html/src/classes/uiComponents.js

@@ -598,6 +598,9 @@ export default class extends baseClass {
                 },
                 key() {
                     this.parse();
+                },
+                userid() {
+                    this.parse();
                 }
             },
             mounted() {

html/src/classes/websocket.js

@@ -514,19 +514,34 @@ export default class extends baseClass {
                     var contentType = content.contentType;
                     console.log('content-refresh', content);
                     if (contentType === 'icon') {
-                        if ($app.galleryDialogVisible) {
+                        if (
+                            $app.galleryDialogVisible &&
+                            !$app.galleryDialogIconsLoading
+                        ) {
                             $app.refreshVRCPlusIconsTable();
                         }
                     } else if (contentType === 'gallery') {
-                        if ($app.galleryDialogVisible) {
+                        if (
+                            $app.galleryDialogVisible &&
+                            !$app.galleryDialogGalleryLoading
+                        ) {
                             $app.refreshGalleryTable();
                         }
                     } else if (contentType === 'emoji') {
-                        if ($app.galleryDialogVisible) {
+                        if (
+                            $app.galleryDialogVisible &&
+                            !$app.galleryDialogEmojisLoading
+                        ) {
                             $app.refreshEmojiTable();
                         }
-                    } else if (contentType === 'print') {
-                        if ($app.galleryDialogVisible) {
+                    } else if (
+                        contentType === 'print' ||
+                        contentType === 'prints'
+                    ) {
+                        if (
+                            $app.galleryDialogVisible &&
+                            !$app.galleryDialogPrintsLoading
+                        ) {
                             $app.refreshPrintTable();
                         }
                     } else if (contentType === 'avatar') {

html/src/localization/en/en.json

@@ -433,6 +433,10 @@
                         "header": "Local World Persistence",
                         "description": "Localhost webserver (requires restart)"
                     },
+                    "save_instance_prints_to_file": {
+                        "header": "Save Instance Prints To File",
+                        "description": "Save spawned prints to your VRChat Pictures folder"
+                    },
                     "remote_database": {
                         "header": "Remote Avatar Database",
                         "enable": "Enable",

html/src/mixins/dialogs/screenshotMetadata.pug

@@ -32,7 +32,7 @@ mixin screenshotMetadata()
             br
             location(v-if="screenshotMetadataDialog.metadata.world" :location="screenshotMetadataDialog.metadata.world.instanceId" :hint="screenshotMetadataDialog.metadata.world.name")
             br
-            display-name(v-if="screenshotMetadataDialog.metadata.author" :userid="screenshotMetadataDialog.metadata.author.id" :hind="screenshotMetadataDialog.metadata.author.displayName" style="color:#909399;font-family:monospace")
+            display-name(v-if="screenshotMetadataDialog.metadata.author" :userid="screenshotMetadataDialog.metadata.author.id" :hint="screenshotMetadataDialog.metadata.author.displayName" style="color:#909399;font-family:monospace")
             br
             el-carousel(ref="screenshotMetadataCarousel" :interval="0" initial-index="1" indicator-position="none" arrow="always" height="600px" style="margin-top:10px" @change="screenshotMetadataCarouselChange")
                 el-carousel-item

html/src/mixins/tabs/settings.pug

@@ -475,6 +475,10 @@ mixin settingsTab()
                     div.options-container-item
                         span.name(style="min-width:300px") {{ $t('view.settings.advanced.advanced.local_world_persistence.description') }}
                         el-switch(v-model="disableWorldDatabase" :active-value="false" :inactive-value="true" @change="saveVRCXWindowOption")
+                    span.sub-header {{ $t('view.settings.advanced.advanced.save_instance_prints_to_file.header') }}
+                    div.options-container-item
+                        span.name(style="min-width:300px") {{ $t('view.settings.advanced.advanced.save_instance_prints_to_file.description') }}
+                        el-switch(v-model="saveInstancePrints" @change="saveVRCXWindowOption")
                 //- Advanced | Remote Avatar Database
                 div.options-container
                     span.header {{ $t('view.settings.advanced.advanced.remote_database.header') }}