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

package/utils/executionTreeHelper/generateGlobalData.ts

@@ -1,18 +0,0 @@
-import { hasDynamicStringSnippet, isObject } from "@/redux/utils"
-
-import { klona } from "klona"
-// import { isObject } from "../typeHelper"
-
-export const generateGlobalData = (globalData: Record<string, unknown>) => {
-  const clonedGlobalData = klona(globalData)
-  const $dynamicAttrPaths: string[] = []
-  if (isObject(globalData)) {
-    Object.keys(globalData).forEach((key) => {
-      if (hasDynamicStringSnippet(globalData[key])) {
-        $dynamicAttrPaths.push(key)
-      }
-    })
-  }
-  clonedGlobalData.$dynamicAttrPaths = $dynamicAttrPaths
-  return clonedGlobalData
-}

package/utils/executionTreeHelper/generatePageInfo.ts

@@ -1,76 +0,0 @@
-import { WidgetSeedShape } from "./interface"
-
-export const generateCurrentPageInfo = () => {
-  return {
-    pagePath: "{{root.pageSortedKey[root.currentPageIndex]}}",
-    subPagePath: "{{root.currentSubPagePath}}",
-    $dynamicAttrPaths: ["pagePath", "subPagePath"],
-  }
-}
-
-export const generatePageInfos = (widgets: WidgetSeedShape) => {
-  const rootNode = widgets.root
-  if (!rootNode) return []
-  const pageDisplayNameMapViewDisplayName: Record<string, Set<string>> = {}
-  const pageNodes = rootNode.$childrenNode as string[]
-  const homepageDisplayName: string = rootNode.homepageDisplayName ?? pageNodes[0]
-  pageNodes.forEach((pageNodeDisplayName) => {
-    pageDisplayNameMapViewDisplayName[pageNodeDisplayName] = new Set()
-    const pageNode = widgets[pageNodeDisplayName]
-    const sectionNodes = pageNode.$childrenNode as string[]
-    sectionNodes.forEach((sectionNodeDisplayName) => {
-      const sectionNode = widgets[sectionNodeDisplayName]
-      const sectionConfigs =
-        (sectionNode.sectionViewConfigs as Record<string, string>[]) ?? []
-      sectionConfigs.forEach((sectionConfig: Record<string, string>) => {
-        pageDisplayNameMapViewDisplayName[pageNodeDisplayName].add(
-          sectionConfig.path,
-        )
-      })
-    })
-  })
-  const result: {
-    pagePath: string
-    subPagePath?: string
-    pageName: string
-    subPageName?: string
-    isHomePage: boolean
-    subPageGroup: string
-  }[] = []
-  Object.keys(pageDisplayNameMapViewDisplayName).forEach((pageDisplayName) => {
-    const subPagePaths = Array.from(
-      pageDisplayNameMapViewDisplayName[pageDisplayName],
-    )
-    if (subPagePaths.length > 0) {
-      subPagePaths.forEach((path, _index, array) => {
-        if (array.length === 1) {
-          result.push({
-            pagePath: `/${pageDisplayName}`,
-            subPagePath: `/${pageDisplayName}/${path}`,
-            pageName: pageDisplayName,
-            subPageName: path,
-            isHomePage: pageDisplayName === homepageDisplayName,
-            subPageGroup: "",
-          })
-        } else {
-          result.push({
-            pagePath: `/${pageDisplayName}`,
-            subPagePath: `/${pageDisplayName}/${path}`,
-            pageName: pageDisplayName,
-            subPageName: path,
-            isHomePage: pageDisplayName === homepageDisplayName,
-            subPageGroup: pageDisplayName,
-          })
-        }
-      })
-    } else {
-      result.push({
-        pagePath: `/${pageDisplayName}`,
-        pageName: pageDisplayName,
-        isHomePage: pageDisplayName === homepageDisplayName,
-        subPageGroup: "",
-      })
-    }
-  })
-  return result
-}

package/utils/executionTreeHelper/generateRawAction.ts

@@ -1,66 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ActionContent, ActionItem } from "@/redux/currentApp/action/interface"
-import { VALIDATION_TYPES } from "../validationFactory"
-import { TransformerAction } from "@/page/App/components/PublicTypes/action/transformerAction"
-import { getNewWidgetPropsByUpdateSlice } from "@/redux/utils"
-
-interface RawAction {
-  [key: string]: any
-
-  $type: "ACTION"
-  $dynamicAttrPaths: string[]
-}
-
-export const generateActionValidatePaths = () => {
-  return {
-    "config.advancedConfig.delayWhenLoaded": VALIDATION_TYPES.NUMBER,
-    "config.advancedConfig.periodInterval": VALIDATION_TYPES.NUMBER,
-  }
-}
-
-export const generateRawAction = (
-  action: ActionItem<ActionContent>,
-): RawAction => {
-  const {
-    content,
-    transformer,
-    actionID,
-    resourceID,
-    displayName,
-    actionType,
-    config,
-    triggerMode,
-  } = action
-  const modifiedAction: RawAction = {
-    $actionID: actionID,
-    $resourceID: resourceID,
-    displayName,
-    actionType,
-    $type: "ACTION",
-    $dynamicAttrPaths: [],
-  }
-  if(actionType === "impaktapps"){
-    modifiedAction.ruleRef = action.ruleRef;
-
-  }
-  if (actionType === "transformer") {
-    modifiedAction.value = (content as TransformerAction).transformerString
-  } else {
-    modifiedAction.data = undefined
-    modifiedAction.content = content
-    modifiedAction.config = config
-    modifiedAction.triggerMode = triggerMode
-    modifiedAction.transformer = transformer
-    modifiedAction.$validationPaths = generateActionValidatePaths()
-  }
-
-  const newProps = getNewWidgetPropsByUpdateSlice(modifiedAction, {})
-  modifiedAction.$dynamicAttrPaths = [
-    ...((newProps?.$dynamicAttrPaths ?? []) as string[]),
-  ]
-  const context: Record<string, unknown> = {}
-
-  modifiedAction.$context = context
-
-  return modifiedAction
-}

package/utils/executionTreeHelper/generateRawWidget.ts

@@ -1,18 +0,0 @@
-import { WidgetShape } from "@/utils/executionTreeHelper/interface"
-import { generateAllTypePathsFromWidgetConfig } from "@/utils/generators/generateAllTypePathsFromWidgetConfig"
-import { widgetBuilder } from "@/widgetLibrary/widgetBuilder"
-
-export const generateRawWidget = (widget: WidgetShape) => {
-  const { $widgetType } = widget
-  const widgetConfig = widgetBuilder($widgetType)
-  if (!widgetConfig) return widget
-  const panelConfig = widgetConfig.panelConfig
-  const { validationPaths } = generateAllTypePathsFromWidgetConfig(
-    panelConfig,
-    widget,
-  )
-  return {
-    ...widget,
-    $validationPaths: validationPaths,
-  }
-}

package/utils/executionTreeHelper/generateUrlParams.ts

@@ -1,16 +0,0 @@
-import { parse } from "qs"
-import { getIsIMPAKTProductMode } from "@/redux/config/configSelector";
-export const generateUrlParams = (rootState) => {
-  const href = window.location.href
-  const query = href.split("?")[1]
-  const queryArray = parse(query)
-  let appURL = href
-  if (getIsIMPAKTProductMode(rootState)) {
-    appURL = window.location.origin + window.location.pathname
-  }
-  return {
-    query: queryArray,
-    url: href,
-    appURL,
-  }
-}

package/utils/executionTreeHelper/interface.ts

@@ -1,41 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import { ClassState, ThemeState, ThemeValues } from "@/redux/currentApp/style/styleState"
-
-export interface CurrentUserInfoInTree {
-  userID: string
-  nickname: string
-  email: string
-  avatar: string
-  language: string
-  createdAt: string
-  updateAt: string
-}
-
-export interface RawTreeShape {
-  [key: string]: any
-  builderInfo: any
-  currentUserInfo: CurrentUserInfoInTree
-}
-
-type ActionSeedShape = any[]
-
-export interface WidgetShape {
-  [key: string]: any
-  $type: "WIDGET"
-  $widgetType: string
-  $childrenNode: string[]
-}
-export interface WidgetSeedShape {
-  [key: string]: WidgetShape
-}
-
-export interface RawTreeSeedShape {
-  widgets: WidgetSeedShape
-  actions: ActionSeedShape
-  classes:ClassState
-  theme:ThemeValues
-  // builderInfo: any
-  // currentUserInfo: any
-  globalData: Record<string, unknown>
-}

package/utils/executionTreeHelper/rawTreeFactory.ts

@@ -1,63 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { generateRawWidget } from "@/utils/executionTreeHelper/generateRawWidget"
-import {
-  CurrentUserInfoInTree,
-  RawTreeSeedShape,
-  RawTreeShape,
-} from "@/utils/executionTreeHelper/interface"
-// import { CUSTOM_STORAGE_PREFIX } from "../storage"
-import { generateGlobalData } from "./generateGlobalData"
-import { generateCurrentPageInfo, generatePageInfos } from "./generatePageInfo"
-// import { generateUrlParams } from "./generateUrlParams"
-import { generateRawAction } from "./generateRawAction"
-import { CUSTOM_STORAGE_PREFIX } from "@/redux/currentApp/executionTree/executionReducer"
-
-export const CURRENT_USER_INFO_ACCESS_LIST_KEY = [
-  "userID",
-  "nickname",
-  "email",
-  "avatar",
-  "language",
-  "createdAt",
-  "updatedAt",
-]
-
-export class RawTreeFactory {
-  static create(seeds: RawTreeSeedShape): RawTreeShape {
-    const { widgets, actions, globalData, classes, theme } = seeds
-    const rawTree: RawTreeShape = {} as RawTreeShape
-
-    actions.forEach((action) => {
-      rawTree[action.displayName] = generateRawAction(action)
-    })
-
-    Object.keys(widgets).forEach((key) => {
-      rawTree[key] = generateRawWidget(widgets[key])
-    })
-
-    // const customStorage = localStorage[CUSTOM_STORAGE_PREFIX]
-    const canShownUserInfo: CurrentUserInfoInTree = {
-      userID: "2811",
-      nickname: "sattu",
-      email: "raghavji2811@gmail.com",
-      avatar: "sattu",
-      language: "en-us",
-      createdAt: "02-06-2000",
-      updateAt: "02-06-2000"
-    };
-
-    // rawTree.builderInfo = builderInfo
-    rawTree.classes = classes;
-    rawTree.theme = theme;
-    rawTree.currentUserInfo = canShownUserInfo
-    rawTree.globalData = generateGlobalData(globalData)
-    rawTree.urlParams ={}
-    //  generateUrlParams(seeds)
-    rawTree.localStorage =
-    //  customStorage ? JSON.parse(customStorage) : 
-     {}
-    rawTree.currentPageInfo = generateCurrentPageInfo()
-    rawTree.pageInfos = generatePageInfos(widgets)
-    return rawTree
-  }
-}

package/utils/executionTreeHelper/rrecursiveDelete.ts

@@ -1,25 +0,0 @@
-export function recursiveDelete(
-  obj: Record<string, unknown>,
-  ignoredKeys?: string[],
-): Record<string, unknown> {
-  const newObj: Record<string, unknown> = {}
-
-  for (const key in obj) {
-    if (!key.startsWith("$") && !ignoredKeys?.includes(key)) {
-      if (
-        typeof obj[key] === "object" &&
-        obj[key] !== null &&
-        !Array.isArray(obj[key])
-      ) {
-        newObj[key] = recursiveDelete(
-          obj[key] as Record<string, unknown>,
-          ignoredKeys,
-        )
-      } else {
-        newObj[key] = obj[key]
-      }
-    }
-  }
-
-  return newObj
-}

package/utils/executionTreeHelper/runtimePropsCollector.ts

@@ -1,242 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import dayjs from "dayjs"
-import { klona } from "klona/json"
-import _ from "lodash"
-import numbro from "numbro"
-import Papa from "papaparse"
-import { NIL, parse, stringify, v1, v3, v4, v5, validate, version } from "uuid"
-import {
-  getExecutionResult,
-  getExecutionResultToCurrentPageCodeMirror,
-  getExecutionResultToGlobalCodeMirror,
-} from "@/redux/currentApp/executionTree/executionSelector"
-import { executionActions } from "@/redux/currentApp/executionTree/executionSlice"
-import { setGlobalDataIn, setGlobalDataValue } from "../eventHandlerHelper/utils/globalDataUtils"
-import { clearLocalStorage, setValueLocalStorage } from "../eventHandlerHelper/utils/localStorage"
-import { downloadFile, goToURL, setRouter, showNotification } from "../eventHandlerHelper/utils/commonUtils"
-import { runActionWithExecutionResult } from "../action/runAction"
-const THIRD_PARTY_PACKAGES = {
-  _: {
-    ..._,
-  },
-  uuid: {
-    NIL,
-    parse,
-    stringify,
-    v1,
-    v3,
-    v4,
-    v5,
-    validate,
-    version,
-  },
-  dayjs,
-  numbro,
-  Papa,
-}
-class IMPAKTAPPSEditorRuntimePropsCollector {
-  private _runtimeProps: Record<string, unknown> = {}
-  private static instance: IMPAKTAPPSEditorRuntimePropsCollector | null = null
-
-  constructor() {
-    this._runtimeProps = {
-      ...THIRD_PARTY_PACKAGES,
-      utils: {
-        goToURL,
-        showNotification,
-        // copyToClipboard,
-        setRouter,
-        downloadFile,
-        setGlobalDataIn,
-        setGlobalDataValue,
-        setLocalStorage: setValueLocalStorage,
-        clearLocalStorage,
-      },
-    }
-  }
-
-  public static getInstance(): IMPAKTAPPSEditorRuntimePropsCollector {
-    if (!IMPAKTAPPSEditorRuntimePropsCollector.instance) {
-      IMPAKTAPPSEditorRuntimePropsCollector.instance =
-        new IMPAKTAPPSEditorRuntimePropsCollector()
-    }
-    return IMPAKTAPPSEditorRuntimePropsCollector.instance
-  }
-
-  public addRuntimeProp(displayName: string, runtimeProp: unknown) {
-    this._runtimeProps[displayName] = runtimeProp
-  }
-
-  public deleteRuntimeProp(displayName: string) {
-    if (!this._runtimeProps[displayName]) return
-    delete this._runtimeProps[displayName]
-  }
-
-  public getRuntimeProps() {
-    return this._runtimeProps
-  }
-
-  public getThirdPartyPackages() {
-    return THIRD_PARTY_PACKAGES
-  }
-
-  public getGlobalCalcContext(otherContext: Record<string, unknown> = {},store) {
-    const rootState = store.getState()
-    const executionResult = getExecutionResult(rootState)
-    const cloneDeepExecutionResult = klona(executionResult)
-
-    const formatedExecutionResult = Object.keys(
-      cloneDeepExecutionResult,
-    ).reduce(
-      (acc, prevKey) => {
-        const prev = cloneDeepExecutionResult[prevKey]
-        if (!prev) {
-          return acc
-        }
-        if (prev.$type === "ACTION") {
-          return {
-            ...acc,
-            [prev.displayName]: {
-              ...prev,
-              trigger: async () => {
-                return await runActionWithExecutionResult(prev, false,store)
-              },
-            },
-          }
-        }
-        if (prev.$type === "WIDGET") {
-          const runtimePros: any = this._runtimeProps[prev.displayName]
-          if (runtimePros) {
-            return {
-              ...acc,
-              [prev.displayName]: {
-                ...prev,
-                ...runtimePros,
-              },
-            }
-          }
-        }
-        return {
-          ...acc,
-          [prevKey]: prev,
-        }
-      },
-      {} as Record<string, any>,
-    )
-
-    const utils = this._runtimeProps.utils as Record<string, unknown>
-    const mergeResult = {
-      ...formatedExecutionResult,
-      ...THIRD_PARTY_PACKAGES,
-      utils,
-      ...otherContext,
-    }
-
-    return mergeResult
-  }
-
-  public getCurrentPageCalcContext(otherContext: Record<string, unknown> = {},store) {
-    const rootState = store.getState()
-    const executionResult = getExecutionResultToCurrentPageCodeMirror(
-      rootState,
-    ) as Record<string, any>
-    const cloneDeepExecutionResult = klona(executionResult)
-    const formatedExecutionResult = Object.keys(
-      cloneDeepExecutionResult,
-    ).reduce(
-      (acc, prevKey) => {
-        const prev = cloneDeepExecutionResult[prevKey]
-
-        if (!prev) {
-          return acc
-        }
-
-        if (
-          (Object.hasOwn && Object.hasOwn(prev, "actionType")) ||
-          Object.prototype.hasOwnProperty.call(prev, "actionType")
-        ) {
-          return {
-            ...acc,
-            [prev.displayName]: {
-              ...prev,
-              trigger: async () => {
-                return await runActionWithExecutionResult(prev, false,store)
-              },
-            },
-          }
-        }
-
-        if (prev.$type === "WIDGET") {
-          switch (prev.$widgetType) {
-            case "MODAL_WIDGET":
-              return {
-                ...acc,
-                [prevKey]: {
-                  ...prev,
-                  openModal: () => {
-                    store.dispatch(
-                      executionActions.updateModalDisplayReducer({
-                        display: true,
-                        displayName: prevKey,
-                      }),
-                    )
-                  },
-                  closeModal: () => {
-                    store.dispatch(
-                      executionActions.updateModalDisplayReducer({
-                        display: false,
-                        displayName: prevKey,
-                      }),
-                    )
-                  },
-                },
-              }
-            default: {
-              const runtimePros: any = this._runtimeProps[prev.displayName]
-              if (runtimePros) {
-                return {
-                  ...acc,
-                  [prev.displayName]: {
-                    ...prev,
-                    ...runtimePros,
-                  },
-                }
-              }
-            }
-          }
-        }
-        return {
-          ...acc,
-          [prevKey]: prev,
-        }
-      },
-      {} as Record<string, any>,
-    )
-    const utils = this._runtimeProps.utils as Record<string, unknown>
-    const mergeResult = {
-      ...formatedExecutionResult,
-      ...THIRD_PARTY_PACKAGES,
-      utils,
-      ...otherContext,
-    }
-
-    return mergeResult
-  }
-
-  public getGlobalCalcContextWithLimit(store:any,otherContext?: Record<string, unknown>,) {
-    const rootState = store.getState()
-    const executionResult = getExecutionResultToGlobalCodeMirror(rootState)
-    const cloneDeepExecutionResult = klona(executionResult)
-    const utils = this._runtimeProps.utils as Record<string, unknown>
-    const mergeResult = {
-      ...cloneDeepExecutionResult,
-      ...THIRD_PARTY_PACKAGES,
-      utils,
-      ...otherContext,
-    }
-    return mergeResult
-  }
-}
-
-export const IMPAKTAPPSEditorRuntimePropsCollectorInstance =
-  IMPAKTAPPSEditorRuntimePropsCollector.getInstance()