@edifice.io/react 2.1.0-develop-b2school.20250205111203 → 2.1.0-develop-b2school.20250206155953

package/dist/editor.js

@@ -1,17 +1,19 @@
 import { EditorContent, useEditor } from "@tiptap/react";
 import { default as default2 } from "./modules/editor/components/Editor/Editor.js";
 import { default as default3 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default4 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default5 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default6 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default7 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default8 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default9 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default4 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default5 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default6 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
+import { default as default7 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default8 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/VideoNodeView.js";
 import { default as default10 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default11 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default12 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default13 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default14 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default11 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default12 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default13 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default14 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default15 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default16 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
@@ -26,22 +28,24 @@ import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognitio
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 export {
-  default5 as AttachmentNodeView,
+  default4 as AttachmentNodeView,
   default10 as AttachmentRenderer,
-  default4 as AudioNodeView,
-  default9 as AudioRenderer,
+  default5 as AudioNodeView,
+  default11 as AudioRenderer,
   default3 as BubbleMenuEditImage,
+  default6 as ConversationHistoryNodeView,
+  default12 as ConversationHistoryRenderer,
   default2 as Editor,
   EditorContent,
   EditorContext,
   EditorToolbar,
-  default6 as ImageNodeView,
-  default14 as LinkToolbar,
-  default7 as LinkerNodeView,
-  default11 as LinkerRenderer,
-  default12 as MediaRenderer,
-  default13 as TableToolbar,
-  default8 as VideoNodeView,
+  default7 as ImageNodeView,
+  default16 as LinkToolbar,
+  default8 as LinkerNodeView,
+  default13 as LinkerRenderer,
+  default14 as MediaRenderer,
+  default15 as TableToolbar,
+  default9 as VideoNodeView,
   useActionOptions,
   useCommentEditor,
   useEditor,

package/dist/modules/editor/components/Editor/Editor.d.ts

@@ -1,5 +1,5 @@
 import { WorkspaceVisibility } from '@edifice.io/client';
-import { Content, FocusPosition, JSONContent } from '@tiptap/react';
+import { Content, Extensions, FocusPosition, JSONContent } from '@tiptap/react';
 export interface EditorRef {
     /** Get the current content. */
     getContent: (as: 'html' | 'json' | 'plain') => undefined | string | JSONContent;
@@ -40,6 +40,8 @@ export interface EditorProps {
     onContentChange?: ({ editor }: {
         editor: any;
     }) => void;
+    /** Extensions to add to the editor */
+    extensions?: Extensions;
 }
 declare const Editor: import('react').ForwardRefExoticComponent<EditorProps & import('react').RefAttributes<EditorRef>>;
 export default Editor;

package/dist/modules/editor/components/Editor/Editor.js

@@ -26,14 +26,15 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   focus = "start",
   placeholder = "",
   visibility = "protected",
-  onContentChange
+  onContentChange,
+  extensions
 }, ref) => {
   const editorId = useId(), {
     appCode
   } = useEdificeClient(), {
     editor,
     editable
-  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility), {
+  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility, extensions), {
     ref: mediaLibraryModalRef,
     ...mediaLibraryModalHandlers
   } = useMediaLibraryEditor(editor), {

package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.d.ts

@@ -0,0 +1,2 @@
+declare const ConversationHistoryNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
+export default ConversationHistoryNodeView;

package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.js

@@ -0,0 +1,10 @@
+import { ConversationHistory } from "@edifice.io/tiptap-extensions/conversation-history";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+const ConversationHistoryNodeView = (Component) => ConversationHistory.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(Component);
+  }
+});
+export {
+  ConversationHistoryNodeView as default
+};

package/dist/modules/editor/components/NodeView/index.d.ts

@@ -1,5 +1,6 @@
-export { default as AudioNodeView } from './AudioNodeView';
 export { default as AttachmentNodeView } from './AttachmentNodeView';
+export { default as AudioNodeView } from './AudioNodeView';
+export { default as ConversationHistoryNodeView } from './ConversationHistoryNodeView';
 export { default as ImageNodeView } from './ImageNodeView';
 export { default as LinkerNodeView } from './LinkerNodeView';
 export { default as VideoNodeView } from './VideoNodeView';

package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `ConversationHistoryRenderer` is a React component that renders a button to toggle the visibility
+ * of conversation history content. It uses the `@tiptap/react` library for rendering content and
+ * `clsx` for conditional class names. The component also utilizes the `useTranslation` hook from
+ * `react-i18next` for internationalization and a custom `useToggle` hook for managing the open state.
+ */
+declare const ConversationHistoryRenderer: () => import("react/jsx-runtime").JSX.Element;
+export default ConversationHistoryRenderer;

package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterDown from "../../../icons/components/IconRafterDown.js";
+import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
+import useToggle from "../../../../hooks/useToggle/useToggle.js";
+import Button from "../../../../components/Button/Button.js";
+const ConversationHistoryRenderer = () => {
+  const {
+    t
+  } = useTranslation("conversation"), [open, toggleOpen] = useToggle(!1), classes = clsx("conversation-history ps-16", {
+    show: open
+  });
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { as: "div", contentEditable: !1, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: toggleOpen, size: "sm", className: "d-flex align-items-center gap-4 text-gray-800 fs-6 mt-24", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.hide"),
+      /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16 })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.show"),
+      /* @__PURE__ */ jsx(SvgIconRafterDown, { width: 16, height: 16 })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: classes, "data-testid": "conversation-history-content", children: /* @__PURE__ */ jsx(NodeViewContent, {}) })
+  ] });
+};
+export {
+  ConversationHistoryRenderer as default
+};

package/dist/modules/editor/components/Renderer/index.d.ts

@@ -1,4 +1,5 @@
-export { default as AudioRenderer } from './AudioRenderer';
 export { default as AttachmentRenderer } from './AttachmentRenderer';
+export { default as AudioRenderer } from './AudioRenderer';
+export { default as ConversationHistoryRenderer } from './ConversationHistoryRenderer';
 export { default as LinkerRenderer } from './LinkerRenderer';
 export { default as MediaRenderer } from './MediaRenderer';

package/dist/modules/editor/hooks/useTipTapEditor.d.ts

@@ -1,4 +1,4 @@
-import { Content, FocusPosition } from '@tiptap/react';
+import { Content, Extensions, FocusPosition } from '@tiptap/react';
 import { WorkspaceVisibility } from '@edifice.io/client';
 /**
  * Hook that creates a tiptap editor instance.
@@ -7,10 +7,14 @@ import { WorkspaceVisibility } from '@edifice.io/client';
  * @param content default rich content
  * @param focus set focus position to the editor
  * @param placeholder editor placeholder content
+ * @param onContentChange callback to be called on content change
+ * @param visibility workspace visibility
+ * @param extensions extensions to add to the editor
+ * @returns the editor instance and the editable state
  */
 export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
     editor: any;
-}) => void, visibility?: WorkspaceVisibility) => {
+}) => void, visibility?: WorkspaceVisibility, extensions?: Extensions) => {
     editor: import('@tiptap/core').Editor | null;
     editable: boolean;
 };

package/dist/modules/editor/hooks/useTipTapEditor.js

@@ -36,7 +36,7 @@ import MediaRenderer from "../components/Renderer/MediaRenderer.js";
 import AudioRenderer from "../components/Renderer/AudioRenderer.js";
 import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
-const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
+const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
   const {
     currentLanguage
   } = useEdificeClient(), {
@@ -63,7 +63,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
       levels: [1, 2]
     }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
       lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
-    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer)],
+    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), ...extensions || []],
     content,
     // If the onContentChange callback is provided, we call it on every content change.
     ...onContentChange ? {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.1.0-develop-b2school.20250205111203",
+  "version": "2.1.0-develop-b2school.20250206155953",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -118,9 +118,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.1.0-develop-b2school.20250205111203",
-    "@edifice.io/tiptap-extensions": "2.1.0-develop-b2school.20250205111203",
-    "@edifice.io/utilities": "2.1.0-develop-b2school.20250205111203"
+    "@edifice.io/bootstrap": "2.1.0-develop-b2school.20250206155953",
+    "@edifice.io/tiptap-extensions": "2.1.0-develop-b2school.20250206155953",
+    "@edifice.io/utilities": "2.1.0-develop-b2school.20250206155953"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -148,8 +148,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.1.0-develop-b2school.20250205111203",
-    "@edifice.io/config": "2.1.0-develop-b2school.20250205111203"
+    "@edifice.io/client": "2.1.0-develop-b2school.20250206155953",
+    "@edifice.io/config": "2.1.0-develop-b2school.20250206155953"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",