iOS fixes: Search, Logs, (and other glitches)

.github/workflows/ci.yml

@@ -59,11 +59,11 @@ jobs:
         run: npx cap update android
       - name: Build with Gradle
         working-directory: android
-        run: chmod +x gradlew; ./gradlew clean assemble # At the time of writing, build causes issues with capacitor plugins
+        run: chmod +x gradlew; ./gradlew clean build # Build causes errors / assemble makes a nonfunctional apk
       - name: Upload artifacts
         uses: actions/upload-artifact@v2
         with:
-          name: VueTube.apk
+          name: android
           path: android/app/build/outputs/apk/release/app-release-unsigned.apk
         
   ios:

NUXT/layouts/default.vue

@@ -38,6 +38,9 @@
 * {
   font-family: Arial, Helvetica, sans-serif !important;
 }
+html, body {
+  overflow-x: hidden;
+}
 </style>
 
 <style scoped>

NUXT/pages/logs.vue

@@ -12,7 +12,7 @@
         <v-expansion-panels>
           <v-expansion-panel>
             <v-expansion-panel-header>More</v-expansion-panel-header>
-            <v-expansion-panel-content v-text="item.data" style="padding: 1em;" />
+            <v-expansion-panel-content v-text="item.data" class="logContent" />
           </v-expansion-panel>
         </v-expansion-panels>
 
@@ -36,6 +36,10 @@
 .errorChip {
   margin-right: 0.5em;
 }
+.logContent {
+  padding: 1em;
+  word-break: break-all;
+}
 </style>
 
 <script>

NUXT/pages/search.vue

@@ -11,13 +11,14 @@
 
     <v-list-item v-for="(video, index) in videos" :key="index">
       <v-card class="entry">
-        <v-card-title v-text="video.raw.compactVideoRenderer.title.runs[0].text" />
         <v-card-text>
-          <v-img :src="video.thumbnails[video.thumbnails.length - 1].url" />
+          <div style="position: relative;">
+            <v-img :src="video.thumbnails[video.thumbnails.length - 1].url" />
+            <p v-text="video.runtime" class="videoRuntimeFloat background--text" />
+          </div>
+          <p v-text="video.title" />
+          <p v-text="`${video.views} • ${video.uploaded}`" />
           <p v-text="video.id" />
-          <p v-text="video.uploaded" />
-          <p v-text="video.runtime" />
-          <p v-text="video.views" />
         </v-card-text>
       </v-card>
     </v-list-item>
@@ -28,6 +29,14 @@
 .entry {
   margin-top: 1em;
 }
+.videoRuntimeFloat {
+  position: absolute;
+  bottom: 0;
+  right: 10px;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 1em;
+  padding: 3px;
+}
 </style>
 
 <script>

NUXT/plugins/youtube.js

@@ -86,22 +86,21 @@ const module = {
     let results = new Array();
     youtubeSearch(text, (videos) => {
       for (const i in videos) {
-
+        const video = videos[i];
 
         if (video.compactVideoRenderer) {
           //---   If Entry Is A Video   ---//
-          const video = videos[i];
           results.push({
             id: video.compactVideoRenderer.videoId,
+            title: video.compactVideoRenderer.title.runs[0].text,
             runtime: video.compactVideoRenderer.lengthText.runs[0].text,
             uploaded: video.compactVideoRenderer.publishedTimeText.runs[0].text,
             views: video.compactVideoRenderer.viewCountText.runs[0].text,
-            thumbnails: video.compactVideoRenderer.thumbnail.thumbnails,
-            raw: video
+            thumbnails: video.compactVideoRenderer.thumbnail.thumbnails
           })
         } else {
           //---   If Entry Is Not A Video   ---//
-          logger("search", { type: "Error Caught Successfully, Code Continued to run.", error: video }, true);
+          logger("search", { type: "Error Caught Successfully", error: video }, true);
         }