feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/common/editor-plugins/src/actions/copy/index.tsx

@@ -0,0 +1,37 @@
+/*
+ * 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 { useEditor } from '@coze-editor/editor/react';
+import { type EditorAPI } from '@coze-editor/editor/preset-prompt';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozCopy } from '@coze-arch/coze-design/icons';
+import { Button, Toast } from '@coze-arch/coze-design';
+export const CopyAction = () => {
+  const editor = useEditor<EditorAPI>();
+  return (
+    <Button
+      icon={<IconCozCopy />}
+      color="primary"
+      size="small"
+      className="w-6 h-6"
+      onClick={() => {
+        const text = editor?.$view.state.doc.toString();
+        navigator.clipboard.writeText(text);
+        Toast.success(I18n.t('prompt_library_prompt_copied_successfully'));
+      }}
+    />
+  );
+};

frontend/packages/common/editor-plugins/src/actions/index.ts

@@ -0,0 +1,19 @@
+/*
+ * 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.
+ */
+ 
+export { InsertInputSlotAction } from './insert-input-slot';
+export { insertInputSlot } from '../input-slot/action/insert-input-slot-action';
+export { CopyAction } from './copy';

frontend/packages/common/editor-plugins/src/actions/insert-input-slot/component.tsx

@@ -0,0 +1,77 @@
+/*
+ * 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 cls from 'classnames';
+import { useEditor } from '@coze-editor/editor/react';
+import { type EditorAPI } from '@coze-editor/editor/preset-prompt';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozInputSlot } from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+import { type ButtonProps } from '@coze-arch/coze-design';
+
+import { insertInputSlot } from '../../input-slot/action/insert-input-slot-action';
+import {
+  useSelectionInInputSlot,
+  useSelectionInJinjaRaw,
+} from '../../input-slot';
+import { useActionBarPreference } from '../../action-bar/hooks/use-action-bar-perference';
+
+type InsertInputSlotProps = Pick<ButtonProps, 'className'>;
+
+export const InsertInputSlotAction: React.FC<InsertInputSlotProps> = props => {
+  const editor = useEditor<EditorAPI>();
+  const { className } = props;
+  const { controller, size } = useActionBarPreference();
+  const inInputSlot = useSelectionInInputSlot();
+  const inJinjaRaw = useSelectionInJinjaRaw();
+
+  if (inInputSlot || inJinjaRaw) {
+    return null;
+  }
+
+  return (
+    <div
+      className={cls(
+        'hover:coz-mg-secondary-hovered coz-icon-button rounded-little',
+      )}
+    >
+      <Tooltip
+        content={I18n.t('edit_block_set_as_edit_block')}
+        position="bottom"
+      >
+        <IconButton
+          color="primary"
+          icon={<IconCozInputSlot />}
+          className={cls('!bg-transparent', className)}
+          size={size}
+          onMouseDown={e => {
+            e.preventDefault();
+            e.stopPropagation();
+          }}
+          onClick={e => {
+            e.preventDefault();
+            e.stopPropagation();
+            controller?.hideActionBar();
+            if (!editor) {
+              return;
+            }
+            insertInputSlot(editor);
+          }}
+        />
+      </Tooltip>
+    </div>
+  );
+};

frontend/packages/common/editor-plugins/src/actions/insert-input-slot/index.tsx

@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+ 
+export { InsertInputSlotAction } from './component';