revert: ⏪ Reverse decision to remove the classic UserBox preview

Adds back the classic UserBox preview when AquaBox is disabled / unavailable

AquaNet/src/components/settings/ChuniSettings.svelte

@@ -209,20 +209,37 @@
       {/each}
     </div>
   {/if}
-  {#if USERBOX_INSTALLED}
+  {#if HAS_USERBOX_ASSETS}
-    <!-- god this is a mess but idgaf atp -->
+    {#if USERBOX_INSTALLED}
-    <div class="field boolean" style:margin-top="1em">
+      <!-- god this is a mess but idgaf atp -->
-      <input type="checkbox" bind:checked={USERBOX_ENABLED.value} id="newUserbox">
+      <div class="field boolean" style:margin-top="1em">
-      <label for="newUserbox">
+        <input type="checkbox" bind:checked={USERBOX_ENABLED.value} id="newUserbox">
-        <span class="name">{t("userbox.new.activate")}</span>
+        <label for="newUserbox">
-        <span class="desc">{t(`userbox.new.activate_desc`)}</span>
+          <span class="name">{t("userbox.new.activate")}</span>
-      </label>
+          <span class="desc">{t(`userbox.new.activate_desc`)}</span>
-    </div>
+        </label>
-  {/if}
+      </div>
-  {#if USERBOX_SUPPORT}
+    {/if}
-    <p>
+    {#if USERBOX_SUPPORT}
-      <button on:click={() => USERBOX_SETUP_RUN = !USERBOX_SETUP_RUN}>{t(!USERBOX_INSTALLED ? `userbox.new.activate_first` : `userbox.new.activate_update`)}</button>
+      <p>
-    </p>
+        <button on:click={() => USERBOX_SETUP_RUN = !USERBOX_SETUP_RUN}>{t(!USERBOX_INSTALLED ? `userbox.new.activate_first` : `userbox.new.activate_update`)}</button>
+      </p>
+    {/if} 
+    {#if !USERBOX_SUPPORT || !USERBOX_INSTALLED || !USERBOX_ENABLED.value}
+      <h2>{t("userbox.header.preview")}</h2>
+      <p class="notice">{t("userbox.preview.notice")}</p>
+      <input bind:value={preview} placeholder={t("userbox.preview.url")}/>
+      {#if preview}
+        <div class="preview">
+          {#each userItems.filter(v => v.iKey != 'trophy' && v.iKey != 'systemVoice') as { iKey, ubKey, items }, i}
+            <div>
+              <span>{ts(`userbox.${ubKey}`)}</span>
+              <img src={`${preview}/${iKey}/${userbox[ubKey].toString().padStart(8, '0')}.png`} alt="" on:error={coverNotFound} />
+            </div>
+          {/each}
+        </div>
+      {/if}
+    {/if}
   {/if}
 </div>
 {/if}

AquaNet/src/libs/i18n/en_ref.ts

@@ -176,6 +176,7 @@ export const EN_REF_USERBOX = {
   'userbox.avatarItem': 'Avatar Item',
   'userbox.avatarFront': 'Avatar Front',
   'userbox.avatarBack': 'Avatar Back',
+  'userbox.preview.notice': 'To honor the copyright, we cannot host the images of the userbox items. However, if someone else is willing to provide the images, you can enter their URL here and it will be displayed.',
   'userbox.preview.url': 'Image URL',
   'userbox.error.nodata': 'Chuni data not found',
 

AquaNet/src/libs/i18n/zh.ts

@@ -186,6 +186,7 @@ export const zhUserbox: typeof EN_REF_USERBOX = {
   'userbox.avatarItem': '企鹅物品',
   'userbox.avatarFront': '企鹅前景',
   'userbox.avatarBack': '企鹅背景',
+  'userbox.preview.notice': '「生存战略」：为了尊重版权，我们不会提供游戏内物品的图片。但是如果你认识其他愿意提供图床的人，在这里输入 URL 就可以显示出预览。',
   'userbox.preview.url': '图床 URL',
   'userbox.error.nodata': '未找到中二数据',
 };