Enhance Code Consistency Across Repository with .editorconfig (#19023)

web/app/components/workflow/block-selector/index.tsx

@@ -116,7 +116,7 @@ const NodeSelector: FC<NodeSelectorProps> = ({
             : (
               <div
                 className={`
-                  z-10 flex h-4 
+                  z-10 flex h-4
                   w-4 cursor-pointer items-center justify-center rounded-full bg-components-button-primary-bg text-text-primary-on-surface hover:bg-components-button-primary-bg-hover
                   ${triggerClassName?.(open)}
                 `}

web/app/components/workflow/index.tsx

@@ -259,7 +259,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
     <div
       id='workflow-container'
       className={`
-        relative h-full w-full min-w-[960px] 
+        relative h-full w-full min-w-[960px]
         ${workflowReadOnly && 'workflow-panel-animation'}
         ${nodeAnimation && 'workflow-node-animation'}
       `}

web/app/components/workflow/nodes/_base/components/editor/code-editor/style.css

@@ -13,4 +13,4 @@
 /* hide readonly tooltip */
 .monaco-editor-overlaymessage {
   display: none !important;
-}
+}

web/app/components/workflow/nodes/_base/components/node-handle.tsx

@@ -199,7 +199,7 @@ export const NodeSourceHandle = memo(({
             onSelect={handleSelect}
             asChild
             triggerClassName={open => `
-              hidden absolute top-0 left-0 pointer-events-none 
+              hidden absolute top-0 left-0 pointer-events-none
               ${nodeSelectorClassName}
               group-hover:!flex
               ${data.selected && '!flex'}

web/app/components/workflow/nodes/_base/components/retry/style.module.css

@@ -2,4 +2,4 @@
 .input::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
-}
+}

web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-item.tsx

@@ -55,8 +55,8 @@ const DatasetItem: FC<Props> = ({
   }, [onRemove])
 
   return (
-    <div className={`group/dataset-item flex h-10 cursor-pointer items-center justify-between rounded-xl 
-      border-[0.5px] border-components-panel-border-subtle px-2 
+    <div className={`group/dataset-item flex h-10 cursor-pointer items-center justify-between rounded-xl
+      border-[0.5px] border-components-panel-border-subtle px-2
       ${isDeleteHovered
       ? 'border-state-destructive-border bg-state-destructive-hover'
       : 'bg-components-panel-on-panel-item-bg hover:bg-components-panel-on-panel-item-bg-hover'

web/app/components/workflow/note-node/note-editor/theme/theme.css

@@ -29,4 +29,4 @@
 
 .note-editor-theme_text-italic {
   font-style: italic;
-}
+}

web/app/components/workflow/operator/export-image.tsx

@@ -1,131 +1,131 @@
-import type { FC } from 'react'
-import {
-  memo,
-  useCallback,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { toJpeg, toPng, toSvg } from 'html-to-image'
-import { useNodesReadOnly } from '../hooks'
-import TipPopup from './tip-popup'
-import { RiExportLine } from '@remixicon/react'
-import cn from '@/utils/classnames'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-  PortalToFollowElemTrigger,
-} from '@/app/components/base/portal-to-follow-elem'
-
-const ExportImage: FC = () => {
-  const { t } = useTranslation()
-  const { getNodesReadOnly } = useNodesReadOnly()
-
-  const appDetail = useAppStore(s => s.appDetail)
-  const [open, setOpen] = useState(false)
-
-  const handleExportImage = useCallback(async (type: 'png' | 'jpeg' | 'svg') => {
-    if (!appDetail)
-      return
-
-    if (getNodesReadOnly())
-      return
-
-    setOpen(false)
-    const flowElement = document.querySelector('.react-flow__viewport') as HTMLElement
-    if (!flowElement) return
-
-    try {
-      const filter = (node: HTMLElement) => {
-        if (node instanceof HTMLImageElement)
-          return node.complete && node.naturalHeight !== 0
-
-        return true
-      }
-
-      let dataUrl
-      switch (type) {
-        case 'png':
-          dataUrl = await toPng(flowElement, { filter })
-          break
-        case 'jpeg':
-          dataUrl = await toJpeg(flowElement, { filter })
-          break
-        case 'svg':
-          dataUrl = await toSvg(flowElement, { filter })
-          break
-        default:
-          dataUrl = await toPng(flowElement, { filter })
-      }
-
-      const link = document.createElement('a')
-      link.href = dataUrl
-      link.download = `${appDetail.name}.${type}`
-      document.body.appendChild(link)
-      link.click()
-      document.body.removeChild(link)
-    }
-    catch (error) {
-      console.error('Export image failed:', error)
-    }
-  }, [getNodesReadOnly, appDetail])
-
-  const handleTrigger = useCallback(() => {
-    if (getNodesReadOnly())
-      return
-
-    setOpen(v => !v)
-  }, [getNodesReadOnly])
-
-  return (
-    <PortalToFollowElem
-      open={open}
-      onOpenChange={setOpen}
-      placement="top-start"
-      offset={{
-        mainAxis: 4,
-        crossAxis: -8,
-      }}
-    >
-      <PortalToFollowElemTrigger>
-        <TipPopup title={t('workflow.common.exportImage')}>
-          <div
-            className={cn(
-              'flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg hover:bg-state-base-hover hover:text-text-secondary',
-              `${getNodesReadOnly() && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled'}`,
-            )}
-            onClick={handleTrigger}
-          >
-            <RiExportLine className='h-4 w-4' />
-          </div>
-        </TipPopup>
-      </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg'>
-          <div className='p-1'>
-            <div
-              className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
-              onClick={() => handleExportImage('png')}
-            >
-              {t('workflow.common.exportPNG')}
-            </div>
-            <div
-              className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
-              onClick={() => handleExportImage('jpeg')}
-            >
-              {t('workflow.common.exportJPEG')}
-            </div>
-            <div
-              className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
-              onClick={() => handleExportImage('svg')}
-            >
-              {t('workflow.common.exportSVG')}
-            </div>
-          </div>
-        </div>
-      </PortalToFollowElemContent>
-    </PortalToFollowElem>
-  )
-}
-
-export default memo(ExportImage)
+import type { FC } from 'react'
+import {
+  memo,
+  useCallback,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { toJpeg, toPng, toSvg } from 'html-to-image'
+import { useNodesReadOnly } from '../hooks'
+import TipPopup from './tip-popup'
+import { RiExportLine } from '@remixicon/react'
+import cn from '@/utils/classnames'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+  PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+
+const ExportImage: FC = () => {
+  const { t } = useTranslation()
+  const { getNodesReadOnly } = useNodesReadOnly()
+
+  const appDetail = useAppStore(s => s.appDetail)
+  const [open, setOpen] = useState(false)
+
+  const handleExportImage = useCallback(async (type: 'png' | 'jpeg' | 'svg') => {
+    if (!appDetail)
+      return
+
+    if (getNodesReadOnly())
+      return
+
+    setOpen(false)
+    const flowElement = document.querySelector('.react-flow__viewport') as HTMLElement
+    if (!flowElement) return
+
+    try {
+      const filter = (node: HTMLElement) => {
+        if (node instanceof HTMLImageElement)
+          return node.complete && node.naturalHeight !== 0
+
+        return true
+      }
+
+      let dataUrl
+      switch (type) {
+        case 'png':
+          dataUrl = await toPng(flowElement, { filter })
+          break
+        case 'jpeg':
+          dataUrl = await toJpeg(flowElement, { filter })
+          break
+        case 'svg':
+          dataUrl = await toSvg(flowElement, { filter })
+          break
+        default:
+          dataUrl = await toPng(flowElement, { filter })
+      }
+
+      const link = document.createElement('a')
+      link.href = dataUrl
+      link.download = `${appDetail.name}.${type}`
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+    }
+    catch (error) {
+      console.error('Export image failed:', error)
+    }
+  }, [getNodesReadOnly, appDetail])
+
+  const handleTrigger = useCallback(() => {
+    if (getNodesReadOnly())
+      return
+
+    setOpen(v => !v)
+  }, [getNodesReadOnly])
+
+  return (
+    <PortalToFollowElem
+      open={open}
+      onOpenChange={setOpen}
+      placement="top-start"
+      offset={{
+        mainAxis: 4,
+        crossAxis: -8,
+      }}
+    >
+      <PortalToFollowElemTrigger>
+        <TipPopup title={t('workflow.common.exportImage')}>
+          <div
+            className={cn(
+              'flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg hover:bg-state-base-hover hover:text-text-secondary',
+              `${getNodesReadOnly() && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled'}`,
+            )}
+            onClick={handleTrigger}
+          >
+            <RiExportLine className='h-4 w-4' />
+          </div>
+        </TipPopup>
+      </PortalToFollowElemTrigger>
+      <PortalToFollowElemContent className='z-10'>
+        <div className='min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg'>
+          <div className='p-1'>
+            <div
+              className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+              onClick={() => handleExportImage('png')}
+            >
+              {t('workflow.common.exportPNG')}
+            </div>
+            <div
+              className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+              onClick={() => handleExportImage('jpeg')}
+            >
+              {t('workflow.common.exportJPEG')}
+            </div>
+            <div
+              className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+              onClick={() => handleExportImage('svg')}
+            >
+              {t('workflow.common.exportSVG')}
+            </div>
+          </div>
+        </div>
+      </PortalToFollowElemContent>
+    </PortalToFollowElem>
+  )
+}
+
+export default memo(ExportImage)

web/app/components/workflow/operator/zoom-in-out.tsx

@@ -132,7 +132,7 @@ const ZoomInOut: FC = () => {
       <PortalToFollowElemTrigger asChild>
         <div className={`
           h-9 cursor-pointer rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg
-          p-0.5 text-[13px] shadow-lg backdrop-blur-[5px] 
+          p-0.5 text-[13px] shadow-lg backdrop-blur-[5px]
           hover:bg-state-base-hover
           ${workflowReadOnly && '!cursor-not-allowed opacity-50'}
         `}>

web/app/components/workflow/style.css

@@ -21,4 +21,4 @@
   z-index: -1000 !important;
 }
 
-#workflow-container .react-flow {}
+#workflow-container .react-flow {}