UNPKG

@liveblocks/react

Version:

A set of React hooks and providers to use Liveblocks declaratively. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.

180 lines (112 loc) 6.83 kB
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _chunkQT34ZNVCcjs = require('./chunk-QT34ZNVC.cjs'); // src/lib/use-layout-effect.ts var _react = require('react'); var useLayoutEffect = typeof window !== "undefined" ? _react.useLayoutEffect : _react.useEffect; // src/use-group.ts var _core = require('@liveblocks/core'); function selectorFor_useGroup(state) { if (state === void 0 || _optionalChain([state, 'optionalAccess', _ => _.isLoading])) { return _nullishCoalesce(state, () => ( { isLoading: true })); } if (state.error) { return state; } return { isLoading: false, group: state.data }; } function useGroup(groupId) { const client = _chunkQT34ZNVCcjs.useClient.call(void 0, ); const store = client[_core.kInternal].httpClient.groupsStore; const getGroupState = _react.useCallback.call(void 0, () => store.getItemState(groupId), [store, groupId] ); _react.useEffect.call(void 0, () => { void store.enqueue(groupId); }, [store, groupId]); return _chunkQT34ZNVCcjs.useSyncExternalStoreWithSelector.call(void 0, store.subscribe, getGroupState, getGroupState, selectorFor_useGroup, _core.shallow ); } // src/use-mention-suggestions.ts var MENTION_SUGGESTIONS_DEBOUNCE = 500; function normalizeMentionSuggestions(suggestions) { return suggestions.map( (suggestion) => typeof suggestion === "string" ? { kind: "user", id: suggestion } : suggestion ); } function useMentionSuggestions(roomId, search) { const [mentionSuggestions, setMentionSuggestions] = _react.useState.call(void 0, ); const lastInvokedAt = _react.useRef.call(void 0, ); const resolveMentionSuggestions = _chunkQT34ZNVCcjs.useResolveMentionSuggestions.call(void 0, ); const mentionSuggestionsCache = _chunkQT34ZNVCcjs.useMentionSuggestionsCache.call(void 0, ); _react.useEffect.call(void 0, () => { if (search === void 0 || !resolveMentionSuggestions) { return; } const resolveMentionSuggestionsArgs = { text: search, roomId }; const mentionSuggestionsCacheKey = _core.stableStringify.call(void 0, resolveMentionSuggestionsArgs ); let debounceTimeout; let isCanceled = false; const getMentionSuggestions = async () => { try { lastInvokedAt.current = performance.now(); const rawMentionSuggestions = await resolveMentionSuggestions( resolveMentionSuggestionsArgs ); if (!isCanceled) { const normalizedSuggestions = normalizeMentionSuggestions( rawMentionSuggestions ); setMentionSuggestions(normalizedSuggestions); mentionSuggestionsCache.set( mentionSuggestionsCacheKey, normalizedSuggestions ); } } catch (error) { console.error(_optionalChain([error, 'optionalAccess', _2 => _2.message])); } }; if (mentionSuggestionsCache.has(mentionSuggestionsCacheKey)) { const cachedSuggestions = mentionSuggestionsCache.get( mentionSuggestionsCacheKey ); setMentionSuggestions(cachedSuggestions); } else if (!lastInvokedAt.current || Math.abs(performance.now() - lastInvokedAt.current) > MENTION_SUGGESTIONS_DEBOUNCE) { void getMentionSuggestions(); } else { debounceTimeout = window.setTimeout(() => { void getMentionSuggestions(); }, MENTION_SUGGESTIONS_DEBOUNCE); } return () => { isCanceled = true; window.clearTimeout(debounceTimeout); }; }, [search, roomId, resolveMentionSuggestions, mentionSuggestionsCache]); return mentionSuggestions; } // src/use-sync-source.ts function useSyncSource() { const client = _chunkQT34ZNVCcjs.useClient.call(void 0, ); const createSyncSource = client[_core.kInternal].createSyncSource; const [syncSource, setSyncSource] = _react.useState.call(void 0, ); _react.useEffect.call(void 0, () => { const newSyncSource = createSyncSource(); setSyncSource(newSyncSource); return () => newSyncSource.destroy(); }, [createSyncSource]); return syncSource; } exports.getUmbrellaStoreForClient = _chunkQT34ZNVCcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkQT34ZNVCcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkQT34ZNVCcjs.useClientOrNull; exports.useCreateRoomComment = _chunkQT34ZNVCcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkQT34ZNVCcjs.useCreateRoomThread; exports.useCreateTextMention = _chunkQT34ZNVCcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkQT34ZNVCcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkQT34ZNVCcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkQT34ZNVCcjs.useDeleteTextMention; exports.useEditRoomComment = _chunkQT34ZNVCcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkQT34ZNVCcjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkQT34ZNVCcjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkQT34ZNVCcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkQT34ZNVCcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkQT34ZNVCcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkQT34ZNVCcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkQT34ZNVCcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkQT34ZNVCcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkQT34ZNVCcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkQT34ZNVCcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkQT34ZNVCcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkQT34ZNVCcjs.useRoomThreadSubscription; exports.useSignal = _chunkQT34ZNVCcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkQT34ZNVCcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkQT34ZNVCcjs.useYjsProvider; //# sourceMappingURL=_private.cjs.map