@fudanda/workflow 0.0.0-stage → 2.20261024.1-beta.1

package/vendor/coze/source/node-registries/http/fields/json-import-editor/json-import-components/json-import.tsx

@@ -0,0 +1,99 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import classNames from 'classnames';
+import { useNodeTestId } from '@coze-workflow/base';
+import { IconCozEdit } from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+
+import { useNodeFormPanelState } from '@/hooks/use-node-side-sheet-store';
+
+import styles from '../index.module.less';
+import { JsonExpandEditor } from './json-expand-editor';
+
+interface JSONImportProps {
+  value: string;
+  onChange: (value: string) => void;
+  onBlur?: () => void;
+  customClassNames?: string;
+  testId?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  disabledTooltip?: string;
+}
+
+export const JsonImport = ({
+  value,
+  onChange,
+  customClassNames,
+  testId,
+  disabled,
+  disabledTooltip,
+}: JSONImportProps) => {
+  const { getNodeSetterId } = useNodeTestId();
+
+  const { setFullscreenPanel } = useNodeFormPanelState();
+
+  const handleOnClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.stopPropagation();
+    setFullscreenPanel(
+      <JsonExpandEditor
+        value={value}
+        onChange={onChange}
+        onClose={() => {
+          setFullscreenPanel(null);
+        }}
+        id={'import-json'}
+      />,
+    );
+  };
+
+  return (
+    <div
+      className={classNames({
+        [customClassNames as string]: customClassNames,
+      })}
+      data-testid={testId}
+    >
+      <Tooltip content={disabled ? disabledTooltip : 'Edit JSON'}>
+        <IconButton
+          data-testid={getNodeSetterId('body-json-import-btn')}
+          className={classNames('!block', {
+            [styles.importButton]: true,
+            [styles.importButtonDisabled]: disabled,
+          })}
+          size="small"
+          color="highlight"
+          disabled={disabled}
+          icon={<IconCozEdit className={styles.buttonIcon} />}
+          onClick={handleOnClick}
+        >
+          <span
+            style={{
+              fontSize: 12,
+              fontWeight: 500,
+              lineHeight: '16px',
+            }}
+          >
+            Edit JSON
+          </span>
+        </IconButton>
+      </Tooltip>
+    </div>
+  );
+};

package/vendor/coze/source/node-registries/http/form-render.tsx

@@ -0,0 +1,102 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ValueExpressionType, ViewVariableType } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+
+import { NodeConfigForm } from '@/node-registries/common/components';
+import { Section, InputNumberField } from '@/form';
+
+import { OutputsField, ParametersInputGroup } from '../common/fields';
+import { ApiSetter, AuthSetter, BodySetter } from './setters';
+import { INPUT_VALUE_COLUMNS } from './constants';
+
+const Render = () => (
+  <NodeConfigForm>
+    <ApiSetter />
+    <ParametersInputGroup
+      name="inputs.params"
+      title={I18n.t('node_http_request_params')}
+      tooltip={I18n.t('node_http_request_params_desc')}
+      hiddenTypes
+      defaultValue={[]}
+      columns={INPUT_VALUE_COLUMNS}
+      inputType={ViewVariableType.String}
+    />
+    <ParametersInputGroup
+      name="inputs.headers"
+      title={I18n.t('node_http_headers')}
+      tooltip={I18n.t('node_http_headers_desc')}
+      hiddenTypes
+      defaultValue={[]}
+      columns={INPUT_VALUE_COLUMNS}
+      defaultAppendValue={{
+        name: '',
+        type: ViewVariableType.String,
+        input: { type: ValueExpressionType.LITERAL, content: '' },
+      }}
+      inputType={ViewVariableType.String}
+    />
+    <AuthSetter setterName="inputs.auth" />
+
+    <BodySetter setterName="inputs.body" />
+
+    <Section title={I18n.t('node_http_timeout_setting')}>
+      <InputNumberField
+        name="inputs.setting.timeout"
+        defaultValue={120}
+        max={180}
+        min={0}
+        className="w-full"
+        style={{
+          height: '24px',
+          borderColor: 'var(--Stroke-COZ-stroke-plus, rgba(84, 97, 156, 0.27))',
+        }}
+      />
+    </Section>
+    <Section title={I18n.t('node_http_retry_count')}>
+      <InputNumberField
+        name="inputs.setting.retryTimes"
+        defaultValue={3}
+        max={10}
+        min={0}
+        className="w-full"
+        style={{
+          height: '24px',
+          borderColor: 'var(--Stroke-COZ-stroke-plus, rgba(84, 97, 156, 0.27))',
+        }}
+      />
+    </Section>
+    <OutputsField
+      title={I18n.t('workflow_detail_node_output')}
+      tooltip={I18n.t('node_http_response_data')}
+      id="database-node-outputs"
+      name="outputs"
+      topLevelReadonly={true}
+      disabledTypes={[
+        ViewVariableType.Object,
+        ViewVariableType.ArrayBoolean,
+        ViewVariableType.ArrayObject,
+        ViewVariableType.ArrayInteger,
+        ViewVariableType.ArrayNumber,
+        ViewVariableType.ArrayString,
+      ]}
+      customReadonly
+    />
+  </NodeConfigForm>
+);
+
+export default Render;

package/vendor/coze/source/node-registries/http/setters/api/curl-expand-editor.tsx

@@ -0,0 +1,161 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type FC, useCallback, useState } from 'react';
+
+import classNames from 'classnames';
+import { EditorProvider } from '@coze-editor/editor/react';
+import { I18n } from '@coze-arch/i18n';
+import { IconWarningInfo } from '@coze-arch/bot-icons';
+import {
+  IconCozImport,
+  IconCozMoon,
+  IconCozSun,
+} from '@coze-arch/coze-design/icons';
+import { IconButton, Modal, Toast } from '@coze-arch/coze-design';
+
+import { CURLParser, type ParsedResult } from '@/utils';
+import {
+  useEditorThemeState,
+  EditorTheme,
+} from '@/hooks/use-editor-theme-state';
+import { ExpandEditorContainer } from '@/components/editor-container';
+
+import { HttpMethod } from '../constants';
+import { BaseBashEditor } from '../../components/base-editor';
+
+import styles from './index.module.less';
+
+export const CurlExpandEditor: FC<{
+  id: string;
+  onChange: (data: ParsedResult) => void;
+  onClose: () => void;
+}> = props => {
+  const { id, onClose, onChange } = props;
+
+  const [curlStr, setCurlStr] = useState('');
+
+  const { isDarkTheme, setEditorTheme } = useEditorThemeState();
+
+  const handleChangeTheme = () => {
+    const nextTheme = isDarkTheme ? EditorTheme.Light : EditorTheme.Dark;
+    setEditorTheme(nextTheme);
+  };
+
+  const onConfirmImport = useCallback(
+    async () =>
+      new Promise(resolve => {
+        Modal.warning({
+          icon: (
+            <IconWarningInfo
+              className={styles.warningIcon}
+              style={{
+                width: 22,
+                height: 22,
+              }}
+            />
+          ),
+          title: I18n.t('workflow_json_node_update_tips_title'),
+          content: I18n.t('workflow_json_node_update_tips_content'),
+          okType: 'warning',
+          okText: I18n.t('Confirm'),
+          cancelText: I18n.t('Cancel'),
+          onOk: () => {
+            try {
+              const curlObj = new CURLParser(curlStr);
+              const nextFormData = curlObj.parse();
+              if (!HttpMethod?.[nextFormData?.method]) {
+                throw new Error('cURL Method Error');
+              }
+              onChange(nextFormData);
+            } catch (e) {
+              Toast.warning({
+                content: 'cURL Format Error',
+                duration: 3,
+              });
+              console.warn('cURL Format Error', e);
+            }
+            resolve(true);
+          },
+          onCancel: () => resolve(false),
+        });
+      }),
+    [curlStr],
+  );
+
+  return (
+    <ExpandEditorContainer
+      id={id}
+      onClose={onClose}
+      closeIconClassName={classNames({
+        [styles.themeIconDark]: isDarkTheme,
+      })}
+      editorTitle={I18n.t('node_http_import_curl', {}, '导入 cURL')}
+      headerClassName={classNames(styles['expand-header'], {
+        [styles['expand-header-dark']]: isDarkTheme,
+      })}
+      contentClassName={classNames(styles['expand-content'], {
+        [styles['expand-content-dark']]: isDarkTheme,
+      })}
+      editorContent={
+        <EditorProvider>
+          <BaseBashEditor
+            className={styles.editorWrapper}
+            placeholder={I18n.t(
+              'node_http_import_curl_placeholder',
+              {},
+              '请输入cURL',
+            )}
+            value={curlStr}
+            onChange={v => setCurlStr(v as string)}
+            minHeight="100%"
+            maxHeight="100%"
+            editerHeight="100%"
+            padding="12px"
+            isDarkTheme={isDarkTheme}
+          />
+        </EditorProvider>
+      }
+      actions={[
+        <IconButton
+          color="highlight"
+          className={classNames(styles.importButton, {
+            [styles.importButtonDark]: isDarkTheme,
+          })}
+          icon={<IconCozImport className={styles.buttonIcon} />}
+          onClick={onConfirmImport}
+        >
+          {I18n.t('import', {}, '导入')}
+        </IconButton>,
+        <span>
+          <IconButton
+            onClick={handleChangeTheme}
+            icon={
+              isDarkTheme ? (
+                <IconCozMoon fontSize={18} className={styles.themeIconDark} />
+              ) : (
+                <IconCozSun fontSize={18} className={styles.themeIconLight} />
+              )
+            }
+            size="small"
+            color="secondary"
+            aria-label="close"
+          />
+        </span>,
+      ]}
+    />
+  );
+};

package/vendor/coze/source/node-registries/http/setters/api/curl-import.tsx

@@ -0,0 +1,96 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+import classNames from 'classnames';
+import { PublicScopeProvider } from '@coze-workflow/variable';
+import { useNodeTestId } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozImport } from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+
+import { useNodeFormPanelState } from '@/hooks/use-node-side-sheet-store';
+
+import { CurlExpandEditor } from './curl-expand-editor';
+
+import styles from './index.module.less';
+
+export const CurlImport = ({
+  onChange,
+  customClassNames = '',
+  testId,
+  disabled,
+  disabledTooltip = I18n.t('node_http_import_curl', {}, '导入 cURL'),
+}) => {
+  const { getNodeSetterId } = useNodeTestId();
+
+  const { setFullscreenPanel } = useNodeFormPanelState();
+
+  const handleOnClick = () => {
+    setFullscreenPanel(
+      <PublicScopeProvider>
+        <CurlExpandEditor
+          onChange={onChange}
+          onClose={() => {
+            setFullscreenPanel(null);
+          }}
+          id={'import-curl'}
+        />
+      </PublicScopeProvider>,
+    );
+  };
+
+  return (
+    <div
+      className={classNames({
+        [customClassNames]: customClassNames,
+      })}
+      data-testid={testId}
+    >
+      <Tooltip
+        content={
+          disabled
+            ? disabledTooltip
+            : I18n.t('node_http_import_curl', {}, '导入 cURL')
+        }
+      >
+        <IconButton
+          data-testid={getNodeSetterId('apiInfo-import-curl-btn')}
+          className={classNames('!block', {
+            [styles.importButton]: true,
+            [styles.importButtonDisabled]: disabled,
+          })}
+          size="small"
+          color="highlight"
+          disabled={disabled}
+          icon={<IconCozImport className={styles.buttonIcon} />}
+          onClick={handleOnClick}
+        >
+          <span
+            style={{
+              fontSize: 12,
+              fontWeight: 500,
+              lineHeight: '16px',
+            }}
+          >
+            {I18n.t('node_http_import_curl', {}, '导入 cURL')}
+          </span>
+        </IconButton>
+      </Tooltip>
+    </div>
+  );
+};

package/vendor/coze/source/node-registries/http/setters/api/index.module.less

@@ -0,0 +1,199 @@
+.import-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  padding: 4px 8px;
+
+  border-radius: 6px;
+
+  &:not(.semi-button-disabled):hover {
+    background-color: var(--semi-color-fill-1, rgba(46, 46, 56, 8%));
+  }
+
+  &:not(.semi-button-disabled):active {
+    background-color: var(--semi-color-fill-2, rgba(46, 46, 56, 12%));
+  }
+
+  :global {
+    p {
+      font-size: 12px;
+      font-weight: 500;
+      font-style: normal;
+      line-height: 16px;
+    }
+
+    .semi-button-content{
+      gap: 4px;
+      line-height: 16px;
+
+      .semi-button-content-right {
+        color: var(--Fg-COZ-fg-hglt, #4E40E5);
+      }
+    }
+  }
+}
+
+.import-button-disabled {
+  opacity: 0.5;
+  filter: grayscale(100%);
+}
+
+.import-button-dark{
+  --Fg-COZ-fg-hglt: #A6A6FF
+}
+
+.button-icon {
+  color: var(--Fg-COZ-fg-hglt,#4E40E5);
+}
+
+.theme-icon-light{
+  color: var(--Fg-COZ-fg-primary, rgba(15, 21, 41, 82%));
+}
+
+.theme-icon-dark {
+  color: var(--Fg-COZ-fg-primary,#FFFFFFC9);
+}
+
+.side-sheet {
+  :global(.semi-sidesheet-inner-wrap) {
+    /* stylelint-disable-next-line declaration-no-important */
+    overflow: visible !important;
+  }
+}
+
+
+/* stylelint-disable max-nesting-depth */
+.container {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  gap: 8px;
+  align-items: flex-end;
+  align-self: stretch;
+
+  height: 100%;
+  padding: 12px 16px 16px;
+
+  background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
+
+  .header {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    align-self: stretch;
+    justify-content: space-between;
+
+    height: 32px;
+
+    span {
+      display: inline-flex;
+      gap: 8px;
+      align-items: center;
+
+      height: 32px;
+      margin: 0;
+      padding: 0;
+    }
+
+    .left-side {
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+        font-style: normal;
+        line-height: 24px;
+        color: var(--light-color-grey-grey-9, #1C1F23);
+      }
+
+      .info {
+        color: var(--light-color-grey-grey-3, #A7A7B0);
+
+        svg {
+          width: 12px;
+          height: 12px;
+        }
+      }
+    }
+
+    .right-side {
+      span {
+        display: inline-flex;
+        gap: 4px;
+        align-items: center;
+
+        height: 32px;
+        margin: 0;
+        padding: 0;
+      }
+
+      .import-button {
+        padding: 6px 16px;
+      }
+    }
+
+    .tooltip-pop-container {
+      pointer-events: none;
+
+      position: absolute;
+      top: 0;
+      left: 0;
+
+      width: 0;
+      height: 0;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex: 1 0 0;
+    flex-direction: column;
+    align-items: flex-end;
+    align-self: stretch;
+
+    border-radius: 6px;
+  }
+}
+
+.tip {
+  z-index: 9999;
+
+  :global {
+    .semi-tooltip-content {
+      white-space: pre-line;
+    }
+  }
+}
+
+.expand-header{
+  height: 48px;
+
+  font-size: 16px;
+  font-weight: 500;
+  font-style: normal;
+  line-height: 22px;
+
+  border-bottom: 1px solid var(--Stroke-COZ-stroke-plus, rgba(153, 182, 255, 17%));
+}
+
+.expand-header-dark{
+  --Fg-COZ-fg-secondary: rgba(255, 255, 255, 39%);
+
+  background: var(--Bg-COZ-bg-plus, #1F2533);
+}
+
+.expand-content{
+  height: calc(100% - 48px);
+}
+
+.expand-content-dark{
+  background: var(--Bg-COZ-bg-plus, #1F2533);
+}
+
+.editor-wrapper{
+  width: 100%;
+  height: 100%;
+
+  & > div{
+    height: 100%;
+  }
+}