@jskit-ai/users-web 0.1.173 → 0.1.174

package/src/client/composables/records/useList.js

@@ -1,500 +0,0 @@
-import { computed, onScopeDispose, proxyRefs, ref, watch } from "vue";
-import { useRouter } from "vue-router";
-import { normalizeText } from "@jskit-ai/kernel/shared/support/normalize";
-import { ROUTE_VISIBILITY_WORKSPACE } from "@jskit-ai/kernel/shared/support/visibility";
-import { useListCore } from "../runtime/useListCore.js";
-import { resolveOperationAdapter } from "../runtime/operationAdapters.js";
-import { setupOperationErrorReporting } from "../runtime/operationUiHelpers.js";
-import { createListUiRuntime } from "../runtime/listUiRuntime.js";
-import { asPlainObject } from "../support/scopeHelpers.js";
-import {
-  buildRequestQueryObject,
-  createRequestQueryRuntime
-} from "../support/requestQueryRuntimeSupport.js";
-import {
-  normalizeListSearchConfig,
-  matchesLocalSearch
-} from "../support/listSearchSupport.js";
-import {
-  normalizeListSyncToRouteConfig,
-  resolveQueryParamDescriptors,
-  resolveActiveQueryParamEntries,
-  resolveWritableQueryParamBindings,
-  buildQueryParamEntriesToken,
-  parseRouteBindingValue,
-  areQueryParamBindingValuesEqual,
-  buildRouteQueryCompareToken,
-  mergeManagedQueryParamKeyHistory,
-  resolveRouteSyncManagedKeys
-} from "../support/listQueryParamSupport.js";
-import {
-  resolveRouteParamNamesInOrder,
-} from "../support/routeTemplateHelpers.js";
-
-const EMPTY_ROUTE_SYNC_QUERY_PARAM_BLACKLIST = Object.freeze([]);
-
-function useList({
-  ownershipFilter = ROUTE_VISIBILITY_WORKSPACE,
-  surfaceId = "",
-  access = "auto",
-  apiSuffix = "",
-  queryKeyFactory = null,
-  viewPermissions = [],
-  readEnabled = true,
-  placementSource = "users-web.list",
-  fallbackLoadError = "Unable to load list.",
-  initialPageParam = null,
-  getNextPageParam,
-  selectItems,
-  client = null,
-  transport = null,
-  requestOptions,
-  queryOptions,
-  requestRecovery,
-  requestRecoveryLabel = "List",
-  realtime = null,
-  adapter = null,
-  recordIdParam = "recordId",
-  recordIdSelector = null,
-  viewUrlTemplate = "",
-  editUrlTemplate = "",
-  search = null,
-  queryParams = null,
-  routeQueryValueResolvers = null,
-  requestQueryParams = null,
-  requestFieldsets = null,
-  syncToRoute = false
-} = {}) {
-  const searchConfig = normalizeListSearchConfig(search);
-  const routeSyncConfig = normalizeListSyncToRouteConfig(syncToRoute, {
-    defaultSearchParam: searchConfig.queryParam
-  });
-  const routeSyncHydrated = ref(
-    routeSyncConfig.enabled !== true || routeSyncConfig.hydrateFromRoute !== true
-  );
-  const router = routeSyncConfig.enabled === true ? useRouter() : null;
-  const searchQuery = ref(searchConfig.initialQuery);
-  const debouncedSearchQuery = ref(searchConfig.initialQuery);
-  let searchDebounceTimer = null;
-  const isSearchDebouncing = ref(false);
-
-  watch(searchQuery, (value) => {
-    const normalizedValue = normalizeText(value);
-    if (searchDebounceTimer) {
-      clearTimeout(searchDebounceTimer);
-    }
-    if (searchConfig.enabled !== true) {
-      debouncedSearchQuery.value = normalizedValue;
-      isSearchDebouncing.value = false;
-      return;
-    }
-    isSearchDebouncing.value = true;
-    searchDebounceTimer = setTimeout(() => {
-      debouncedSearchQuery.value = normalizedValue;
-      isSearchDebouncing.value = false;
-      searchDebounceTimer = null;
-    }, searchConfig.debounceMs);
-  }, { immediate: true });
-
-  onScopeDispose(() => {
-    if (!searchDebounceTimer) {
-      return;
-    }
-    clearTimeout(searchDebounceTimer);
-    searchDebounceTimer = null;
-  });
-
-  const operationAdapter = resolveOperationAdapter(adapter, {
-    context: "useList adapter"
-  });
-  const operationScope = operationAdapter.useOperationScope({
-    ownershipFilter,
-    surfaceId,
-    access,
-    placementSource,
-    apiSuffix,
-    readEnabled,
-    queryKeyFactory,
-    permissionSets: {
-      view: viewPermissions
-    },
-    realtime
-  });
-  if (
-    routeSyncConfig.enabled === true &&
-    routeSyncConfig.hydrateFromRoute === true &&
-    routeSyncConfig.syncSearch === true &&
-    searchConfig.enabled === true
-  ) {
-    const routeQuerySource = asPlainObject(operationScope.routeContext.route?.query || {});
-    const routeSearchValue = routeQuerySource[routeSyncConfig.searchParam];
-    const hydratedSearch = normalizeText(Array.isArray(routeSearchValue) ? routeSearchValue[0] : routeSearchValue);
-
-    if (searchDebounceTimer) {
-      clearTimeout(searchDebounceTimer);
-      searchDebounceTimer = null;
-    }
-
-    searchQuery.value = hydratedSearch;
-    debouncedSearchQuery.value = hydratedSearch;
-    isSearchDebouncing.value = false;
-  }
-  const canView = operationScope.permissionGate("view");
-  const queryParamsContext = computed(() => {
-    return Object.freeze({
-      surfaceId: operationScope.routeContext.currentSurfaceId.value,
-      scopeParamValue: operationScope.scopeParamValue.value,
-      ownershipFilter: operationScope.normalizedOwnershipFilter
-    });
-  });
-  const queryParamDescriptors = computed(() => {
-    return resolveQueryParamDescriptors(queryParams, queryParamsContext.value, {
-      routeValueResolvers: routeQueryValueResolvers
-    });
-  });
-  const requestQueryRuntime = createRequestQueryRuntime({
-    requestQueryParams,
-    requestFieldsets,
-    context: queryParamsContext
-  });
-  const {
-    activeRequestQueryParamEntries,
-    activeRequestQueryParamsToken,
-    activeRequestFieldsets,
-    activeRequestFieldsetsToken,
-    queryKeyParts: requestQueryKeyParts
-  } = requestQueryRuntime;
-  const declaredQueryParamKeys = computed(() => {
-    return queryParamDescriptors.value.map((descriptor) => descriptor.key);
-  });
-  const activeQueryParamEntries = computed(() => {
-    return resolveActiveQueryParamEntries(queryParamDescriptors.value);
-  });
-  const activeQueryParamsToken = computed(() => buildQueryParamEntriesToken(activeQueryParamEntries.value));
-  const writableQueryParamBindings = computed(() => {
-    return resolveWritableQueryParamBindings(queryParamDescriptors.value);
-  });
-  const activeSearchQuery = computed(() => {
-    if (searchConfig.enabled !== true) {
-      return "";
-    }
-    const normalized = normalizeText(debouncedSearchQuery.value);
-    if (!normalized || normalized.length < searchConfig.minLength) {
-      return "";
-    }
-    return normalized;
-  });
-  const querySearchEnabled = computed(() => searchConfig.enabled === true && searchConfig.mode === "query");
-  const listPath = computed(() => {
-    return normalizeText(operationScope.apiPath.value);
-  });
-  const listRequestOptions = computed(() => {
-    const entries = [];
-
-    if (querySearchEnabled.value) {
-      const queryValue = activeSearchQuery.value;
-      if (queryValue) {
-        entries.push({
-          key: searchConfig.queryParam,
-          values: [queryValue]
-        });
-      }
-    }
-
-    entries.push(...activeRequestQueryParamEntries.value);
-    entries.push(...activeQueryParamEntries.value);
-
-    const query = buildRequestQueryObject(entries, {
-      fieldsets: activeRequestFieldsets.value
-    });
-    const baseOptions = asPlainObject(requestOptions);
-    if (Object.keys(query).length < 1) {
-      return baseOptions;
-    }
-
-    return {
-      ...baseOptions,
-      query
-    };
-  });
-  const listQueryKey = computed(() => {
-    const sourceQueryKey = operationScope.queryKey.value;
-    const baseQueryKey = Array.isArray(sourceQueryKey)
-      ? [...sourceQueryKey]
-      : sourceQueryKey == null
-        ? []
-        : [sourceQueryKey];
-    baseQueryKey.push(...requestQueryKeyParts.value);
-    if (querySearchEnabled.value) {
-      baseQueryKey.push("__search__", searchConfig.queryParam, activeSearchQuery.value);
-    }
-    if (activeQueryParamsToken.value) {
-      baseQueryKey.push("__query__", activeQueryParamsToken.value);
-    }
-    return baseQueryKey;
-  });
-
-  const listReadEnabled = computed(() => canView.value && routeSyncHydrated.value);
-  const list = useListCore({
-    queryKey: listQueryKey,
-    path: listPath,
-    enabled: operationScope.queryCanRun(listReadEnabled),
-    client,
-    transport,
-    initialPageParam,
-    getNextPageParam,
-    selectItems,
-    requestOptions: listRequestOptions,
-    queryOptions,
-    requestRecovery,
-    requestRecoveryLabel,
-    fallbackLoadError
-  });
-  const routeSyncApplying = ref(false);
-  const routeSyncManagedKeyHistory = ref([]);
-  const routeSyncQueryParamBlacklist = computed(() => {
-    if (routeSyncConfig.enabled !== true || routeSyncConfig.syncQueryParams !== true) {
-      return EMPTY_ROUTE_SYNC_QUERY_PARAM_BLACKLIST;
-    }
-    return routeSyncConfig.queryParamBlacklist;
-  });
-  const routeSyncQueryParamBlacklistSet = computed(() => {
-    return new Set(routeSyncQueryParamBlacklist.value);
-  });
-  if (routeSyncConfig.enabled === true && routeSyncConfig.syncQueryParams === true) {
-    watch(declaredQueryParamKeys, (nextKeys) => {
-      routeSyncManagedKeyHistory.value = mergeManagedQueryParamKeyHistory(
-        routeSyncManagedKeyHistory.value,
-        nextKeys
-      );
-    }, { immediate: true });
-  }
-  const routeSyncManagedKeys = computed(() => {
-    const managedKeys = resolveRouteSyncManagedKeys({
-      searchEnabled: searchConfig.enabled,
-      searchParam: routeSyncConfig.searchParam,
-      syncSearch: routeSyncConfig.enabled === true && routeSyncConfig.syncSearch === true,
-      syncQueryParams: routeSyncConfig.enabled === true && routeSyncConfig.syncQueryParams === true,
-      declaredKeys: declaredQueryParamKeys.value,
-      keyHistory: routeSyncManagedKeyHistory.value
-    });
-    if (routeSyncConfig.enabled !== true || routeSyncConfig.syncQueryParams !== true) {
-      return managedKeys;
-    }
-
-    const output = new Set(managedKeys);
-    for (const key of routeSyncQueryParamBlacklist.value) {
-      output.add(key);
-    }
-    return [...output].sort((left, right) => left.localeCompare(right));
-  });
-  const routeSyncDesiredQuery = computed(() => {
-    if (routeSyncConfig.enabled !== true) {
-      return {};
-    }
-
-    const desiredQuery = {};
-    if (routeSyncConfig.syncSearch === true && searchConfig.enabled === true) {
-      const normalizedSearch = normalizeText(searchQuery.value);
-      if (normalizedSearch) {
-        desiredQuery[routeSyncConfig.searchParam] = normalizedSearch;
-      }
-    }
-    if (routeSyncConfig.syncQueryParams === true) {
-      for (const entry of activeQueryParamEntries.value) {
-        if (routeSyncQueryParamBlacklistSet.value.has(entry.key)) {
-          continue;
-        }
-        if (entry.values.length === 1) {
-          desiredQuery[entry.key] = entry.values[0];
-          continue;
-        }
-        desiredQuery[entry.key] = [...entry.values];
-      }
-    }
-
-    return desiredQuery;
-  });
-  if (routeSyncConfig.enabled === true) {
-    watch(
-      () => operationScope.routeContext.route?.query || {},
-      (routeQuery) => {
-        const initialHydration = routeSyncHydrated.value !== true;
-        if (routeSyncConfig.hydrateFromRoute !== true || routeSyncApplying.value === true) {
-          routeSyncHydrated.value = true;
-          return;
-        }
-
-        const routeQuerySource = asPlainObject(routeQuery);
-        if (routeSyncConfig.syncSearch === true && searchConfig.enabled === true) {
-          const routeSearchValue = routeQuerySource[routeSyncConfig.searchParam];
-          const nextSearch = normalizeText(Array.isArray(routeSearchValue) ? routeSearchValue[0] : routeSearchValue);
-          if (nextSearch !== searchQuery.value) {
-            searchQuery.value = nextSearch;
-          }
-        }
-        if (routeSyncConfig.syncQueryParams === true) {
-          for (const binding of writableQueryParamBindings.value) {
-            if (routeSyncQueryParamBlacklistSet.value.has(binding.key)) {
-              continue;
-            }
-            const nextValue = parseRouteBindingValue(binding, routeQuerySource[binding.key], {
-              initial: initialHydration
-            });
-            const currentValue = typeof binding.get === "function" ? binding.get() : undefined;
-            if (areQueryParamBindingValuesEqual(currentValue, nextValue)) {
-              continue;
-            }
-            try {
-              binding.set(nextValue);
-            } catch {
-              // Ignore non-writable query param bindings.
-            }
-          }
-        }
-
-        routeSyncHydrated.value = true;
-      },
-      {
-        immediate: true
-      }
-    );
-
-    watch(
-      [routeSyncDesiredQuery, routeSyncManagedKeys],
-      async ([desiredQuery, managedKeys]) => {
-        if (routeSyncHydrated.value !== true || routeSyncApplying.value === true) {
-          return;
-        }
-
-        const managedKeySet = new Set(Array.isArray(managedKeys) ? managedKeys : []);
-        const currentQuery = asPlainObject(operationScope.routeContext.route?.query || {});
-        const nextQuery = {};
-
-        for (const [key, value] of Object.entries(currentQuery)) {
-          if (managedKeySet.has(key)) {
-            continue;
-          }
-          nextQuery[key] = value;
-        }
-        for (const [key, value] of Object.entries(asPlainObject(desiredQuery))) {
-          nextQuery[key] = value;
-        }
-
-        if (buildRouteQueryCompareToken(currentQuery) === buildRouteQueryCompareToken(nextQuery)) {
-          return;
-        }
-
-        routeSyncApplying.value = true;
-        try {
-          if (routeSyncConfig.mode === "push") {
-            await router.push({
-              query: nextQuery
-            });
-          } else {
-            await router.replace({
-              query: nextQuery
-            });
-          }
-        } finally {
-          routeSyncApplying.value = false;
-        }
-      }
-    );
-  }
-
-  watch(activeSearchQuery, (nextValue, previousValue) => {
-    if (!querySearchEnabled.value) {
-      return;
-    }
-    if (nextValue === previousValue) {
-      return;
-    }
-
-    list.trimToFirstPage();
-  });
-  watch(
-    [
-      activeQueryParamsToken,
-      activeRequestQueryParamsToken,
-      activeRequestFieldsetsToken
-    ],
-    () => {
-      list.trimToFirstPage();
-    }
-  );
-  const filteredItems = computed(() => {
-    const sourceItems = Array.isArray(list.items.value) ? list.items.value : [];
-    if (searchConfig.enabled !== true || searchConfig.mode !== "local") {
-      return sourceItems;
-    }
-
-    const queryValue = activeSearchQuery.value;
-    if (!queryValue) {
-      return sourceItems;
-    }
-
-    return sourceItems.filter((item) => matchesLocalSearch(item, queryValue, searchConfig.fields));
-  });
-
-  const isInitialLoading = operationScope.isLoading(list.isInitialLoading);
-  const isFetching = operationScope.isLoading(list.isFetching);
-  const isRefetching = computed(() => Boolean(isFetching.value && !isInitialLoading.value));
-  const loadError = operationScope.loadError(list.loadError);
-  const isLoading = operationScope.isLoading(list.isLoading);
-  const listUiRuntime = createListUiRuntime({
-    items: filteredItems,
-    isInitialLoading,
-    recordIdParam,
-    recordIdSelector,
-    routeParams: computed(() => operationScope.routeContext.route?.params || {}),
-    routeParamNames: computed(() => resolveRouteParamNamesInOrder(operationScope.routeContext.route)),
-    routePath: computed(() => operationScope.routeContext.route?.path || ""),
-    viewUrlTemplate,
-    editUrlTemplate
-  });
-  setupOperationErrorReporting({
-    source: `${placementSource}.load`,
-    loadError,
-    dedupeWindowMs: 0,
-    loadActionFactory: () => ({
-      label: "Retry",
-      dismissOnRun: true,
-      handler() {
-        void list.reload();
-      }
-    })
-  });
-
-  return proxyRefs({
-    canView,
-    isInitialLoading,
-    isFetching,
-    isRefetching,
-    isLoading,
-    isLoadingMore: list.isLoadingMore,
-    hasMore: list.hasMore,
-    loadError,
-    pages: list.pages,
-    items: filteredItems,
-    reload: list.reload,
-    loadMore: list.loadMore,
-    hasViewUrl: listUiRuntime.hasViewUrl,
-    hasEditUrl: listUiRuntime.hasEditUrl,
-    actionColumnCount: listUiRuntime.actionColumnCount,
-    showListSkeleton: listUiRuntime.showListSkeleton,
-    resolveRowKey: listUiRuntime.resolveRowKey,
-    resolveParams: listUiRuntime.resolveParams,
-    resolveViewUrl: listUiRuntime.resolveViewUrl,
-    resolveEditUrl: listUiRuntime.resolveEditUrl,
-    searchEnabled: searchConfig.enabled,
-    searchMode: searchConfig.mode,
-    searchQuery,
-    searchLabel: searchConfig.label,
-    searchPlaceholder: searchConfig.placeholder,
-    isSearchDebouncing,
-    activeQueryParamsToken
-  });
-}
-
-export { useList };

package/src/client/composables/records/useView.js

@@ -1,164 +0,0 @@
-import { computed, proxyRefs } from "vue";
-import { useRoute } from "vue-router";
-import { ROUTE_VISIBILITY_WORKSPACE } from "@jskit-ai/kernel/shared/support/visibility";
-import { useViewCore } from "../runtime/useViewCore.js";
-import { useEndpointResource } from "../runtime/useEndpointResource.js";
-import { resolveOperationAdapter } from "../runtime/operationAdapters.js";
-import { setupOperationErrorReporting } from "../runtime/operationUiHelpers.js";
-import { createViewUiRuntime } from "../runtime/viewUiRuntime.js";
-import { createRequestQueryRuntime } from "../support/requestQueryRuntimeSupport.js";
-import { resolveRouteParamNamesInOrder } from "../support/routeTemplateHelpers.js";
-import { resolveOperationRealtimeOptions } from "../useRealtimeQueryInvalidation.js";
-
-function useView({
-  resource = null,
-  ownershipFilter = ROUTE_VISIBILITY_WORKSPACE,
-  surfaceId = "",
-  access = "auto",
-  apiSuffix = "",
-  queryKeyFactory = null,
-  viewPermissions = [],
-  readMethod = "GET",
-  readEnabled = true,
-  client = null,
-  transport = null,
-  requestRecovery = null,
-  requestRecoveryLabel = "Resource",
-  placementSource = "users-web.view",
-  fallbackLoadError = "Unable to load resource.",
-  notFoundStatuses = [404],
-  notFoundMessage = "Record not found.",
-  model,
-  mapLoadedToModel,
-  requestQueryParams = null,
-  requestFieldsets = null,
-  recordIdParam = "recordId",
-  routeParams = null,
-  routeRecordId = null,
-  apiUrlTemplate = "",
-  listUrlTemplate = "",
-  editUrlTemplate = "",
-  includeRecordIdInQueryKey = false,
-  realtime = undefined,
-  adapter = null
-} = {}) {
-  const route = useRoute();
-  const viewUiRuntime = createViewUiRuntime({
-    recordIdParam,
-    routeParams: routeParams ?? computed(() => route?.params || {}),
-    routeParamNames: computed(() => resolveRouteParamNamesInOrder(route)),
-    routePath: computed(() => route?.path || ""),
-    routeRecordId,
-    apiUrlTemplate,
-    listUrlTemplate,
-    editUrlTemplate
-  });
-  const normalizedApiUrlTemplate = String(apiUrlTemplate || "").trim();
-  const effectiveApiSuffix = normalizedApiUrlTemplate ? viewUiRuntime.apiSuffix : apiSuffix;
-  const operationAdapter = resolveOperationAdapter(adapter, {
-    context: "useView adapter"
-  });
-  const operationScope = operationAdapter.useOperationScope({
-    ownershipFilter,
-    surfaceId,
-    access,
-    placementSource,
-    apiSuffix: effectiveApiSuffix,
-    readEnabled,
-    queryKeyFactory,
-    permissionSets: {
-      view: viewPermissions
-    },
-    realtime: resolveOperationRealtimeOptions({
-      realtime,
-      fallbackRealtime: resource?.operations?.view?.realtime ||
-        resource?.operations?.list?.realtime ||
-        null
-    })
-  });
-  const queryParamsContext = computed(() => {
-    return Object.freeze({
-      surfaceId: operationScope.routeContext.currentSurfaceId.value,
-      scopeParamValue: operationScope.scopeParamValue.value,
-      ownershipFilter: operationScope.normalizedOwnershipFilter,
-      recordId: viewUiRuntime.recordId.value
-    });
-  });
-  const baseQueryKey = computed(() => {
-    const source = Array.isArray(operationScope.queryKey.value) ? operationScope.queryKey.value : [];
-    const next = [...source];
-    if (!includeRecordIdInQueryKey) {
-      return next;
-    }
-
-    const recordIdToken = String(viewUiRuntime.recordId.value || "").trim();
-    return [...next, recordIdToken];
-  });
-  const requestQueryRuntime = createRequestQueryRuntime({
-    requestQueryParams,
-    requestFieldsets,
-    context: queryParamsContext,
-    sourceQueryKey: baseQueryKey
-  });
-  const canView = operationScope.permissionGate("view");
-
-  const endpointResource = useEndpointResource({
-    queryKey: requestQueryRuntime.queryKey,
-    path: operationScope.apiPath,
-    enabled: operationScope.queryCanRun(canView),
-    client,
-    readMethod,
-    readQuery: requestQueryRuntime.requestQuery,
-    transport,
-    requestRecovery,
-    requestRecoveryLabel,
-    refreshOnPull: true,
-    fallbackLoadError
-  });
-
-  const view = useViewCore({
-    resource: endpointResource,
-    model,
-    canView,
-    mapLoadedToModel,
-    notFoundStatuses,
-    notFoundMessage
-  });
-
-  const loadError = operationScope.loadError(view.loadError);
-  const isLoading = operationScope.isLoading(view.isLoading);
-  const isFetching = operationScope.isLoading(view.isFetching);
-  const isRefetching = computed(() => Boolean(isFetching.value && !isLoading.value));
-  setupOperationErrorReporting({
-    source: `${placementSource}.load`,
-    loadError,
-    notFoundError: view.notFoundError,
-    dedupeWindowMs: 0,
-    loadActionFactory: () => ({
-      label: "Retry",
-      dismissOnRun: true,
-      handler() {
-        void view.refresh();
-      }
-    })
-  });
-
-  return proxyRefs({
-    record: view.record,
-    recordId: viewUiRuntime.recordId,
-    listUrl: viewUiRuntime.listUrl,
-    editUrl: viewUiRuntime.editUrl,
-    resolveParams: viewUiRuntime.resolveParams,
-    canView,
-    isLoading,
-    isFetching,
-    isRefetching,
-    isNotFound: view.isNotFound,
-    notFoundError: view.notFoundError,
-    loadError,
-    refresh: view.refresh,
-    resource: endpointResource
-  });
-}
-
-export { useView };