impaktapps-ui-builder 1.0.0 → 1.0.1-alpha.1

package/redux/currentApp/action/actionListener.ts

@@ -1,158 +0,0 @@
-import { ActionContent, ActionItem } from "./interface"
-import { AnyAction, Unsubscribe, isAnyOf } from "@reduxjs/toolkit"
-import {
-  getCachedAction,
-  getIsIMPAKTGuideMode,
-} from "@/redux/config/configSelector"
-import { configActions } from "@/redux/config/configSlice"
-import { actionActions } from "@/redux/currentApp/action/actionSlice"
-import { getActionExecutionResult } from "@/redux/currentApp/executionTree/executionSelector"
-// import { fetchBatchUpdateAction } from "@/services/action"
-import { AppListenerEffectAPI, AppStartListening, RootState } from "@/store"
-import { registerActionPeriod } from "@/utils/action/runAction"
-import { mixedChangeDisplayNameHelper } from "@/utils/changeDisplayNameHelper"
-import { UpdateActionSlicePropsPayload } from "./actionState"
-
-async function handleAddActionItemEffect(
-  action: ReturnType<typeof actionActions.addActionItemReducer>,
-  listenerApi: AppListenerEffectAPI,
-) {
-  listenerApi.dispatch(configActions.changeSelectedAction(action.payload))
-}
-
-async function handleUpdateActionItem(
-  action: ReturnType<typeof actionActions.updateActionItemReducer>,
-  listenerApi: AppListenerEffectAPI,
-) {
-  if (
-    action.payload.displayName ===
-    listenerApi.getState().config.selectedAction?.displayName
-  ) {
-    listenerApi.dispatch(configActions.changeSelectedAction(action.payload))
-  }
-
-  const displayName = action.payload.displayName
-
-  const actionExecutionResult = getActionExecutionResult(listenerApi.getState())
-  const currentAction = actionExecutionResult[displayName]
-  if (
-    currentAction &&
-    currentAction?.config?.advancedConfig.isPeriodically &&
-    currentAction?.config?.advancedConfig.periodInterval
-  ) {
-    registerActionPeriod(currentAction)
-  }
-}
-
-async function handleBatchUpdateActionItem(
-  action: ReturnType<typeof actionActions.batchUpdateActionItemReducer>,
-  listenerApi: AppListenerEffectAPI,
-) {
-  const selectedAction = listenerApi.getState().config.selectedAction
-  const targetSelectedAction = action.payload.find(
-    (action) => action.actionID === selectedAction?.actionID,
-  )
-  if (targetSelectedAction) {
-    listenerApi.dispatch(
-      configActions.changeSelectedAction(targetSelectedAction),
-    )
-  }
-}
-
-const handleUpdateDisplayNameEffect = (
-  action: ReturnType<typeof actionActions.updateActionDisplayNameReducer>,
-  listenerApi: AppListenerEffectAPI,
-) => {
-  const { oldDisplayName, newDisplayName } = action.payload
-  mixedChangeDisplayNameHelper(listenerApi, oldDisplayName, newDisplayName)
-}
-
-const handleUpdateAsyncEffect = (
-  action: AnyAction,
-  listenerApi: AppListenerEffectAPI,
-) => {
-  const rootState:RootState = listenerApi.getState()
-  const currentSelectedID = rootState.config.selectedAction?.actionID
-  const allChangedActions: ActionItem<ActionContent>[] = []
-  if (actionActions.updateActionDisplayNameReducer.match(action)) {
-    const { actionID } = action.payload
-    if (actionID === rootState.config.selectedAction?.actionID) {
-      const currentAction = rootState.currentApp.action.find(
-        (item) => item.actionID === actionID,
-      )
-      if (!currentAction) return
-      const cachedAction = getCachedAction(listenerApi.getState())
-      listenerApi.dispatch(configActions.changeSelectedAction(currentAction))
-      if (!cachedAction) return
-      listenerApi.dispatch(
-        configActions.updateCachedAction({
-          ...cachedAction,
-          displayName: action.payload.newDisplayName,
-        }),
-      )
-      allChangedActions.push(currentAction)
-    }
-  } else if (
-    actionActions.batchUpdateMultiActionSlicePropsReducer.match(action)
-  ) {
-    const currentActionUpdateSlice = action.payload.find(
-      (item: UpdateActionSlicePropsPayload) =>
-        item.actionID === currentSelectedID,
-    )
-    if (!currentActionUpdateSlice) return
-    const currentActionID = currentActionUpdateSlice.actionID
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const currentAction= rootState.currentApp.action.find(
-      (item) => item.actionID === currentActionID,
-    )
-    if (!currentAction) return
-    listenerApi.dispatch(configActions.changeSelectedAction(currentAction))
-    action.payload.forEach((payloadAction) => {
-      const cAction = rootState.currentApp.action.find(
-        (item) => item.actionID === payloadAction.actionID,
-      )
-      if (cAction) {
-        allChangedActions.push(cAction)
-      }
-    })
-  }
-
-  const isGuideMode = getIsIMPAKTGuideMode(rootState)
-  if (allChangedActions.length && !isGuideMode) {
-    //  fetchBatchUpdateAction(allChangedActions)
-  }
-}
-
-export function setupActionListeners(
-  startListening: AppStartListening,
-): Unsubscribe {
-  const subscriptions = [
-    startListening({
-      actionCreator: actionActions.updateActionItemReducer,
-      effect: handleUpdateActionItem,
-    }),
-    startListening({
-      actionCreator: actionActions.batchUpdateActionItemReducer,
-      effect: handleBatchUpdateActionItem,
-    }),
-    startListening({
-      actionCreator: actionActions.addActionItemReducer,
-      effect: handleAddActionItemEffect,
-    }),
-    startListening({
-      actionCreator: actionActions.updateActionDisplayNameReducer,
-      effect: handleUpdateDisplayNameEffect,
-    }),
-    startListening({
-      matcher: isAnyOf(
-        actionActions.updateActionDisplayNameReducer,
-        actionActions.batchUpdateMultiActionSlicePropsReducer,
-      ),
-      effect: handleUpdateAsyncEffect,
-    }),
-  ]
-
-  return () => {
-    subscriptions.forEach((unsubscribe) => unsubscribe())
-  }
-}

package/redux/currentApp/action/actionReducer.ts

@@ -1,137 +0,0 @@
-import { CaseReducer, PayloadAction } from "@reduxjs/toolkit"
-import { klona } from "klona/json"
-import { set } from "lodash-es"
-import {
-  RemoveActionItemReducerPayload,
-  UpdateActionDisplayNamePayload,
-  UpdateActionSlicePropsPayload,
-  actionInitialState,
-} from "@/redux/currentApp/action/actionState"
-import { DisplayNameGenerator } from "@/utils/generators/generateDisplayName"
-import { ActionContent, ActionItem } from "./interface"
-import { isObject } from "@/redux/utils"
-
-export const initActionListReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<ActionItem<ActionContent>[]>
-> = (_, action) => {
-  return action.payload
-}
-  
-export const addActionItemReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<ActionItem<ActionContent>>
-> = (state, action) => {
-  state.push(action.payload)
-  return state
-}
-
-export const batchAddActionItemReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<ActionItem<ActionContent>[]>
-> = (state, action) => {
-  return state.concat(action.payload)
-}
-
-export const updateActionItemReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<ActionItem<ActionContent>>
-> = (state, action) => {
-  const index = state.findIndex((item: ActionItem<ActionContent>) => {
-    return item.actionID === action.payload.actionID
-  })
-  if (index != -1) {
-    state[index] = action.payload
-  }
-  return state
-}
-
-export const updateActionDisplayNameReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<UpdateActionDisplayNamePayload>
-> = (state, action) => {
-  const index = state.findIndex((item: ActionItem<ActionContent>) => {
-    return item.actionID === action.payload.actionID
-  })
-  if (index != -1) {
-    DisplayNameGenerator.removeDisplayName(state[index].displayName)
-    state[index].displayName = action.payload.newDisplayName
-    DisplayNameGenerator.addDisplayNames([action.payload.newDisplayName])
-  }
-  return state
-}
-
-export const batchUpdateMultiActionSlicePropsReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<UpdateActionSlicePropsPayload[]>
-> = (state, action) => {
-  action.payload.forEach(({ actionID, displayName, propsSlice }) => {
-    if (!isObject(propsSlice) || !displayName) {
-      return
-    }
-    const actionIndex = state.findIndex((item) => {
-      return item.actionID === actionID
-    })
-    if (actionIndex === -1) return
-    const action = state[actionIndex]
-    const clonedAction = klona(action)
-    Object.keys(propsSlice).forEach((path) => {
-      const newValue = propsSlice[path]
-      set(clonedAction, path, newValue)
-    })
-    state[actionIndex] = clonedAction
-  })
-}
-
-export const removeActionItemReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<RemoveActionItemReducerPayload>
-> = (state, action) => {
-  state.splice(
-    state.findIndex(
-      (item: ActionItem<ActionContent>) =>
-        item.displayName === action.payload.displayName,
-    ),
-    1,
-  )
-  DisplayNameGenerator.removeDisplayName(action.payload.displayName)
-
-  return state
-}
-
-export const resetActionReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction
-> = () => {
-  return actionInitialState
-}
-
-export const batchUpdateResourceID: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<Record<string, { actionID: string; resourceID: string }>>
-> = (state, action) => {
-  const payload = action.payload
-  Object.values(payload).forEach(({ actionID, resourceID }) => {
-    const index = state.findIndex((item: ActionItem<ActionContent>) => {
-      return item.actionID === actionID
-    })
-    if (index != -1) {
-      state[index].resourceID = resourceID
-    }
-  })
-}
-
-export const batchUpdateActionItemReducer: CaseReducer<
-  ActionItem<ActionContent>[],
-  PayloadAction<ActionItem<ActionContent>[]>
-> = (state, action) => {
-  action.payload.forEach((item) => {
-    const index = state.findIndex((actionItem) => {
-      return actionItem.actionID === item.actionID
-    })
-    if (index != -1) {
-      state[index] = item
-    }
-  })
-  return state
-}

package/redux/currentApp/action/actionSelector.ts

@@ -1,126 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import { ActionContent, ActionItem } from "./interface"
-import { createSelector } from "@reduxjs/toolkit"
-import { RootState } from "@/store"
-import { getResourceIDMapResource } from "@/redux/resource/resourceSelector"
-import { getGlobalDataToActionList } from "../components/componentsSelector"
-// import { getGlobalDataToActionList } from "../components/componentsSelector"
-
-export const getActionList = (state: RootState) => state.currentApp.action
-
-export const getActionItemByDisplayName = (
-  state: RootState,
-  displayName: string,
-) => {
-  const actionList = getActionList(state)
-  return actionList.find((item) => {
-    return item.displayName === displayName
-  })
-}
-
-export const getActionIDMapAction = createSelector(
-  [getActionList],
-  (actions) => {
-    const actionIDMapAction: Record<string, ActionItem<ActionContent>> = {}
-    actions.forEach((action) => {
-      actionIDMapAction[action.actionID] = action
-    })
-    return actionIDMapAction
-  },
-)
-
-export const getDisplayNameMapActions = createSelector(
-  [getActionList],
-  (actions) => {
-    const displayNameMapActions: Record<string, any> = {}
-    actions.forEach((action) => {
-      displayNameMapActions[action.displayName] = action
-    })
-    return displayNameMapActions
-  },
-)
-
-export const getActionMixedList = createSelector(
-  [getActionList,
-    //  getGlobalDataToActionList
-    ],
-  (actionList, 
-    // globalDataList
-  ) => {
-    return actionList
-    .concat(
-      //  ...globalDataList
-    )
-  },
-)
-
-export const getMissingResourceActionList = createSelector(
-  [getResourceIDMapResource, getActionList ],
-  ( resourceMap,actionList) => {
-    const missingResourceActionList: ActionItem<ActionContent>[] = []
-    actionList.forEach((action) => {
-      const resource = resourceMap[action.resourceID!]
-      // const agent = aiAgentList[action.resourceID!]
-      if (
-        !resource &&
-        // !agent &&
-        action.actionType !== "globalData" &&
-        action.actionType !== "transformer"
-      ) {
-        missingResourceActionList.push(action)
-      }
-    })
-    return missingResourceActionList
-  },
-)
-
-export const getMissingResourceActionGroupByTutorialOrResourceID =
-  createSelector(
-    [getMissingResourceActionList],
-    (missingResourceActionList) => {
-      const tutorialLinkMapActions: Record<
-        string,
-        {
-          actionIDs: string[]
-          resourceType: string
-          tutorialHref: string
-          hasLink: boolean
-        }
-      > = {}
-      missingResourceActionList.forEach((action) => {
-        const hrefLink = action.config.tutorialLink
-
-        if (hrefLink) {
-          if (!tutorialLinkMapActions[hrefLink]) {
-            tutorialLinkMapActions[hrefLink] = {
-              actionIDs: [],
-              resourceType: action.actionType,
-              tutorialHref: hrefLink,
-              hasLink: true,
-            }
-          }
-          tutorialLinkMapActions[hrefLink].actionIDs.push(action.actionID)
-        } else {
-          const resourceID = action.resourceID!
-          if (!tutorialLinkMapActions[resourceID]) {
-            tutorialLinkMapActions[resourceID] = {
-              actionIDs: [],
-              resourceType: action.actionType,
-              tutorialHref: "give tutorial link",
-              hasLink: false,
-            }
-          }
-          tutorialLinkMapActions[resourceID].actionIDs.push(action.actionID)
-        }
-      })
-      return tutorialLinkMapActions
-    },
-  )
-
-export const getHasMissingResourceAction = createSelector(
-  [getMissingResourceActionList],
-  (missingResourceActionList) => {
-    return missingResourceActionList.length > 0
-  },
-)

package/redux/currentApp/action/actionSlice.ts

@@ -1,34 +0,0 @@
-import { createSlice } from "@reduxjs/toolkit"
-import {
-  addActionItemReducer,
-  batchAddActionItemReducer,
-  batchUpdateActionItemReducer,
-  batchUpdateMultiActionSlicePropsReducer,
-  batchUpdateResourceID,
-  initActionListReducer,
-  removeActionItemReducer,
-  resetActionReducer,
-  updateActionDisplayNameReducer,
-  updateActionItemReducer,
-} from "@/redux/currentApp/action/actionReducer"
-import { actionInitialState } from "@/redux/currentApp/action/actionState"
-
-const actionSlice = createSlice({
-  name: "action",
-  initialState: actionInitialState,
-  reducers: {
-    initActionListReducer,
-    addActionItemReducer,
-    batchAddActionItemReducer,
-    updateActionItemReducer,
-    removeActionItemReducer,
-    resetActionReducer,
-    updateActionDisplayNameReducer,
-    batchUpdateMultiActionSlicePropsReducer,
-    batchUpdateResourceID,
-    batchUpdateActionItemReducer,
-  },
-})
-
-export const actionActions = actionSlice.actions
-export default actionSlice.reducer

package/redux/currentApp/action/actionState.ts

@@ -1,29 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ActionContent, ActionItem } from "./interface"
-
-// TODO @aruseito not use any
-export interface Events {
-  successEvent?: any[]
-  failedEvent?: any[]
-}
-
-export interface UpdateActionDisplayNamePayload {
-  oldDisplayName: string
-  newDisplayName: string
-  actionID: string
-}
-
-export interface UpdateActionSlicePropsPayload {
-  displayName: string
-  actionID: string
-  propsSlice: {
-    [key: string]: unknown
-  }
-}
-
-export const actionInitialState: ActionItem<ActionContent>[] = []
-
-export interface RemoveActionItemReducerPayload {
-  actionID: string
-  displayName: string
-}

package/redux/currentApp/action/interface.ts

@@ -1,77 +0,0 @@
-import { Page } from "@/lib"
-import { RouterActionInitialType } from "@/page/App/components/publicConfig/action/getInitialContent"
-import { GlobalDataActionContent } from "@/page/App/components/PublicTypes/action/globalData"
-import { RestAPIAction, RestAPIBodyContent } from "@/page/App/components/PublicTypes/action/restApi"
-import { TransformerAction } from "@/page/App/components/PublicTypes/action/transformerAction"
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export type ActionType =
-  | "restapi"
-  | "transformer"
-  | "globalData"
-  | "impaktapps"
-  | "setRouter"
-  | "aiagent"
-  | "IMPAKTAPPSdrive"
-  | "mysql"
-  | "huggingface"
-  | "postgresql"
-
-
-export type ActionTriggerMode = "manually" | "automate"
-export enum ACTION_RUN_TIME {
-  APP_LOADED = "appLoaded",
-  PAGE_LOADING = "pageLoading",
-  NONE = "none",
-}
-
-export interface Transformer {
-  rawData: string
-  enable: boolean
-}
-
-export interface IAdvancedConfig {
-  runtime: ACTION_RUN_TIME
-  pages: string[]
-  delayWhenLoaded: string
-  displayLoadingPage: boolean
-  isPeriodically: boolean
-  periodInterval: string
-}
-
-export interface IMockConfig {
-  enabled: boolean
-  mockData: string
-  enableForReleasedApp: boolean
-}
-
-export interface ActionConfig {
-  public: boolean
-  advancedConfig?: IAdvancedConfig
-  icon?: string
-  mockConfig?: IMockConfig
-  tutorialLink?: string
-}
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
-export interface BaseActionItem<T extends unknown = unknown> {
-  config: ActionConfig
-  displayName: string
-  transformer: Transformer
-  triggerMode: ActionTriggerMode
-  resourceID?: string
-  content: T
-  isVirtualResource: boolean
-}
-
-export interface ActionItem<T extends ActionContent = ActionContent>
-  extends BaseActionItem<T> {
-  actionID: string
-  actionType: ActionType
-  ruleRef?:Page
-
-}
-
-export type ActionContent = | RestAPIAction<RestAPIBodyContent> | TransformerAction
-  | GlobalDataActionContent|RouterActionInitialType
-
-