@tekkare/auriga 0.2.156 → 0.2.160

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.156"
+  "version": "0.2.160"
 }

package/dist/runtime/components/argSourcesElastic.vue

@@ -0,0 +1,244 @@
+<template>
+  <div v-if="!isLoadingQuery && sourceResults" class="oip_body oip_list gap-12">
+    <ArgSourceCollapse
+      v-for="(uuid, index) in uuids"
+      :key="index"
+      :source-country="
+        sourceResults?.find(
+          (x) =>
+            x.provider_uuid == uuid ||
+            x?.sources?.some((y) => y?.source_id === uuid)
+        )?.country_label
+      "
+      :source-id="uuid"
+      :source-title="constructTitle(uuid)"
+    >
+      <div class="oip_list gap-24">
+        <div class="oip_row v-center gap-24">
+          <div>
+            <p class="oip_filter_label">Last Update :</p>
+            {{ getLastUpdate(uuid)?.update }}
+          </div>
+
+          <div>
+            <p class="oip_filter_label">Update Frequency :</p>
+            {{ getLastUpdate(uuid)?.frequency }}
+          </div>
+        </div>
+        <div class="oip_list gap-8">
+          <p class="small_heading">About the provider</p>
+          <p v-html="getDescriptions(uuid).provider" />
+        </div>
+        <div class="oip_list gap-8">
+          <p class="small_heading">About the source</p>
+          <p v-html="getDescriptions(uuid).source" />
+        </div>
+      </div>
+    </ArgSourceCollapse>
+  </div>
+  <div v-else class="oip_body oip_list gap-12">
+    <div v-for="i in 3" :key="i" class="oneLoader" />
+  </div>
+</template>
+
+<script>
+import { onMounted, ref, watch, defineComponent } from "vue";
+import ArgSourceCollapse from "./argSourceCollapse.vue";
+export default defineComponent({
+  name: "argSourcesElastic",
+  components: { ArgSourceCollapse },
+  props: {
+    fields: { type: Array },
+    uuids: { type: Array },
+    index: { type: String },
+    authKey: { type: String },
+    cluster: { type: String, default: "new" }
+  },
+  emits: ["updateSources"],
+  setup(props, { emit }) {
+    const sourceResults = ref(null);
+    const isLoadingQuery = ref(false);
+    function constructTitle(uuid) {
+      const provider = sourceResults.value.find(
+        (x) => x.provider_uuid === uuid || x?.sources?.some((y) => y?.source_id === uuid)
+      );
+      const source = provider?.sources?.find((x) => x.source_id === uuid);
+      return `${provider?.provider_title} - ${source?.source_nickname}`;
+    }
+    function getDescriptions(uuid) {
+      const provider = sourceResults.value.find(
+        (x) => x.provider_uuid === uuid || x?.sources?.some((y) => y?.source_id === uuid)
+      );
+      const source = provider?.sources?.find((x) => x.source_id === uuid);
+      return {
+        provider: provider?.provider_description,
+        source: source?.source_description
+      };
+    }
+    function getLastUpdate(uuid) {
+      const provider = sourceResults.value.find(
+        (x) => x.provider_uuid === uuid || x?.sources?.some((y) => y?.source_id === uuid)
+      );
+      const source = provider?.sources?.find((x) => x.source_id === uuid);
+      return {
+        update: source?.last_update ? new Date(source?.last_update)?.toLocaleDateString({
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        }) : "-",
+        visit: source?.last_visit ? new Date(source?.last_visit)?.toLocaleDateString({
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        }) : "-",
+        frequency: source?.update_frequency ?? "-"
+      };
+    }
+    async function queryElastic({
+      index,
+      customQuery,
+      cluster
+    }) {
+      const esResults = {
+        results: [],
+        total: 0
+      };
+      const queryMustValues = customQuery.map((obj) => obj.values).filter((item) => item !== void 0);
+      const query = {
+        from: 0,
+        _source: [],
+        query: {
+          bool: {
+            must: queryMustValues
+          }
+        },
+        size: 100,
+        sort: [],
+        track_total_hits: true
+      };
+      await fetch(setFetchUrl(cluster, index), {
+        method: "POST",
+        headers: {
+          ...setFetchHeaders(cluster),
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(query)
+      }).then((res) => res?.json()).then((res) => {
+        if (res) {
+          sourceResults.value = res?.hits?.hits?.map((x) => x?._source);
+          emit("updateSources", sourceResults.value);
+        }
+      }).catch((err) => {
+        console.log("Error", err);
+      });
+      return esResults;
+    }
+    const setFetchUrl = (cluster = "default", index) => {
+      switch (cluster) {
+        case "old":
+          return `https://4c565382f4b24aa0ac703379841bd608.eu-central-1.aws.cloud.es.io:443/${index}/_search`;
+        case "new":
+        case "default":
+          return `https://search.openinnovationprogram.com/${index}/_search`;
+      }
+    };
+    const setFetchHeaders = (cluster = "default") => {
+      switch (cluster) {
+        case "old":
+          return {
+            authorization: `Basic ${props.authKey}`
+          };
+        case "new":
+        case "default":
+        default:
+          return {
+            authorization: `ApiKey ${props.authKey}`
+          };
+      }
+    };
+    function buildFilters(fields, uuids) {
+      const filters = [];
+      if (fields && fields.length > 0) {
+        for (const field of fields) {
+          const term = {
+            [`${field}.keyword`]: uuids
+          };
+          if (field.startsWith("sources.")) {
+            filters.push({
+              nested: {
+                path: "sources",
+                query: {
+                  terms: term
+                }
+              }
+            });
+          } else {
+            filters.push({
+              terms: term
+            });
+          }
+        }
+      } else {
+        filters.push({
+          terms: {
+            "provider_uuid.keyword": uuids
+          }
+        });
+        filters.push({
+          nested: {
+            path: "sources",
+            query: {
+              terms: {
+                "sources.source_id.keyword": uuids
+              }
+            }
+          }
+        });
+      }
+      return filters;
+    }
+    async function runQuery() {
+      if (!props.authKey) {
+        throw new Error("You have to provide your App's Auth key.");
+      }
+      isLoadingQuery.value = true;
+      const filters = buildFilters(props.fields, props.uuids);
+      const matchTable = [
+        {
+          filter: "uuid",
+          values: {
+            bool: {
+              should: filters,
+              minimum_should_match: 1
+            }
+          }
+        }
+      ];
+      await queryElastic({
+        index: props.index,
+        take: { values: 500 },
+        customQuery: matchTable
+      });
+      isLoadingQuery.value = false;
+    }
+    onMounted(runQuery);
+    watch(
+      () => props.uuids,
+      async () => {
+        await runQuery();
+      }
+    );
+    return {
+      sourceResults,
+      constructTitle,
+      getDescriptions,
+      getLastUpdate,
+      isLoadingQuery
+    };
+  }
+});
+</script>
+
+<style scoped>
+.small_heading{font-size:14px;font-weight:800;text-decoration:underline}.oneLoader{background:var(--white);border:1px solid var(--light);border-radius:8px;overflow:hidden;position:relative}.oneLoader,.oneLoader:after{height:70px;width:calc(100% - 2px)}.oneLoader:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,rgba(219,222,240,0),rgba(219,222,240,.6) 50%,rgba(219,222,240,0));content:"";left:-2px;position:absolute;top:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}
+</style>

package/dist/runtime/components/argSourcesElastic.vue.d.ts

@@ -0,0 +1,55 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    fields: {
+        type: ArrayConstructor;
+    };
+    uuids: {
+        type: ArrayConstructor;
+    };
+    index: {
+        type: StringConstructor;
+    };
+    authKey: {
+        type: StringConstructor;
+    };
+    cluster: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    sourceResults: import("vue").Ref<null, null>;
+    constructTitle: (uuid: string) => string;
+    getDescriptions: (uuid: any) => {
+        provider: any;
+        source: any;
+    };
+    getLastUpdate: (uuid: any) => {
+        update: string;
+        visit: string;
+        frequency: any;
+    };
+    isLoadingQuery: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "updateSources"[], "updateSources", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fields: {
+        type: ArrayConstructor;
+    };
+    uuids: {
+        type: ArrayConstructor;
+    };
+    index: {
+        type: StringConstructor;
+    };
+    authKey: {
+        type: StringConstructor;
+    };
+    cluster: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onUpdateSources?: ((...args: any[]) => any) | undefined;
+}>, {
+    cluster: string;
+}, {}, {
+    ArgSourceCollapse: any;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.156",
+  "version": "0.2.160",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",