🚸 fix: improve plugin ux

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 LobeHub
+Copyright (c) 2023 - current LobeHub
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "plugin-identifier",
+  "name": "midjourney-webui",
   "version": "1.2.2",
   "private": true,
   "description": "This is the plugin template for LobeChat plugin development",

public/manifest.json

@@ -21,9 +21,9 @@
   "identifier": "midjourney",
   "meta": {
     "avatar": "https://cdn.discordapp.com/icons/662267976984297473/39128f6c9fc33f4c95a27d4c601ad7db.webp",
-    "tags": ["midjourney", "draw"],
     "title": "Midjourney",
-    "description": "midjourney plugin"
+    "description": "Unleash creativity with Midjourney, effortlessly generating unique AI-driven images through simple prompts. Add visual flair to your conversations with Midjourney's artistic touch.",
+    "tags": ["AI Image Generation", "Midjourney", "Visualization"]
   },
   "settings": {
     "type": "object",

src/features/Preview/index.tsx

@@ -33,7 +33,7 @@ const Preview = memo(() => {
   const [progress, taskLoading, inLobeChat] = useStore((s) => [
     midjourneySelectors.currentTaskProgress(s),
     midjourneySelectors.isCurrentTaskRunning(s),
-    s.inLobeChat,
+    midjourneySelectors.isInLobeChat(s),
   ]);
 
   const { styles, theme } = useStyles();
@@ -51,7 +51,7 @@ const Preview = memo(() => {
     >
       {showImage ? (
         <ImagePreview />
-      ) : (
+      ) : inLobeChat ? null : (
         <Center height={'100%'} width={'100%'}>
           <Guide />
         </Center>

src/features/TaskList/index.tsx

@@ -10,11 +10,13 @@ const TaskList = memo(() => {
   const tasks = useStore((s) => s.tasks.map((t) => t.id), isEqual);
 
   return (
-    <Flexbox gap={6} height={64} horizontal>
-      {tasks.map((task) => (
-        <TaskItem id={task} key={task} />
-      ))}
-    </Flexbox>
+    tasks.length > 1 && (
+      <Flexbox gap={6} height={64} horizontal>
+        {tasks.map((task) => (
+          <TaskItem id={task} key={task} />
+        ))}
+      </Flexbox>
+    )
   );
 });
 

src/store/action.ts

@@ -202,6 +202,11 @@ export const actions: StateCreator<
       {
         onSuccess: (data: AppState) => {
           if (data) get().updateAppState(data, 'initApp');
+
+          // 如果第一次在 LobeChat 中触发插件，则创建 imagine 任务
+          if (data.inLobeChat && data.tasks?.length === 0 && !!data.prompts) {
+            get().createImagineTask();
+          }
         },
         revalidateOnFocus: false,
       },

src/store/selectors.ts

@@ -31,13 +31,15 @@ const isCurrentTaskRunning = (s: MidjourneyStore) => {
 const isTaskActive = (id: string) => (s: MidjourneyStore) => {
   return getTaskById(id)(s)?.id === s.activeTaskId;
 };
+const isInLobeChat = (s: MidjourneyStore) => s.inLobeChat;
 
 export const midjourneySelectors = {
   currentActiveTask,
   currentTaskProgress,
   getTaskById,
   isAnyTaskRunning,
   isCurrentTaskRunning,
+  isInLobeChat,
   isTaskActive,
   isTasksEmpty,
 };