From 753fe270781771fae40f941f277c158b750850db Mon Sep 17 00:00:00 2001 From: Tasso Date: Mon, 24 Nov 2025 13:44:36 -0300 Subject: [PATCH] chore(gazzodown): Review build configuration --- packages/gazzodown/.babelrc.json | 9 -- packages/gazzodown/.eslintrc.json | 82 +------------------ packages/gazzodown/package.json | 2 - packages/gazzodown/src/Markup.stories.tsx | 3 +- packages/gazzodown/src/Markup.tsx | 3 +- .../gazzodown/src/MarkupInteractionContext.ts | 5 +- packages/gazzodown/src/PreviewMarkup.tsx | 3 +- .../gazzodown/src/blocks/TaskListBlock.tsx | 3 +- packages/gazzodown/src/code/CodeBlock.tsx | 3 +- .../gazzodown/src/code/PreviewCodeBlock.tsx | 3 +- .../gazzodown/src/colors/ColorElement.tsx | 3 +- .../src/colors/PreviewColorElement.tsx | 3 +- .../gazzodown/src/elements/ImageElement.tsx | 3 +- .../gazzodown/src/elements/InlineElements.tsx | 3 +- packages/gazzodown/src/elements/LinkSpan.tsx | 3 +- packages/gazzodown/src/elements/PlainSpan.tsx | 3 +- .../src/elements/PreviewInlineElements.tsx | 3 +- packages/gazzodown/src/emoji/Emoji.tsx | 3 +- packages/gazzodown/src/emoji/EmojiElement.tsx | 3 +- .../gazzodown/src/emoji/EmojiRenderer.tsx | 3 +- packages/gazzodown/src/katex/KatexBlock.tsx | 3 +- packages/gazzodown/src/katex/KatexElement.tsx | 3 +- .../src/katex/KatexErrorBoundary.tsx | 3 +- .../src/mentions/ChannelMentionElement.tsx | 3 +- .../mentions/PreviewChannelMentionElement.tsx | 3 +- .../mentions/PreviewUserMentionElement.tsx | 3 +- .../src/mentions/UserMentionElement.tsx | 3 +- packages/gazzodown/tsconfig.json | 3 +- yarn.lock | 4 +- 29 files changed, 53 insertions(+), 121 deletions(-) delete mode 100644 packages/gazzodown/.babelrc.json diff --git a/packages/gazzodown/.babelrc.json b/packages/gazzodown/.babelrc.json deleted file mode 100644 index f474986efbca9..0000000000000 --- a/packages/gazzodown/.babelrc.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "presets": [ - "@babel/preset-env", - ["@babel/preset-react", { - "runtime": "automatic" - }], - "@babel/preset-typescript" - ] -} diff --git a/packages/gazzodown/.eslintrc.json b/packages/gazzodown/.eslintrc.json index 7a3e93ba3fde3..6e0406abd46a7 100644 --- a/packages/gazzodown/.eslintrc.json +++ b/packages/gazzodown/.eslintrc.json @@ -1,82 +1,4 @@ { - "extends": [ - "plugin:@typescript-eslint/recommended", - "plugin:@typescript-eslint/eslint-recommended", - "@rocket.chat/eslint-config/original", - "@rocket.chat/eslint-config/react", - "prettier", - "plugin:anti-trojan-source/recommended", - "plugin:react/jsx-runtime", - "plugin:storybook/recommended" - ], - "parser": "@typescript-eslint/parser", - "plugins": ["@typescript-eslint", "react", "react-hooks", "prettier"], - "rules": { - "import/named": "error", - "import/order": [ - "error", - { - "newlines-between": "always", - "groups": ["builtin", "external", "internal", ["parent", "sibling", "index"]], - "alphabetize": { - "order": "asc" - } - } - ], - "jsx-quotes": ["error", "prefer-single"], - "new-cap": ["error"], - "prefer-arrow-callback": ["error", { "allowNamedFunctions": true }], - "prettier/prettier": 2, - "react/display-name": "error", - "react/jsx-uses-vars": "error", - "react/jsx-no-undef": "error", - "react/jsx-fragments": ["error", "syntax"], - "react/no-multi-comp": "error", - "react-hooks/rules-of-hooks": "error", - "react-hooks/exhaustive-deps": "warn" - }, - "settings": { - "import/resolver": { - "node": { - "extensions": [".js", ".ts", ".tsx"] - } - }, - "react": { - "version": "detect" - } - }, - "ignorePatterns": ["dist", "!.storybook"], - "overrides": [ - { - "files": ["*.ts", "*.tsx"], - "rules": { - "@typescript-eslint/ban-ts-ignore": "off", - "@typescript-eslint/explicit-function-return-type": "off", - "@typescript-eslint/indent": "off", - "@typescript-eslint/no-extra-parens": "off", - "@typescript-eslint/no-explicit-any": "off", - "@typescript-eslint/no-unused-vars": [ - "error", - { - "argsIgnorePattern": "^_" - } - ], - "@typescript-eslint/prefer-optional-chain": "warn", - "func-call-spacing": "off", - "indent": "off", - "no-extra-parens": "off", - "no-spaced-func": "off", - "no-undef": "off", - "no-unused-vars": "off", - "no-useless-constructor": "off", - "no-use-before-define": "off" - } - }, - { - "files": ["*.stories.tsx"], - "rules": { - "react/no-multi-comp": "off" - } - } - ] + "extends": ["@rocket.chat/eslint-config", "@rocket.chat/eslint-config/react", "plugin:storybook/recommended"], + "ignorePatterns": ["dist", "storybook-static", "!.storybook"] } diff --git a/packages/gazzodown/package.json b/packages/gazzodown/package.json index fd642d067ec87..ea5f81af42eff 100644 --- a/packages/gazzodown/package.json +++ b/packages/gazzodown/package.json @@ -28,7 +28,6 @@ "react-stately": "~3.17.0" }, "devDependencies": { - "@babel/core": "~7.28.5", "@rocket.chat/core-typings": "workspace:^", "@rocket.chat/css-in-js": "~0.31.25", "@rocket.chat/emitter": "~0.31.25", @@ -60,7 +59,6 @@ "@types/react-dom": "~18.3.7", "@typescript-eslint/eslint-plugin": "~5.60.1", "@typescript-eslint/parser": "~5.60.1", - "babel-loader": "~10.0.0", "eslint": "~8.45.0", "eslint-plugin-anti-trojan-source": "~1.1.2", "eslint-plugin-react": "~7.37.5", diff --git a/packages/gazzodown/src/Markup.stories.tsx b/packages/gazzodown/src/Markup.stories.tsx index 3b2c5321c4333..86c46317c501f 100644 --- a/packages/gazzodown/src/Markup.stories.tsx +++ b/packages/gazzodown/src/Markup.stories.tsx @@ -1,7 +1,8 @@ import { css } from '@rocket.chat/css-in-js'; import { Box, MessageBody, MessageContainer } from '@rocket.chat/fuselage'; import colors from '@rocket.chat/fuselage-tokens/colors.json'; -import { Options, parse } from '@rocket.chat/message-parser'; +import type { Options } from '@rocket.chat/message-parser'; +import { parse } from '@rocket.chat/message-parser'; import type { Meta, StoryFn } from '@storybook/react'; import outdent from 'outdent'; import { Suspense } from 'react'; diff --git a/packages/gazzodown/src/Markup.tsx b/packages/gazzodown/src/Markup.tsx index 37d4680e15124..96da5408e50c4 100644 --- a/packages/gazzodown/src/Markup.tsx +++ b/packages/gazzodown/src/Markup.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { lazy, memo, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { lazy, memo } from 'react'; import HeadingBlock from './blocks/HeadingBlock'; import OrderedListBlock from './blocks/OrderedListBlock'; diff --git a/packages/gazzodown/src/MarkupInteractionContext.ts b/packages/gazzodown/src/MarkupInteractionContext.ts index ebe842301800e..db993bcc544a2 100644 --- a/packages/gazzodown/src/MarkupInteractionContext.ts +++ b/packages/gazzodown/src/MarkupInteractionContext.ts @@ -1,7 +1,8 @@ import type { MessageMention } from '@rocket.chat/core-typings'; import type * as MessageParser from '@rocket.chat/message-parser'; -import { createContext, FormEvent, UIEvent } from 'react'; -import { AriaButtonProps } from 'react-aria'; +import type { FormEvent, UIEvent } from 'react'; +import { createContext } from 'react'; +import type { AriaButtonProps } from 'react-aria'; export type UserMention = MessageMention; export type ChannelMention = MessageMention; diff --git a/packages/gazzodown/src/PreviewMarkup.tsx b/packages/gazzodown/src/PreviewMarkup.tsx index 90991489fb345..d14af4af9255a 100644 --- a/packages/gazzodown/src/PreviewMarkup.tsx +++ b/packages/gazzodown/src/PreviewMarkup.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { memo, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { memo } from 'react'; import PreviewCodeBlock from './code/PreviewCodeBlock'; import PreviewInlineElements from './elements/PreviewInlineElements'; diff --git a/packages/gazzodown/src/blocks/TaskListBlock.tsx b/packages/gazzodown/src/blocks/TaskListBlock.tsx index ac664758291a8..de24fbbf5d079 100644 --- a/packages/gazzodown/src/blocks/TaskListBlock.tsx +++ b/packages/gazzodown/src/blocks/TaskListBlock.tsx @@ -1,6 +1,7 @@ import { CheckBox } from '@rocket.chat/fuselage'; import type * as MessageParser from '@rocket.chat/message-parser'; -import { ReactElement, useContext } from 'react'; +import type { ReactElement } from 'react'; +import { useContext } from 'react'; import { MarkupInteractionContext } from '../MarkupInteractionContext'; import InlineElements from '../elements/InlineElements'; diff --git a/packages/gazzodown/src/code/CodeBlock.tsx b/packages/gazzodown/src/code/CodeBlock.tsx index 58a86600bb2e5..3ef9923489ace 100644 --- a/packages/gazzodown/src/code/CodeBlock.tsx +++ b/packages/gazzodown/src/code/CodeBlock.tsx @@ -1,6 +1,7 @@ import type * as MessageParser from '@rocket.chat/message-parser'; import hljs from 'highlight.js'; -import { Fragment, ReactElement, useContext, useLayoutEffect, useMemo, useRef } from 'react'; +import type { ReactElement } from 'react'; +import { Fragment, useContext, useLayoutEffect, useMemo, useRef } from 'react'; import { MarkupInteractionContext } from '../MarkupInteractionContext'; diff --git a/packages/gazzodown/src/code/PreviewCodeBlock.tsx b/packages/gazzodown/src/code/PreviewCodeBlock.tsx index 12ea880306e05..a3aae973f5bdd 100644 --- a/packages/gazzodown/src/code/PreviewCodeBlock.tsx +++ b/packages/gazzodown/src/code/PreviewCodeBlock.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { ReactElement, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { useMemo } from 'react'; type PreviewCodeBlockProps = { language?: string; diff --git a/packages/gazzodown/src/colors/ColorElement.tsx b/packages/gazzodown/src/colors/ColorElement.tsx index 3343d496d9f68..6334ba208ae29 100644 --- a/packages/gazzodown/src/colors/ColorElement.tsx +++ b/packages/gazzodown/src/colors/ColorElement.tsx @@ -1,4 +1,5 @@ -import { memo, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { memo } from 'react'; type ColorElementProps = { r: number; diff --git a/packages/gazzodown/src/colors/PreviewColorElement.tsx b/packages/gazzodown/src/colors/PreviewColorElement.tsx index 25925f2d73b9e..d30c8e6330347 100644 --- a/packages/gazzodown/src/colors/PreviewColorElement.tsx +++ b/packages/gazzodown/src/colors/PreviewColorElement.tsx @@ -1,4 +1,5 @@ -import { memo, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { memo } from 'react'; const toHexByte = (value: number): string => value.toString(16).padStart(2, '0'); diff --git a/packages/gazzodown/src/elements/ImageElement.tsx b/packages/gazzodown/src/elements/ImageElement.tsx index 52771e38540a4..e4c6bb08f772d 100644 --- a/packages/gazzodown/src/elements/ImageElement.tsx +++ b/packages/gazzodown/src/elements/ImageElement.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { ReactElement, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { useMemo } from 'react'; const flattenMarkup = ( markup: diff --git a/packages/gazzodown/src/elements/InlineElements.tsx b/packages/gazzodown/src/elements/InlineElements.tsx index aa6f749d023ba..5ef947460d16b 100644 --- a/packages/gazzodown/src/elements/InlineElements.tsx +++ b/packages/gazzodown/src/elements/InlineElements.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { lazy, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { lazy } from 'react'; import BoldSpan from './BoldSpan'; import ImageElement from './ImageElement'; diff --git a/packages/gazzodown/src/elements/LinkSpan.tsx b/packages/gazzodown/src/elements/LinkSpan.tsx index b1665ca95bc76..b15855895194c 100644 --- a/packages/gazzodown/src/elements/LinkSpan.tsx +++ b/packages/gazzodown/src/elements/LinkSpan.tsx @@ -1,6 +1,7 @@ import type * as MessageParser from '@rocket.chat/message-parser'; import { getBaseURI, isExternal } from '@rocket.chat/ui-client'; -import { ReactElement, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { useMemo } from 'react'; import { useTranslation } from 'react-i18next'; import BoldSpan from './BoldSpan'; diff --git a/packages/gazzodown/src/elements/PlainSpan.tsx b/packages/gazzodown/src/elements/PlainSpan.tsx index 06460c3486525..82db9ec187d84 100644 --- a/packages/gazzodown/src/elements/PlainSpan.tsx +++ b/packages/gazzodown/src/elements/PlainSpan.tsx @@ -1,4 +1,5 @@ -import { Fragment, memo, ReactElement, useContext, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { Fragment, memo, useContext, useMemo } from 'react'; import { useTranslation } from 'react-i18next'; import { MarkupInteractionContext } from '../MarkupInteractionContext'; diff --git a/packages/gazzodown/src/elements/PreviewInlineElements.tsx b/packages/gazzodown/src/elements/PreviewInlineElements.tsx index bdd5b58cfe43f..3b17c7a279349 100644 --- a/packages/gazzodown/src/elements/PreviewInlineElements.tsx +++ b/packages/gazzodown/src/elements/PreviewInlineElements.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { Fragment, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { Fragment } from 'react'; import BoldSpan from './BoldSpan'; import ItalicSpan from './ItalicSpan'; diff --git a/packages/gazzodown/src/emoji/Emoji.tsx b/packages/gazzodown/src/emoji/Emoji.tsx index 896a7d6d954ee..c4062ea470b86 100644 --- a/packages/gazzodown/src/emoji/Emoji.tsx +++ b/packages/gazzodown/src/emoji/Emoji.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { ReactElement, useMemo, useContext, memo } from 'react'; +import type { ReactElement } from 'react'; +import { useMemo, useContext, memo } from 'react'; import { MarkupInteractionContext } from '../MarkupInteractionContext'; import EmojiRenderer from './EmojiRenderer'; diff --git a/packages/gazzodown/src/emoji/EmojiElement.tsx b/packages/gazzodown/src/emoji/EmojiElement.tsx index efd7c87d3363b..d3005376176d9 100644 --- a/packages/gazzodown/src/emoji/EmojiElement.tsx +++ b/packages/gazzodown/src/emoji/EmojiElement.tsx @@ -1,5 +1,6 @@ import type * as MessageParser from '@rocket.chat/message-parser'; -import { ReactElement, memo } from 'react'; +import type { ReactElement } from 'react'; +import { memo } from 'react'; import Emoji from './Emoji'; diff --git a/packages/gazzodown/src/emoji/EmojiRenderer.tsx b/packages/gazzodown/src/emoji/EmojiRenderer.tsx index 2021442d1006e..3ef81ad6887c2 100644 --- a/packages/gazzodown/src/emoji/EmojiRenderer.tsx +++ b/packages/gazzodown/src/emoji/EmojiRenderer.tsx @@ -1,7 +1,8 @@ import { MessageEmoji, ThreadMessageEmoji } from '@rocket.chat/fuselage'; import type * as MessageParser from '@rocket.chat/message-parser'; import DOMPurify from 'dompurify'; -import { ReactElement, useMemo, useContext, memo } from 'react'; +import type { ReactElement } from 'react'; +import { useMemo, useContext, memo } from 'react'; import { MarkupInteractionContext } from '../MarkupInteractionContext'; diff --git a/packages/gazzodown/src/katex/KatexBlock.tsx b/packages/gazzodown/src/katex/KatexBlock.tsx index 267b310b38975..e4ac18e9e5acf 100644 --- a/packages/gazzodown/src/katex/KatexBlock.tsx +++ b/packages/gazzodown/src/katex/KatexBlock.tsx @@ -1,5 +1,6 @@ import katex from 'katex'; -import { ReactElement, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { useMemo } from 'react'; import 'katex/dist/katex.css'; diff --git a/packages/gazzodown/src/katex/KatexElement.tsx b/packages/gazzodown/src/katex/KatexElement.tsx index 099c2f82cf8c0..951e502b6e868 100644 --- a/packages/gazzodown/src/katex/KatexElement.tsx +++ b/packages/gazzodown/src/katex/KatexElement.tsx @@ -1,5 +1,6 @@ import katex from 'katex'; -import { ReactElement, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { useMemo } from 'react'; import 'katex/dist/katex.css'; diff --git a/packages/gazzodown/src/katex/KatexErrorBoundary.tsx b/packages/gazzodown/src/katex/KatexErrorBoundary.tsx index ba735a35b4f14..14139fd7b8d69 100644 --- a/packages/gazzodown/src/katex/KatexErrorBoundary.tsx +++ b/packages/gazzodown/src/katex/KatexErrorBoundary.tsx @@ -1,6 +1,7 @@ import colors from '@rocket.chat/fuselage-tokens/colors.json'; import styled from '@rocket.chat/styled'; -import { PropsWithChildren, ReactElement, useState } from 'react'; +import type { PropsWithChildren, ReactElement } from 'react'; +import { useState } from 'react'; import { ErrorBoundary } from 'react-error-boundary'; type KatexErrorBoundaryProps = PropsWithChildren<{ code: string }>; diff --git a/packages/gazzodown/src/mentions/ChannelMentionElement.tsx b/packages/gazzodown/src/mentions/ChannelMentionElement.tsx index 147acc478b2aa..cc8cc758b2d95 100644 --- a/packages/gazzodown/src/mentions/ChannelMentionElement.tsx +++ b/packages/gazzodown/src/mentions/ChannelMentionElement.tsx @@ -1,6 +1,7 @@ import { Message } from '@rocket.chat/fuselage'; import { useButtonPattern } from '@rocket.chat/fuselage-hooks'; -import { memo, ReactElement, useContext, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { memo, useContext, useMemo } from 'react'; import { useTranslation } from 'react-i18next'; import { MarkupInteractionContext } from '../MarkupInteractionContext'; diff --git a/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx b/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx index 0893c9879e282..bf901f40e121a 100644 --- a/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx +++ b/packages/gazzodown/src/mentions/PreviewChannelMentionElement.tsx @@ -1,4 +1,5 @@ -import { memo, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { memo } from 'react'; type PreviewChannelMentionElementProps = { mention: string; diff --git a/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx b/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx index e8e4442427f7b..772a429507b98 100644 --- a/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx +++ b/packages/gazzodown/src/mentions/PreviewUserMentionElement.tsx @@ -1,4 +1,5 @@ -import { memo, ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import { memo } from 'react'; type PreviewUserMentionElementProps = { mention: string; diff --git a/packages/gazzodown/src/mentions/UserMentionElement.tsx b/packages/gazzodown/src/mentions/UserMentionElement.tsx index 49fc8b5866d6d..e4336992cfc00 100644 --- a/packages/gazzodown/src/mentions/UserMentionElement.tsx +++ b/packages/gazzodown/src/mentions/UserMentionElement.tsx @@ -1,6 +1,7 @@ import { Message } from '@rocket.chat/fuselage'; import { useButtonPattern } from '@rocket.chat/fuselage-hooks'; -import { memo, ReactElement, useContext, useMemo } from 'react'; +import type { ReactElement } from 'react'; +import { memo, useContext, useMemo } from 'react'; import { useTranslation } from 'react-i18next'; import { MarkupInteractionContext } from '../MarkupInteractionContext'; diff --git a/packages/gazzodown/tsconfig.json b/packages/gazzodown/tsconfig.json index d1c72f29b7ec7..11a969892a4e4 100644 --- a/packages/gazzodown/tsconfig.json +++ b/packages/gazzodown/tsconfig.json @@ -1,8 +1,7 @@ { "extends": "@rocket.chat/tsconfig/client.json", "compilerOptions": { - "rootDirs": ["./src", "./"], - "outDir": "./dist" + "rootDirs": ["./src", "./"] }, "include": ["./src/**/*", "./jest.config.ts", "./.storybook/**/*"] } diff --git a/yarn.lock b/yarn.lock index dba4c6890949f..8b8fe620e3e12 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8713,7 +8713,6 @@ __metadata: version: 0.0.0-use.local resolution: "@rocket.chat/gazzodown@workspace:packages/gazzodown" dependencies: - "@babel/core": "npm:~7.28.5" "@rocket.chat/core-typings": "workspace:^" "@rocket.chat/css-in-js": "npm:~0.31.25" "@rocket.chat/emitter": "npm:~0.31.25" @@ -8745,7 +8744,6 @@ __metadata: "@types/react-dom": "npm:~18.3.7" "@typescript-eslint/eslint-plugin": "npm:~5.60.1" "@typescript-eslint/parser": "npm:~5.60.1" - babel-loader: "npm:~10.0.0" date-fns: "npm:~4.1.0" dompurify: "npm:~3.2.7" eslint: "npm:~8.45.0" @@ -10676,7 +10674,7 @@ __metadata: peerDependencies: "@rocket.chat/layout": "*" "@rocket.chat/tools": 0.2.3 - "@rocket.chat/ui-contexts": 25.0.0 + "@rocket.chat/ui-contexts": 25.0.1 "@tanstack/react-query": "*" react: "*" react-hook-form: "*"