@semapps/activitypub-components 1.0.3 → 1.1.0

package/dist/index.es.js

@@ -30,57 +30,57 @@ import $85cNH$tippyjs from "tippy.js";
 
 
 const $338f387df48a40d7$export$1ec8e53e7d982d22 = {
-    ACCEPT: "Accept",
-    ADD: "Add",
-    ANNOUNCE: "Announce",
-    ARRIVE: "Arrive",
-    BLOCK: "Block",
-    CREATE: "Create",
-    DELETE: "Delete",
-    DISLIKE: "Dislike",
-    FLAG: "Flag",
-    FOLLOW: "Follow",
-    IGNORE: "Ignore",
-    INVITE: "Invite",
-    JOIN: "Join",
-    LEAVE: "Leave",
-    LIKE: "Like",
-    LISTEN: "Listen",
-    MOVE: "Move",
-    OFFER: "Offer",
-    QUESTION: "Question",
-    REJECT: "Reject",
-    READ: "Read",
-    REMOVE: "Remove",
-    TENTATIVE_REJECT: "TentativeReject",
-    TENTATIVE_ACCEPT: "TentativeAccept",
-    TRAVEL: "Travel",
-    UNDO: "Undo",
-    UPDATE: "Update",
-    VIEW: "View"
+    ACCEPT: 'Accept',
+    ADD: 'Add',
+    ANNOUNCE: 'Announce',
+    ARRIVE: 'Arrive',
+    BLOCK: 'Block',
+    CREATE: 'Create',
+    DELETE: 'Delete',
+    DISLIKE: 'Dislike',
+    FLAG: 'Flag',
+    FOLLOW: 'Follow',
+    IGNORE: 'Ignore',
+    INVITE: 'Invite',
+    JOIN: 'Join',
+    LEAVE: 'Leave',
+    LIKE: 'Like',
+    LISTEN: 'Listen',
+    MOVE: 'Move',
+    OFFER: 'Offer',
+    QUESTION: 'Question',
+    REJECT: 'Reject',
+    READ: 'Read',
+    REMOVE: 'Remove',
+    TENTATIVE_REJECT: 'TentativeReject',
+    TENTATIVE_ACCEPT: 'TentativeAccept',
+    TRAVEL: 'Travel',
+    UNDO: 'Undo',
+    UPDATE: 'Update',
+    VIEW: 'View'
 };
 const $338f387df48a40d7$export$9649665d7ccb0dc2 = {
-    APPLICATION: "Application",
-    GROUP: "Group",
-    ORGANIZATION: "Organization",
-    PERSON: "Person",
-    SERVICE: "Service"
+    APPLICATION: 'Application',
+    GROUP: 'Group',
+    ORGANIZATION: 'Organization',
+    PERSON: 'Person',
+    SERVICE: 'Service'
 };
 const $338f387df48a40d7$export$c49cfb2681596b20 = {
-    ARTICLE: "Article",
-    AUDIO: "Audio",
-    DOCUMENT: "Document",
-    EVENT: "Event",
-    IMAGE: "Image",
-    NOTE: "Note",
-    PAGE: "Page",
-    PLACE: "Place",
-    PROFILE: "Profile",
-    RELATIONSHIP: "Relationship",
-    TOMBSTONE: "Tombstone",
-    VIDEO: "Video"
+    ARTICLE: 'Article',
+    AUDIO: 'Audio',
+    DOCUMENT: 'Document',
+    EVENT: 'Event',
+    IMAGE: 'Image',
+    NOTE: 'Note',
+    PAGE: 'Page',
+    PLACE: 'Place',
+    PROFILE: 'Profile',
+    RELATIONSHIP: 'Relationship',
+    TOMBSTONE: 'Tombstone',
+    VIDEO: 'Video'
 };
-const $338f387df48a40d7$export$4d8d554031975581 = "https://www.w3.org/ns/activitystreams#Public";
+const $338f387df48a40d7$export$4d8d554031975581 = 'https://www.w3.org/ns/activitystreams#Public';
 
 
 
@@ -122,15 +122,15 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
     ]);
     // We will force dereference, if some items are not URI string references.
     const shouldDereference = (0, $85cNH$useMemo)(()=>{
-        return dereferenceItems || items.some((item)=>typeof item !== "string");
+        return dereferenceItems || items.some((item)=>typeof item !== 'string');
     }, [
         dereferenceItems,
         items
     ]);
     // Dereference all items, if necessary (even if shouldDereference is false, the hook needs to be called).
-    const itemQueries = (0, $85cNH$useQueries)(!shouldDereference ? $8281f3ce3b9d6123$var$emptyArray : items.filter((item)=>typeof item === "string").map((itemUri)=>({
+    const itemQueries = (0, $85cNH$useQueries)(!shouldDereference ? $8281f3ce3b9d6123$var$emptyArray : items.filter((item)=>typeof item === 'string').map((itemUri)=>({
             queryKey: [
-                "resource",
+                'resource',
                 itemUri
             ],
             queryFn: async ()=>(await dataProvider.fetch(itemUri)).json,
@@ -142,7 +142,7 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
         isFetching: false
     };
     // Put all loaded items together (might be dereferenced already, so concatenate).
-    const loadedItems = items.filter((item)=>typeof item !== "string").concat(itemQueries.flatMap((itemQuery)=>{
+    const loadedItems = items.filter((item)=>typeof item !== 'string').concat(itemQueries.flatMap((itemQuery)=>{
         return itemQuery.isSuccess && itemQuery.data || [];
     }));
     const errors = itemQueries.filter((q)=>q.error);
@@ -161,16 +161,18 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
     const { dereferenceItems: dereferenceItems = false, liveUpdates: liveUpdates = false } = options;
     const { data: identity } = (0, $85cNH$useGetIdentity)();
     const [totalItems, setTotalItems] = (0, $85cNH$useState)(0);
+    const [isPaginated, setIsPaginated] = (0, $85cNH$useState)(false); // true if the collection is paginated
+    const [yieldsTotalItems, setYieldsTotalItems] = (0, $85cNH$useState)(false); // true if the collection server yields totalItems
     const queryClient = (0, $85cNH$useQueryClient)();
     const [hasLiveUpdates, setHasLiveUpdates] = (0, $85cNH$useState)({
-        status: "connecting"
+        status: 'connecting'
     });
     const dataProvider = (0, $85cNH$useDataProvider)();
     const webSocketRef = (0, $85cNH$useRef)(null);
     // Get collectionUrl from webId predicate or URL.
     const collectionUrl = (0, $85cNH$useMemo)(()=>{
         if (predicateOrUrl) {
-            if (predicateOrUrl.startsWith("http")) return predicateOrUrl;
+            if (predicateOrUrl.startsWith('http')) return predicateOrUrl;
             if (identity?.webIdData) return identity?.webIdData?.[predicateOrUrl];
         }
         return undefined;
@@ -182,11 +184,26 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
     // Fetch page of collection item references (if pageParam provided)
     //  or default to `collectionUrl` (which should give you the first page).
     const fetchCollection = (0, $85cNH$useCallback)(async ({ pageParam: nextPageUrl })=>{
+        // If there is a nextPageUrl, we are fetching a page, otherwise we are fetching the first page or the collection
+        const fetchingPage = !!nextPageUrl;
         // Fetch page or first page (collectionUrl)
         let { json: json } = await dataProvider.fetch(nextPageUrl || collectionUrl);
-        if (json.totalItems) setTotalItems(json.totalItems);
+        // If we are fetching the first page or the collection, we can workout some information
+        if (!fetchingPage) {
+            const localIsPaginated = !!json.first || !!json.next;
+            setIsPaginated(localIsPaginated);
+            // If the server yields totalItems, we can use it
+            if (json.totalItems) {
+                setTotalItems(json.totalItems);
+                setYieldsTotalItems(true);
+            } else if (!localIsPaginated) {
+                // If the collection is not paginated, we can count items
+                const items = (0, $577f4953dfa5de4f$export$e57ff0f701c44363)(json.orderedItems || json.items);
+                if (items) setTotalItems(items.length);
+            }
+        }
         // If first page, handle this here.
-        if ((json.type === "OrderedCollection" || json.type === "Collection") && json.first) {
+        if ((json.type === 'OrderedCollection' || json.type === 'Collection') && json.first) {
             if (json.first?.items) {
                 if (json.first?.items.length === 0 && json.first?.next) // Special case where the first property is an object without items
                 ({ json: json } = await dataProvider.fetch(json.first?.next));
@@ -199,11 +216,13 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
         dataProvider,
         collectionUrl,
         identity,
-        setTotalItems
+        setTotalItems,
+        setIsPaginated,
+        setYieldsTotalItems
     ]);
     // Use infiniteQuery to handle pagination, fetching, etc.
     const { data: pageData, error: collectionError, fetchNextPage: fetchNextPage, refetch: refetch, hasNextPage: hasNextPage, isLoading: isLoadingPage, isFetching: isFetchingPage, isFetchingNextPage: isFetchingNextPage } = (0, $85cNH$useInfiniteQuery)([
-        "collection",
+        'collection',
         {
             collectionUrl: collectionUrl
         }
@@ -217,13 +236,14 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
     const allErrors = (0, $577f4953dfa5de4f$export$e57ff0f701c44363)(collectionError).concat((0, $577f4953dfa5de4f$export$e57ff0f701c44363)(itemErrors));
     const addItem = (0, $85cNH$useCallback)((item, shouldRefetch = true)=>{
         queryClient.setQueryData([
-            "collection",
+            'collection',
             {
                 collectionUrl: collectionUrl
             }
         ], (oldData)=>{
             if (!oldData) return oldData;
-            setTotalItems((totalItems)=>totalItems + 1);
+            // Only update totalItems if collection is not paginated or if the server yields totalItems
+            if (yieldsTotalItems || !isPaginated) setTotalItems((totalItems)=>totalItems + 1);
             // Destructure, so react knows, it needs to re-render the pages.
             const pages = [
                 ...oldData.pages
@@ -240,28 +260,31 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
             return oldData;
         });
         if (shouldRefetch) setTimeout(()=>queryClient.refetchQueries([
-                "collection",
+                'collection',
                 {
                     collectionUrl: collectionUrl
                 }
             ], {
                 active: true,
                 exact: true
-            }), typeof shouldRefetch === "number" ? shouldRefetch : 2000);
+            }), typeof shouldRefetch === 'number' ? shouldRefetch : 2000);
     }, [
         queryClient,
         collectionUrl,
-        setTotalItems
+        setTotalItems,
+        isPaginated,
+        yieldsTotalItems
     ]);
     const removeItem = (0, $85cNH$useCallback)((item, shouldRefetch = true)=>{
         queryClient.setQueryData([
-            "collection",
+            'collection',
             {
                 collectionUrl: collectionUrl
             }
         ], (oldData)=>{
             if (!oldData) return oldData;
-            setTotalItems((totalItems)=>totalItems - 1);
+            // Only update totalItems if collection is not paginated or if the server yields totalItems
+            if (yieldsTotalItems || !isPaginated) setTotalItems((totalItems)=>totalItems - 1);
             // Destructure, so react knows, it needs to re-render the pages array.
             const pages = [
                 ...oldData.pages
@@ -275,44 +298,46 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
             return oldData;
         });
         if (shouldRefetch) setTimeout(()=>queryClient.refetchQueries([
-                "collection",
+                'collection',
                 {
                     collectionUrl: collectionUrl
                 }
             ], {
                 active: true,
                 exact: true
-            }), typeof shouldRefetch === "number" ? shouldRefetch : 2000);
+            }), typeof shouldRefetch === 'number' ? shouldRefetch : 2000);
     }, [
         queryClient,
         collectionUrl,
-        setTotalItems
+        setTotalItems,
+        isPaginated,
+        yieldsTotalItems
     ]);
     // Live Updates
     (0, $85cNH$useEffect)(()=>{
         if (liveUpdates && collectionUrl) // Create ws that listens to collectionUri changes
         (0, $85cNH$getOrCreateWsChannel)(dataProvider.fetch, collectionUrl).then((ws)=>{
             webSocketRef.current = ws; // Keep a ref to the webSocket so that it can be used elsewhere
-            webSocketRef.current.addEventListener("message", (e)=>{
+            webSocketRef.current.addEventListener('message', (e)=>{
                 const data = JSON.parse(e.data);
-                if (data.type === "Add") addItem(data.object, true);
-                else if (data.type === "Remove") removeItem(data.object, true);
+                if (data.type === 'Add') addItem(data.object, true);
+                else if (data.type === 'Remove') removeItem(data.object, true);
             });
-            webSocketRef.current.addEventListener("error", (e)=>{
+            webSocketRef.current.addEventListener('error', (e)=>{
                 setHasLiveUpdates({
-                    status: "error",
+                    status: 'error',
                     error: e
                 });
             // TODO: Retry after a while
             });
-            webSocketRef.current.addEventListener("close", (e)=>{
+            webSocketRef.current.addEventListener('close', (e)=>{
                 if (!hasLiveUpdates.error) setHasLiveUpdates({
                     ...hasLiveUpdates,
-                    status: "closed"
+                    status: 'closed'
                 });
             });
             setHasLiveUpdates({
-                status: "connected"
+                status: 'connected'
             });
         }).catch(()=>{}); // If it fails, we won't receive live updates. But that's okay.
     }, [
@@ -338,7 +363,7 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
                         clearInterval(intervalId);
                         clearTimeout(timeoutId);
                         resolve(webSocketRef);
-                    } else console.log("WebSocket is not initialized yet, waiting...");
+                    } else console.log('WebSocket is not initialized yet, waiting...');
                 }, 100);
             }
         });
@@ -346,9 +371,9 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
         webSocketRef,
         liveUpdates
     ]);
-    return {
+    // Construct return object conditionally
+    const returnObject = {
         items: items,
-        totalItems: totalItems,
         error: allErrors.length > 0 && allErrors,
         refetch: refetch,
         fetchNextPage: fetchNextPage,
@@ -363,6 +388,12 @@ const $8281f3ce3b9d6123$var$useItemsFromPages = (pages, dereferenceItems)=>{
         awaitWebSocketConnection: awaitWebSocketConnection,
         webSocketRef: webSocketRef
     };
+    // Only include totalItems if the server yields totalItems or for non-paginated collections
+    if (yieldsTotalItems || !isPaginated) return {
+        ...returnObject,
+        totalItems: totalItems
+    };
+    return returnObject;
 };
 var $8281f3ce3b9d6123$export$2e2bcd8739ae039 = $8281f3ce3b9d6123$var$useCollection;
 
@@ -382,7 +413,7 @@ var $8281f3ce3b9d6123$export$2e2bcd8739ae039 = $8281f3ce3b9d6123$var$useCollecti
             awaitWebSocketConnection().then((webSocketRef)=>{
                 const onMessage = (event)=>{
                     const data = JSON.parse(event.data);
-                    if (data.type === "Add") dataProvider.fetch(data.object).then(({ json: json })=>{
+                    if (data.type === 'Add') dataProvider.fetch(data.object).then(({ json: json })=>{
                         if (matchActivity(json)) {
                             removeListeners();
                             return resolve(json);
@@ -399,16 +430,16 @@ var $8281f3ce3b9d6123$export$2e2bcd8739ae039 = $8281f3ce3b9d6123$var$useCollecti
                     reject(new Error(`${e.reason} (Code: ${e.code})`));
                 };
                 const removeListeners = ()=>{
-                    webSocketRef.current?.removeEventListener("message", onMessage);
-                    webSocketRef.current?.removeEventListener("error", onError);
-                    webSocketRef.current?.removeEventListener("close", onClose);
+                    webSocketRef.current?.removeEventListener('message', onMessage);
+                    webSocketRef.current?.removeEventListener('error', onError);
+                    webSocketRef.current?.removeEventListener('close', onClose);
                 };
-                webSocketRef.current?.addEventListener("message", onMessage);
-                webSocketRef.current?.addEventListener("error", onError);
-                webSocketRef.current?.addEventListener("close", onClose);
+                webSocketRef.current?.addEventListener('message', onMessage);
+                webSocketRef.current?.addEventListener('error', onError);
+                webSocketRef.current?.addEventListener('close', onClose);
                 // If a list of activities is already loaded, verify if there is a match
                 if (existingActivities && checkExistingActivities) for (const a of existingActivities){
-                    if (typeof a !== "string") {
+                    if (typeof a !== 'string') {
                         if (matchActivity(a)) {
                             removeListeners();
                             return resolve(a);
@@ -417,7 +448,7 @@ var $8281f3ce3b9d6123$export$2e2bcd8739ae039 = $8281f3ce3b9d6123$var$useCollecti
                 }
                 setTimeout(()=>{
                     removeListeners();
-                    reject(new Error("Timeout"));
+                    reject(new Error('Timeout'));
                 }, timeout);
             }).catch((e)=>{
                 reject(e);
@@ -443,19 +474,19 @@ var $600ca419166a1ded$export$2e2bcd8739ae039 = $600ca419166a1ded$var$useAwaitAct
  */ const $4d1d40fdbcd30589$var$useOutbox = (options = {})=>{
     const dataProvider = (0, $85cNH$useDataProvider)();
     const { data: identity } = (0, $85cNH$useGetIdentity)();
-    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $8281f3ce3b9d6123$export$2e2bcd8739ae039)("outbox", options);
+    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $8281f3ce3b9d6123$export$2e2bcd8739ae039)('outbox', options);
     const awaitActivity = (0, $600ca419166a1ded$export$2e2bcd8739ae039)(awaitWebSocketConnection, items);
     // Post an activity to the logged user's outbox and return its URI
     const post = (0, $85cNH$useCallback)(async (activity)=>{
-        if (!url) throw new Error("Cannot post to outbox before user identity is loaded. Please use the isLoading argument of useOutbox");
+        if (!url) throw new Error('Cannot post to outbox before user identity is loaded. Please use the isLoading argument of useOutbox');
         const { headers: headers } = await dataProvider.fetch(url, {
-            method: "POST",
+            method: 'POST',
             body: JSON.stringify({
-                "@context": "https://www.w3.org/ns/activitystreams",
+                '@context': 'https://www.w3.org/ns/activitystreams',
                 ...activity
             })
         });
-        return headers.get("Location");
+        return headers.get('Location');
     }, [
         url,
         dataProvider
@@ -481,7 +512,7 @@ var $4d1d40fdbcd30589$export$2e2bcd8739ae039 = $4d1d40fdbcd30589$var$useOutbox;
 const $6080c8a288f71367$var$CustomMention = (0, $85cNH$tiptapextensionmention).extend({
     renderHTML ({ node: node, HTMLAttributes: HTMLAttributes }) {
         return [
-            "span",
+            'span',
             (0, $85cNH$mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes),
             `@${node.attrs.id.label}`
         ];
@@ -492,13 +523,13 @@ const $6080c8a288f71367$var$CustomMention = (0, $85cNH$tiptapextensionmention).e
                 default: null,
                 parseHTML: (element)=>{
                     return {
-                        label: element.getAttribute("data-mention-label")
+                        label: element.getAttribute('data-mention-label')
                     };
                 },
                 renderHTML: (attributes)=>{
                     if (!attributes.id.label) return {};
                     return {
-                        "data-mention-label": attributes.id.label
+                        'data-mention-label': attributes.id.label
                     };
                 }
             },
@@ -506,13 +537,13 @@ const $6080c8a288f71367$var$CustomMention = (0, $85cNH$tiptapextensionmention).e
                 default: null,
                 parseHTML: (element)=>{
                     return {
-                        id: element.getAttribute("data-mention-id")
+                        id: element.getAttribute('data-mention-id')
                     };
                 },
                 renderHTML: (attributes)=>{
                     if (!attributes.id.id) return {};
                     return {
-                        "data-mention-id": attributes.id.id
+                        'data-mention-id': attributes.id.id
                     };
                 }
             }
@@ -528,10 +559,10 @@ const $3c17312a40ebf1ed$var$useStyles = (0, $85cNH$muistylesmakeStyles)((theme)=
         },
         container: {
             paddingLeft: 80,
-            position: "relative"
+            position: 'relative'
         },
         avatar: {
-            position: "absolute",
+            position: 'absolute',
             top: 16,
             left: 0,
             bottom: 0,
@@ -539,28 +570,28 @@ const $3c17312a40ebf1ed$var$useStyles = (0, $85cNH$muistylesmakeStyles)((theme)=
             height: 64
         },
         editorContent: {
-            "& > div": {
-                backgroundColor: "rgba(0, 0, 0, 0.09)",
-                padding: "2px 12px",
-                borderWidth: "0px !important",
+            '& > div': {
+                backgroundColor: 'rgba(0, 0, 0, 0.09)',
+                padding: '2px 12px',
+                borderWidth: '0px !important',
                 borderRadius: 0,
-                borderBottom: "1px solid #FFF",
+                borderBottom: '1px solid #FFF',
                 minHeight: 60,
-                outline: "unset !important"
+                outline: 'unset !important'
             },
-            "& > div > p": {
+            '& > div > p': {
                 marginTop: 12,
                 marginBottom: 12,
                 fontFamily: theme.typography.body1.fontFamily,
-                marginBlockStart: "0.5em",
-                marginBlockEnd: "0.5em"
+                marginBlockStart: '0.5em',
+                marginBlockEnd: '0.5em'
             },
-            "& > div > p.is-editor-empty:first-child::before": {
-                color: "grey",
-                content: "attr(data-placeholder)",
-                float: "left",
+            '& > div > p.is-editor-empty:first-child::before': {
+                color: 'grey',
+                content: 'attr(data-placeholder)',
+                float: 'left',
                 height: 0,
-                pointerEvents: "none"
+                pointerEvents: 'none'
             }
         },
         button: {
@@ -579,20 +610,20 @@ const $3c17312a40ebf1ed$var$PostCommentForm = ({ context: context, placeholder:
     const [expanded, setExpanded] = (0, $85cNH$useState)(false);
     const [openAuth, setOpenAuth] = (0, $85cNH$useState)(false);
     const onSubmit = (0, $85cNH$useCallback)(async (values)=>{
-        const document = new DOMParser().parseFromString(values.comment, "text/html");
-        const mentions = Array.from(document.body.getElementsByClassName("mention"));
+        const document = new DOMParser().parseFromString(values.comment, 'text/html');
+        const mentions = Array.from(document.body.getElementsByClassName('mention'));
         const mentionedUsersUris = [];
         mentions.forEach((node)=>{
-            const userUri = node.attributes["data-mention-id"].value;
-            const userLabel = node.attributes["data-mention-label"].value;
-            const link = document.createElement("a");
-            link.setAttribute("href", `${new URL(window.location.href).origin}/${userResource}/${encodeURIComponent(userUri)}/show`);
+            const userUri = node.attributes['data-mention-id'].value;
+            const userLabel = node.attributes['data-mention-label'].value;
+            const link = document.createElement('a');
+            link.setAttribute('href', `${new URL(window.location.href).origin}/${userResource}/${encodeURIComponent(userUri)}/show`);
             link.textContent = `@${userLabel}`;
             node.parentNode.replaceChild(link, node);
             mentionedUsersUris.push(userUri);
         });
-        if (document.body.innerHTML === "undefined") notify("Votre commentaire est vide", {
-            type: "error"
+        if (document.body.innerHTML === 'undefined') notify('Votre commentaire est vide', {
+            type: 'error'
         });
         else {
             const tempId = Date.now();
@@ -618,13 +649,13 @@ const $3c17312a40ebf1ed$var$PostCommentForm = ({ context: context, placeholder:
                     ]
                 });
                 notify("Commentaire post\xe9 avec succ\xe8s", {
-                    type: "success"
+                    type: 'success'
                 });
             } catch (e) {
                 console.error(e);
                 removeItem(tempId);
                 notify(e.message, {
-                    type: "error"
+                    type: 'error'
                 });
             }
         }
@@ -676,7 +707,7 @@ const $3c17312a40ebf1ed$var$PostCommentForm = ({ context: context, placeholder:
                                     }) : null,
                                     mentions ? (0, $6080c8a288f71367$export$2e2bcd8739ae039).configure({
                                         HTMLAttributes: {
-                                            class: "mention"
+                                            class: 'mention'
                                         },
                                         suggestion: mentions
                                     }) : null
@@ -721,10 +752,10 @@ const $be88b298220210d1$var$useStyles = (0, $85cNH$muistylesmakeStyles)(()=>({
             paddingLeft: 80,
             marginTop: 8,
             minHeight: 80,
-            position: "relative"
+            position: 'relative'
         },
         avatar: {
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             left: 0,
             bottom: 0,
@@ -736,26 +767,26 @@ const $be88b298220210d1$var$useStyles = (0, $85cNH$muistylesmakeStyles)(()=>({
             paddingBottom: 8
         },
         label: {
-            fontWeight: "bold"
+            fontWeight: 'bold'
         },
         content: {
-            "& p": {
-                marginBlockStart: "0.5em",
-                marginBlockEnd: "0.5em"
+            '& p': {
+                marginBlockStart: '0.5em',
+                marginBlockEnd: '0.5em'
             }
         },
         loading: {
             zIndex: 1000,
-            backgroundColor: "white",
+            backgroundColor: 'white',
             opacity: 0.5,
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             left: 0,
             right: 0,
             bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
             minHeight: 200,
             marginTop: 5
         }
@@ -838,7 +869,7 @@ var $be88b298220210d1$export$2e2bcd8739ae039 = $be88b298220210d1$var$CommentsLis
 const $7ce737d4a1c88e63$var$CommentsField = ({ source: source, context: context, helperText: helperText, placeholder: placeholder, userResource: userResource, mentions: mentions })=>{
     const record = (0, $85cNH$useRecordContext)();
     const { items: comments, loading: loading, addItem: addItem, removeItem: removeItem } = (0, $8281f3ce3b9d6123$export$2e2bcd8739ae039)(record.replies);
-    if (!userResource) throw new Error("No userResource defined for CommentsField");
+    if (!userResource) throw new Error('No userResource defined for CommentsField');
     return /*#__PURE__*/ (0, $85cNH$jsxs)((0, $85cNH$Fragment), {
         children: [
             /*#__PURE__*/ (0, $85cNH$jsx)((0, $3c17312a40ebf1ed$export$2e2bcd8739ae039), {
@@ -859,10 +890,10 @@ const $7ce737d4a1c88e63$var$CommentsField = ({ source: source, context: context,
     });
 };
 $7ce737d4a1c88e63$var$CommentsField.defaultProps = {
-    label: "Commentaires",
+    label: 'Commentaires',
     placeholder: "Commencez \xe0 taper votre commentaire...",
-    source: "id",
-    context: "id"
+    source: 'id',
+    context: 'id'
 };
 var $7ce737d4a1c88e63$export$2e2bcd8739ae039 = $7ce737d4a1c88e63$var$CommentsField;
 
@@ -872,7 +903,7 @@ var $7ce737d4a1c88e63$export$2e2bcd8739ae039 = $7ce737d4a1c88e63$var$CommentsFie
 
 
 const $d3be168cd1e7aaae$var$CollectionList = ({ collectionUrl: collectionUrl, resource: resource, children: children })=>{
-    if ((0, $85cNH$react).Children.count(children) !== 1) throw new Error("<CollectionList> only accepts a single child");
+    if ((0, $85cNH$react).Children.count(children) !== 1) throw new Error('<CollectionList> only accepts a single child');
     const { items: actorsUris } = (0, $8281f3ce3b9d6123$export$2e2bcd8739ae039)(collectionUrl);
     const { data: data, isLoading: isLoading, isFetching: isFetching } = (0, $85cNH$useGetMany)(resource, {
         ids: Array.isArray(actorsUris) ? actorsUris : [
@@ -900,7 +931,7 @@ var $d3be168cd1e7aaae$export$2e2bcd8739ae039 = $d3be168cd1e7aaae$var$CollectionL
 
 const $ea214512ab1a2e8f$var$ReferenceCollectionField = ({ source: source, reference: reference, children: children, ...rest })=>{
     const record = (0, $85cNH$useRecordContext)();
-    if ((0, $85cNH$react).Children.count(children) !== 1) throw new Error("<ReferenceCollectionField> only accepts a single child");
+    if ((0, $85cNH$react).Children.count(children) !== 1) throw new Error('<ReferenceCollectionField> only accepts a single child');
     if (!record || !record[source]) return null;
     return /*#__PURE__*/ (0, $85cNH$jsx)((0, $d3be168cd1e7aaae$export$2e2bcd8739ae039), {
         resource: reference,
@@ -925,7 +956,7 @@ var $ea214512ab1a2e8f$export$2e2bcd8739ae039 = $ea214512ab1a2e8f$var$ReferenceCo
  * @param {UseCollectionOptions} options Defaults to `{ dereferenceItems: false, liveUpdates: false }`
  */ const $cc1d1cd0e97c63a2$var$useInbox = (options = {})=>{
     const { data: identity } = (0, $85cNH$useGetIdentity)();
-    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $8281f3ce3b9d6123$export$2e2bcd8739ae039)("inbox", options);
+    const { url: url, items: items, awaitWebSocketConnection: awaitWebSocketConnection, ...rest } = (0, $8281f3ce3b9d6123$export$2e2bcd8739ae039)('inbox', options);
     const awaitActivity = (0, $600ca419166a1ded$export$2e2bcd8739ae039)(awaitWebSocketConnection, items);
     return {
         url: url,
@@ -941,12 +972,12 @@ var $cc1d1cd0e97c63a2$export$2e2bcd8739ae039 = $cc1d1cd0e97c63a2$var$useInbox;
 
 
 
-const $6a227ddc2fd92a7a$var$useNodeinfo = (host, rel = "http://nodeinfo.diaspora.software/ns/schema/2.1")=>{
+const $6a227ddc2fd92a7a$var$useNodeinfo = (host, rel = 'http://nodeinfo.diaspora.software/ns/schema/2.1')=>{
     const [schema, setSchema] = (0, $85cNH$useState)();
     (0, $85cNH$useEffect)(()=>{
         (async ()=>{
             if (host && rel) {
-                const protocol = host.includes(":") ? "http" : "https"; // If the host has a port, we are likely on HTTP
+                const protocol = host.includes(':') ? 'http' : 'https'; // If the host has a port, we are likely on HTTP
                 const nodeinfoUrl = `${protocol}://${host}/.well-known/nodeinfo`;
                 try {
                     const { json: links } = await (0, $85cNH$fetchUtils).fetchJson(nodeinfoUrl);
@@ -978,13 +1009,13 @@ const $2514c63dc8f4867c$var$useWebfinger = ()=>{
     // Post an activity to the logged user's outbox and return its URI
     const fetch = (0, $85cNH$useCallback)(async (id)=>{
         // eslint-disable-next-line
-        const [_, username, host] = id.split("@");
+        const [_, username, host] = id.split('@');
         if (host) {
-            const protocol = host.includes(":") ? "http" : "https"; // If the host has a port, we are most likely on localhost
+            const protocol = host.includes(':') ? 'http' : 'https'; // If the host has a port, we are most likely on localhost
             const webfingerUrl = `${protocol}://${host}/.well-known/webfinger?resource=acct:${username}@${host}`;
             try {
                 const { json: json } = await (0, $85cNH$fetchUtils).fetchJson(webfingerUrl);
-                const link = json.links.find((l)=>l.type === "application/activity+json");
+                const link = json.links.find((l)=>l.type === 'application/activity+json');
                 return link ? link.href : null;
             } catch (e) {
                 return null;
@@ -1008,26 +1039,26 @@ var $2514c63dc8f4867c$export$2e2bcd8739ae039 = $2514c63dc8f4867c$var$useWebfinge
 
 const $cebd295d444aa91c$var$useStyles = (0, $85cNH$muistylesmakeStyles)((theme)=>({
         items: {
-            background: "#fff",
-            borderRadius: "0.5rem",
-            boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1)",
-            color: "rgba(0, 0, 0, 0.8)",
-            fontSize: "0.9rem",
-            overflow: "hidden",
-            padding: "0.2rem",
-            position: "relative"
+            background: '#fff',
+            borderRadius: '0.5rem',
+            boxShadow: '0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1)',
+            color: 'rgba(0, 0, 0, 0.8)',
+            fontSize: '0.9rem',
+            overflow: 'hidden',
+            padding: '0.2rem',
+            position: 'relative'
         },
         item: {
-            background: "transparent",
-            border: "1px solid transparent",
-            borderRadius: "0.4rem",
-            display: "block",
+            background: 'transparent',
+            border: '1px solid transparent',
+            borderRadius: '0.4rem',
+            display: 'block',
             margin: 0,
-            padding: "0.2rem 0.4rem",
-            textAlign: "left",
-            width: "100%",
-            "&.selected": {
-                borderColor: "#000"
+            padding: '0.2rem 0.4rem',
+            textAlign: 'left',
+            width: '100%',
+            '&.selected': {
+                borderColor: '#000'
             }
         }
     }));
@@ -1054,15 +1085,15 @@ var $cebd295d444aa91c$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $85cNH$forwardR
     ]);
     (0, $85cNH$useImperativeHandle)(ref, ()=>({
             onKeyDown: ({ event: event })=>{
-                if (event.key === "ArrowUp") {
+                if (event.key === 'ArrowUp') {
                     upHandler();
                     return true;
                 }
-                if (event.key === "ArrowDown") {
+                if (event.key === 'ArrowDown') {
                     downHandler();
                     return true;
                 }
-                if (event.key === "Enter") {
+                if (event.key === 'Enter') {
                     enterHandler();
                     return true;
                 }
@@ -1072,7 +1103,7 @@ var $cebd295d444aa91c$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $85cNH$forwardR
     return /*#__PURE__*/ (0, $85cNH$jsx)("div", {
         className: classes.items,
         children: props.items.length ? props.items.map((item, index)=>/*#__PURE__*/ (0, $85cNH$jsx)("button", {
-                className: classes.item + (index === selectedIndex ? " selected" : ""),
+                className: classes.item + (index === selectedIndex ? ' selected' : ''),
                 onClick: ()=>selectItem(index),
                 children: item.label
             }, index)) : /*#__PURE__*/ (0, $85cNH$jsx)("div", {
@@ -1092,14 +1123,14 @@ const $a2389704c0801b9a$var$renderMentions = ()=>{
                 props: props,
                 editor: props.editor
             });
-            popup = (0, $85cNH$tippyjs)("body", {
+            popup = (0, $85cNH$tippyjs)('body', {
                 getReferenceClientRect: props.clientRect,
                 appendTo: ()=>document.body,
                 content: component.element,
                 showOnCreate: true,
                 interactive: true,
-                trigger: "manual",
-                placement: "bottom-start"
+                trigger: 'manual',
+                placement: 'bottom-start'
             });
         },
         onUpdate (props) {
@@ -1109,7 +1140,7 @@ const $a2389704c0801b9a$var$renderMentions = ()=>{
             });
         },
         onKeyDown (props) {
-            if (props.event.key === "Escape") {
+            if (props.event.key === 'Escape') {
                 popup[0].hide();
                 return true;
             }