import { RelationTypes, UITypes } from 'nocodb-sdk' import type { ColumnType, LinkToAnotherRecordType, TableType } from 'nocodb-sdk' import type { Ref } from 'vue' import type { MaybeRef } from '@vueuse/core' import { NOCO, computed, deepCompare, extractPkFromRow, extractSdkResponseErrorMsg, message, ref, unref, useI18n, useInjectionState, useMetas, useNuxtApp, useProject, useVirtualCell, } from '#imports' import type { Row } from '~/lib' const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState( (meta: Ref, row: MaybeRef) => { const { $api } = useNuxtApp() const { t } = useI18n() const { project } = useProject() const { metas } = useMetas() const currentRow = ref(row) // state const state = ref | Record[] | null>>({}) // getters const isNew = computed(() => unref(row).rowMeta?.new ?? false) // actions const addLTARRef = async (value: Record, column: ColumnType) => { const { isHm, isMm, isBt } = $(useVirtualCell(ref(column))) if (isHm || isMm) { if (!state.value[column.title!]) state.value[column.title!] = [] if (state.value[column.title!]!.find((ln: Record) => deepCompare(ln, value))) { // This value is already in the list return message.info(t('msg.info.valueAlreadyInList')) } state.value[column.title!]!.push(value) } else if (isBt) { state.value[column.title!] = value } } // actions const removeLTARRef = async (value: Record, column: ColumnType) => { const { isHm, isMm, isBt } = $(useVirtualCell(ref(column))) if (isHm || isMm) { state.value[column.title!]?.splice(state.value[column.title!]?.indexOf(value), 1) } else if (isBt) { state.value[column.title!] = null } } const linkRecord = async ( rowId: string, relatedRowId: string, column: ColumnType, type: RelationTypes, { metaValue = meta.value }: { metaValue?: TableType } = {}, ) => { try { await $api.dbTableRow.nestedAdd( NOCO, project.value.title as string, metaValue?.title as string, rowId, type as 'mm' | 'hm', column.title as string, relatedRowId, ) } catch (e: any) { message.error(await extractSdkResponseErrorMsg(e)) } } /** sync LTAR relations kept in local state */ const syncLTARRefs = async (row: Record, { metaValue = meta.value }: { metaValue?: TableType } = {}) => { const id = extractPkFromRow(row, metaValue?.columns as ColumnType[]) for (const column of metaValue?.columns ?? []) { if (column.uidt !== UITypes.LinkToAnotherRecord) continue const colOptions = column?.colOptions as LinkToAnotherRecordType const { isHm, isMm, isBt } = $(useVirtualCell(ref(column))) const relatedTableMeta = metas.value?.[colOptions?.fk_related_model_id as string] if (isHm || isMm) { const relatedRows = (state.value?.[column.title!] ?? []) as Record[] for (const relatedRow of relatedRows) { await linkRecord( id, extractPkFromRow(relatedRow, relatedTableMeta.columns as ColumnType[]), column, colOptions.type as RelationTypes, { metaValue }, ) } } else if (isBt && state?.value?.[column.title!]) { await linkRecord( id, extractPkFromRow(state.value?.[column.title!] as Record, relatedTableMeta.columns as ColumnType[]), column, colOptions.type as RelationTypes, { metaValue }, ) } } } // clear LTAR cell const clearLTARCell = async (column: ColumnType) => { if (!column || column.uidt !== UITypes.LinkToAnotherRecord) return const relatedTableMeta = metas.value?.[(column?.colOptions)?.fk_related_model_id as string] if (isNew.value) { state.value[column.title!] = null } else if (currentRow.value) { if ((column.colOptions)?.type === RelationTypes.BELONGS_TO) { if (!currentRow.value.row[column.title!]) return await $api.dbTableRow.nestedRemove( NOCO, project.value.title as string, meta.value?.title as string, extractPkFromRow(currentRow.value, meta.value?.columns as ColumnType[]), 'bt' as any, column.title as string, extractPkFromRow(currentRow.value.row[column.title!], relatedTableMeta?.columns as ColumnType[]), ) } else { for (const link of (currentRow.value.row[column.title!] as Record[]) || []) { await $api.dbTableRow.nestedRemove( NOCO, project.value.title as string, meta.value?.title as string, extractPkFromRow(currentRow.value, meta.value?.columns as ColumnType[]), (column?.colOptions).type as 'hm' | 'mm', column.title as string, extractPkFromRow(link, relatedTableMeta?.columns as ColumnType[]), ) } } } } const loadRow = async () => { const record = await $api.dbTableRow.read( NOCO, project.value?.id as string, meta.value?.title as string, extractPkFromRow(unref(row)?.row, meta.value?.columns as ColumnType[]), ) Object.assign(unref(row), { row: record, oldRow: { ...record }, rowMeta: {}, }) } return { row, state, isNew, // todo: use better name addLTARRef, removeLTARRef, syncLTARRefs, loadRow, currentRow, clearLTARCell, } }, 'smartsheet-row-store', ) export { useProvideSmartsheetRowStore } export function useSmartsheetRowStoreOrThrow() { const smartsheetRowStore = useSmartsheetRowStore() if (smartsheetRowStore == null) throw new Error('Please call `useSmartsheetRowStore` on the appropriate parent component') return smartsheetRowStore }