feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/workflow/setters/scripts/create-setter.js

@@ -0,0 +1,116 @@
+#!/usr/bin/env node
+const path = require('path');
+const fs = require('fs');
+
+const { pascalize } = require('humps');
+
+const setterName = process.argv[2];
+if (!setterName) {
+  console.error('Please provide a setter name.');
+  process.exit(1);
+}
+
+const componentDir = path.join(__dirname, '..', 'src', setterName);
+const indexFile = path.join(componentDir, 'index.ts');
+const componentFile = path.join(componentDir, `${setterName}.tsx`);
+const storiesFile = path.join(componentDir, 'index.stories.tsx');
+const testFile = path.join(componentDir, 'index.test.tsx');
+const styleFile = path.join(componentDir, `${setterName}.module.less`);
+const packageIndexFile = path.join(__dirname, '..', 'src', 'index.ts');
+const componentName = pascalize(setterName);
+
+// 创建组件目录
+if (fs.existsSync(componentDir)) {
+  console.error('can not created because this setter existed.');
+  process.exit(1);
+}
+
+fs.mkdirSync(componentDir);
+
+// 创建 index.ts 文件
+const indexContent = `export { ${componentName} } from './${setterName}';
+export type { ${componentName}Options } from './${setterName}';`;
+fs.writeFileSync(indexFile, indexContent);
+
+// 创建 {setterName}.tsx 文件
+const componentContent = `import type { Setter } from '../types';
+
+import styles from './${setterName}.module.less';
+
+export interface ${componentName}Options {}
+
+export const ${componentName}: Setter<string, ${componentName}Options> = ({value, onChange, readonly, options={}}) => {
+  return <div className={styles['${setterName}']}>This is ${setterName}</div>;
+};
+`;
+fs.writeFileSync(componentFile, componentContent);
+
+// 创建 index.stories.tsx 文件
+const storiesContent = `import type { StoryObj, Meta } from '@storybook/react';
+import { useArgs } from '@storybook/preview-api';
+
+import { ${componentName} } from './${setterName}'
+
+const meta: Meta<typeof ${componentName}> = {
+  title: 'workflow setters/${componentName}',
+  component: ${componentName},
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  render: args => {
+    const [, updateArgs] = useArgs();
+
+    return (
+      <${componentName}
+        {...args}
+        onChange={newValue => {
+          updateArgs({ ...args, value: newValue });
+        }}
+      />
+    );
+  },
+}
+
+export default meta;
+
+type Story = StoryObj<typeof ${componentName}>;
+
+export const Base: Story = {};`;
+fs.writeFileSync(storiesFile, storiesContent);
+
+// 创建 index.test.tsx 文件
+const testContent = `import '@testing-library/jest-dom';
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+
+import { ${componentName} } from './${setterName}';
+
+const mockProps = {
+  value: '',
+  onChange: vi.fn(),
+  readonly: false,
+};
+
+describe('${componentName} Setter', () => {
+  it('renders correctly with default props', () => {
+    const { container } = render(<${componentName} {...mockProps} />);
+    expect(container.firstChild).toBeInTheDocument();
+  });
+});
+`;
+fs.writeFileSync(testFile, testContent);
+
+// 创建 {setterName}.module.less 文件
+const styleContent = `.${setterName} {
+  // Your styles here
+}
+`;
+fs.writeFileSync(styleFile, styleContent);
+
+// 在包入口追加setter到导出
+const packageIndexAppendedExportContent = `export { ${componentName} } from './${setterName}';
+export type { ${componentName}Options } from './${setterName}';`;
+fs.appendFileSync(packageIndexFile, packageIndexAppendedExportContent);
+
+console.log(`Setter component ${setterName} created successfully.`);