@adminforth/bulk-ai-flow 1.0.1

package/.woodpecker/buildRelease.sh

@@ -0,0 +1,13 @@
+
+#!/bin/bash
+
+# write npm run output both to console and to build.log
+npm run build 2>&1 | tee build.log
+build_status=${PIPESTATUS[0]}
+
+# if exist status from the npm run build is not 0
+# then exit with the status code from the npm run build
+if [ $build_status -ne 0 ]; then
+  echo "Build failed. Exiting with status code $build_status"
+  exit $build_status
+fi

package/.woodpecker/buildSlackNotify.sh

@@ -0,0 +1,44 @@
+#!/bin/sh
+
+set -x
+
+COMMIT_SHORT_SHA=$(echo $CI_COMMIT_SHA | cut -c1-8)
+
+
+if [ "$CI_PREV_PIPELINE_STATUS" = "success" ]; then
+  MESSAGE="Did a build without issues on \`$CI_REPO_NAME/$CI_COMMIT_BRANCH\`. Commit: _${CI_COMMIT_MESSAGE}_ (<$CI_COMMIT_URL|$COMMIT_SHORT_SHA>)"
+
+  curl  -s -X POST -H "Content-Type: application/json" -d '{
+    "username": "'"$CI_COMMIT_AUTHOR"'",
+    "icon_url": "'"$CI_COMMIT_AUTHOR_AVATAR"'",
+    "attachments": [
+      {
+          "mrkdwn_in": ["text", "pretext"],
+          "color": "#36a64f",
+          "text": "'"$MESSAGE"'"
+      }
+    ]
+  }' "$DEVELOPERS_SLACK_WEBHOOK"
+  exit 0
+fi
+export BUILD_LOG=$(cat ./build.log)
+
+BUILD_LOG=$(echo $BUILD_LOG | sed 's/"/\\"/g')
+
+MESSAGE="Broke \`$CI_REPO_NAME/$CI_COMMIT_BRANCH\` with commit _${CI_COMMIT_MESSAGE}_ (<$CI_COMMIT_URL|$COMMIT_SHORT_SHA>)"
+CODE_BLOCK="\`\`\`$BUILD_LOG\n\`\`\`"
+
+echo "Sending slack message to developers $MESSAGE"
+# Send the message
+curl -sS -X POST -H "Content-Type: application/json" -d '{
+  "username": "'"$CI_COMMIT_AUTHOR"'",
+  "icon_url": "'"$CI_COMMIT_AUTHOR_AVATAR"'",
+  "attachments": [
+    {
+        "mrkdwn_in": ["text", "pretext"],
+        "color": "#8A1C12",
+        "text": "'"$CODE_BLOCK"'",
+        "pretext": "'"$MESSAGE"'"
+    }
+  ]
+}' "$DEVELOPERS_SLACK_WEBHOOK" 2>&1

package/.woodpecker/release.yml

@@ -0,0 +1,40 @@
+clone:
+  git:
+    image: woodpeckerci/plugin-git
+    settings:
+      partial: false
+      depth: 5
+
+steps:
+  init-secrets:
+    when:
+      - event: push
+    image: infisical/cli
+    environment:
+      INFISICAL_TOKEN:
+        from_secret: VAULT_TOKEN
+    commands:
+      - infisical export --domain https://vault.devforth.io/api --format=dotenv-export --env="prod" > /woodpecker/deploy.vault.env
+
+  release:
+    image: node:20
+    when:
+      - event: push
+    commands:
+      - apt update && apt install -y rsync
+      - export $(cat /woodpecker/deploy.vault.env | xargs)
+      - npm clean-install
+      - /bin/bash ./.woodpecker/buildRelease.sh
+      - npm audit signatures
+      - npx semantic-release
+
+  slack-on-failure:
+    when:
+      - event: push
+        status: [failure, success]
+      - event: push
+    image: curlimages/curl
+    commands:
+      - export $(cat /woodpecker/deploy.vault.env | xargs)
+      - /bin/sh ./.woodpecker/buildSlackNotify.sh
+

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Devforth.io
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+Readme

package/build.log

@@ -0,0 +1,12 @@
+
+> @adminforth/bulk-ai-flow@1.0.1 build
+> tsc && rsync -av --exclude 'node_modules' custom dist/
+
+sending incremental file list
+custom/
+custom/tsconfig.json
+custom/visionAction.vue
+custom/visionTable.vue
+
+sent 11,736 bytes  received 77 bytes  23,626.00 bytes/sec
+total size is 11,450  speedup is 0.97

package/custom/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".", // This should point to your project root
+    "paths": {
+      "@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "../../../spa/src/*"
+      ],
+      "*": [
+        // "node_modules/adminforth/dist/spa/node_modules/*"
+        "../../../spa/node_modules/*"
+      ],
+      "@@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "."
+      ]
+    }
+  }
+}

package/custom/visionAction.vue

@@ -0,0 +1,254 @@
+<template>
+  <div @click="openDialog">
+      <p class="">{{ props.meta.actionName }}</p>
+  </div>
+  <Dialog ref="confirmDialog">
+    <div
+      class="fixed inset-0 z-50 flex items-center justify-center bg-black/40"
+      @click="closeDialog"
+    >
+      <div
+        class="relative max-w-[95vw] max-h-[90vh] bg-white dark:bg-gray-900 rounded-md shadow-2xl overflow-hidden"
+        @click.stop
+      >
+        <div class="flex flex-col items-end justify-evenly gap-4 w-full h-full p-6 overflow-y-auto">
+          <VisionTable
+            v-if="records && props.checkboxes.length"
+            :checkbox="props.checkboxes"
+            :records="records"
+            :index="0"
+            :meta="props.meta"
+            :images="images"
+            :tableHeaders="tableHeaders"
+            :tableColumns="tableColumns"
+            :customFieldNames="customFieldNames"
+            :tableColumnsIndexes="tableColumnsIndexes"
+            :selected="selected"
+            :isAiResponseReceived="isAiResponseReceived"
+          />
+          <Button 
+            class="w-64"
+            @click="saveData"
+          >
+          {{ props.checkboxes.length > 1 ? 'Save fields' : 'Save field' }}
+          </Button>
+        </div>
+      </div>
+    </div>
+  </Dialog>
+</template>
+
+<script lang="ts" setup>
+import { callAdminForthApi } from '@/utils';
+import { ref, watch } from 'vue'
+import { Dialog, Button } from '@/afcl';
+import VisionTable from './visionTable.vue'
+
+const props = defineProps<{
+  checkboxes: any,
+  meta: any,
+  resource: any,
+  adminUser: any,
+  updateList: {
+    type: Function,
+    required: true
+  },
+  clearCheckboxes: {
+    type: Function
+  }
+}>();
+
+const confirmDialog = ref(null);
+const records = ref<any[]>([]);
+const images = ref<any[]>([]);
+const tableHeaders = ref([]);
+const tableColumns = ref([]);
+const tableColumnsIndexes = ref([]);
+const customFieldNames = ref([]);
+const selected = ref<any[]>([]);
+const isAiResponseReceived = ref([]);
+
+const openDialog = async () => {
+  confirmDialog.value.open();
+  await getRecords();
+  await getImages();
+  tableHeaders.value = generateTableHeaders(props.meta.outputFields);
+  const result = generateTableColumns();
+  tableColumns.value = result.tableData;
+  tableColumnsIndexes.value = result.indexes;
+  
+  customFieldNames.value = tableHeaders.value.slice(3).map(h => h.fieldName);
+  setSelected();
+  analyzeFields();
+}
+ 
+// watch(selected, (val) => {
+//   console.log('Selected changed:', val);
+// }, { deep: true });
+
+const closeDialog = () => {
+  confirmDialog.value.close();
+  isAiResponseReceived.value = [];
+}
+
+function formatLabel(str) {
+  return str
+    .split('_')                   
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');      
+}
+
+function generateTableHeaders(outputFields) {
+  const headers = [];
+
+  headers.push({ label: 'Checkboxes', fieldName: 'checkboxes' });
+  headers.push({ label: 'Field name', fieldName: 'label' });
+  headers.push({ label: 'Source Images', fieldName: 'images' });
+
+  if (outputFields.length > 0) {
+    const sampleField = outputFields[0];
+    for (const key in sampleField) {
+      headers.push({
+        label: formatLabel(key),
+        fieldName: key,
+      });
+    }
+  }
+  return headers;
+}
+
+function generateTableColumns() {
+  const fields = [];
+  const tableData = [];
+  const indexes = [];
+  for (const field of tableHeaders.value) {
+    fields.push( field.fieldName );
+  }
+  for (const [index, checkbox] of props.checkboxes.entries()) {
+    const record = records.value[index];
+    let reqFields: any = {};
+    for (const field of fields) {
+      reqFields[field] = record[field] || '';
+    }
+    reqFields.label = record._label;
+    reqFields.images = images.value[index];
+    reqFields.id = record.id;
+    indexes.push({
+      id: record.id,
+      label: record._label,
+    });
+    tableData.push(reqFields);
+  }
+  return { tableData, indexes };
+}
+
+function setSelected() {
+  selected.value = records.value.map(() => ({}));
+  
+  records.value.forEach((record, index) => {
+    props.meta.outputFields.forEach((fieldObj, i) => {
+      for (const key in fieldObj) {
+        if(isInColumnEnum(key)){
+          const colEnum = props.meta.columnEnums.find(c => c.name === key);
+          const object = colEnum.enum.find(item => item.value === record[key]);
+          selected.value[index][key] = object ? record[key] : null;
+        } else {
+          selected.value[index][key] = record[key];
+        }
+      }
+      selected.value[index].isChecked = true;
+      selected.value[index].id = record.id;
+      isAiResponseReceived.value[index] = true;
+    });
+  });
+}
+
+function isInColumnEnum(key: string): boolean {
+  const colEnum = props.meta.columnEnums?.find(c => c.name === key);
+  if (!colEnum) {
+    return false;
+  }
+  return true;
+}
+
+async function getRecords() {
+  const res = await callAdminForthApi({
+    path: `/plugin/${props.meta.pluginInstanceId}/get_records`,
+    method: 'POST',
+    body: {
+      record: props.checkboxes,
+    },
+  });
+  records.value = res.records;
+}
+
+async function getImages() {
+  const res = await callAdminForthApi({
+    path: `/plugin/${props.meta.pluginInstanceId}/get_images`,
+    method: 'POST',
+    body: {
+      record: records.value,
+    },
+  });
+
+  images.value = res.images;
+}
+
+function prepareDataForSave() {
+  const checkedItems = selected.value
+    .filter(item => item.isChecked === true)
+    .map(item => {
+      const { isChecked, id, ...itemWithoutIsCheckedAndId } = item;
+      return itemWithoutIsCheckedAndId;
+    });
+  const checkedItemsIDs = selected.value
+    .filter(item => item.isChecked === true)
+    .map(item => item.id);
+  return [checkedItemsIDs, checkedItems];
+}
+
+async function analyzeFields() {
+  isAiResponseReceived.value = props.checkboxes.map(() => false);
+
+  const res = await callAdminForthApi({
+    path: `/plugin/${props.meta.pluginInstanceId}/analyze`,
+    method: 'POST',
+    body: {
+      selectedIds: props.checkboxes,
+    },
+  });
+
+  isAiResponseReceived.value = props.checkboxes.map(() => true);
+
+  selected.value.splice(
+    0,
+    selected.value.length,
+    ...res.result.map((item, idx) => ({
+      ...item,
+      isChecked: true,
+      id: selected.value[idx]?.id,
+    }))
+  )
+}
+
+async function saveData() {
+  const [checkedItemsIDs, reqData] = prepareDataForSave();
+
+  const res = await callAdminForthApi({
+    path: `/plugin/${props.meta.pluginInstanceId}/update_fields`,
+    method: 'POST',
+    body: {
+      selectedIds: checkedItemsIDs,
+      fields: reqData,
+    },
+  });
+
+  if(res.ok) {
+    confirmDialog.value.close();
+    props.updateList();
+    props.clearCheckboxes();
+  } else {
+    console.error('Error saving data:', res);
+  }
+}
+</script>

package/custom/visionTable.vue

@@ -0,0 +1,140 @@
+<template>
+  <div>
+    <Table
+      :columns="tableHeaders"
+      :data="tableColumns"
+      :pageSize="8"
+      >
+      <!-- HEADER TEMPLATE -->
+      <template #header:checkboxes="{ item }">
+        MARK FOR SAVE
+      </template>
+      <!-- CHECKBOX CELL TEMPLATE -->
+      <template #cell:checkboxes="{ item }">
+        <div class="flex items-center justify-center">
+          <Checkbox
+            v-model="selected[tableColumnsIndexes.findIndex(el => el.label === item.label)].isChecked"
+          />
+        </div>
+      </template>
+      <!-- IMAGE CELL TEMPLATE -->
+      <template #cell:images="{item}">
+        <div class="flex flex-shrink-0 gap-2">
+          <div v-for="image in item.images" :key="image">
+            <div class="mt-2 flex items-center justify-center gap-2">
+              <img 
+                  :src="image"  
+                  class="w-20 h-20 object-cover rounded cursor-pointer border hover:border-blue-500 transition" 
+                  @click="zoomImage(image)"
+              />
+            </div>
+            <div
+              v-if="zoomedImage"
+              class="fixed inset-0 z-50 flex items-center justify-center bg-black/60"
+              @click.self="closeZoom"
+            >
+              <img
+                :src="zoomedImage"
+                ref="zoomedImg"
+                class="max-w-full max-h-full rounded-lg object-contain cursor-grab z-75"
+              />
+            </div>
+          </div>
+        </div>
+      </template>
+      <!-- CUSTOM FIELD TEMPLATES -->
+      <template v-for="n in customFieldNames" :key="n" #[`cell:${n}`]="{ item, column }">
+        <div v-if="isAiResponseReceived[tableColumnsIndexes.findIndex(el => el.id === item.id)]">
+          <div v-if="isInColumnEnum(n)">
+            <Select
+              :options="convertColumnEnumToSelectOptions(props.meta.columnEnums, n)"
+              v-model="selected[tableColumnsIndexes.findIndex(el => el.id === item.id)][n]"
+            >
+            </Select>
+          </div>
+          <div v-else-if="typeof selected[tableColumnsIndexes.findIndex(el => el.id === item.id)][n] === 'string' || typeof selected[tableColumnsIndexes.findIndex(el => el.id === item.id)][n] === 'object'">
+            <Textarea
+              class="w-full h-full"
+              type="text"
+              v-model="selected[tableColumnsIndexes.findIndex(el => el.id === item.id)][n]"
+            >
+            </Textarea>
+          </div>
+          <div v-else-if="typeof selected[tableColumnsIndexes.findIndex(el => el.id === item.id)][n] === 'boolean'">
+            <Toggle
+              v-model="selected[tableColumnsIndexes.findIndex(el => el.id === item.id)][n]"
+            >
+            </Toggle>
+          </div>
+          <div v-else>
+            <Input
+              type="number"
+              v-model="selected[tableColumnsIndexes.findIndex(el => el.id === item.id)][n]"
+              class="w-full "
+              :fullWidth="true"
+            />
+          </div>
+        </div>
+        <div v-else>
+          <Skeleton class="w-full h-6" />
+        </div>
+      </template>
+    </Table>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, nextTick, watch } from 'vue'
+import mediumZoom from 'medium-zoom'
+import { Select, Input, Textarea, Table, Checkbox, Skeleton, Toggle } from '@/afcl'
+
+const props = defineProps<{
+  meta: any,
+  tableHeaders: any,
+  tableColumns: any,
+  customFieldNames: any,
+  tableColumnsIndexes: any,
+  selected: any,
+  isAiResponseReceived: boolean[]
+}>();
+
+const zoomedImage = ref(null)
+const zoomedImg = ref(null)
+
+function zoomImage(img) {
+  zoomedImage.value = img
+}
+
+function closeZoom() {
+  zoomedImage.value = null
+}
+
+watch(zoomedImage, async (val) => {
+  await nextTick()
+  if (val && zoomedImg.value) {
+    mediumZoom(zoomedImg.value, {
+      margin: 24,
+      background: 'rgba(0, 0, 0, 0.9)',
+      scrollOffset: 150
+    }).show()
+  }
+})
+
+function isInColumnEnum(key: string): boolean {
+  const colEnum = props.meta.columnEnums?.find(c => c.name === key);
+  if (!colEnum) {
+    return false;
+  }
+  return true;
+}
+
+function convertColumnEnumToSelectOptions(columnEnumArray: any[], key: string) {
+  const col = columnEnumArray.find(c => c.name === key);
+  if (!col) return [];
+  return col.enum.map(item => ({
+    label: item.label,
+    value: item.value
+  }));
+}
+
+</script>

package/dist/custom/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".", // This should point to your project root
+    "paths": {
+      "@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "../../../spa/src/*"
+      ],
+      "*": [
+        // "node_modules/adminforth/dist/spa/node_modules/*"
+        "../../../spa/node_modules/*"
+      ],
+      "@@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "."
+      ]
+    }
+  }
+}