Implement automatic sticker saving (#985)

* Implement automatic sticker saving

* Prevent multiple requests for same sticker or print

html/src/app.js

@@ -8207,6 +8207,10 @@ speechSynthesis.getVoices();
             'VRCX_saveInstancePrints',
             this.saveInstancePrints
         );
+        await configRepository.setBool(
+            'VRCX_saveInstanceStickers',
+            this.saveInstanceStickers
+        );
         VRCXStorage.Set(
             'VRCX_StartAsMinimizedState',
             this.isStartAsMinimizedState.toString()
@@ -17480,6 +17484,29 @@ speechSynthesis.getVoices();
         }
     });
 
+    $app.data.stickersCache = [];
+
+    $app.methods.trySaveStickerToFile = async function (displayName, fileId) {
+        if ($app.stickersCache.includes(fileId)) return;
+        $app.stickersCache.push(fileId);
+        if ($app.stickersCache.size > 100) {
+            $app.stickersCache.shift();
+        }
+        var args = await API.call(`file/${fileId}`);
+        var imageUrl = args.versions[1].file.url;
+        var createdAt = args.versions[0].created_at;
+        var path = `${createdAt.slice(0, 7)}`;
+        var fileNameDate = createdAt
+            .replace(/:/g, '-')
+            .replace(/T/g, '_')
+            .replace(/Z/g, '');
+        var fileName = `${displayName}_${fileNameDate}_${fileId}.png`;
+        var status = await AppApi.SaveStickerToFile(imageUrl, path, fileName);
+        if (status) {
+            console.log(`Sticker saved to file: ${path}\\${fileName}`);
+        }
+    };
+
     // #endregion
     // #region | Prints
     API.$on('LOGIN', function () {
@@ -17651,6 +17678,11 @@ speechSynthesis.getVoices();
         false
     );
 
+    $app.data.saveInstanceStickers = await configRepository.getBool(
+        'VRCX_saveInstanceStickers',
+        false
+    );
+
     $app.methods.getPrintDate = function (print) {
         var createdAt = new Date();
         if (print.createdAt) {
@@ -17674,7 +17706,14 @@ speechSynthesis.getVoices();
         return fileName;
     };
 
+    $app.data.printCache = [];
+
     $app.methods.trySavePrintToFile = async function (printId) {
+        if ($app.printCache.includes(printId)) return;
+        $app.printCache.push(printId);
+        if ($app.printCache.length > 100) {
+            $app.printCache.shift();
+        }
         var args = await API.getPrint({ printId });
         var imageUrl = args.json?.files?.image;
         if (!imageUrl) {

html/src/classes/gameLog.js

@@ -405,6 +405,13 @@ export default class extends baseClass {
                     // };
                     // database.addGamelogEventToDatabase(entry);
                     break;
+                case 'sticker-spawn':
+                    if (!$app.saveInstanceStickers) {
+                        break;
+                    }
+
+                    $app.trySaveStickerToFile(gameLog.displayName, gameLog.fileId);
+                    break;
             }
             if (entry) {
                 // add tag colour

html/src/localization/en/en.json

@@ -441,6 +441,10 @@
                         "header_tooltip": "Requires \"--enable-sdk-log-levels\" VRC launch option",
                         "description": "Save spawned prints to your VRChat Pictures folder"
                     },
+                    "save_instance_stickers_to_file": {
+                        "header": "Save Instance Stickers To File",
+                        "description": "Save dropped Stickers to your VRChat Pictures folder"
+                    },
                     "remote_database": {
                         "header": "Remote Avatar Database",
                         "enable": "Enable",

html/src/mixins/tabs/settings.pug

@@ -489,6 +489,10 @@ mixin settingsTab()
                     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")
+                    span.sub-header {{ $t('view.settings.advanced.advanced.save_instance_stickers_to_file.header') }}
+                    div.options-container-item
+                        span.name(style="min-width:300px") {{ $t('view.settings.advanced.advanced.save_instance_stickers_to_file.description') }}
+                        el-switch(v-model="saveInstanceStickers" @change="saveVRCXWindowOption")
                 //- Advanced | Remote Avatar Database
                 div.options-container
                     span.header {{ $t('view.settings.advanced.advanced.remote_database.header') }}

html/src/service/gamelog.js

@@ -87,6 +87,12 @@ class GameLogService {
                 gameLog.data = args[0];
                 break;
 
+            case 'sticker-spawn':
+                gameLog.userId = args[0];
+                gameLog.displayName = args[1];
+                gameLog.fileId = args[2];
+                break;
+
             default:
                 break;
         }