@lobehub/chat 0.63.3 → 0.64.0

package/src/store/plugin/reducers/devPluginList.ts

@@ -0,0 +1,56 @@
+import { produce } from 'immer';
+
+import { DevPlugin } from '../initialState';
+
+export type DevListState = DevPlugin[];
+
+export type AddPluginAction = {
+  plugin: DevPlugin;
+  type: 'addItem';
+};
+
+export type DeletePluginAction = {
+  id: string;
+  type: 'deleteItem';
+};
+
+export type UpdatePluginAction = {
+  id: string;
+  plugin: DevPlugin;
+  type: 'updateItem';
+};
+
+export type DevListDispatch = AddPluginAction | DeletePluginAction | UpdatePluginAction;
+
+export const devPluginListReducer = (
+  state: DevListState,
+  payload: DevListDispatch,
+): DevListState => {
+  switch (payload.type) {
+    case 'addItem': {
+      return [...state, payload.plugin];
+    }
+
+    case 'deleteItem': {
+      return produce(state, (draftState) => {
+        const deleteIndex = state.findIndex((plugin) => plugin.identifier === payload.id);
+        if (deleteIndex !== -1) {
+          draftState.splice(deleteIndex, 1);
+        }
+      });
+    }
+
+    case 'updateItem': {
+      return produce(state, (draftState) => {
+        const updateIndex = state.findIndex((plugin) => plugin.identifier === payload.id);
+        if (updateIndex !== -1) {
+          draftState[updateIndex] = payload.plugin;
+        }
+      });
+    }
+
+    default: {
+      return state;
+    }
+  }
+};

package/src/store/plugin/selectors.ts

@@ -23,8 +23,13 @@ const enabledSchema =
       );
   };
 
+const pluginList = (s: PluginStoreState) => [...s.pluginList, ...s.devPluginList];
+
 const getPluginMetaById = (id: string) => (s: PluginStoreState) =>
-  pluginHelpers.getPluginFormList(s.pluginList, id);
+  pluginHelpers.getPluginFormList(pluginList(s), id);
+
+const getDevPluginById = (id: string) => (s: PluginStoreState) =>
+  s.devPluginList.find((i) => i.identifier === id);
 
 const getPluginManifestById = (id: string) => (s: PluginStoreState) => s.pluginManifestMap[id];
 const getPluginSettingsById = (id: string) => (s: PluginStoreState) => s.pluginsSettings[id];
@@ -41,7 +46,7 @@ const getPluginManifestLoadingStatus = (id: string) => (s: PluginStoreState) =>
 };
 
 const displayPluginList = (s: PluginStoreState) =>
-  s.pluginList.map((p) => ({
+  pluginList(s).map((p) => ({
     author: p.author,
     avatar: p.meta?.avatar,
     createAt: p.createAt,
@@ -54,8 +59,10 @@ const displayPluginList = (s: PluginStoreState) =>
 export const pluginSelectors = {
   displayPluginList,
   enabledSchema,
+  getDevPluginById,
   getPluginManifestById,
   getPluginManifestLoadingStatus,
   getPluginMetaById,
   getPluginSettingsById,
+  pluginList,
 };

package/src/store/plugin/store.ts

@@ -19,7 +19,10 @@ const createStore: StateCreator<PluginStore, [['zustand/devtools', never]]> = (.
 
 //  ===============  persist 本地缓存中间件配置 ============ //
 
-type SessionPersist = Pick<PluginStore, 'pluginList' | 'pluginManifestMap' | 'pluginsSettings'>;
+type SessionPersist = Pick<
+  PluginStore,
+  'pluginList' | 'pluginManifestMap' | 'pluginsSettings' | 'devPluginList'
+>;
 
 const storeName = 'LOBE_PLUGIN';
 
@@ -27,6 +30,7 @@ const persistOptions: PersistOptions<PluginStore, SessionPersist> = {
   name: storeName,
 
   partialize: (s) => ({
+    devPluginList: s.devPluginList,
     pluginList: s.pluginList,
     pluginManifestMap: s.pluginManifestMap,
     pluginsSettings: s.pluginsSettings,