chore(release): Test and deploy to Production v8.12.0

.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "8.11.0"
+  ".": "8.12.0"
 }

CHANGELOG.md

@@ -5,6 +5,18 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 This CHANGELOG follows conventions [outlined here](http://keepachangelog.com/).
 
+## [8.12.0](https://github.com/ParabolInc/parabol/compare/v8.11.0...v8.12.0) (2024-12-11)
+
+
+### Added
+
+* move Comment to TipTap ([#10576](https://github.com/ParabolInc/parabol/issues/10576)) ([2fa20b1](https://github.com/ParabolInc/parabol/commit/2fa20b164907f3849fc10dff74de35f732791fb7))
+
+
+### Changed
+
+* Properly ignore supposedly ignored errors ([#10580](https://github.com/ParabolInc/parabol/issues/10580)) ([9572815](https://github.com/ParabolInc/parabol/commit/9572815497b2e6f9c74cf0f7d4dd6502153c6fe3))
+
 ## [8.11.0](https://github.com/ParabolInc/parabol/compare/v8.10.0...v8.11.0) (2024-12-10)
 
 

codegen.json

@@ -82,7 +82,7 @@
           "CreateStripeSubscriptionSuccess": "./types/CreateStripeSubscriptionSuccess#CreateStripeSubscriptionSuccessSource",
           "CreateTaskPayload": "./types/CreateTaskPayload#CreateTaskPayloadSource",
           "DeleteCommentSuccess": "./types/DeleteCommentSuccess#DeleteCommentSuccessSource",
-          "Discussion": "../../postgres/queries/generated/getDiscussionsByIdsQuery#IGetDiscussionsByIdsQueryResult",
+          "Discussion": "../../postgres/types/index#Discussion",
           "DomainJoinRequest": "../../database/types/DomainJoinRequest#default as DomainJoinRequestDB",
           "EndTeamPromptSuccess": "./types/EndTeamPromptSuccess#EndTeamPromptSuccessSource",
           "File": "./types/File#TFile",

package.json

@@ -3,7 +3,7 @@
   "description": "An open-source app for building smarter, more agile teams.",
   "author": "Parabol Inc. <[email protected]> (http://github.com/ParabolInc)",
   "license": "AGPL-3.0",
-  "version": "8.11.0",
+  "version": "8.12.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/ParabolInc/parabol"

packages/chronos/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chronos",
-  "version": "8.11.0",
+  "version": "8.12.0",
   "description": "A cron job scheduler",
   "author": "Matt Krick <[email protected]>",
   "homepage": "https://github.com/ParabolInc/parabol/tree/master/packages/chronos#readme",
@@ -25,6 +25,6 @@
   },
   "dependencies": {
     "cron": "^2.3.1",
-    "parabol-server": "8.11.0"
+    "parabol-server": "8.12.0"
   }
 }

packages/client/Atmosphere.ts

@@ -217,7 +217,9 @@ export default class Atmosphere extends Environment {
             : value
         _next(nextObj)
       }
-      this.handleSubscribePromise(operation, variables, _cacheConfig, sink).catch()
+      this.handleSubscribePromise(operation, variables, _cacheConfig, sink).catch(() => {
+        /*ignore*/
+      })
     })
   }
 
@@ -297,7 +299,9 @@ export default class Atmosphere extends Environment {
     let data = request.id
     if (!__PRODUCTION__) {
       try {
-        const queryMap = await import('../../queryMap.json').catch()
+        const queryMap = await import('../../queryMap.json').catch(() => {
+          /*ignore*/
+        })
         data = queryMap[request.id as keyof typeof queryMap] as string
       } catch (e) {
         return

packages/client/components/ActionMeetingSidebar.tsx

@@ -86,7 +86,9 @@ const ActionMeetingSidebar = (props: Props) => {
             } = itemStage || {}
             const canNavigate = isViewerFacilitator ? isNavigableByFacilitator : isNavigable
             const handleClick = () => {
-              gotoStageId(itemStageId).catch()
+              gotoStageId(itemStageId).catch(() => {
+                /*ignore*/
+              })
               handleMenuClick()
             }
             const phaseCount =

packages/client/components/ActionSidebarAgendaItemsSection.tsx

@@ -35,7 +35,9 @@ const ActionSidebarAgendaItemsSection = (props: Props) => {
   )
   const {team} = meeting
   const handleClick = async (stageId: string) => {
-    gotoStageId(stageId).catch()
+    gotoStageId(stageId).catch(() => {
+      /*ignore*/
+    })
     handleMenuClick()
   }
   // show agenda (no blur) at all times if the updates phase isNavigable

packages/client/components/AddPollButton.tsx

@@ -29,15 +29,14 @@ const AddPollLabel = styled('div')({
 
 interface Props {
   onClick: () => void
-  dataCy: string
   disabled?: boolean
 }
 
 const AddPollButton = (props: Props) => {
-  const {onClick, dataCy, disabled} = props
+  const {onClick, disabled} = props
 
   return (
-    <StyledPlainButton data-cy={`${dataCy}-add`} onClick={onClick} disabled={disabled}>
+    <StyledPlainButton onClick={onClick} disabled={disabled}>
       <AddPollIcon />
       <AddPollLabel>Add a poll</AddPollLabel>
     </StyledPlainButton>

packages/client/components/AddTaskButton.tsx

@@ -29,15 +29,14 @@ const AddTaskLabel = styled('div')({
 
 interface Props {
   onClick: () => void
-  dataCy: string
   disabled?: boolean
 }
 
 const AddTaskButton = (props: Props) => {
-  const {onClick, dataCy, disabled} = props
+  const {onClick, disabled} = props
 
   return (
-    <StyledPlainButton data-cy={`${dataCy}-add`} onClick={onClick} disabled={disabled}>
+    <StyledPlainButton onClick={onClick} disabled={disabled}>
       <AddTaskIcon />
       <AddTaskLabel>Add a task</AddTaskLabel>
     </StyledPlainButton>

packages/client/components/AnalyticsPage.tsx

@@ -155,7 +155,9 @@ const AnalyticsPage = () => {
       window.localStorage.setItem(LocalStorageKey.EMAIL, email)
       safeIdentify(atmosphere.viewerId, email)
     }
-    cacheEmail().catch()
+    cacheEmail().catch(() => {
+      /*ignore*/
+    })
   }, [])
 
   useEffect(() => {

packages/client/components/AtmosphereProvider/AtmosphereProvider.tsx

@@ -15,17 +15,17 @@ class AtmosphereProvider extends Component<Props> {
   constructor(props: Props) {
     super(props)
     if (props.getLocalAtmosphere) {
-      this.loadDemo().catch()
+      this.loadDemo().catch(() => {
+        /*ignore*/
+      })
     } else {
       this.atmosphere = new Atmosphere()
       this.atmosphere.getAuthToken(window)
     }
   }
 
   async loadDemo() {
-    const LocalAtmosphere = await this.props.getLocalAtmosphere!()
-      .then((mod) => mod.default)
-      .catch()
+    const LocalAtmosphere = await this.props.getLocalAtmosphere!().then((mod) => mod.default)
     this.atmosphere = new LocalAtmosphere()
     this.forceUpdate()
   }

packages/client/components/AuthProvider.tsx

@@ -26,7 +26,9 @@ const AuthProvider = () => {
         setError('Error logging in')
       }
     }
-    callOpener().catch()
+    callOpener().catch(() => {
+      /*ignore*/
+    })
   }, [])
 
   if (!error) return null

packages/client/components/CommentAuthorOptionsButton.tsx

@@ -38,16 +38,14 @@ const StyledIcon = styled(MoreVert)({
 interface Props {
   commentId: string
   editComment: () => void
-  dataCy: string
   meetingId: string
 }
 
 const CommentAuthorOptionsButton = (props: Props) => {
-  const {commentId, editComment, dataCy, meetingId} = props
+  const {commentId, editComment, meetingId} = props
   const {togglePortal, originRef, menuPortal, menuProps} = useMenu(MenuPosition.UPPER_RIGHT)
   return (
     <StyledButton
-      data-cy={`${dataCy}-dropdown-menu`}
       onMouseEnter={CommentAuthorOptionsDropdown.preload}
       ref={originRef}
       onClick={togglePortal}

packages/client/components/DiscussionMentioned.tsx

@@ -1,25 +1,13 @@
-import styled from '@emotion/styled'
 import graphql from 'babel-plugin-relay/macro'
-import {Editor} from 'draft-js'
 import {useFragment} from 'react-relay'
 import NotificationAction from '~/components/NotificationAction'
 import {DiscussionMentioned_notification$key} from '../__generated__/DiscussionMentioned_notification.graphql'
-import useEditorState from '../hooks/useEditorState'
 import useRouter from '../hooks/useRouter'
-import {cardShadow} from '../styles/elevation'
+import {useTipTapCommentEditor} from '../hooks/useTipTapCommentEditor'
 import anonymousAvatar from '../styles/theme/images/anonymous-avatar.svg'
 import fromStageIdToUrl from '../utils/meetings/fromStageIdToUrl'
 import NotificationTemplate from './NotificationTemplate'
-
-const EditorWrapper = styled('div')({
-  backgroundColor: '#fff',
-  borderRadius: 4,
-  boxShadow: cardShadow,
-  fontSize: 14,
-  lineHeight: '20px',
-  margin: '4px 0 0',
-  padding: 8
-})
+import {TipTapEditor} from './promptResponse/TipTapEditor'
 
 interface Props {
   notification: DiscussionMentioned_notification$key
@@ -74,24 +62,20 @@ const DiscussionMentioned = (props: Props) => {
     )
   }
 
-  const [editorState] = useEditorState(comment.content)
-
+  const {editor} = useTipTapCommentEditor(comment.content, {
+    readOnly: true
+  })
+  if (!editor) return null
   return (
     <NotificationTemplate
       avatar={authorPicture}
       message={`${authorName} mentioned you in a discussion in ${meetingName}.`}
       notification={notification}
       action={<NotificationAction label={'See the discussion'} onClick={goThere} />}
     >
-      <EditorWrapper>
-        <Editor
-          readOnly
-          editorState={editorState}
-          onChange={() => {
-            /*noop*/
-          }}
-        />
-      </EditorWrapper>
+      <div className='my-1 rounded bg-white p-2 text-sm leading-5 shadow-card'>
+        <TipTapEditor editor={editor} />
+      </div>
     </NotificationTemplate>
   )
 }

packages/client/components/DiscussionThread.tsx

@@ -53,8 +53,6 @@ const DiscussionThread = (props: Props) => {
   } = props
   const {viewerId} = useAtmosphere()
   const isDrawer = !!width // hack to say this is in a poker meeting
-  const listRef = useRef<HTMLDivElement>(null)
-  const editorRef = useRef<HTMLTextAreaElement>(null)
   const ref = useRef<HTMLDivElement>(null)
   const data = usePreloadedQuery<DiscussionThreadQuery>(
     graphql`
@@ -66,7 +64,9 @@ const DiscussionThread = (props: Props) => {
             ...DiscussionThreadInput_discussion
             ...DiscussionThreadList_discussion
             id
-            replyingToCommentId
+            replyingTo {
+              id
+            }
             commentors {
               id
               preferredName
@@ -108,7 +108,7 @@ const DiscussionThread = (props: Props) => {
     return <div>No discussion found!</div>
   }
 
-  const {replyingToCommentId, thread} = discussion
+  const {replyingTo, thread} = discussion
   const edges = thread?.edges ?? [] // should never happen, but Terry reported it in demo. likely relay error
   const threadables = edges.map(({node}) => node)
   const getMaxSortOrder = () => {
@@ -119,13 +119,10 @@ const DiscussionThread = (props: Props) => {
   return (
     <Wrapper isExpanded={isExpanded} width={width} ref={ref}>
       <DiscussionThreadList
-        dataCy='discuss-thread-list'
         discussion={discussion}
         allowedThreadables={allowedThreadables}
         preferredNames={preferredNames}
         threadables={threadables}
-        ref={listRef}
-        editorRef={editorRef}
         viewer={viewer}
         header={header}
         emptyState={emptyState}
@@ -135,9 +132,7 @@ const DiscussionThread = (props: Props) => {
       {!showTranscription && (
         <DiscussionThreadInput
           allowedThreadables={allowedThreadables}
-          dataCy='discuss-input'
-          editorRef={editorRef}
-          isDisabled={!!replyingToCommentId}
+          isDisabled={!!replyingTo?.id}
           getMaxSortOrder={getMaxSortOrder}
           discussion={discussion}
           viewer={viewer}