@liveblocks/react-tiptap 2.18.2 → 2.18.4-uns1

package/dist/toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../src/toolbar/Toolbar.tsx"],"sourcesContent":["import {\n  BlockquoteIcon,\n  BoldIcon,\n  Button,\n  CheckIcon,\n  CodeIcon,\n  CommentIcon,\n  H1Icon,\n  H2Icon,\n  H3Icon,\n  ItalicIcon,\n  ListOrderedIcon,\n  ListUnorderedIcon,\n  QuestionMarkIcon,\n  RedoIcon,\n  SelectButton,\n  ShortcutTooltip,\n  SparklesIcon,\n  StrikethroughIcon,\n  TextIcon,\n  TooltipProvider,\n  UnderlineIcon,\n  UndoIcon,\n} from \"@liveblocks/react-ui/_private\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport type { Editor } from \"@tiptap/react\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  KeyboardEvent,\n  ReactNode,\n} from \"react\";\nimport { forwardRef, useCallback, useContext, useMemo } from \"react\";\n\nimport { classNames } from \"../classnames\";\nimport { EditorProvider, useCurrentEditor } from \"../context\";\nimport type { AiExtensionStorage, ExtendedChainedCommands } from \"../types\";\nimport { FloatingToolbarContext, FloatingToolbarExternal } from \"./shared\";\n\nexport const BLOCK_SELECT_SIDE_OFFSET = 10;\nexport const FLOATING_ELEMENT_COLLISION_PADDING = 10;\n\nexport interface ToolbarSlotProps {\n  editor: Editor;\n}\n\nexport type ToolbarSlot = ReactNode | ComponentType<ToolbarSlotProps>;\n\nexport interface ToolbarProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n  /**\n   * The Tiptap editor.\n   */\n  editor: Editor | null;\n\n  /**\n   * The content of the toolbar, overriding the default content.\n   * Use the `before` and `after` props if you want to keep and extend the default content.\n   */\n  children?: ToolbarSlot;\n\n  /**\n   * The content to display at the start of the toolbar.\n   */\n  before?: ToolbarSlot;\n\n  /**\n   * The content to display at the end of the toolbar.\n   */\n  after?: ToolbarSlot;\n}\n\nexport interface ToolbarButtonProps extends ComponentProps<\"button\"> {\n  /**\n   * The name of this button displayed in its tooltip.\n   */\n  name: string;\n\n  /**\n   * An optional icon displayed in this button.\n   */\n  icon?: ReactNode;\n\n  /**\n   * An optional keyboard shortcut displayed in this button's tooltip.\n   *\n   * @example\n   * \"Mod-Alt-B\" → \"⌘⌥B\" in Apple environments, \"⌃⌥B\" otherwise\n   * \"Ctrl-Shift-Escape\" → \"⌃⇧⎋\"\n   * \"Space\" → \"␣\"\n   */\n  shortcut?: string;\n}\n\nexport interface ToolbarToggleProps extends ToolbarButtonProps {\n  /**\n   * Whether the button is toggled.\n   */\n  active: boolean;\n}\n\nexport interface ToolbarBlockSelectorItem {\n  /**\n   * The name of this block element, displayed as the label of this item.\n   */\n  name: string;\n\n  /**\n   * Optionally replace the name used as the label of this item by any content.\n   */\n  label?: ReactNode;\n\n  /**\n   * An optional icon displayed in this item.\n   */\n  icon?: ReactNode;\n\n  /**\n   * Whether this block element is currently active.\n   * Set to `\"default\"` to display this item when no other item is active.\n   */\n  isActive: ((editor: Editor) => boolean) | \"default\";\n\n  /**\n   * A callback invoked when this item is selected.\n   */\n  setActive: (editor: Editor) => void;\n}\n\nexport interface ToolbarBlockSelectorProps extends ComponentProps<\"button\"> {\n  /**\n   * The items displayed in this block selector.\n   * When provided as an array, the default items are overridden. To avoid this,\n   * a function can be provided instead and it will receive the default items.\n   *\n   * @example\n   * <Toolbar.BlockSelector\n   *   items={[\n   *     {\n   *       name: \"Text\",\n   *       isActive: \"default\",\n   *       setActive: () => { ... },\n   *     },\n   *     {\n   *       name: \"Heading 1\",\n   *       isActive: () => { ... },\n   *       setActive: () => { ... },\n   *     },\n   *   ]}\n   * />\n   *\n   * @example\n   * <Toolbar.BlockSelector\n   *   items={(defaultItems) => [\n   *     ...defaultItems,\n   *     {\n   *       name: \"Custom block\",\n   *       isActive: () => { ... },\n   *       setActive: () => { ... },\n   *     },\n   *   ]}\n   * />\n   */\n  items?:\n    | ToolbarBlockSelectorItem[]\n    | ((\n        defaultItems: ToolbarBlockSelectorItem[]\n      ) => ToolbarBlockSelectorItem[]);\n}\n\nexport type ToolbarSeparatorProps = ComponentProps<\"div\">;\n\nexport function applyToolbarSlot(\n  slot: ToolbarSlot,\n  props: ToolbarSlotProps\n): ReactNode {\n  if (typeof slot === \"function\") {\n    const Component = slot;\n\n    return <Component {...props} />;\n  }\n\n  return slot;\n}\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  ({ icon, children, name, shortcut, onKeyDown, ...props }, forwardedRef) => {\n    const floatingToolbarContext = useContext(FloatingToolbarContext);\n    const closeFloatingToolbar = floatingToolbarContext?.close;\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLButtonElement>) => {\n        onKeyDown?.(event);\n\n        if (\n          !event.isDefaultPrevented() &&\n          closeFloatingToolbar &&\n          event.key === \"Escape\"\n        ) {\n          closeFloatingToolbar();\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      [onKeyDown, closeFloatingToolbar]\n    );\n\n    return (\n      <ShortcutTooltip content={name} shortcut={shortcut}>\n        <Button\n          type=\"button\"\n          variant=\"toolbar\"\n          ref={forwardedRef}\n          icon={icon}\n          aria-label={!children ? name : undefined}\n          {...props}\n          onKeyDown={handleKeyDown}\n        >\n          {!children && !icon ? name : children}\n        </Button>\n      </ShortcutTooltip>\n    );\n  }\n);\n\nconst ToolbarToggle = forwardRef<HTMLButtonElement, ToolbarToggleProps>(\n  ({ active, ...props }, forwardedRef) => {\n    return (\n      <TogglePrimitive.Root asChild pressed={active}>\n        <ToolbarButton ref={forwardedRef} {...props} />\n      </TogglePrimitive.Root>\n    );\n  }\n);\n\nfunction createDefaultBlockSelectorItems(\n  editor: Editor\n): ToolbarBlockSelectorItem[] {\n  const items: (ToolbarBlockSelectorItem | null)[] = [\n    {\n      name: \"Text\",\n      icon: <TextIcon />,\n      isActive: \"default\",\n      setActive: (editor) => editor.chain().focus().clearNodes().run(),\n    },\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 1\",\n          icon: <H1Icon />,\n          isActive: (editor) => editor.isActive(\"heading\", { level: 1 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 1 })\n              .run(),\n        }\n      : null,\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 2\",\n          icon: <H2Icon />,\n          isActive: (editor) => editor.isActive(\"heading\", { level: 2 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 2 })\n              .run(),\n        }\n      : null,\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 3\",\n          icon: <H3Icon />,\n          isActive: (editor) => editor.isActive(\"heading\", { level: 3 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 3 })\n              .run(),\n        }\n      : null,\n    \"toggleBulletList\" in editor.commands\n      ? {\n          name: \"Bullet list\",\n          icon: <ListUnorderedIcon />,\n          isActive: (editor) => editor.isActive(\"bulletList\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleBulletList\">\n            )\n              .toggleBulletList()\n              .run(),\n        }\n      : null,\n    \"toggleOrderedList\" in editor.commands\n      ? {\n          name: \"Numbered list\",\n          icon: <ListOrderedIcon />,\n          isActive: (editor) => editor.isActive(\"orderedList\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleOrderedList\">\n            )\n              .toggleOrderedList()\n              .run(),\n        }\n      : null,\n    \"toggleBlockquote\" in editor.commands\n      ? {\n          name: \"Blockquote\",\n          icon: <BlockquoteIcon />,\n          isActive: (editor) => editor.isActive(\"blockquote\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleBlockquote\">\n            )\n              .toggleBlockquote()\n              .run(),\n        }\n      : null,\n  ];\n\n  return items.filter(Boolean) as ToolbarBlockSelectorItem[];\n}\n\nconst ToolbarBlockSelector = forwardRef<\n  HTMLButtonElement,\n  ToolbarBlockSelectorProps\n>(({ items, onKeyDown, ...props }, forwardedRef) => {\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const closeFloatingToolbar = floatingToolbarContext?.close;\n  const editor = useCurrentEditor(\n    \"BlockSelector\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const resolvedItems = useMemo(() => {\n    if (Array.isArray(items)) {\n      return items;\n    }\n\n    const defaultItems = createDefaultBlockSelectorItems(editor);\n\n    return items ? items(defaultItems) : defaultItems;\n  }, [editor, items]);\n  let defaultItem: ToolbarBlockSelectorItem | undefined;\n  let activeItem = editor.isInitialized\n    ? resolvedItems.find((item) => {\n        if (item.isActive === \"default\") {\n          defaultItem = item;\n          return false;\n        }\n\n        return item.isActive(editor);\n      })\n    : undefined;\n\n  if (!activeItem) {\n    activeItem = defaultItem;\n  }\n\n  const handleItemChange = (name: string) => {\n    const item = resolvedItems.find((item) => item.name === name);\n\n    if (item) {\n      item.setActive(editor);\n\n      // If present in a floating toolbar, close it on change\n      floatingToolbarContext?.close();\n    }\n  };\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(event);\n\n      if (\n        !event.isDefaultPrevented() &&\n        closeFloatingToolbar &&\n        event.key === \"Escape\"\n      ) {\n        closeFloatingToolbar();\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [onKeyDown, closeFloatingToolbar]\n  );\n\n  return (\n    <SelectPrimitive.Root\n      value={activeItem?.name}\n      onValueChange={handleItemChange}\n    >\n      <ShortcutTooltip content=\"Turn into…\">\n        <SelectPrimitive.Trigger\n          asChild\n          {...props}\n          ref={forwardedRef}\n          onKeyDown={handleKeyDown}\n          disabled={resolvedItems.length === 0}\n        >\n          <SelectButton variant=\"toolbar\">\n            {activeItem?.name ?? \"Turn into…\"}\n          </SelectButton>\n        </SelectPrimitive.Trigger>\n      </ShortcutTooltip>\n      <SelectPrimitive.Portal>\n        <FloatingToolbarExternal>\n          <SelectPrimitive.Content\n            position=\"popper\"\n            sideOffset={BLOCK_SELECT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            className=\"lb-root lb-portal lb-elevation lb-dropdown lb-select-dropdown lb-tiptap-block-selector-dropdown\"\n          >\n            {resolvedItems.map((item) => (\n              <SelectPrimitive.Item\n                key={item.name}\n                value={item.name}\n                className=\"lb-dropdown-item\"\n                data-name={item.name}\n              >\n                {item.icon ? (\n                  <span className=\"lb-dropdown-item-icon lb-icon-container\">\n                    {item.icon}\n                  </span>\n                ) : null}\n                <span className=\"lb-dropdown-item-label\">\n                  {item.label ?? item.name}\n                </span>\n                {item.name === activeItem?.name ? (\n                  <span className=\"lb-dropdown-item-accessory lb-icon-container\">\n                    <CheckIcon />\n                  </span>\n                ) : null}\n              </SelectPrimitive.Item>\n            ))}\n          </SelectPrimitive.Content>\n        </FloatingToolbarExternal>\n      </SelectPrimitive.Portal>\n    </SelectPrimitive.Root>\n  );\n});\n\nconst ToolbarSeparator = forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={classNames(\"lb-tiptap-toolbar-separator\", className)}\n        {...props}\n      />\n    );\n  }\n);\n\nfunction ToolbarSectionHistory() {\n  const editor = useCurrentEditor(\n    \"SectionHistory\",\n    \"Toolbar or FloatingToolbar\"\n  );\n\n  return (\n    <>\n      <ToolbarButton\n        name=\"Undo\"\n        icon={<UndoIcon />}\n        shortcut=\"Mod-Z\"\n        onClick={() => editor.chain().focus().undo().run()}\n        disabled={!editor.can().chain().focus().undo().run()}\n      />\n      <ToolbarButton\n        name=\"Redo\"\n        icon={<RedoIcon />}\n        shortcut=\"Mod-Shift-Z\"\n        onClick={() => editor.chain().focus().redo().run()}\n        disabled={!editor.can().chain().focus().redo().run()}\n      />\n    </>\n  );\n}\n\nfunction ToolbarSectionInline() {\n  const editor = useCurrentEditor(\n    \"SectionInline\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const supportsBold = \"toggleBold\" in editor.commands;\n  const supportsItalic = \"toggleItalic\" in editor.commands;\n  const supportsUnderline = \"toggleUnderline\" in editor.commands;\n  const supportsStrike = \"toggleStrike\" in editor.commands;\n  const supportsCode = \"toggleCode\" in editor.commands;\n\n  return (\n    <>\n      {supportsBold && (\n        <ToolbarToggle\n          name=\"Bold\"\n          icon={<BoldIcon />}\n          shortcut=\"Mod-B\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleBold\">)\n              .toggleBold()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleBold\">\n            )\n              .toggleBold()\n              .run()\n          }\n          active={editor.isActive(\"bold\")}\n        />\n      )}\n      {supportsItalic && (\n        <ToolbarToggle\n          name=\"Italic\"\n          icon={<ItalicIcon />}\n          shortcut=\"Mod-I\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleItalic\">)\n              .toggleItalic()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleItalic\">\n            )\n              .toggleItalic()\n              .run()\n          }\n          active={editor.isActive(\"italic\")}\n        />\n      )}\n      {supportsUnderline && (\n        <ToolbarToggle\n          name=\"Underline\"\n          icon={<UnderlineIcon />}\n          shortcut=\"Mod-U\"\n          onClick={() =>\n            (\n              editor\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleUnderline\">\n            )\n              .toggleUnderline()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleUnderline\">\n            )\n              .toggleUnderline()\n              .run()\n          }\n          active={editor.isActive(\"underline\")}\n        />\n      )}\n      {supportsStrike && (\n        <ToolbarToggle\n          name=\"Strikethrough\"\n          icon={<StrikethroughIcon />}\n          shortcut=\"Mod-U\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleStrike\">)\n              .toggleStrike()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleStrike\">\n            )\n              .toggleStrike()\n              .run()\n          }\n          active={editor.isActive(\"strike\")}\n        />\n      )}\n      {supportsCode && (\n        <ToolbarToggle\n          name=\"Inline code\"\n          icon={<CodeIcon />}\n          shortcut=\"Mod-E\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleCode\">)\n              .toggleCode()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleCode\">\n            )\n              .toggleCode()\n              .run()\n          }\n          active={editor.isActive(\"code\")}\n        />\n      )}\n    </>\n  );\n}\n\nfunction ToolbarSectionCollaboration() {\n  const editor = useCurrentEditor(\n    \"SectionCollaboration\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const supportsThread = \"addPendingComment\" in editor.commands;\n\n  return (\n    <>\n      {supportsThread && (\n        <ToolbarButton\n          name=\"Add a comment\"\n          icon={<CommentIcon />}\n          onClick={() =>\n            (\n              editor\n                .chain()\n                .focus() as ExtendedChainedCommands<\"addPendingComment\">\n            )\n              .addPendingComment()\n              .run()\n          }\n        >\n          Comment\n        </ToolbarButton>\n      )}\n    </>\n  );\n}\n\nfunction ToolbarSectionAi() {\n  const editor = useCurrentEditor(\"SectionAi\", \"Toolbar or FloatingToolbar\");\n  const supportsAi = \"askAi\" in editor.commands;\n  const aiName = (editor.storage.liveblocksAi as AiExtensionStorage | undefined)\n    ?.name;\n\n  return (\n    <>\n      {supportsAi && (\n        <>\n          <ToolbarButton\n            name={`Ask ${aiName} anything…`}\n            icon={<SparklesIcon />}\n            onClick={() =>\n              (\n                editor.chain().focus() as ExtendedChainedCommands<\"askAi\">\n              ).askAi()\n            }\n          >\n            Ask {aiName}\n          </ToolbarButton>\n          <ToolbarButton\n            name=\"Explain\"\n            icon={<QuestionMarkIcon />}\n            onClick={() =>\n              (\n                editor.chain().focus() as ExtendedChainedCommands<\"askAi\">\n              ).askAi(\"Explain what the text is about\")\n            }\n          >\n            Explain\n          </ToolbarButton>\n        </>\n      )}\n    </>\n  );\n}\n\nfunction DefaultToolbarContent({ editor }: ToolbarSlotProps) {\n  const supportsThread = \"addPendingComment\" in editor.commands;\n  const supportsAi = \"askAi\" in editor.commands;\n\n  return (\n    <>\n      <ToolbarSectionHistory />\n      <ToolbarSeparator />\n      {supportsAi ? (\n        <>\n          <ToolbarSectionAi />\n          <ToolbarSeparator />\n        </>\n      ) : null}\n      <ToolbarBlockSelector />\n      <ToolbarSectionInline />\n      {supportsThread ? (\n        <>\n          <ToolbarSeparator />\n          <ToolbarSectionCollaboration />\n        </>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * A static toolbar containing actions and values related to the editor.\n *\n * @example\n * <Toolbar editor={editor} />\n *\n * @example\n * <Toolbar editor={editor}>\n *   <Toolbar.BlockSelector />\n *   <Toolbar.Separator />\n *   <Toolbar.SectionInline />\n *   <Toolbar.Separator />\n *   <Toolbar.Button name=\"Custom action\" onClick={() => { ... }} icon={<Icon.QuestionMark />} />\n * </Toolbar>\n */\nexport const Toolbar = Object.assign(\n  forwardRef<HTMLDivElement, ToolbarProps>(\n    (\n      {\n        before,\n        after,\n        children = DefaultToolbarContent,\n        editor,\n        className,\n        ...props\n      },\n      forwardedRef\n    ) => {\n      if (!editor) {\n        return null;\n      }\n\n      const slotProps: ToolbarSlotProps = { editor };\n\n      return (\n        <TooltipProvider>\n          <EditorProvider editor={editor}>\n            <div\n              ref={forwardedRef}\n              role=\"toolbar\"\n              aria-label=\"Toolbar\"\n              aria-orientation=\"horizontal\"\n              className={classNames(\"lb-root lb-tiptap-toolbar\", className)}\n              {...props}\n            >\n              {applyToolbarSlot(before, slotProps)}\n              {applyToolbarSlot(children, slotProps)}\n              {applyToolbarSlot(after, slotProps)}\n            </div>\n          </EditorProvider>\n        </TooltipProvider>\n      );\n    }\n  ),\n  {\n    /**\n     * A button for triggering actions.\n     *\n     * @example\n     * <Toolbar.Button name=\"Comment\" shortcut=\"Mod-Shift-E\" onClick={() => { ... }} />\n     *\n     * @example\n     * <Toolbar.Button name=\"Mention someone\" icon={<Icon.Mention />} onClick={() => { ... }} />\n     */\n    Button: ToolbarButton,\n\n    /**\n     * A toggle button for values that can be active or inactive.\n     *\n     * @example\n     * <Toolbar.Toggle name=\"Bold\" active={isBold} />\n     *\n     * @example\n     * <Toolbar.Toggle name=\"Italic\" icon={<Icon.Italic />} shortcut=\"Mod-I\" active={isItalic} onClick={() => { ... }} />\n     */\n    Toggle: ToolbarToggle,\n\n    /**\n     * A dropdown selector to switch between different block types.\n     *\n     * @example\n     * <Toolbar.BlockSelector />\n     */\n    BlockSelector: ToolbarBlockSelector,\n\n    /**\n     * A visual (and accessible) separator to separate sections in a toolbar.\n     */\n    Separator: ToolbarSeparator,\n\n    /**\n     * A section containing history actions. (e.g. undo, redo)\n     */\n    SectionHistory: ToolbarSectionHistory,\n\n    /**\n     * A section containing inline formatting actions. (e.g. bold, italic, underline, ...)\n     */\n    SectionInline: ToolbarSectionInline,\n\n    /**\n     * A section containing collaborative actions. (e.g. adding a comment)\n     */\n    SectionCollaboration: ToolbarSectionCollaboration,\n\n    /**\n     * A section containing AI actions. (e.g. opening the AI toolbar)\n     */\n    SectionAi: ToolbarSectionAi,\n  }\n);\n"],"names":["jsx","forwardRef","useContext","FloatingToolbarContext","useCallback","ShortcutTooltip","Button","TogglePrimitive","TextIcon","editor","H1Icon","H2Icon","H3Icon","ListUnorderedIcon","ListOrderedIcon","BlockquoteIcon","useCurrentEditor","useMemo","item","jsxs","SelectPrimitive","SelectButton","FloatingToolbarExternal","CheckIcon","classNames","Fragment","UndoIcon","RedoIcon","BoldIcon","ItalicIcon","UnderlineIcon","StrikethroughIcon","CodeIcon","CommentIcon","SparklesIcon","QuestionMarkIcon","TooltipProvider","EditorProvider"],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sources":["../../src/toolbar/Toolbar.tsx"],"sourcesContent":["import {\n  BlockquoteIcon,\n  BoldIcon,\n  Button,\n  CheckIcon,\n  CodeIcon,\n  CommentIcon,\n  H1Icon,\n  H2Icon,\n  H3Icon,\n  ItalicIcon,\n  ListOrderedIcon,\n  ListUnorderedIcon,\n  QuestionMarkIcon,\n  RedoIcon,\n  SelectButton,\n  ShortcutTooltip,\n  SparklesIcon,\n  StrikethroughIcon,\n  TextIcon,\n  TooltipProvider,\n  UnderlineIcon,\n  UndoIcon,\n} from \"@liveblocks/react-ui/_private\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport type { Editor } from \"@tiptap/react\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  KeyboardEvent,\n  ReactNode,\n} from \"react\";\nimport { forwardRef, useCallback, useContext, useMemo } from \"react\";\n\nimport { classNames } from \"../classnames\";\nimport { EditorProvider, useCurrentEditor } from \"../context\";\nimport type { AiExtensionStorage, ExtendedChainedCommands } from \"../types\";\nimport { FloatingToolbarContext, FloatingToolbarExternal } from \"./shared\";\n\nexport const BLOCK_SELECT_SIDE_OFFSET = 10;\nexport const FLOATING_ELEMENT_COLLISION_PADDING = 10;\n\nexport interface ToolbarSlotProps {\n  editor: Editor;\n}\n\nexport type ToolbarSlot = ReactNode | ComponentType<ToolbarSlotProps>;\n\nexport interface ToolbarProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n  /**\n   * The Tiptap editor.\n   */\n  editor: Editor | null;\n\n  /**\n   * The content of the toolbar, overriding the default content.\n   * Use the `before` and `after` props if you want to keep and extend the default content.\n   */\n  children?: ToolbarSlot;\n\n  /**\n   * The content to display at the start of the toolbar.\n   */\n  before?: ToolbarSlot;\n\n  /**\n   * The content to display at the end of the toolbar.\n   */\n  after?: ToolbarSlot;\n}\n\nexport interface ToolbarButtonProps extends ComponentProps<\"button\"> {\n  /**\n   * The name of this button displayed in its tooltip.\n   */\n  name: string;\n\n  /**\n   * An optional icon displayed in this button.\n   */\n  icon?: ReactNode;\n\n  /**\n   * An optional keyboard shortcut displayed in this button's tooltip.\n   *\n   * @example\n   * \"Mod-Alt-B\" → \"⌘⌥B\" in Apple environments, \"⌃⌥B\" otherwise\n   * \"Ctrl-Shift-Escape\" → \"⌃⇧⎋\"\n   * \"Space\" → \"␣\"\n   */\n  shortcut?: string;\n}\n\nexport interface ToolbarToggleProps extends ToolbarButtonProps {\n  /**\n   * Whether the button is toggled.\n   */\n  active: boolean;\n}\n\nexport interface ToolbarBlockSelectorItem {\n  /**\n   * The name of this block element, displayed as the label of this item.\n   */\n  name: string;\n\n  /**\n   * Optionally replace the name used as the label of this item by any content.\n   */\n  label?: ReactNode;\n\n  /**\n   * An optional icon displayed in this item.\n   */\n  icon?: ReactNode;\n\n  /**\n   * Whether this block element is currently active.\n   * Set to `\"default\"` to display this item when no other item is active.\n   */\n  isActive: ((editor: Editor) => boolean) | \"default\";\n\n  /**\n   * A callback invoked when this item is selected.\n   */\n  setActive: (editor: Editor) => void;\n}\n\nexport interface ToolbarBlockSelectorProps extends ComponentProps<\"button\"> {\n  /**\n   * The items displayed in this block selector.\n   * When provided as an array, the default items are overridden. To avoid this,\n   * a function can be provided instead and it will receive the default items.\n   *\n   * @example\n   * <Toolbar.BlockSelector\n   *   items={[\n   *     {\n   *       name: \"Text\",\n   *       isActive: \"default\",\n   *       setActive: () => { ... },\n   *     },\n   *     {\n   *       name: \"Heading 1\",\n   *       isActive: () => { ... },\n   *       setActive: () => { ... },\n   *     },\n   *   ]}\n   * />\n   *\n   * @example\n   * <Toolbar.BlockSelector\n   *   items={(defaultItems) => [\n   *     ...defaultItems,\n   *     {\n   *       name: \"Custom block\",\n   *       isActive: () => { ... },\n   *       setActive: () => { ... },\n   *     },\n   *   ]}\n   * />\n   */\n  items?:\n    | ToolbarBlockSelectorItem[]\n    | ((\n        defaultItems: ToolbarBlockSelectorItem[]\n      ) => ToolbarBlockSelectorItem[]);\n}\n\nexport type ToolbarSeparatorProps = ComponentProps<\"div\">;\n\nexport function applyToolbarSlot(\n  slot: ToolbarSlot,\n  props: ToolbarSlotProps\n): ReactNode {\n  if (typeof slot === \"function\") {\n    const Component = slot;\n\n    return <Component {...props} />;\n  }\n\n  return slot;\n}\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  ({ icon, children, name, shortcut, onKeyDown, ...props }, forwardedRef) => {\n    const floatingToolbarContext = useContext(FloatingToolbarContext);\n    const closeFloatingToolbar = floatingToolbarContext?.close;\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLButtonElement>) => {\n        onKeyDown?.(event);\n\n        if (\n          !event.isDefaultPrevented() &&\n          closeFloatingToolbar &&\n          event.key === \"Escape\"\n        ) {\n          closeFloatingToolbar();\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      [onKeyDown, closeFloatingToolbar]\n    );\n\n    return (\n      <ShortcutTooltip content={name} shortcut={shortcut}>\n        <Button\n          type=\"button\"\n          variant=\"toolbar\"\n          ref={forwardedRef}\n          icon={icon}\n          aria-label={!children ? name : undefined}\n          {...props}\n          onKeyDown={handleKeyDown}\n        >\n          {!children && !icon ? name : children}\n        </Button>\n      </ShortcutTooltip>\n    );\n  }\n);\n\nconst ToolbarToggle = forwardRef<HTMLButtonElement, ToolbarToggleProps>(\n  ({ active, ...props }, forwardedRef) => {\n    return (\n      <TogglePrimitive.Root asChild pressed={active}>\n        <ToolbarButton ref={forwardedRef} {...props} />\n      </TogglePrimitive.Root>\n    );\n  }\n);\n\nfunction createDefaultBlockSelectorItems(\n  editor: Editor\n): ToolbarBlockSelectorItem[] {\n  const items: (ToolbarBlockSelectorItem | null)[] = [\n    {\n      name: \"Text\",\n      icon: <TextIcon />,\n      isActive: \"default\",\n      setActive: (editor) => editor.chain().focus().clearNodes().run(),\n    },\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 1\",\n          icon: <H1Icon />,\n          isActive: (editor) => editor.isActive(\"heading\", { level: 1 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 1 })\n              .run(),\n        }\n      : null,\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 2\",\n          icon: <H2Icon />,\n          isActive: (editor) => editor.isActive(\"heading\", { level: 2 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 2 })\n              .run(),\n        }\n      : null,\n    \"toggleHeading\" in editor.commands\n      ? {\n          name: \"Heading 3\",\n          icon: <H3Icon />,\n          isActive: (editor) => editor.isActive(\"heading\", { level: 3 }),\n          setActive: (editor) =>\n            (\n              editor.chain().focus().clearNodes() as ExtendedChainedCommands<\n                \"toggleHeading\",\n                [{ level: number }]\n              >\n            )\n              .toggleHeading({ level: 3 })\n              .run(),\n        }\n      : null,\n    \"toggleBulletList\" in editor.commands\n      ? {\n          name: \"Bullet list\",\n          icon: <ListUnorderedIcon />,\n          isActive: (editor) => editor.isActive(\"bulletList\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleBulletList\">\n            )\n              .toggleBulletList()\n              .run(),\n        }\n      : null,\n    \"toggleOrderedList\" in editor.commands\n      ? {\n          name: \"Numbered list\",\n          icon: <ListOrderedIcon />,\n          isActive: (editor) => editor.isActive(\"orderedList\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleOrderedList\">\n            )\n              .toggleOrderedList()\n              .run(),\n        }\n      : null,\n    \"toggleBlockquote\" in editor.commands\n      ? {\n          name: \"Blockquote\",\n          icon: <BlockquoteIcon />,\n          isActive: (editor) => editor.isActive(\"blockquote\"),\n          setActive: (editor) =>\n            (\n              editor\n                .chain()\n                .focus()\n                .clearNodes() as ExtendedChainedCommands<\"toggleBlockquote\">\n            )\n              .toggleBlockquote()\n              .run(),\n        }\n      : null,\n  ];\n\n  return items.filter(Boolean) as ToolbarBlockSelectorItem[];\n}\n\nconst ToolbarBlockSelector = forwardRef<\n  HTMLButtonElement,\n  ToolbarBlockSelectorProps\n>(({ items, onKeyDown, ...props }, forwardedRef) => {\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const closeFloatingToolbar = floatingToolbarContext?.close;\n  const editor = useCurrentEditor(\n    \"BlockSelector\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const resolvedItems = useMemo(() => {\n    if (Array.isArray(items)) {\n      return items;\n    }\n\n    const defaultItems = createDefaultBlockSelectorItems(editor);\n\n    return items ? items(defaultItems) : defaultItems;\n  }, [editor, items]);\n  let defaultItem: ToolbarBlockSelectorItem | undefined;\n  let activeItem = editor.isInitialized\n    ? resolvedItems.find((item) => {\n        if (item.isActive === \"default\") {\n          defaultItem = item;\n          return false;\n        }\n\n        return item.isActive(editor);\n      })\n    : undefined;\n\n  if (!activeItem) {\n    activeItem = defaultItem;\n  }\n\n  const handleItemChange = (name: string) => {\n    const item = resolvedItems.find((item) => item.name === name);\n\n    if (item) {\n      item.setActive(editor);\n\n      // If present in a floating toolbar, close it on change\n      floatingToolbarContext?.close();\n    }\n  };\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(event);\n\n      if (\n        !event.isDefaultPrevented() &&\n        closeFloatingToolbar &&\n        event.key === \"Escape\"\n      ) {\n        closeFloatingToolbar();\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [onKeyDown, closeFloatingToolbar]\n  );\n\n  return (\n    <SelectPrimitive.Root\n      value={activeItem?.name}\n      onValueChange={handleItemChange}\n    >\n      <ShortcutTooltip content=\"Turn into…\">\n        <SelectPrimitive.Trigger\n          asChild\n          {...props}\n          ref={forwardedRef}\n          onKeyDown={handleKeyDown}\n          disabled={resolvedItems.length === 0}\n        >\n          <SelectButton variant=\"toolbar\">\n            {activeItem?.name ?? \"Turn into…\"}\n          </SelectButton>\n        </SelectPrimitive.Trigger>\n      </ShortcutTooltip>\n      <SelectPrimitive.Portal>\n        <FloatingToolbarExternal>\n          <SelectPrimitive.Content\n            position=\"popper\"\n            sideOffset={BLOCK_SELECT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            className=\"lb-root lb-portal lb-elevation lb-dropdown lb-select-dropdown lb-tiptap-block-selector-dropdown\"\n          >\n            {resolvedItems.map((item) => (\n              <SelectPrimitive.Item\n                key={item.name}\n                value={item.name}\n                className=\"lb-dropdown-item\"\n                data-name={item.name}\n              >\n                {item.icon ? (\n                  <span className=\"lb-dropdown-item-icon lb-icon-container\">\n                    {item.icon}\n                  </span>\n                ) : null}\n                <span className=\"lb-dropdown-item-label\">\n                  {item.label ?? item.name}\n                </span>\n                {item.name === activeItem?.name ? (\n                  <span className=\"lb-dropdown-item-accessory lb-icon-container\">\n                    <CheckIcon />\n                  </span>\n                ) : null}\n              </SelectPrimitive.Item>\n            ))}\n          </SelectPrimitive.Content>\n        </FloatingToolbarExternal>\n      </SelectPrimitive.Portal>\n    </SelectPrimitive.Root>\n  );\n});\n\nconst ToolbarSeparator = forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={classNames(\"lb-tiptap-toolbar-separator\", className)}\n        {...props}\n      />\n    );\n  }\n);\n\nfunction ToolbarSectionHistory() {\n  const editor = useCurrentEditor(\n    \"SectionHistory\",\n    \"Toolbar or FloatingToolbar\"\n  );\n\n  return (\n    <>\n      <ToolbarButton\n        name=\"Undo\"\n        icon={<UndoIcon />}\n        shortcut=\"Mod-Z\"\n        onClick={() => editor.chain().focus().undo().run()}\n        disabled={!editor.can().chain().focus().undo().run()}\n      />\n      <ToolbarButton\n        name=\"Redo\"\n        icon={<RedoIcon />}\n        shortcut=\"Mod-Shift-Z\"\n        onClick={() => editor.chain().focus().redo().run()}\n        disabled={!editor.can().chain().focus().redo().run()}\n      />\n    </>\n  );\n}\n\nfunction ToolbarSectionInline() {\n  const editor = useCurrentEditor(\n    \"SectionInline\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const supportsBold = \"toggleBold\" in editor.commands;\n  const supportsItalic = \"toggleItalic\" in editor.commands;\n  const supportsUnderline = \"toggleUnderline\" in editor.commands;\n  const supportsStrike = \"toggleStrike\" in editor.commands;\n  const supportsCode = \"toggleCode\" in editor.commands;\n\n  return (\n    <>\n      {supportsBold && (\n        <ToolbarToggle\n          name=\"Bold\"\n          icon={<BoldIcon />}\n          shortcut=\"Mod-B\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleBold\">)\n              .toggleBold()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleBold\">\n            )\n              .toggleBold()\n              .run()\n          }\n          active={editor.isActive(\"bold\")}\n        />\n      )}\n      {supportsItalic && (\n        <ToolbarToggle\n          name=\"Italic\"\n          icon={<ItalicIcon />}\n          shortcut=\"Mod-I\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleItalic\">)\n              .toggleItalic()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleItalic\">\n            )\n              .toggleItalic()\n              .run()\n          }\n          active={editor.isActive(\"italic\")}\n        />\n      )}\n      {supportsUnderline && (\n        <ToolbarToggle\n          name=\"Underline\"\n          icon={<UnderlineIcon />}\n          shortcut=\"Mod-U\"\n          onClick={() =>\n            (\n              editor\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleUnderline\">\n            )\n              .toggleUnderline()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleUnderline\">\n            )\n              .toggleUnderline()\n              .run()\n          }\n          active={editor.isActive(\"underline\")}\n        />\n      )}\n      {supportsStrike && (\n        <ToolbarToggle\n          name=\"Strikethrough\"\n          icon={<StrikethroughIcon />}\n          shortcut=\"Mod-U\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleStrike\">)\n              .toggleStrike()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleStrike\">\n            )\n              .toggleStrike()\n              .run()\n          }\n          active={editor.isActive(\"strike\")}\n        />\n      )}\n      {supportsCode && (\n        <ToolbarToggle\n          name=\"Inline code\"\n          icon={<CodeIcon />}\n          shortcut=\"Mod-E\"\n          onClick={() =>\n            (editor.chain().focus() as ExtendedChainedCommands<\"toggleCode\">)\n              .toggleCode()\n              .run()\n          }\n          disabled={\n            !(\n              editor\n                .can()\n                .chain()\n                .focus() as ExtendedChainedCommands<\"toggleCode\">\n            )\n              .toggleCode()\n              .run()\n          }\n          active={editor.isActive(\"code\")}\n        />\n      )}\n    </>\n  );\n}\n\nfunction ToolbarSectionCollaboration() {\n  const editor = useCurrentEditor(\n    \"SectionCollaboration\",\n    \"Toolbar or FloatingToolbar\"\n  );\n  const supportsThread = \"addPendingComment\" in editor.commands;\n\n  return (\n    <>\n      {supportsThread && (\n        <ToolbarButton\n          name=\"Add a comment\"\n          icon={<CommentIcon />}\n          onClick={() =>\n            (\n              editor\n                .chain()\n                .focus() as ExtendedChainedCommands<\"addPendingComment\">\n            )\n              .addPendingComment()\n              .run()\n          }\n        >\n          Comment\n        </ToolbarButton>\n      )}\n    </>\n  );\n}\n\nfunction ToolbarSectionAi() {\n  const editor = useCurrentEditor(\"SectionAi\", \"Toolbar or FloatingToolbar\");\n  const supportsAi = \"askAi\" in editor.commands;\n  const aiName = (editor.storage.liveblocksAi as AiExtensionStorage | undefined)\n    ?.name;\n\n  return (\n    <>\n      {supportsAi && (\n        <>\n          <ToolbarButton\n            name={`Ask ${aiName} anything…`}\n            icon={<SparklesIcon />}\n            onClick={() =>\n              (\n                editor.chain().focus() as ExtendedChainedCommands<\"askAi\">\n              ).askAi()\n            }\n          >\n            Ask {aiName}\n          </ToolbarButton>\n          <ToolbarButton\n            name=\"Explain\"\n            icon={<QuestionMarkIcon />}\n            onClick={() =>\n              (\n                editor.chain().focus() as ExtendedChainedCommands<\"askAi\">\n              ).askAi(\"Explain what the text is about\")\n            }\n          >\n            Explain\n          </ToolbarButton>\n        </>\n      )}\n    </>\n  );\n}\n\nfunction DefaultToolbarContent({ editor }: ToolbarSlotProps) {\n  const supportsThread = \"addPendingComment\" in editor.commands;\n  const supportsAi = \"askAi\" in editor.commands;\n\n  return (\n    <>\n      <ToolbarSectionHistory />\n      <ToolbarSeparator />\n      {supportsAi ? (\n        <>\n          <ToolbarSectionAi />\n          <ToolbarSeparator />\n        </>\n      ) : null}\n      <ToolbarBlockSelector />\n      <ToolbarSectionInline />\n      {supportsThread ? (\n        <>\n          <ToolbarSeparator />\n          <ToolbarSectionCollaboration />\n        </>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * A static toolbar containing actions and values related to the editor.\n *\n * @example\n * <Toolbar editor={editor} />\n *\n * @example\n * <Toolbar editor={editor}>\n *   <Toolbar.BlockSelector />\n *   <Toolbar.Separator />\n *   <Toolbar.SectionInline />\n *   <Toolbar.Separator />\n *   <Toolbar.Button name=\"Custom action\" onClick={() => { ... }} icon={<Icon.QuestionMark />} />\n * </Toolbar>\n */\nexport const Toolbar = Object.assign(\n  forwardRef<HTMLDivElement, ToolbarProps>(\n    (\n      {\n        before,\n        after,\n        children = DefaultToolbarContent,\n        editor,\n        className,\n        ...props\n      },\n      forwardedRef\n    ) => {\n      if (!editor) {\n        return null;\n      }\n\n      const slotProps: ToolbarSlotProps = { editor };\n\n      return (\n        <TooltipProvider>\n          <EditorProvider editor={editor}>\n            <div\n              ref={forwardedRef}\n              role=\"toolbar\"\n              aria-label=\"Toolbar\"\n              aria-orientation=\"horizontal\"\n              className={classNames(\"lb-root lb-tiptap-toolbar\", className)}\n              {...props}\n            >\n              {applyToolbarSlot(before, slotProps)}\n              {applyToolbarSlot(children, slotProps)}\n              {applyToolbarSlot(after, slotProps)}\n            </div>\n          </EditorProvider>\n        </TooltipProvider>\n      );\n    }\n  ),\n  {\n    /**\n     * A button for triggering actions.\n     *\n     * @example\n     * <Toolbar.Button name=\"Comment\" shortcut=\"Mod-Shift-E\" onClick={() => { ... }} />\n     *\n     * @example\n     * <Toolbar.Button name=\"Mention someone\" icon={<Icon.Mention />} onClick={() => { ... }} />\n     */\n    Button: ToolbarButton,\n\n    /**\n     * A toggle button for values that can be active or inactive.\n     *\n     * @example\n     * <Toolbar.Toggle name=\"Bold\" active={isBold} />\n     *\n     * @example\n     * <Toolbar.Toggle name=\"Italic\" icon={<Icon.Italic />} shortcut=\"Mod-I\" active={isItalic} onClick={() => { ... }} />\n     */\n    Toggle: ToolbarToggle,\n\n    /**\n     * A dropdown selector to switch between different block types.\n     *\n     * @example\n     * <Toolbar.BlockSelector />\n     */\n    BlockSelector: ToolbarBlockSelector,\n\n    /**\n     * A visual (and accessible) separator to separate sections in a toolbar.\n     */\n    Separator: ToolbarSeparator,\n\n    /**\n     * A section containing history actions. (e.g. undo, redo)\n     */\n    SectionHistory: ToolbarSectionHistory,\n\n    /**\n     * A section containing inline formatting actions. (e.g. bold, italic, underline, ...)\n     */\n    SectionInline: ToolbarSectionInline,\n\n    /**\n     * A section containing collaborative actions. (e.g. adding a comment)\n     */\n    SectionCollaboration: ToolbarSectionCollaboration,\n\n    /**\n     * A section containing AI actions. (e.g. opening the AI toolbar)\n     */\n    SectionAi: ToolbarSectionAi,\n  }\n);\n"],"names":["editor","item"],"mappings":"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"}

package/dist/toolbar/shared.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var _private = require('@liveblocks/react/_private');
+var react = require('react');
+
+const FloatingToolbarContext = react.createContext(null);
+const FloatingToolbarExternal = react.forwardRef(({ children, style, ...props }, forwardedRef) => {
+  const id = react.useId();
+  const externalId = `liveblocks-floating-toolbar-external-${id}`;
+  const floatingToolbarContext = react.useContext(FloatingToolbarContext);
+  const registerExternal = floatingToolbarContext?.registerExternal;
+  _private.useLayoutEffect(() => {
+    if (!registerExternal) {
+      return;
+    }
+    return registerExternal(externalId);
+  }, [registerExternal, externalId]);
+  if (!floatingToolbarContext || react.Children.count(children) === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    ref: forwardedRef,
+    style: { display: "contents", ...style },
+    "data-liveblocks-floating-toolbar-external": id,
+    ...props,
+    id: externalId,
+    children
+  });
+});
+
+exports.FloatingToolbarContext = FloatingToolbarContext;
+exports.FloatingToolbarExternal = FloatingToolbarExternal;
+//# sourceMappingURL=shared.cjs.map

package/dist/toolbar/{shared.mjs.map → shared.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"shared.mjs","sources":["../../src/toolbar/shared.tsx"],"sourcesContent":["import { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  Children,\n  type ComponentProps,\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n} from \"react\";\n\n// This file is separate to avoid circular dependencies\n\ntype FloatingToolbarContext = {\n  close: () => void;\n  registerExternal: (id: string) => () => void;\n};\n\nexport const FloatingToolbarContext =\n  createContext<FloatingToolbarContext | null>(null);\n\nexport const FloatingToolbarExternal = forwardRef<\n  HTMLDivElement,\n  ComponentProps<\"div\">\n>(({ children, style, ...props }, forwardedRef) => {\n  const id = useId();\n  const externalId = `liveblocks-floating-toolbar-external-${id}`;\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const registerExternal = floatingToolbarContext?.registerExternal;\n\n  useLayoutEffect(() => {\n    if (!registerExternal) {\n      return;\n    }\n\n    return registerExternal(externalId);\n  }, [registerExternal, externalId]);\n\n  if (!floatingToolbarContext || Children.count(children) === 0) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      style={{ display: \"contents\", ...style }}\n      data-liveblocks-floating-toolbar-external={id}\n      {...props}\n      id={externalId}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":[],"mappings":";;;;AAiBa,MAAA,sBAAA,GACX,cAA6C,IAAI,EAAA;AAEtC,MAAA,uBAAA,GAA0B,WAGrC,CAAC,EAAE,UAAU,KAAU,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACjD,EAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,EAAA,MAAM,aAAa,CAAwC,qCAAA,EAAA,EAAA,CAAA,CAAA,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyB,WAAW,sBAAsB,CAAA,CAAA;AAChE,EAAA,MAAM,mBAAmB,sBAAwB,EAAA,gBAAA,CAAA;AAEjD,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAO,iBAAiB,UAAU,CAAA,CAAA;AAAA,GACjC,EAAA,CAAC,gBAAkB,EAAA,UAAU,CAAC,CAAA,CAAA;AAEjC,EAAA,IAAI,CAAC,sBAA0B,IAAA,QAAA,CAAS,KAAM,CAAA,QAAQ,MAAM,CAAG,EAAA;AAC7D,IAAO,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,YAAA;AAAA,IACL,KAAO,EAAA,EAAE,OAAS,EAAA,UAAA,EAAY,GAAG,KAAM,EAAA;AAAA,IACvC,2CAA2C,EAAA,EAAA;AAAA,IAC1C,GAAG,KAAA;AAAA,IACJ,EAAI,EAAA,UAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"shared.cjs","sources":["../../src/toolbar/shared.tsx"],"sourcesContent":["import { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  Children,\n  type ComponentProps,\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n} from \"react\";\n\n// This file is separate to avoid circular dependencies\n\ntype FloatingToolbarContext = {\n  close: () => void;\n  registerExternal: (id: string) => () => void;\n};\n\nexport const FloatingToolbarContext =\n  createContext<FloatingToolbarContext | null>(null);\n\nexport const FloatingToolbarExternal = forwardRef<\n  HTMLDivElement,\n  ComponentProps<\"div\">\n>(({ children, style, ...props }, forwardedRef) => {\n  const id = useId();\n  const externalId = `liveblocks-floating-toolbar-external-${id}`;\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const registerExternal = floatingToolbarContext?.registerExternal;\n\n  useLayoutEffect(() => {\n    if (!registerExternal) {\n      return;\n    }\n\n    return registerExternal(externalId);\n  }, [registerExternal, externalId]);\n\n  if (!floatingToolbarContext || Children.count(children) === 0) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      style={{ display: \"contents\", ...style }}\n      data-liveblocks-floating-toolbar-external={id}\n      {...props}\n      id={externalId}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["createContext","forwardRef","useId","useContext","useLayoutEffect","Children","jsx","Fragment"],"mappings":";;;;;;AAiBa,MAAA,sBAAA,GACXA,oBAA6C,IAAI,EAAA;AAEtC,MAAA,uBAAA,GAA0BC,iBAGrC,CAAC,EAAE,UAAU,KAAU,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACjD,EAAA,MAAM,KAAKC,WAAM,EAAA,CAAA;AACjB,EAAA,MAAM,aAAa,CAAwC,qCAAA,EAAA,EAAA,CAAA,CAAA,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyBC,iBAAW,sBAAsB,CAAA,CAAA;AAChE,EAAA,MAAM,mBAAmB,sBAAwB,EAAA,gBAAA,CAAA;AAEjD,EAAAC,wBAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAO,iBAAiB,UAAU,CAAA,CAAA;AAAA,GACjC,EAAA,CAAC,gBAAkB,EAAA,UAAU,CAAC,CAAA,CAAA;AAEjC,EAAA,IAAI,CAAC,sBAA0B,IAAAC,cAAA,CAAS,KAAM,CAAA,QAAQ,MAAM,CAAG,EAAA;AAC7D,IAAO,uBAAAC,cAAA,CAAAC,mBAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EAAA,uBACGD,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,YAAA;AAAA,IACL,KAAO,EAAA,EAAE,OAAS,EAAA,UAAA,EAAY,GAAG,KAAM,EAAA;AAAA,IACvC,2CAA2C,EAAA,EAAA;AAAA,IAC1C,GAAG,KAAA;AAAA,IACJ,EAAI,EAAA,UAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;;"}

package/dist/toolbar/shared.js

@@ -1,27 +1,25 @@
-'use strict';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useLayoutEffect } from '@liveblocks/react/_private';
+import { createContext, forwardRef, useId, useContext, Children } from 'react';
 
-var jsxRuntime = require('react/jsx-runtime');
-var _private = require('@liveblocks/react/_private');
-var react = require('react');
-
-const FloatingToolbarContext = react.createContext(null);
-const FloatingToolbarExternal = react.forwardRef(({ children, style, ...props }, forwardedRef) => {
-  const id = react.useId();
+const FloatingToolbarContext = createContext(null);
+const FloatingToolbarExternal = forwardRef(({ children, style, ...props }, forwardedRef) => {
+  const id = useId();
   const externalId = `liveblocks-floating-toolbar-external-${id}`;
-  const floatingToolbarContext = react.useContext(FloatingToolbarContext);
+  const floatingToolbarContext = useContext(FloatingToolbarContext);
   const registerExternal = floatingToolbarContext?.registerExternal;
-  _private.useLayoutEffect(() => {
+  useLayoutEffect(() => {
     if (!registerExternal) {
       return;
     }
     return registerExternal(externalId);
   }, [registerExternal, externalId]);
-  if (!floatingToolbarContext || react.Children.count(children) === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+  if (!floatingToolbarContext || Children.count(children) === 0) {
+    return /* @__PURE__ */ jsx(Fragment, {
       children
     });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+  return /* @__PURE__ */ jsx("div", {
     ref: forwardedRef,
     style: { display: "contents", ...style },
     "data-liveblocks-floating-toolbar-external": id,
@@ -31,6 +29,5 @@ const FloatingToolbarExternal = react.forwardRef(({ children, style, ...props },
   });
 });
 
-exports.FloatingToolbarContext = FloatingToolbarContext;
-exports.FloatingToolbarExternal = FloatingToolbarExternal;
+export { FloatingToolbarContext, FloatingToolbarExternal };
 //# sourceMappingURL=shared.js.map

package/dist/toolbar/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../src/toolbar/shared.tsx"],"sourcesContent":["import { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  Children,\n  type ComponentProps,\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n} from \"react\";\n\n// This file is separate to avoid circular dependencies\n\ntype FloatingToolbarContext = {\n  close: () => void;\n  registerExternal: (id: string) => () => void;\n};\n\nexport const FloatingToolbarContext =\n  createContext<FloatingToolbarContext | null>(null);\n\nexport const FloatingToolbarExternal = forwardRef<\n  HTMLDivElement,\n  ComponentProps<\"div\">\n>(({ children, style, ...props }, forwardedRef) => {\n  const id = useId();\n  const externalId = `liveblocks-floating-toolbar-external-${id}`;\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const registerExternal = floatingToolbarContext?.registerExternal;\n\n  useLayoutEffect(() => {\n    if (!registerExternal) {\n      return;\n    }\n\n    return registerExternal(externalId);\n  }, [registerExternal, externalId]);\n\n  if (!floatingToolbarContext || Children.count(children) === 0) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      style={{ display: \"contents\", ...style }}\n      data-liveblocks-floating-toolbar-external={id}\n      {...props}\n      id={externalId}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["createContext","forwardRef","useId","useContext","useLayoutEffect","Children","jsx","Fragment"],"mappings":";;;;;;AAiBa,MAAA,sBAAA,GACXA,oBAA6C,IAAI,EAAA;AAEtC,MAAA,uBAAA,GAA0BC,iBAGrC,CAAC,EAAE,UAAU,KAAU,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACjD,EAAA,MAAM,KAAKC,WAAM,EAAA,CAAA;AACjB,EAAA,MAAM,aAAa,CAAwC,qCAAA,EAAA,EAAA,CAAA,CAAA,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyBC,iBAAW,sBAAsB,CAAA,CAAA;AAChE,EAAA,MAAM,mBAAmB,sBAAwB,EAAA,gBAAA,CAAA;AAEjD,EAAAC,wBAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAO,iBAAiB,UAAU,CAAA,CAAA;AAAA,GACjC,EAAA,CAAC,gBAAkB,EAAA,UAAU,CAAC,CAAA,CAAA;AAEjC,EAAA,IAAI,CAAC,sBAA0B,IAAAC,cAAA,CAAS,KAAM,CAAA,QAAQ,MAAM,CAAG,EAAA;AAC7D,IAAO,uBAAAC,cAAA,CAAAC,mBAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EAAA,uBACGD,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,YAAA;AAAA,IACL,KAAO,EAAA,EAAE,OAAS,EAAA,UAAA,EAAY,GAAG,KAAM,EAAA;AAAA,IACvC,2CAA2C,EAAA,EAAA;AAAA,IAC1C,GAAG,KAAA;AAAA,IACJ,EAAI,EAAA,UAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;;"}
+{"version":3,"file":"shared.js","sources":["../../src/toolbar/shared.tsx"],"sourcesContent":["import { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport {\n  Children,\n  type ComponentProps,\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n} from \"react\";\n\n// This file is separate to avoid circular dependencies\n\ntype FloatingToolbarContext = {\n  close: () => void;\n  registerExternal: (id: string) => () => void;\n};\n\nexport const FloatingToolbarContext =\n  createContext<FloatingToolbarContext | null>(null);\n\nexport const FloatingToolbarExternal = forwardRef<\n  HTMLDivElement,\n  ComponentProps<\"div\">\n>(({ children, style, ...props }, forwardedRef) => {\n  const id = useId();\n  const externalId = `liveblocks-floating-toolbar-external-${id}`;\n  const floatingToolbarContext = useContext(FloatingToolbarContext);\n  const registerExternal = floatingToolbarContext?.registerExternal;\n\n  useLayoutEffect(() => {\n    if (!registerExternal) {\n      return;\n    }\n\n    return registerExternal(externalId);\n  }, [registerExternal, externalId]);\n\n  if (!floatingToolbarContext || Children.count(children) === 0) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      style={{ display: \"contents\", ...style }}\n      data-liveblocks-floating-toolbar-external={id}\n      {...props}\n      id={externalId}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":[],"mappings":";;;;AAiBa,MAAA,sBAAA,GACX,cAA6C,IAAI,EAAA;AAEtC,MAAA,uBAAA,GAA0B,WAGrC,CAAC,EAAE,UAAU,KAAU,EAAA,GAAA,KAAA,IAAS,YAAiB,KAAA;AACjD,EAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,EAAA,MAAM,aAAa,CAAwC,qCAAA,EAAA,EAAA,CAAA,CAAA,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyB,WAAW,sBAAsB,CAAA,CAAA;AAChE,EAAA,MAAM,mBAAmB,sBAAwB,EAAA,gBAAA,CAAA;AAEjD,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAO,iBAAiB,UAAU,CAAA,CAAA;AAAA,GACjC,EAAA,CAAC,gBAAkB,EAAA,UAAU,CAAC,CAAA,CAAA;AAEjC,EAAA,IAAI,CAAC,sBAA0B,IAAA,QAAA,CAAS,KAAM,CAAA,QAAQ,MAAM,CAAG,EAAA;AAC7D,IAAO,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAK,EAAA,YAAA;AAAA,IACL,KAAO,EAAA,EAAE,OAAS,EAAA,UAAA,EAAY,GAAG,KAAM,EAAA;AAAA,IACvC,2CAA2C,EAAA,EAAA;AAAA,IAC1C,GAAG,KAAA;AAAA,IACJ,EAAI,EAAA,UAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/types.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var state = require('@tiptap/pm/state');
+
+const LIVEBLOCKS_MENTION_KEY = new state.PluginKey("lb-plugin-mention");
+const LIVEBLOCKS_MENTION_PASTE_KEY = new state.PluginKey(
+  "lb-plugin-mention-paste"
+);
+const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new state.PluginKey(
+  "lb-plugin-mention-notify"
+);
+const LIVEBLOCKS_MENTION_EXTENSION = "liveblocksMentionExt";
+const LIVEBLOCKS_MENTION_TYPE = "liveblocksMention";
+const THREADS_ACTIVE_SELECTION_PLUGIN = new state.PluginKey(
+  "lb-threads-active-selection-plugin"
+);
+const THREADS_PLUGIN_KEY = new state.PluginKey(
+  "lb-threads-plugin"
+);
+const AI_TOOLBAR_SELECTION_PLUGIN = new state.PluginKey(
+  "lb-ai-toolbar-selection-plugin"
+);
+const LIVEBLOCKS_COMMENT_MARK_TYPE = "liveblocksCommentMark";
+var ThreadPluginActions = /* @__PURE__ */ ((ThreadPluginActions2) => {
+  ThreadPluginActions2["SET_SELECTED_THREAD_ID"] = "SET_SELECTED_THREAD_ID";
+  return ThreadPluginActions2;
+})(ThreadPluginActions || {});
+
+exports.AI_TOOLBAR_SELECTION_PLUGIN = AI_TOOLBAR_SELECTION_PLUGIN;
+exports.LIVEBLOCKS_COMMENT_MARK_TYPE = LIVEBLOCKS_COMMENT_MARK_TYPE;
+exports.LIVEBLOCKS_MENTION_EXTENSION = LIVEBLOCKS_MENTION_EXTENSION;
+exports.LIVEBLOCKS_MENTION_KEY = LIVEBLOCKS_MENTION_KEY;
+exports.LIVEBLOCKS_MENTION_NOTIFIER_KEY = LIVEBLOCKS_MENTION_NOTIFIER_KEY;
+exports.LIVEBLOCKS_MENTION_PASTE_KEY = LIVEBLOCKS_MENTION_PASTE_KEY;
+exports.LIVEBLOCKS_MENTION_TYPE = LIVEBLOCKS_MENTION_TYPE;
+exports.THREADS_ACTIVE_SELECTION_PLUGIN = THREADS_ACTIVE_SELECTION_PLUGIN;
+exports.THREADS_PLUGIN_KEY = THREADS_PLUGIN_KEY;
+exports.ThreadPluginActions = ThreadPluginActions;
+//# sourceMappingURL=types.cjs.map

package/dist/{types.mjs.map → types.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../src/types.ts"],"sourcesContent":["import type {\n  ContextualPromptContext,\n  ContextualPromptResponse,\n  Relax,\n} from \"@liveblocks/core\";\nimport type { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { Content, Range } from \"@tiptap/core\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\nimport type { ChainedCommands, SingleCommands } from \"@tiptap/react\";\nimport type { ProsemirrorBinding } from \"y-prosemirror\";\nimport type { Doc, PermanentUserData, Snapshot } from \"yjs\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\n\nexport const LIVEBLOCKS_MENTION_EXTENSION = \"liveblocksMentionExt\";\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-threads-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\nexport const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(\n  \"lb-ai-toolbar-selection-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptArgs = {\n  /**\n   * The prompt being requested by the user.\n   */\n  prompt: string;\n\n  /**\n   * The context of the document and its current selection.\n   */\n  context: ContextualPromptContext;\n\n  /**\n   * The previous request and its response, if this is a follow-up request.\n   */\n  previous?: {\n    prompt: string;\n    response: ContextualPromptResponse;\n  };\n\n  /**\n   * An abort signal that can be used to cancel requests.\n   */\n  signal: AbortSignal;\n};\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptResponse = ContextualPromptResponse;\n\nexport interface AiConfiguration {\n  /**\n   * The AI's name. (\"Ask {name} anything…\", \"{name} is thinking…\", etc)\n   */\n  name?: string;\n\n  /**\n   * A function that returns an a response to a contextual prompt.\n   */\n  resolveContextualPrompt?: (\n    args: ResolveContextualPromptArgs\n  ) => Promise<ContextualPromptResponse>;\n}\n\nexport type LiveblocksExtensionOptions = {\n  field?: string;\n  comments?: boolean; // | CommentsConfiguration\n  mentions?: boolean; // | MentionsConfiguration\n  ai?: boolean | AiConfiguration;\n  offlineSupport_experimental?: boolean;\n  initialContent?: Content;\n  enablePermanentUserData?: boolean;\n};\n\nexport type LiveblocksExtensionStorage = {\n  unsubs: (() => void)[];\n  doc: Doc;\n  provider: LiveblocksYjsProvider;\n  permanentUserData?: PermanentUserData;\n};\n\nexport type CommentsExtensionStorage = {\n  pendingComment: boolean;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type AiExtensionOptions = Required<\n  Pick<AiConfiguration, \"name\" | \"resolveContextualPrompt\">\n> & {\n  doc: Doc | undefined;\n  pud: PermanentUserData | undefined;\n};\n\n/**\n * The state of the AI toolbar.\n *\n *                             ┌────────────────────────────────────────────────────────────────────────────────┐\n *                             │                                                                                │\n *                             │ ┌──────────────────────────────────────────────┐                               │\n *                             ▼ ▼                                              │                               │\n *              ┌───────$closeAiToolbar()───────┐                               │                               │\n *              ▼                               ◇                               ◇                               ◇\n *  ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐\n *  │        CLOSED         │       │        ASKING         │       │       THINKING        │       │       REVIEWING       │\n *  └───────────────────────┘       └───────────────────────┘       └───────────────────────┘       └───────────────────────┘\n *           ▲ ◇ ◇                           ▲ ▲ ◇ ▲                          ▲ ◇                             ▲ ◇ ◇\n *           │ │ └───$openAiToolbarAsking()──┘ │ │ └ ─ ─ ─ ─ ─ ─⚠─ ─ ─ ─ ─ ─ ─│─├── ─ ─ ─ ─ ─ ─✓─ ─ ─ ─ ─ ─ ─ ┘ │ │\n *           │ │                               │ ▼                            │ │                               │ │\n *           │ └─────────────────$startAiToolbarThinking(prompt)──────────────┘ │                               │ │\n *           │                                 │ ▲                              │                               │ │\n *           │                                 │ └──────────────────────────────┼───────────────────────────────┘ │\n *           │                                 │                                │                                 │\n *           │                                 └───$cancelAiToolbarThinking()───┘                                 │\n *           │                                                                                                    │\n *           └─────────────────────────────────────$acceptAiToolbarResponse()─────────────────────────────────────┘\n *\n */\nexport type AiToolbarState = Relax<\n  | {\n      phase: \"closed\";\n    }\n  | {\n      phase: \"asking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * A potential error that occurred during the last AI request.\n       */\n      error?: Error;\n    }\n  | {\n      phase: \"thinking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * An abort controller to cancel the AI request.\n       */\n      abortController: AbortController;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The previous response if this \"thinking\" phase is a refinement.\n       */\n      previousResponse?: ContextualPromptResponse;\n    }\n  | {\n      phase: \"reviewing\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The response of the AI request.\n       */\n      response: ContextualPromptResponse;\n    }\n>;\n\nexport type AiExtensionStorage = {\n  name: string;\n  state: AiToolbarState;\n  snapshot?: Snapshot;\n};\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n\nexport type FloatingPosition = \"top\" | \"bottom\";\n\nexport type ExtendedCommands<\n  T extends string,\n  A extends any[] = [],\n> = SingleCommands & Record<T, (...args: A) => boolean>;\n\nexport type ExtendedChainedCommands<\n  T extends string,\n  A extends any[] = [],\n> = ChainedCommands & Record<T, (...args: A) => ChainedCommands>;\n\nexport type ChainedAiCommands = ChainedCommands & {\n  [K in keyof AiCommands]: (\n    ...args: Parameters<AiCommands[K]>\n  ) => ChainedCommands;\n};\n\nexport type CommentsCommands<ReturnType = boolean> = {\n  /**\n   * Add a comment\n   */\n  addComment: (id: string) => ReturnType;\n  selectThread: (id: string | null) => ReturnType;\n  addPendingComment: () => ReturnType;\n\n  /** @internal */\n  closePendingComment: () => ReturnType;\n};\n\nexport type AiCommands<ReturnType = boolean> = {\n  askAi: (prompt?: string) => ReturnType;\n\n  // Transitions (see AiToolbarState)\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Close the AI toolbar.\n   */\n  $closeAiToolbar: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Accept the current AI response and close the AI toolbar.\n   */\n  $acceptAiToolbarResponse: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Open the AI toolbar in the \"asking\" phase.\n   */\n  $openAiToolbarAsking: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Set (and open if not already open) the AI toolbar in the \"thinking\" phase with the given prompt.\n   */\n  $startAiToolbarThinking: (\n    prompt: string,\n    withPreviousResponse?: boolean\n  ) => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Cancel the current \"thinking\" phase, going back to the \"asking\" phase.\n   */\n  $cancelAiToolbarThinking: () => ReturnType;\n\n  // Other\n\n  /**\n   * @internal\n   *\n   * Show the diff of the current \"reviewing\" phase.\n   */\n  _showAiToolbarReviewingDiff: () => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle the success of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingSuccess: (\n    response: ContextualPromptResponse\n  ) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle an error of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingError: (error: unknown) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Update the current custom AI prompt.\n   */\n  _updateAiToolbarCustomPrompt: (\n    customPrompt: string | ((currentCustomPrompt: string) => string)\n  ) => ReturnType;\n};\n\nexport type YSyncPluginState = {\n  binding: ProsemirrorBinding;\n};\n"],"names":["ThreadPluginActions"],"mappings":";;AAaa,MAAA,sBAAA,GAAyB,IAAI,SAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAI,SAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAI,SAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,uBAAA;AACrC,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,kCAAkC,IAAI,SAAA;AAAA,EACjD,oCAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAI,SAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AACO,MAAM,8BAA8B,IAAI,SAAA;AAAA,EAC7C,gCAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAsE1B,IAAA,mBAAA,qBAAAA,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;"}
+{"version":3,"file":"types.cjs","sources":["../src/types.ts"],"sourcesContent":["import type {\n  ContextualPromptContext,\n  ContextualPromptResponse,\n  Relax,\n} from \"@liveblocks/core\";\nimport type { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { Content, Range } from \"@tiptap/core\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\nimport type { ChainedCommands, SingleCommands } from \"@tiptap/react\";\nimport type { ProsemirrorBinding } from \"y-prosemirror\";\nimport type { Doc, PermanentUserData, Snapshot } from \"yjs\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\n\nexport const LIVEBLOCKS_MENTION_EXTENSION = \"liveblocksMentionExt\";\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-threads-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\nexport const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(\n  \"lb-ai-toolbar-selection-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptArgs = {\n  /**\n   * The prompt being requested by the user.\n   */\n  prompt: string;\n\n  /**\n   * The context of the document and its current selection.\n   */\n  context: ContextualPromptContext;\n\n  /**\n   * The previous request and its response, if this is a follow-up request.\n   */\n  previous?: {\n    prompt: string;\n    response: ContextualPromptResponse;\n  };\n\n  /**\n   * An abort signal that can be used to cancel requests.\n   */\n  signal: AbortSignal;\n};\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptResponse = ContextualPromptResponse;\n\nexport interface AiConfiguration {\n  /**\n   * The AI's name. (\"Ask {name} anything…\", \"{name} is thinking…\", etc)\n   */\n  name?: string;\n\n  /**\n   * A function that returns an a response to a contextual prompt.\n   */\n  resolveContextualPrompt?: (\n    args: ResolveContextualPromptArgs\n  ) => Promise<ContextualPromptResponse>;\n}\n\nexport type LiveblocksExtensionOptions = {\n  field?: string;\n  comments?: boolean; // | CommentsConfiguration\n  mentions?: boolean; // | MentionsConfiguration\n  ai?: boolean | AiConfiguration;\n  offlineSupport_experimental?: boolean;\n  initialContent?: Content;\n  enablePermanentUserData?: boolean;\n};\n\nexport type LiveblocksExtensionStorage = {\n  unsubs: (() => void)[];\n  doc: Doc;\n  provider: LiveblocksYjsProvider;\n  permanentUserData?: PermanentUserData;\n};\n\nexport type CommentsExtensionStorage = {\n  pendingComment: boolean;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type AiExtensionOptions = Required<\n  Pick<AiConfiguration, \"name\" | \"resolveContextualPrompt\">\n> & {\n  doc: Doc | undefined;\n  pud: PermanentUserData | undefined;\n};\n\n/**\n * The state of the AI toolbar.\n *\n *                             ┌────────────────────────────────────────────────────────────────────────────────┐\n *                             │                                                                                │\n *                             │ ┌──────────────────────────────────────────────┐                               │\n *                             ▼ ▼                                              │                               │\n *              ┌───────$closeAiToolbar()───────┐                               │                               │\n *              ▼                               ◇                               ◇                               ◇\n *  ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐\n *  │        CLOSED         │       │        ASKING         │       │       THINKING        │       │       REVIEWING       │\n *  └───────────────────────┘       └───────────────────────┘       └───────────────────────┘       └───────────────────────┘\n *           ▲ ◇ ◇                           ▲ ▲ ◇ ▲                          ▲ ◇                             ▲ ◇ ◇\n *           │ │ └───$openAiToolbarAsking()──┘ │ │ └ ─ ─ ─ ─ ─ ─⚠─ ─ ─ ─ ─ ─ ─│─├── ─ ─ ─ ─ ─ ─✓─ ─ ─ ─ ─ ─ ─ ┘ │ │\n *           │ │                               │ ▼                            │ │                               │ │\n *           │ └─────────────────$startAiToolbarThinking(prompt)──────────────┘ │                               │ │\n *           │                                 │ ▲                              │                               │ │\n *           │                                 │ └──────────────────────────────┼───────────────────────────────┘ │\n *           │                                 │                                │                                 │\n *           │                                 └───$cancelAiToolbarThinking()───┘                                 │\n *           │                                                                                                    │\n *           └─────────────────────────────────────$acceptAiToolbarResponse()─────────────────────────────────────┘\n *\n */\nexport type AiToolbarState = Relax<\n  | {\n      phase: \"closed\";\n    }\n  | {\n      phase: \"asking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * A potential error that occurred during the last AI request.\n       */\n      error?: Error;\n    }\n  | {\n      phase: \"thinking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * An abort controller to cancel the AI request.\n       */\n      abortController: AbortController;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The previous response if this \"thinking\" phase is a refinement.\n       */\n      previousResponse?: ContextualPromptResponse;\n    }\n  | {\n      phase: \"reviewing\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The response of the AI request.\n       */\n      response: ContextualPromptResponse;\n    }\n>;\n\nexport type AiExtensionStorage = {\n  name: string;\n  state: AiToolbarState;\n  snapshot?: Snapshot;\n};\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n\nexport type FloatingPosition = \"top\" | \"bottom\";\n\nexport type ExtendedCommands<\n  T extends string,\n  A extends any[] = [],\n> = SingleCommands & Record<T, (...args: A) => boolean>;\n\nexport type ExtendedChainedCommands<\n  T extends string,\n  A extends any[] = [],\n> = ChainedCommands & Record<T, (...args: A) => ChainedCommands>;\n\nexport type ChainedAiCommands = ChainedCommands & {\n  [K in keyof AiCommands]: (\n    ...args: Parameters<AiCommands[K]>\n  ) => ChainedCommands;\n};\n\nexport type CommentsCommands<ReturnType = boolean> = {\n  /**\n   * Add a comment\n   */\n  addComment: (id: string) => ReturnType;\n  selectThread: (id: string | null) => ReturnType;\n  addPendingComment: () => ReturnType;\n\n  /** @internal */\n  closePendingComment: () => ReturnType;\n};\n\nexport type AiCommands<ReturnType = boolean> = {\n  askAi: (prompt?: string) => ReturnType;\n\n  // Transitions (see AiToolbarState)\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Close the AI toolbar.\n   */\n  $closeAiToolbar: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Accept the current AI response and close the AI toolbar.\n   */\n  $acceptAiToolbarResponse: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Open the AI toolbar in the \"asking\" phase.\n   */\n  $openAiToolbarAsking: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Set (and open if not already open) the AI toolbar in the \"thinking\" phase with the given prompt.\n   */\n  $startAiToolbarThinking: (\n    prompt: string,\n    withPreviousResponse?: boolean\n  ) => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Cancel the current \"thinking\" phase, going back to the \"asking\" phase.\n   */\n  $cancelAiToolbarThinking: () => ReturnType;\n\n  // Other\n\n  /**\n   * @internal\n   *\n   * Show the diff of the current \"reviewing\" phase.\n   */\n  _showAiToolbarReviewingDiff: () => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle the success of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingSuccess: (\n    response: ContextualPromptResponse\n  ) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle an error of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingError: (error: unknown) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Update the current custom AI prompt.\n   */\n  _updateAiToolbarCustomPrompt: (\n    customPrompt: string | ((currentCustomPrompt: string) => string)\n  ) => ReturnType;\n};\n\nexport type YSyncPluginState = {\n  binding: ProsemirrorBinding;\n};\n"],"names":["PluginKey","ThreadPluginActions"],"mappings":";;;;AAaa,MAAA,sBAAA,GAAyB,IAAIA,eAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAIA,eAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAIA,eAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,uBAAA;AACrC,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,kCAAkC,IAAIA,eAAA;AAAA,EACjD,oCAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAIA,eAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AACO,MAAM,8BAA8B,IAAIA,eAAA;AAAA,EAC7C,gCAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAsE1B,IAAA,mBAAA,qBAAAC,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;;;;;;;;;;"}

package/dist/types.js

@@ -1,23 +1,21 @@
-'use strict';
+import { PluginKey } from '@tiptap/pm/state';
 
-var state = require('@tiptap/pm/state');
-
-const LIVEBLOCKS_MENTION_KEY = new state.PluginKey("lb-plugin-mention");
-const LIVEBLOCKS_MENTION_PASTE_KEY = new state.PluginKey(
+const LIVEBLOCKS_MENTION_KEY = new PluginKey("lb-plugin-mention");
+const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(
   "lb-plugin-mention-paste"
 );
-const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new state.PluginKey(
+const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(
   "lb-plugin-mention-notify"
 );
 const LIVEBLOCKS_MENTION_EXTENSION = "liveblocksMentionExt";
 const LIVEBLOCKS_MENTION_TYPE = "liveblocksMention";
-const THREADS_ACTIVE_SELECTION_PLUGIN = new state.PluginKey(
+const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(
   "lb-threads-active-selection-plugin"
 );
-const THREADS_PLUGIN_KEY = new state.PluginKey(
+const THREADS_PLUGIN_KEY = new PluginKey(
   "lb-threads-plugin"
 );
-const AI_TOOLBAR_SELECTION_PLUGIN = new state.PluginKey(
+const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(
   "lb-ai-toolbar-selection-plugin"
 );
 const LIVEBLOCKS_COMMENT_MARK_TYPE = "liveblocksCommentMark";
@@ -26,14 +24,5 @@ var ThreadPluginActions = /* @__PURE__ */ ((ThreadPluginActions2) => {
   return ThreadPluginActions2;
 })(ThreadPluginActions || {});
 
-exports.AI_TOOLBAR_SELECTION_PLUGIN = AI_TOOLBAR_SELECTION_PLUGIN;
-exports.LIVEBLOCKS_COMMENT_MARK_TYPE = LIVEBLOCKS_COMMENT_MARK_TYPE;
-exports.LIVEBLOCKS_MENTION_EXTENSION = LIVEBLOCKS_MENTION_EXTENSION;
-exports.LIVEBLOCKS_MENTION_KEY = LIVEBLOCKS_MENTION_KEY;
-exports.LIVEBLOCKS_MENTION_NOTIFIER_KEY = LIVEBLOCKS_MENTION_NOTIFIER_KEY;
-exports.LIVEBLOCKS_MENTION_PASTE_KEY = LIVEBLOCKS_MENTION_PASTE_KEY;
-exports.LIVEBLOCKS_MENTION_TYPE = LIVEBLOCKS_MENTION_TYPE;
-exports.THREADS_ACTIVE_SELECTION_PLUGIN = THREADS_ACTIVE_SELECTION_PLUGIN;
-exports.THREADS_PLUGIN_KEY = THREADS_PLUGIN_KEY;
-exports.ThreadPluginActions = ThreadPluginActions;
+export { AI_TOOLBAR_SELECTION_PLUGIN, LIVEBLOCKS_COMMENT_MARK_TYPE, LIVEBLOCKS_MENTION_EXTENSION, LIVEBLOCKS_MENTION_KEY, LIVEBLOCKS_MENTION_NOTIFIER_KEY, LIVEBLOCKS_MENTION_PASTE_KEY, LIVEBLOCKS_MENTION_TYPE, THREADS_ACTIVE_SELECTION_PLUGIN, THREADS_PLUGIN_KEY, ThreadPluginActions };
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import type {\n  ContextualPromptContext,\n  ContextualPromptResponse,\n  Relax,\n} from \"@liveblocks/core\";\nimport type { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { Content, Range } from \"@tiptap/core\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\nimport type { ChainedCommands, SingleCommands } from \"@tiptap/react\";\nimport type { ProsemirrorBinding } from \"y-prosemirror\";\nimport type { Doc, PermanentUserData, Snapshot } from \"yjs\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\n\nexport const LIVEBLOCKS_MENTION_EXTENSION = \"liveblocksMentionExt\";\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-threads-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\nexport const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(\n  \"lb-ai-toolbar-selection-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptArgs = {\n  /**\n   * The prompt being requested by the user.\n   */\n  prompt: string;\n\n  /**\n   * The context of the document and its current selection.\n   */\n  context: ContextualPromptContext;\n\n  /**\n   * The previous request and its response, if this is a follow-up request.\n   */\n  previous?: {\n    prompt: string;\n    response: ContextualPromptResponse;\n  };\n\n  /**\n   * An abort signal that can be used to cancel requests.\n   */\n  signal: AbortSignal;\n};\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptResponse = ContextualPromptResponse;\n\nexport interface AiConfiguration {\n  /**\n   * The AI's name. (\"Ask {name} anything…\", \"{name} is thinking…\", etc)\n   */\n  name?: string;\n\n  /**\n   * A function that returns an a response to a contextual prompt.\n   */\n  resolveContextualPrompt?: (\n    args: ResolveContextualPromptArgs\n  ) => Promise<ContextualPromptResponse>;\n}\n\nexport type LiveblocksExtensionOptions = {\n  field?: string;\n  comments?: boolean; // | CommentsConfiguration\n  mentions?: boolean; // | MentionsConfiguration\n  ai?: boolean | AiConfiguration;\n  offlineSupport_experimental?: boolean;\n  initialContent?: Content;\n  enablePermanentUserData?: boolean;\n};\n\nexport type LiveblocksExtensionStorage = {\n  unsubs: (() => void)[];\n  doc: Doc;\n  provider: LiveblocksYjsProvider;\n  permanentUserData?: PermanentUserData;\n};\n\nexport type CommentsExtensionStorage = {\n  pendingComment: boolean;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type AiExtensionOptions = Required<\n  Pick<AiConfiguration, \"name\" | \"resolveContextualPrompt\">\n> & {\n  doc: Doc | undefined;\n  pud: PermanentUserData | undefined;\n};\n\n/**\n * The state of the AI toolbar.\n *\n *                             ┌────────────────────────────────────────────────────────────────────────────────┐\n *                             │                                                                                │\n *                             │ ┌──────────────────────────────────────────────┐                               │\n *                             ▼ ▼                                              │                               │\n *              ┌───────$closeAiToolbar()───────┐                               │                               │\n *              ▼                               ◇                               ◇                               ◇\n *  ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐\n *  │        CLOSED         │       │        ASKING         │       │       THINKING        │       │       REVIEWING       │\n *  └───────────────────────┘       └───────────────────────┘       └───────────────────────┘       └───────────────────────┘\n *           ▲ ◇ ◇                           ▲ ▲ ◇ ▲                          ▲ ◇                             ▲ ◇ ◇\n *           │ │ └───$openAiToolbarAsking()──┘ │ │ └ ─ ─ ─ ─ ─ ─⚠─ ─ ─ ─ ─ ─ ─│─├── ─ ─ ─ ─ ─ ─✓─ ─ ─ ─ ─ ─ ─ ┘ │ │\n *           │ │                               │ ▼                            │ │                               │ │\n *           │ └─────────────────$startAiToolbarThinking(prompt)──────────────┘ │                               │ │\n *           │                                 │ ▲                              │                               │ │\n *           │                                 │ └──────────────────────────────┼───────────────────────────────┘ │\n *           │                                 │                                │                                 │\n *           │                                 └───$cancelAiToolbarThinking()───┘                                 │\n *           │                                                                                                    │\n *           └─────────────────────────────────────$acceptAiToolbarResponse()─────────────────────────────────────┘\n *\n */\nexport type AiToolbarState = Relax<\n  | {\n      phase: \"closed\";\n    }\n  | {\n      phase: \"asking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * A potential error that occurred during the last AI request.\n       */\n      error?: Error;\n    }\n  | {\n      phase: \"thinking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * An abort controller to cancel the AI request.\n       */\n      abortController: AbortController;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The previous response if this \"thinking\" phase is a refinement.\n       */\n      previousResponse?: ContextualPromptResponse;\n    }\n  | {\n      phase: \"reviewing\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The response of the AI request.\n       */\n      response: ContextualPromptResponse;\n    }\n>;\n\nexport type AiExtensionStorage = {\n  name: string;\n  state: AiToolbarState;\n  snapshot?: Snapshot;\n};\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n\nexport type FloatingPosition = \"top\" | \"bottom\";\n\nexport type ExtendedCommands<\n  T extends string,\n  A extends any[] = [],\n> = SingleCommands & Record<T, (...args: A) => boolean>;\n\nexport type ExtendedChainedCommands<\n  T extends string,\n  A extends any[] = [],\n> = ChainedCommands & Record<T, (...args: A) => ChainedCommands>;\n\nexport type ChainedAiCommands = ChainedCommands & {\n  [K in keyof AiCommands]: (\n    ...args: Parameters<AiCommands[K]>\n  ) => ChainedCommands;\n};\n\nexport type CommentsCommands<ReturnType = boolean> = {\n  /**\n   * Add a comment\n   */\n  addComment: (id: string) => ReturnType;\n  selectThread: (id: string | null) => ReturnType;\n  addPendingComment: () => ReturnType;\n\n  /** @internal */\n  closePendingComment: () => ReturnType;\n};\n\nexport type AiCommands<ReturnType = boolean> = {\n  askAi: (prompt?: string) => ReturnType;\n\n  // Transitions (see AiToolbarState)\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Close the AI toolbar.\n   */\n  $closeAiToolbar: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Accept the current AI response and close the AI toolbar.\n   */\n  $acceptAiToolbarResponse: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Open the AI toolbar in the \"asking\" phase.\n   */\n  $openAiToolbarAsking: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Set (and open if not already open) the AI toolbar in the \"thinking\" phase with the given prompt.\n   */\n  $startAiToolbarThinking: (\n    prompt: string,\n    withPreviousResponse?: boolean\n  ) => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Cancel the current \"thinking\" phase, going back to the \"asking\" phase.\n   */\n  $cancelAiToolbarThinking: () => ReturnType;\n\n  // Other\n\n  /**\n   * @internal\n   *\n   * Show the diff of the current \"reviewing\" phase.\n   */\n  _showAiToolbarReviewingDiff: () => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle the success of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingSuccess: (\n    response: ContextualPromptResponse\n  ) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle an error of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingError: (error: unknown) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Update the current custom AI prompt.\n   */\n  _updateAiToolbarCustomPrompt: (\n    customPrompt: string | ((currentCustomPrompt: string) => string)\n  ) => ReturnType;\n};\n\nexport type YSyncPluginState = {\n  binding: ProsemirrorBinding;\n};\n"],"names":["PluginKey","ThreadPluginActions"],"mappings":";;;;AAaa,MAAA,sBAAA,GAAyB,IAAIA,eAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAIA,eAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAIA,eAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,uBAAA;AACrC,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,kCAAkC,IAAIA,eAAA;AAAA,EACjD,oCAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAIA,eAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AACO,MAAM,8BAA8B,IAAIA,eAAA;AAAA,EAC7C,gCAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAsE1B,IAAA,mBAAA,qBAAAC,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import type {\n  ContextualPromptContext,\n  ContextualPromptResponse,\n  Relax,\n} from \"@liveblocks/core\";\nimport type { LiveblocksYjsProvider } from \"@liveblocks/yjs\";\nimport type { Content, Range } from \"@tiptap/core\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\nimport type { ChainedCommands, SingleCommands } from \"@tiptap/react\";\nimport type { ProsemirrorBinding } from \"y-prosemirror\";\nimport type { Doc, PermanentUserData, Snapshot } from \"yjs\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\n\nexport const LIVEBLOCKS_MENTION_EXTENSION = \"liveblocksMentionExt\";\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-threads-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\nexport const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(\n  \"lb-ai-toolbar-selection-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptArgs = {\n  /**\n   * The prompt being requested by the user.\n   */\n  prompt: string;\n\n  /**\n   * The context of the document and its current selection.\n   */\n  context: ContextualPromptContext;\n\n  /**\n   * The previous request and its response, if this is a follow-up request.\n   */\n  previous?: {\n    prompt: string;\n    response: ContextualPromptResponse;\n  };\n\n  /**\n   * An abort signal that can be used to cancel requests.\n   */\n  signal: AbortSignal;\n};\n\n/**\n * @beta\n */\nexport type ResolveContextualPromptResponse = ContextualPromptResponse;\n\nexport interface AiConfiguration {\n  /**\n   * The AI's name. (\"Ask {name} anything…\", \"{name} is thinking…\", etc)\n   */\n  name?: string;\n\n  /**\n   * A function that returns an a response to a contextual prompt.\n   */\n  resolveContextualPrompt?: (\n    args: ResolveContextualPromptArgs\n  ) => Promise<ContextualPromptResponse>;\n}\n\nexport type LiveblocksExtensionOptions = {\n  field?: string;\n  comments?: boolean; // | CommentsConfiguration\n  mentions?: boolean; // | MentionsConfiguration\n  ai?: boolean | AiConfiguration;\n  offlineSupport_experimental?: boolean;\n  initialContent?: Content;\n  enablePermanentUserData?: boolean;\n};\n\nexport type LiveblocksExtensionStorage = {\n  unsubs: (() => void)[];\n  doc: Doc;\n  provider: LiveblocksYjsProvider;\n  permanentUserData?: PermanentUserData;\n};\n\nexport type CommentsExtensionStorage = {\n  pendingComment: boolean;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type AiExtensionOptions = Required<\n  Pick<AiConfiguration, \"name\" | \"resolveContextualPrompt\">\n> & {\n  doc: Doc | undefined;\n  pud: PermanentUserData | undefined;\n};\n\n/**\n * The state of the AI toolbar.\n *\n *                             ┌────────────────────────────────────────────────────────────────────────────────┐\n *                             │                                                                                │\n *                             │ ┌──────────────────────────────────────────────┐                               │\n *                             ▼ ▼                                              │                               │\n *              ┌───────$closeAiToolbar()───────┐                               │                               │\n *              ▼                               ◇                               ◇                               ◇\n *  ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐       ┌───────────────────────┐\n *  │        CLOSED         │       │        ASKING         │       │       THINKING        │       │       REVIEWING       │\n *  └───────────────────────┘       └───────────────────────┘       └───────────────────────┘       └───────────────────────┘\n *           ▲ ◇ ◇                           ▲ ▲ ◇ ▲                          ▲ ◇                             ▲ ◇ ◇\n *           │ │ └───$openAiToolbarAsking()──┘ │ │ └ ─ ─ ─ ─ ─ ─⚠─ ─ ─ ─ ─ ─ ─│─├── ─ ─ ─ ─ ─ ─✓─ ─ ─ ─ ─ ─ ─ ┘ │ │\n *           │ │                               │ ▼                            │ │                               │ │\n *           │ └─────────────────$startAiToolbarThinking(prompt)──────────────┘ │                               │ │\n *           │                                 │ ▲                              │                               │ │\n *           │                                 │ └──────────────────────────────┼───────────────────────────────┘ │\n *           │                                 │                                │                                 │\n *           │                                 └───$cancelAiToolbarThinking()───┘                                 │\n *           │                                                                                                    │\n *           └─────────────────────────────────────$acceptAiToolbarResponse()─────────────────────────────────────┘\n *\n */\nexport type AiToolbarState = Relax<\n  | {\n      phase: \"closed\";\n    }\n  | {\n      phase: \"asking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * A potential error that occurred during the last AI request.\n       */\n      error?: Error;\n    }\n  | {\n      phase: \"thinking\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * An abort controller to cancel the AI request.\n       */\n      abortController: AbortController;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The previous response if this \"thinking\" phase is a refinement.\n       */\n      previousResponse?: ContextualPromptResponse;\n    }\n  | {\n      phase: \"reviewing\";\n\n      /**\n       * The selection stored when opening the AI toolbar.\n       */\n      initialSelection: Range;\n\n      /**\n       * The custom prompt being written in the toolbar.\n       */\n      customPrompt: string;\n\n      /**\n       * The prompt sent to the AI.\n       */\n      prompt: string;\n\n      /**\n       * The response of the AI request.\n       */\n      response: ContextualPromptResponse;\n    }\n>;\n\nexport type AiExtensionStorage = {\n  name: string;\n  state: AiToolbarState;\n  snapshot?: Snapshot;\n};\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n\nexport type FloatingPosition = \"top\" | \"bottom\";\n\nexport type ExtendedCommands<\n  T extends string,\n  A extends any[] = [],\n> = SingleCommands & Record<T, (...args: A) => boolean>;\n\nexport type ExtendedChainedCommands<\n  T extends string,\n  A extends any[] = [],\n> = ChainedCommands & Record<T, (...args: A) => ChainedCommands>;\n\nexport type ChainedAiCommands = ChainedCommands & {\n  [K in keyof AiCommands]: (\n    ...args: Parameters<AiCommands[K]>\n  ) => ChainedCommands;\n};\n\nexport type CommentsCommands<ReturnType = boolean> = {\n  /**\n   * Add a comment\n   */\n  addComment: (id: string) => ReturnType;\n  selectThread: (id: string | null) => ReturnType;\n  addPendingComment: () => ReturnType;\n\n  /** @internal */\n  closePendingComment: () => ReturnType;\n};\n\nexport type AiCommands<ReturnType = boolean> = {\n  askAi: (prompt?: string) => ReturnType;\n\n  // Transitions (see AiToolbarState)\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Close the AI toolbar.\n   */\n  $closeAiToolbar: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Accept the current AI response and close the AI toolbar.\n   */\n  $acceptAiToolbarResponse: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Open the AI toolbar in the \"asking\" phase.\n   */\n  $openAiToolbarAsking: () => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Set (and open if not already open) the AI toolbar in the \"thinking\" phase with the given prompt.\n   */\n  $startAiToolbarThinking: (\n    prompt: string,\n    withPreviousResponse?: boolean\n  ) => ReturnType;\n\n  /**\n   * @internal\n   * @transition\n   *\n   * Cancel the current \"thinking\" phase, going back to the \"asking\" phase.\n   */\n  $cancelAiToolbarThinking: () => ReturnType;\n\n  // Other\n\n  /**\n   * @internal\n   *\n   * Show the diff of the current \"reviewing\" phase.\n   */\n  _showAiToolbarReviewingDiff: () => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle the success of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingSuccess: (\n    response: ContextualPromptResponse\n  ) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Handle an error of the current \"thinking\" phase.\n   */\n  _handleAiToolbarThinkingError: (error: unknown) => ReturnType;\n\n  /**\n   * @internal\n   *\n   * Update the current custom AI prompt.\n   */\n  _updateAiToolbarCustomPrompt: (\n    customPrompt: string | ((currentCustomPrompt: string) => string)\n  ) => ReturnType;\n};\n\nexport type YSyncPluginState = {\n  binding: ProsemirrorBinding;\n};\n"],"names":["ThreadPluginActions"],"mappings":";;AAaa,MAAA,sBAAA,GAAyB,IAAI,SAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAI,SAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAI,SAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,uBAAA;AACrC,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,kCAAkC,IAAI,SAAA;AAAA,EACjD,oCAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAI,SAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AACO,MAAM,8BAA8B,IAAI,SAAA;AAAA,EAC7C,gCAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAsE1B,IAAA,mBAAA,qBAAAA,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;"}

package/dist/{utils.mjs → utils.cjs}

@@ -1,23 +1,25 @@
-import { Fragment } from '@tiptap/pm/model';
-import { TextSelection } from '@tiptap/pm/state';
-import { ySyncPluginKey, getRelativeSelection, relativePositionToAbsolutePosition } from 'y-prosemirror';
-import { LIVEBLOCKS_MENTION_TYPE } from './types.mjs';
+'use strict';
+
+var model = require('@tiptap/pm/model');
+var state = require('@tiptap/pm/state');
+var yProsemirror = require('y-prosemirror');
+var types = require('./types.cjs');
 
 const CONTEXT_TRUNCATION = "[\u2026]";
 const CONTEXT_BLOCK_SEPARATOR = "\n";
 const getRelativeSelectionFromState = (state) => {
-  const pluginState = ySyncPluginKey.getState(state);
+  const pluginState = yProsemirror.ySyncPluginKey.getState(state);
   if (!pluginState)
     return null;
-  return getRelativeSelection(pluginState.binding, state);
+  return yProsemirror.getRelativeSelection(pluginState.binding, state);
 };
 const getRangeFromRelativeSelections = (pos, state) => {
-  const pluginState = ySyncPluginKey.getState(state);
+  const pluginState = yProsemirror.ySyncPluginKey.getState(state);
   if (!pluginState || !pluginState.binding)
     return { from: 0, to: 0 };
   const { doc, type, mapping } = pluginState.binding;
-  const anchor = relativePositionToAbsolutePosition(doc, type, pos.anchor, mapping) ?? 0;
-  const head = relativePositionToAbsolutePosition(doc, type, pos.head, mapping) ?? 0;
+  const anchor = yProsemirror.relativePositionToAbsolutePosition(doc, type, pos.anchor, mapping) ?? 0;
+  const head = yProsemirror.relativePositionToAbsolutePosition(doc, type, pos.head, mapping) ?? 0;
   const from = anchor > head ? head : anchor;
   const to = anchor > head ? anchor : head;
   return { from, to };
@@ -34,7 +36,7 @@ const getRectFromCoords = (coords) => {
 const getMentionsFromNode = (node, range) => {
   const result = [];
   node.nodesBetween(range.from, range.to, (child) => {
-    if (child.type.name === LIVEBLOCKS_MENTION_TYPE) {
+    if (child.type.name === types.LIVEBLOCKS_MENTION_TYPE) {
       const mention = child.attrs;
       if (mention.id && mention.notificationId) {
         result.push({
@@ -57,13 +59,13 @@ const mapFragment = (fragment, callback) => {
     }
     content.push(callback(node));
   });
-  return Fragment.from(content);
+  return model.Fragment.from(content);
 };
 function getDomRangeFromSelection(editor, selection) {
   if (selection.from === selection.to) {
     const { parent, parentOffset } = selection.$from;
     if (parent.isBlock && parent.content.size === 0 || parent.isTextblock && parentOffset === parent.content.size) {
-      selection = TextSelection.create(
+      selection = state.TextSelection.create(
         editor.state.doc,
         selection.$from.before(),
         selection.$from.after()
@@ -163,5 +165,12 @@ function getContextualPromptContext(editor, maxLength = 1e4) {
   }
 }
 
-export { compareSelections, getContextualPromptContext, getDomRangeFromSelection, getMentionsFromNode, getRangeFromRelativeSelections, getRectFromCoords, getRelativeSelectionFromState, mapFragment };
-//# sourceMappingURL=utils.mjs.map
+exports.compareSelections = compareSelections;
+exports.getContextualPromptContext = getContextualPromptContext;
+exports.getDomRangeFromSelection = getDomRangeFromSelection;
+exports.getMentionsFromNode = getMentionsFromNode;
+exports.getRangeFromRelativeSelections = getRangeFromRelativeSelections;
+exports.getRectFromCoords = getRectFromCoords;
+exports.getRelativeSelectionFromState = getRelativeSelectionFromState;
+exports.mapFragment = mapFragment;
+//# sourceMappingURL=utils.cjs.map