react-cheminfo 0.52.0 → 0.54.0

package/src/share/ui/ShareLinkBar.tsx

@@ -15,6 +15,11 @@ export interface ShareLinkBarProps {
    * @default undefined
    */
   onCopied?: () => void;
+  /**
+   * Whether the link is not ready to hand out yet, as while it is being sealed.
+   * @default false
+   */
+  disabled?: boolean;
 }
 
 /**
@@ -31,7 +36,7 @@ export interface ShareLinkBarProps {
  * @returns The bar.
  */
 export function ShareLinkBar(props: ShareLinkBarProps): ReactElement {
-  const { url, frame, onCopied } = props;
+  const { url, frame, onCopied, disabled = false } = props;
   const t = useChromeT();
 
   return (
@@ -46,6 +51,7 @@ export function ShareLinkBar(props: ShareLinkBarProps): ReactElement {
           content={url}
           label={t('share.copyLink')}
           title=""
+          disabled={disabled}
           onCopied={onCopied}
         />
       </HelpTooltip>
@@ -59,6 +65,7 @@ export function ShareLinkBar(props: ShareLinkBarProps): ReactElement {
           icon="share"
           text={t('share.openInNewTab')}
           href={url}
+          disabled={disabled}
           target="_blank"
           rel="noopener noreferrer"
         />
@@ -74,6 +81,7 @@ export function ShareLinkBar(props: ShareLinkBarProps): ReactElement {
           icon="code"
           label={t('share.copyIframe')}
           title=""
+          disabled={disabled}
           onCopied={onCopied}
         />
       </HelpTooltip>

package/src/share/ui/index.ts

@@ -3,6 +3,8 @@ export { HiddenPartsProvider } from './HiddenPartsProvider.tsx';
 export { useIsHidden } from './hiddenParts.ts';
 export type { PagePartProps } from './PagePart.tsx';
 export { PagePart } from './PagePart.tsx';
+export type { SealedLinkRefusedProps } from './SealedLinkRefused.tsx';
+export { SealedLinkRefused } from './SealedLinkRefused.tsx';
 export type { ShareButtonProps, ShareButtonVariant } from './ShareButton.tsx';
 export { ShareButton } from './ShareButton.tsx';
 export type { ShareDialogProps } from './ShareDialog.tsx';

package/src/share/ui/useSealedUrl.ts

@@ -0,0 +1,40 @@
+import { useEffect, useState } from 'react';
+
+import { sealShareUrl } from '../core/index.ts';
+
+/** The link the dialog hands out, and whether it may be handed out yet. */
+export interface SealedUrl {
+  /** The link: sealed when asked and ready, else the share link itself. */
+  link: string;
+  /** False while the link is being sealed, when only the plain one exists. */
+  ready: boolean;
+}
+
+/**
+ * The link the dialog hands out: the share link itself, or its sealed form.
+ * Sealing is asynchronous, so a sealed link is not ready at once, and a link
+ * sealed for an older draft is never answered for the current one.
+ * @param url - The share link.
+ * @param sealed - Whether to hand out its sealed form.
+ * @returns The link, and whether it is ready.
+ */
+export function useSealedUrl(url: string, sealed: boolean): SealedUrl {
+  const [result, setResult] = useState<{ from: string; to: string } | null>(
+    null,
+  );
+
+  useEffect(() => {
+    if (!sealed) return;
+    let current = true;
+    void sealShareUrl(url).then((to) => {
+      if (current) setResult({ from: url, to });
+    });
+    return () => {
+      current = false;
+    };
+  }, [url, sealed]);
+
+  if (!sealed) return { link: url, ready: true };
+  if (result?.from === url) return { link: result.to, ready: true };
+  return { link: url, ready: false };
+}

package/src/vite.ts

@@ -1,3 +1,4 @@
 export * from './build/vite/index.ts';
+export * from './i18n/vite/index.ts';
 export * from './seo/vite/index.ts';
 export * from './slides/vite/index.ts';