@anvia/react-ui 1.0.0-rc.9 → 1.0.1

package/dist/chunk-ZPNAX4SA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/selection-toolbar/parts.tsx","../src/selection-toolbar/index.ts"],"sourcesContent":["import {\n  type CSSProperties,\n  forwardRef,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  InternalSelectionToolbarProvider,\n  type SelectionToolbarContextValue,\n  type SelectionToolbarSelection,\n  useSelectionToolbar,\n} from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype SelectionToolbarRootProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: ReactNode;\n  container?: Element | DocumentFragment;\n  onQuote?: (selection: SelectionToolbarSelection) => void;\n  onSelectionChange?: (selection: SelectionToolbarSelection | undefined) => void;\n};\n\nconst SelectionToolbarRoot = forwardRef<HTMLDivElement, SelectionToolbarRootProps>(\n  function SelectionToolbarRoot(\n    { children, container, onQuote, onSelectionChange, style, ...props },\n    ref,\n  ) {\n    const [selection, setSelectionState] = useState<SelectionToolbarSelection | undefined>();\n    const portalContainer = container ?? globalThis.document?.body;\n\n    const setSelection = useCallback(\n      (nextSelection: SelectionToolbarSelection | undefined) => {\n        setSelectionState((currentSelection) => {\n          if (sameSelection(currentSelection, nextSelection)) {\n            return currentSelection;\n          }\n          onSelectionChange?.(nextSelection);\n          return nextSelection;\n        });\n      },\n      [onSelectionChange],\n    );\n\n    const clear = useCallback(() => {\n      globalThis.document?.getSelection()?.removeAllRanges();\n      setSelection(undefined);\n    }, [setSelection]);\n\n    const copy = useCallback(async () => {\n      if (selection === undefined) {\n        return;\n      }\n      await globalThis.navigator?.clipboard?.writeText(selection.text);\n      clear();\n    }, [clear, selection]);\n\n    const quote = useCallback(() => {\n      if (selection === undefined) {\n        return;\n      }\n      onQuote?.(selection);\n      clear();\n    }, [clear, onQuote, selection]);\n\n    const value = useMemo<SelectionToolbarContextValue>(() => {\n      const context: SelectionToolbarContextValue = { quote, copy, clear };\n      if (selection !== undefined) context.selection = selection;\n      return context;\n    }, [clear, copy, quote, selection]);\n\n    useEffect(() => {\n      const document = globalThis.document;\n      if (document === undefined) {\n        return;\n      }\n\n      const handleSelectionChange = () => {\n        setSelection(selectionFromDocument(document));\n      };\n\n      document.addEventListener(\"selectionchange\", handleSelectionChange);\n      document.addEventListener(\"mouseup\", handleSelectionChange);\n      document.addEventListener(\"keyup\", handleSelectionChange);\n      document.addEventListener(\"scroll\", handleSelectionChange, true);\n      return () => {\n        document.removeEventListener(\"selectionchange\", handleSelectionChange);\n        document.removeEventListener(\"mouseup\", handleSelectionChange);\n        document.removeEventListener(\"keyup\", handleSelectionChange);\n        document.removeEventListener(\"scroll\", handleSelectionChange, true);\n      };\n    }, [setSelection]);\n\n    if (selection === undefined || portalContainer === undefined) {\n      return null;\n    }\n\n    const toolbarStyle: CSSProperties = {\n      position: \"fixed\",\n      top: selection.rect.top,\n      left: selection.rect.left + selection.rect.width / 2,\n      transform: \"translate(-50%, calc(-100% - 8px))\",\n      ...style,\n    };\n\n    const toolbar = (\n      <InternalSelectionToolbarProvider value={value}>\n        {renderPrimitive(\n          \"div\",\n          {\n            ...props,\n            children: children ?? (\n              <>\n                <SelectionToolbarQuote />\n                <SelectionToolbarCopy />\n              </>\n            ),\n            style: toolbarStyle,\n            \"data-anvia-selection-toolbar\": \"\",\n            \"data-message-id\": selection.messageId,\n            role: props.role ?? \"toolbar\",\n          } as PrimitiveProps<\"div\">,\n          ref,\n        )}\n      </InternalSelectionToolbarProvider>\n    );\n\n    return createPortal(toolbar, portalContainer);\n  },\n);\n\nconst SelectionToolbarQuote = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function SelectionToolbarQuote({ onClick, ...props }, ref) {\n    const { disabled, handleClick } = useSelectionToolbarAction(\"quote\", props.disabled, onClick);\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Quote\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-anvia-selection-quote\": \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nconst SelectionToolbarCopy = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function SelectionToolbarCopy({ onClick, ...props }, ref) {\n    const { disabled, handleClick } = useSelectionToolbarAction(\"copy\", props.disabled, onClick);\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Copy\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-anvia-selection-copy\": \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype SelectionToolbarAction = \"copy\" | \"quote\";\n\nfunction useSelectionToolbarAction(\n  actionName: SelectionToolbarAction,\n  disabledProp: boolean | undefined,\n  onClick: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined,\n): {\n  disabled: boolean;\n  handleClick(event: MouseEvent<HTMLButtonElement>): void;\n} {\n  const toolbar = useSelectionToolbar();\n  const disabled = disabledProp ?? toolbar.selection === undefined;\n  const action = toolbar[actionName];\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled) {\n        return;\n      }\n      void action();\n    },\n    [action, disabled, onClick],\n  );\n  return { disabled, handleClick };\n}\n\nfunction selectionFromDocument(document: Document): SelectionToolbarSelection | undefined {\n  const selection = document.getSelection();\n  if (selection === null || selection.rangeCount === 0) {\n    return undefined;\n  }\n  const text = selection.toString();\n  if (text.trim().length === 0) {\n    return undefined;\n  }\n\n  const anchorMessage = messageElementFromNode(selection.anchorNode);\n  const focusMessage = messageElementFromNode(selection.focusNode);\n  if (anchorMessage === undefined || focusMessage === undefined || anchorMessage !== focusMessage) {\n    return undefined;\n  }\n\n  const messageId = anchorMessage.getAttribute(\"data-anvia-message-id\");\n  if (messageId === null || messageId.length === 0) {\n    return undefined;\n  }\n\n  const range = selection.getRangeAt(0);\n  return {\n    text,\n    messageId,\n    rect: selectionRect(range),\n  };\n}\n\nfunction messageElementFromNode(node: Node | null): HTMLElement | undefined {\n  if (node === null) {\n    return undefined;\n  }\n  const element = node.nodeType === Node.ELEMENT_NODE ? (node as Element) : node.parentElement;\n  return element?.closest<HTMLElement>(\"[data-anvia-message-id]\") ?? undefined;\n}\n\nfunction selectionRect(range: Range): DOMRect {\n  const rangeWithRect = range as Range & {\n    getBoundingClientRect?: () => DOMRect;\n  };\n  const rect = rangeWithRect.getBoundingClientRect?.();\n  if (rect !== undefined && (rect.width > 0 || rect.height > 0)) {\n    return rect;\n  }\n  const firstRect = range.getClientRects().item(0);\n  if (firstRect !== null) {\n    return firstRect;\n  }\n  const DOMRectConstructor = globalThis.DOMRect;\n  if (DOMRectConstructor !== undefined) {\n    return new DOMRectConstructor(0, 0, 0, 0);\n  }\n  return {\n    bottom: 0,\n    height: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    width: 0,\n    x: 0,\n    y: 0,\n    toJSON: () => ({}),\n  } as DOMRect;\n}\n\nfunction sameSelection(\n  currentSelection: SelectionToolbarSelection | undefined,\n  nextSelection: SelectionToolbarSelection | undefined,\n): boolean {\n  if (currentSelection === undefined || nextSelection === undefined) {\n    return currentSelection === nextSelection;\n  }\n  return (\n    currentSelection.text === nextSelection.text &&\n    currentSelection.messageId === nextSelection.messageId &&\n    currentSelection.rect.left === nextSelection.rect.left &&\n    currentSelection.rect.top === nextSelection.rect.top &&\n    currentSelection.rect.width === nextSelection.rect.width &&\n    currentSelection.rect.height === nextSelection.rect.height\n  );\n}\n\nexport { SelectionToolbarCopy, SelectionToolbarQuote, SelectionToolbarRoot };\n","import { SelectionToolbarCopy, SelectionToolbarQuote, SelectionToolbarRoot } from \"./parts\";\n\nexport const SelectionToolbar = {\n  Root: SelectionToolbarRoot,\n  Quote: SelectionToolbarQuote,\n  Copy: SelectionToolbarCopy,\n} as const;\n\nexport type { SelectionToolbarContextValue, SelectionToolbarSelection } from \"../contexts\";\nexport { useSelectionToolbar } from \"../contexts\";\n"],"mappings":"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","names":["SelectionToolbarRoot","SelectionToolbarQuote","SelectionToolbarCopy"]}

package/dist/stream/styles.css

@@ -1,17 +0,0 @@
-@keyframes anvia-stream-gradient-settle {
-  to {
-    opacity: 1;
-  }
-}
-
-[data-anvia-stream-reveal] {
-  opacity: var(--anvia-stream-reveal-opacity, 1);
-  animation: anvia-stream-gradient-settle var(--anvia-stream-reveal-duration, 180ms) linear both;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  [data-anvia-stream-reveal] {
-    opacity: 1;
-    animation: none;
-  }
-}

package/dist/styles.css

@@ -1,130 +0,0 @@
-[data-anvia-thread-viewport] {
-  overflow: auto;
-  overflow-anchor: none;
-  min-height: 0;
-}
-
-[data-anvia-reasoning] pre,
-[data-anvia-code-block],
-[data-anvia-tool-input],
-[data-anvia-tool-output],
-[data-anvia-data],
-[data-anvia-approval-args],
-[data-anvia-question-args] {
-  overflow: auto;
-  max-width: 100%;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-[data-anvia-composer-input],
-[data-anvia-composer-textarea-input],
-[data-anvia-completion-input],
-[data-anvia-approval-reason],
-[data-anvia-question-text-answer] {
-  min-height: 2.75rem;
-}
-
-[data-anvia-composer-input] {
-  min-width: 0;
-  overflow-y: auto;
-}
-
-[data-anvia-composer-editor] {
-  outline: none;
-  white-space: pre-wrap;
-}
-
-[data-anvia-composer-editor]:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
-
-[data-anvia-composer-input][data-auto-resize] {
-  max-height: calc(var(--anvia-composer-max-rows, 6) * 1.5em + 1rem);
-}
-
-[data-anvia-composer-textarea-input] {
-  min-width: 0;
-  overflow-y: hidden;
-  resize: none;
-}
-
-[data-anvia-completion-input],
-[data-anvia-approval-reason],
-[data-anvia-question-text-answer] {
-  resize: vertical;
-}
-
-[data-anvia-attachment-preview] img {
-  display: block;
-  max-width: 8rem;
-  max-height: 8rem;
-  object-fit: contain;
-}
-
-[data-anvia-image-preview] img,
-[data-anvia-image-zoom-img] {
-  display: block;
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
-}
-
-[data-anvia-image-zoom-overlay] {
-  position: fixed;
-  inset: 0;
-  z-index: 50;
-  display: grid;
-  place-items: center;
-  padding: 2rem;
-  background: rgb(0 0 0 / 72%);
-}
-
-[data-anvia-selection-toolbar] {
-  z-index: 60;
-}
-
-[data-anvia-context-meter] {
-  display: inline-grid;
-  min-width: 8rem;
-  gap: 0.375rem;
-  font-size: 0.75rem;
-}
-
-[data-anvia-context-meter-track] {
-  display: block;
-  height: 0.25rem;
-  overflow: hidden;
-  border-radius: 9999px;
-  background: color-mix(in srgb, currentcolor 20%, transparent);
-}
-
-[data-anvia-context-meter-value] {
-  display: block;
-  height: 100%;
-  border-radius: inherit;
-  background: currentcolor;
-}
-
-[data-state="disabled"] {
-  opacity: 0.55;
-}
-
-@keyframes anvia-stream-gradient-settle {
-  to {
-    opacity: 1;
-  }
-}
-
-[data-anvia-stream-reveal] {
-  opacity: var(--anvia-stream-reveal-opacity, 1);
-  animation: anvia-stream-gradient-settle var(--anvia-stream-reveal-duration, 180ms) linear both;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  [data-anvia-stream-reveal] {
-    opacity: 1;
-    animation: none;
-  }
-}