From aa5bf7e61d85dde5b7977c5b3de69ed39dc8e9ad Mon Sep 17 00:00:00 2001
From: zhenghaoz <zhangzhenghao@hotmail.com>
Date: Wed, 1 Jan 2025 13:32:01 +0800
Subject: [PATCH] fold embedding vectors in item labels

---
 src/components/common/CategorizedItems.vue    |  5 +-
 src/components/common/TopItemsCard.vue        |  5 +-
 src/components/common/UserRecommend.vue       |  5 +-
 .../layout/MainFooter/MainFooter.vue          |  2 +-
 src/utils/index.js                            | 78 ++++++-------------
 src/views/ItemNeighbors.vue                   |  7 +-
 src/views/Items.vue                           |  4 +-
 7 files changed, 44 insertions(+), 62 deletions(-)

diff --git a/src/components/common/CategorizedItems.vue b/src/components/common/CategorizedItems.vue
index 40b5813..35978c4 100644
--- a/src/components/common/CategorizedItems.vue
+++ b/src/components/common/CategorizedItems.vue
@@ -50,7 +50,7 @@
             </d-badge>
             <span
               style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif">
-              {{ item.Labels }}
+              {{ fold(item.Labels) }}
             </span>
           </div>
 
@@ -73,6 +73,8 @@
 </template>
 
 <script>
+import utils from '@/utils';
+
 const axios = require('axios');
 
 export default {
@@ -152,6 +154,7 @@ export default {
           this.items = response.data === null ? [] : response.data;
         });
     },
+    fold: utils.fold,
   },
 };
 </script>
diff --git a/src/components/common/TopItemsCard.vue b/src/components/common/TopItemsCard.vue
index a890979..0050e79 100644
--- a/src/components/common/TopItemsCard.vue
+++ b/src/components/common/TopItemsCard.vue
@@ -35,7 +35,7 @@
               {{ label }}
             </d-badge>
             <span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif">
-              {{ item.Labels }}
+              {{ fold(item.Labels) }}
             </span>
           </div>
 
@@ -69,6 +69,8 @@
 </template>
 
 <script>
+import utils from '@/utils';
+
 export default {
   name: 'ao-top-referrals',
   props: {
@@ -108,6 +110,7 @@ export default {
     nextPage() {
       this.pageNumber += 1;
     },
+    fold: utils.fold,
   },
 };
 </script>
diff --git a/src/components/common/UserRecommend.vue b/src/components/common/UserRecommend.vue
index 15f0912..a6939dc 100644
--- a/src/components/common/UserRecommend.vue
+++ b/src/components/common/UserRecommend.vue
@@ -59,7 +59,7 @@
           <!-- Content - Actions -->
           <div class="blog-comments__actions">
             <span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif">
-              {{ item.Labels }}
+              {{ fold(item.Labels) }}
             </span>
           </div>
 
@@ -93,6 +93,8 @@
 </template>
 
 <script>
+import utils from '@/utils';
+
 const axios = require('axios');
 
 export default {
@@ -158,6 +160,7 @@ export default {
           this.items = response.data;
         });
     },
+    fold: utils.fold,
   },
   mounted() {
     axios
diff --git a/src/components/layout/MainFooter/MainFooter.vue b/src/components/layout/MainFooter/MainFooter.vue
index f557730..ce8e2cd 100644
--- a/src/components/layout/MainFooter/MainFooter.vue
+++ b/src/components/layout/MainFooter/MainFooter.vue
@@ -45,7 +45,7 @@ export default {
        */
     copyright: {
       type: String,
-      default: 'Copyright © 2021 zhenghaoz',
+      default: `Copyright © ${new Date().getFullYear()} zhenghaoz`,
     },
     /**
        * Whether the footer should be wrapped in a container, or not.
diff --git a/src/utils/index.js b/src/utils/index.js
index e46032d..e463585 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -1,62 +1,30 @@
 const utils = {
-  parseLines(text, sep) {
-    const table = [];
-    let quoted = false;
-    let fields = [];
-    let cell = '';
-    const lines = text.split(/\r?\n/);
-    lines.forEach((line) => {
-      // start of line
-      if (quoted) {
-        cell += '\r\n';
+  fold(o) {
+    const that = this;
+    if (Array.isArray(o)) {
+      if (o.length > 5 && typeof o[0] === 'number') {
+        return `[${o.slice(0, 5).map(v => that.fold(v)).join(', ')}, ...]`;
       }
-      // skip empty line
-      if (line.length === 0) {
-        return;
-      }
-      // parse line
-      for (let i = 0; i < line.length; i += 1) {
-        if (line[i] === sep && !quoted) {
-          // end of field
-          fields.push(cell);
-          cell = '';
-        } else if (line[i] === '"') {
-          if (quoted) {
-            if (i + 1 >= line.length || line[i + 1] !== '"') {
-              // end of quoted
-              quoted = false;
-            } else {
-              i += 1;
-              cell += '"';
-            }
-          } else {
-            // start of quoted
-            quoted = true;
-          }
-        } else {
-          cell += line[i];
-        }
-      }
-      // end of line
-      if (!quoted) {
-        fields.push(cell);
-        table.push(fields);
-        cell = '';
-        fields = [];
-      }
-    });
-    return table;
-  },
-  mapFields(data, placement) {
-    if (data.length !== placement.length) {
-      throw new Error('the length of data and placement must be equal');
+      return `[${o.map(v => that.fold(v)).join(', ')}]`;
+    } else if (typeof o === 'object') {
+      let out = '{';
+      out += Object.entries(o).map(([key, value]) => `"${key}": ${that.fold(value)}`).join(', ');
+      out += '}';
+      return out;
     }
-    const length = Math.max.apply(null, placement);
-    const mapping = new Array(length).fill('_');
-    for (let i = 0; i < placement.length; i += 1) {
-      mapping[placement[i]] = data[i];
+    return JSON.stringify(o);
+  },
+  stringify(o) {
+    const that = this;
+    if (Array.isArray(o)) {
+      return `[${o.map(v => that.fold(v)).join(', ')}]`;
+    } else if (typeof o === 'object') {
+      let out = '{\n';
+      out += Object.entries(o).map(([key, value]) => `  "${key}": ${that.stringify(value)}`).join(',\n');
+      out += '\n}';
+      return out;
     }
-    return mapping.join('');
+    return JSON.stringify(o);
   },
 };
 
diff --git a/src/views/ItemNeighbors.vue b/src/views/ItemNeighbors.vue
index 7bcaee8..beebe35 100644
--- a/src/views/ItemNeighbors.vue
+++ b/src/views/ItemNeighbors.vue
@@ -48,7 +48,7 @@
                   </d-col>
                   <d-col sm="12" md="10">
                     <div>
-                      <highlightjs language='json' :code="JSON.stringify(current_item.Labels, null, 2)" />
+                      <highlightjs language='json' :code="stringify(current_item.Labels)" />
                     </div>
                   </d-col>
                 </d-row>
@@ -117,7 +117,7 @@
                   <td>{{ format_date_time(item.Timestamp) }}</td>
                   <td>
                     <span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif">
-                      {{ item.Labels }}
+                      {{ fold(item.Labels) }}
                     </span>
                   </td>
                   <td>{{ item.Comment }}</td>
@@ -134,6 +134,7 @@
 
 <script>
 import moment from 'moment';
+import utils from '../utils';
 
 const axios = require('axios');
 
@@ -180,6 +181,8 @@ export default {
           this.items = response.data;
         });
     },
+    fold: utils.fold,
+    stringify: utils.stringify,
   },
 };
 </script>
diff --git a/src/views/Items.vue b/src/views/Items.vue
index 293ac25..506418b 100644
--- a/src/views/Items.vue
+++ b/src/views/Items.vue
@@ -70,7 +70,7 @@
                   <td>{{ format_date_time(item.Timestamp) }}</td>
                   <td>
                     <span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif">
-                      {{ item.Labels }}
+                      {{ fold(item.Labels) }}
                     </span>
                   </td>
                   <td>{{ item.Comment }}</td>
@@ -110,6 +110,7 @@
 
 <script>
 import moment from 'moment';
+import utils from '../utils';
 
 const axios = require('axios');
 
@@ -196,6 +197,7 @@ export default {
         }
       });
     },
+    fold: utils.fold,
   },
 };
 </script>