impaktapps-ui-builder 0.0.382457 → 1.0.0

package/redux/currentApp/style/styleState.ts

@@ -0,0 +1,446 @@
+export type UpdateStylePayload = React.CSSProperties;
+export type ClassValues = UpdateStylePayload;
+export type ThemeValues = Record<string, unknown>;
+export type ThemeState = Record<string, ThemeValues>;
+export type ClassState = Record<string, unknown>
+export type StyleState = {
+    classes: ClassState,
+    themes: ThemeState,
+    cachedClass?: ClassValues,
+    cacheTheme?: ThemeValues,
+    appliedTheme: string,
+
+}
+export const Default_Theme = {
+    palette: {
+        mode: 'light',
+        primary: {
+            main: '#1976d2', // Primary color (Blue)
+            light: '#63a4ff', // Light variant of primary
+            dark: '#004ba0', // Dark variant of primary
+            contrastText: '#ffffff', // Text color on primary
+        },
+        secondary: {
+            main: '#9c27b0', // Secondary color (Purple)
+            light: '#d05ce3', // Light variant of secondary
+            dark: '#6a0080', // Dark variant of secondary
+            contrastText: '#ffffff', // Text color on secondary
+        },
+        background: {
+            default: '#f9f9f9', // Main background color
+            paper: '#ffffff', // Background for cards, dialogs, etc.
+        },
+        text: {
+            primary: '#212121', // Main text color
+            secondary: '#757575', // Secondary text color
+            disabled: '#9e9e9e', // Disabled text color
+        },
+        error: {
+            main: '#d32f2f', // Error color
+        },
+        calcWidth100px: {
+
+        },
+        warning: {
+            main: '#f57c00', // Warning color
+        },
+        info: {
+            main: '#0288d1', // Info color
+        },
+        success: {
+            main: '#388e3c', // Success color
+        },
+        divider: '#e0e0e0', // Divider color
+    },
+
+
+
+    typography: {
+        fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif', // Default font
+        h1: {
+            fontSize: '2.5rem',
+            fontWeight: 700,
+            color: '#212121',
+        },
+        h2: {
+            fontSize: '2rem',
+            fontWeight: 600,
+            color: '#212121',
+        },
+        h3: {
+            fontSize: '1.75rem',
+            fontWeight: 500,
+            color: '#212121',
+        },
+        body1: {
+            fontSize: '1rem',
+            color: '#424242',
+        },
+        body2: {
+            fontSize: '0.875rem',
+            color: '#616161',
+        },
+        button: {
+            textTransform: 'none', // Prevent all caps on buttons
+        },
+    }
+};
+const classes = {
+    // Heights
+    heightFixed16: { height: "16px" },
+    heightFixed20: { height: "20px" },
+    heightFixed24: { height: "24px" },
+    heightFixed40: { height: "40px" },
+    heightFixed45: { height: "45px" },
+    heightFixed50: { height: "50px" },
+    heightFixed60: { height: "60px" },
+    heightFixed70: { height: "70px" },
+    heightFixed80: { height: "80px" },
+    heightFixed100px: { height: "100px" },
+    heightFixed130px: { height: "130px" },
+    heightFixed140px: { height: "140px" },
+    heightFixed120px: { height: "120px" },
+    heightFixed125px: { height: "125px" },
+    heightFixed110px: { height: "110px" },
+    heightFixed220px: { height: "220px" },
+    heightFixed230px: { height: "230px" },
+    heightCalc100vhMinus100px: { height: "calc(100vh - 100px)" },
+    heightCalc100vhMinus110px: { height: "calc(100vh - 110px)" },
+    heightCalc100vhMinus120px: { height: "calc(100vh - 120px)" },
+    heightCalc100vhMinus125px: { height: "calc(100vh - 125px)" },
+    heightCalc100vhMinus130px: { height: "calc(100vh - 130px)" },
+    heightCalc100vhMinus40px: { height: "calc(100vh - 40px)" },
+    heightCalc100vhMinus45px: { height: "calc(100vh - 45px)" },
+    heightCalc100vhMinus50px: { height: "calc(100vh - 50px)" },
+    heightCalc100vhMinus60px: { height: "calc(100vh - 60px)" },
+    heightCalc100vhMinus70px: { height: "calc(100vh - 70px)" },
+    heightCalc100vhMinus80px: { height: "calc(100vh - 80px)" },
+    heightCalc100vhMinus140px: { height: "calc(100vh - 140px)" },
+    heightCalc100vhMinus150px: { height: "calc(100vh - 150px)" },
+    heightCalc100vhMinus24px: { height: "calc(100vh - 24px)" },
+    heightCalc100vhMinus20px: { height: "calc(100vh - 20px)" },
+    heightCalc100vhMinus16px: { height: "calc(100vh - 16px)" },
+    heightCalc100vhMinus200px: { height: "calc(100vh - 200px)" },
+    heightCalc100vhMinus180px: { height: "calc(100vh - 180px)" },
+    heightCalc100vhMinus220px: { height: "calc(100vh - 220px)" },
+    heightFixed200: { height: "200px" },
+    heightFixed180: { height: "180px" },
+    heightFixed150: { height: "150px" },
+    // heightFixed60: { height: "60px" },
+    heightFull: { height: "100%" },
+    heightViewport: { height: "100vh" },
+    height90Viewport: { height: "90vh" },
+    positionFixed: { position: "fixed" },
+    positionRelative: { position: "relative" },
+    positionAbsolute: { position: "absolute" },
+    left0: {
+        left: 0
+    },
+    top0: {
+        top: 0
+    },
+    bottom0: {
+        bottom: 0
+    },
+    // Widths
+    widthFull: { width: "100%" },
+    width90Percentage: { width: "90%" },
+    width80Percentage: { width: "80%" },
+    width70Percentage: { width: "70%" },
+    width60Percentage: { width: "60%" },
+    widthHalf: { width: "50%" },
+    width40: { width: "40%" },
+    widthViewport: { width: "100vw" },
+    widthCalc100vwMinus120px: { width: "calc(100vw - 120px)" },
+
+    // Backgrounds
+    colorWhite: { color: "white" },
+    borderRadiusNone: { borderRadius: "none" },
+    backgroundGray: { background: "#d7d9d9" },
+    backgroundPrimary: { background: Default_Theme.palette.primary.main },
+    backgroundPrimaryLight: { background: Default_Theme.palette.primary.light },
+    backgroundPrimarydark: { background: Default_Theme.palette.primary.dark },
+    backgroundSecondary: { background: Default_Theme.palette.secondary.main },
+    backgroundSecondaryLight: { background: Default_Theme.palette.secondary.light },
+    backgroundSecondaryDark: { background: "black" },
+    // Borders
+    borderDefault: { border: "1px solid black" },
+    borderBottom: { borderBottom: "1px solid black" },
+    borderLeft: { borderLeft: "1px solid black" },
+    borderRight: { borderRight: "1px solid black" },
+    borderTop: { borderTop: "1px solid black" },
+    borderRadiusSmall: { borderRadius: "4px" },
+    borderRadiusMedium: { borderRadius: "8px" },
+    borderRadiusLarge: { borderRadius: "16px" },
+    // Spacing Utilities
+    marginExtraSmall: { margin: "4px" },
+    marginSmall: { margin: "8px" },
+    marginMedium: { margin: "16px" },
+    marginLarge: { margin: "24px" },
+    marginExtraLarge: { margin: "32px" },
+    paddingExtraSmall: { padding: "4px" },
+    paddingSmall: { padding: "8px" },
+    paddingMedium: { padding: "16px" },
+    paddingLarge: { padding: "24px" },
+    paddingExtraLarge: { padding: "32px" },
+    marginTopExtraSmall: { marginTop: "4px" },
+    marginTopSmall: { marginTop: "8px" },
+    marginTopMedium: { marginTop: "16px" },
+    marginTopLarge: { marginTop: "24px" },
+    marginTopExtraLarge: { marginTop: "32px" },
+    marginBottomExtraSmall: { marginBottom: "4px" },
+    marginBottomSmall: { marginBottom: "8px" },
+    marginBottomMedium: { marginBottom: "16px" },
+    marginBottomLarge: { marginBottom: "24px" },
+    marginBottomExtraLarge: { marginBottom: "32px" },
+    marginRightExtraSmall: { marginRight: "4px" },
+    marginRightSmall: { marginRight: "8px" },
+    marginRightMedium: { marginRight: "16px" },
+    marginRightLarge: { marginRight: "24px" },
+    marginRightExtraLarge: { marginRight: "32px" },
+    marginLeftExtraSmall: { marginLeft: "4px" },
+    marginLeftSmall: { marginLeft: "8px" },
+    marginLeftMedium: { marginLeft: "16px" },
+    marginLeftLarge: { marginLeft: "24px" },
+    marginLeftExtraLarge: { marginLeft: "32px" },
+
+    marginAuto: { margin: "auto auto" },
+    bottomMinus100Vh: { bottom: "-100vh" },
+
+    paddingTopExtraSmall: { paddingTop: "4px" },
+    paddingTopSmall: { paddingTop: "8px" },
+    paddingTopMedium: { paddingTop: "16px" },
+    paddingTopLarge: { paddingTop: "24px" },
+    paddingTopExtraLarge: { paddingTop: "32px" },
+
+    paddingBottomExtraSmall: { paddingBottom: "4px" },
+    paddingBottomSmall: { paddingBottom: "8px" },
+    paddingBottomMedium: { paddingBottom: "16px" },
+    paddingBottomLarge: { paddingBottom: "24px" },
+    paddingBottomExtraLarge: { paddingBottom: "32px" },
+    paddingRightExtraSmall: { paddingRight: "4px" },
+    paddingRightSmall: { paddingRight: "8px" },
+    paddingRightMedium: { paddingRight: "16px" },
+    paddingRightLarge: { paddingRight: "24px" },
+    paddingRightExtraLarge: { paddingRight: "32px" },
+    paddingLeftExtraSmall: { paddingLeft: "4px" },
+    paddingLeftSmall: { paddingLeft: "8px" },
+    paddingLeftMedium: { paddingLeft: "16px" },
+    paddingLeftLarge: { paddingLeft: "24px" },
+    paddingLeftExtraLarge: { paddingLeft: "32px" },
+    // Display
+    displayFlex: { display: "flex" },
+    displayGrid: { display: "grid" },
+    displayBlock: { display: "block" },
+    displayInlineBlock: { display: "inline-block" },
+    displayNone: { display: "none" },
+
+    // Flexbox
+    flexRow: { display: "flex", flexDirection: "row" },
+    flexColumn: { display: "flex", flexDirection: "column" },
+    flexCenter: { display: "flex", justifyContent: "center", alignItems: "center" },
+    flexSpaceBetween: { display: "flex", justifyContent: "space-between" },
+    flexSpaceAround: { display: "flex", justifyContent: "space-around" },
+
+    // Typography
+    textPrimary: { color: "#212121", fontSize: "16px", fontWeight: "400" },
+    textSecondary: { color: "#757575", fontSize: "14px", fontWeight: "400" },
+    textError: { color: "#d32f2f", fontSize: "14px", fontWeight: "400" },
+    heading1: { fontSize: "2.5rem", fontWeight: "700", color: "#212121" },
+    heading2: { fontSize: "2rem", fontWeight: "600", color: "#212121" },
+    heading3: { fontSize: "1.75rem", fontWeight: "500", color: "#212121" },
+    heading4: { fontSize: "1.5rem", fontWeight: "500", color: "#212121" },
+    fontBold500: { fontWeight: 500 },
+    fontBold550: { fontWeight: 550 },
+    fontBold600: { fontWeight: 600 },
+    colorpink: { color: "#EA0963" },
+    backgroundRed: {
+
+        backgroundColor: "#EA0A3E",
+        color: "white",
+        padding: "10px 20px",
+        border: "none",
+        transition: "background 0.3s",
+        "&:hover": {
+            backgroundColor: "#F44366",
+            background: "#F44366", // Slightly lighter shade
+        },
+        "&:active": {
+            backgroundColor: "#D00B36",
+            background: "#D00B36", // Darker shade when clicked
+            boxShadow: "0 0 4px #D00B36"// Optional shadow effect
+        },
+        "&.Mui-focusVisible": {
+            backgroundColor: "#F44366",
+            background: "#D00B36",
+            // Focus state color
+        },
+    },
+    colorRed: { color: "#EA0A3E" },
+    fontBold700: { fontWeight: 700 },
+    fontBold800: { fontWeight: 800 },
+    fontBold450: { fontWeight: 450 },
+    fontBold400: { fontWeight: 400 },
+    fontBold300: { fontWeight: 300 },
+    colorGray: { color: "#AFAFAF" },
+    colorLightBlack: { color: "#232422" },
+    // Buttons
+    buttonPrimary: { backgroundColor: "#1976d2", color: "#ffffff", borderRadius: "8px", padding: "8px 16px" },
+    buttonPrimaryHover: { backgroundColor: "#1565c0" },
+    buttonOutlined: { border: "1px solid black", color: "#1976d2", borderRadius: "8px", padding: "8px 16px" },
+    buttonOutlinedHover: { backgroundColor: "rgba(25, 118, 210, 0.1)" },
+    backgroundInherit: { background: "inherit", backgroundColor: "inherit" },
+    // Inputs
+    inputBase: { backgroundColor: "#fff", borderRadius: "4px", border: "1px solid #ccc", padding: "8px" },
+    inputHover: { borderColor: "#1976d2" },
+    inputFocus: { borderColor: "#1976d2", boxShadow: "0 0 0 2px rgba(25, 118, 210, 0.2)" },
+
+    // Cards
+    cardBase: { borderRadius: "8px", boxShadow: "0px 4px 6px rgba(0, 0, 0, 0.1)", padding: "16px", backgroundColor: "#fff" },
+
+    // Layout Components
+    // header: {
+    //     position: "absolute", top: "0", left: "0", width: "100%", height: "50px",
+    //     backgroundColor: "#e6ebf2", color: "#fff", display: "flex", alignItems: "center", zIndex: 1000,
+    // },
+    // sidebar: {
+    //     position: "absolute", top: "60px", left: "0", width: "5%", height: "calc(100vh - 60px)",
+    //     backgroundColor: "#f4f4f4", borderRight: "1px solid #ddd", overflowY: "auto", zIndex: 999,
+    // },
+    // contentBody: {
+    //     position: "absolute", top: "60px", left: "5%", width: "95%", bottom: "40px",
+    //     overflowY: "auto", backgroundColor: "#fff", padding: "16px",
+    // },
+    // footer: {
+    //     position: "absolute", bottom: "0", left: "5%", width: "90%", height: "40px",
+    //     backgroundColor: "#e6ebf2", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 1000,
+    // },
+    layoutFullHeight: { height: "100vh", display: "block", position: "relative" },
+    bgBlack: { backgroundColor: "black" },
+    // Utility
+    gapSmall: { gap: "8px" },
+    gapMedium: { gap: "16px" },
+    gapLarge: { gap: "24px" },
+    gapExtraLarge: { gap: "32px" },
+
+    //
+    fontsizeXS: { fontSize: "8px" },
+    fontsizeSM: { fontSize: "12px" },
+    fontsizeMD: { fontSize: "16px" },
+    fontsieLarge: { fontSize: "20px" },
+    fontsizeXL: { fontSize: "24px" },
+
+    alignCenter: { align: "center" },
+    alignLeft: { align: "left" },
+    alignright: { align: "right" },
+
+    justifyCenter: {
+        justifyContent: "center"
+    },
+
+    heightFixed16Mobile: { height: 16 },
+    heightFixed20Mobile: { height: 20 },
+    heightFixed24Mobile: { height: 24 },
+    heightFixed40Mobile: { height: 40 },
+    heightFixed45Mobile: { height: 45 },
+    heightFixed50Mobile: { height: 50 },
+    heightFixed60Mobile: { height: 60 },
+    heightFixed70Mobile: { height: 70 },
+    heightFixed80Mobile: { height: 80 },
+    heightFixed100Mobile: { height: 100 },
+    heightFixed120Mobile: { height: 120 },
+    heightFixed125Mobile: { height: 125 },
+    heightFixed130Mobile: { height: 130 },
+    heightFixed140Mobile: { height: 140 },
+    heightFixed150Mobile: { height: 150 },
+    heightFixed180Mobile: { height: 180 },
+    heightFixed200Mobile: { height: 200 },
+    heightFixed220Mobile: { height: 220 },
+    heightFixed230Mobile: { height: 230 },
+    heightFullMobile: { height: '100%' },
+    heightViewportMobile: { height: '100%' }, // RN uses % instead of vh
+    height90ViewportMobile: { height: '90%' },
+  
+    // Widths (Mobile)
+    widthFullMobile: { width: '100%' },
+    width90PercentageMobile: { width: '90%' },
+    width80PercentageMobile: { width: '80%' },
+    width70PercentageMobile: { width: '70%' },
+    width60PercentageMobile: { width: '60%' },
+    widthHalfMobile: { width: '50%' },
+    width40Mobile: { width: '40%' },
+    widthViewportMobile: { width: '100%' }, // RN uses % instead of vw
+  
+    // Margins (Mobile)
+    marginExtraSmallMobile: { margin: 4 },
+    marginSmallMobile: { margin: 8 },
+    marginMediumMobile: { margin: 16 },
+    marginLargeMobile: { margin: 24 },
+    marginExtraLargeMobile: { margin: 32 },
+  
+    marginTopExtraSmallMobile: { marginTop: 4 },
+    marginTopSmallMobile: { marginTop: 8 },
+    marginTopMediumMobile: { marginTop: 16 },
+    marginTopLargeMobile: { marginTop: 24 },
+    marginTopExtraLargeMobile: { marginTop: 32 },
+    marginTopExtraLargePlusMobile: { marginTop: 64 },
+  
+    marginBottomExtraSmallMobile: { marginBottom: 4 },
+    marginBottomSmallMobile: { marginBottom: 8 },
+    marginBottomMediumMobile: { marginBottom: 16 },
+    marginBottomLargeMobile: { marginBottom: 24 },
+    marginBottomExtraLargeMobile: { marginBottom: 32 },
+  
+    marginLeftExtraSmallMobile: { marginLeft: 4 },
+    marginLeftSmallMobile: { marginLeft: 8 },
+    marginLeftMediumMobile: { marginLeft: 16 },
+    marginLeftLargeMobile: { marginLeft: 24 },
+    marginLeftExtraLargeMobile: { marginLeft: 32 },
+  
+    marginRightExtraSmallMobile: { marginRight: 4 },
+    marginRightSmallMobile: { marginRight: 8 },
+    marginRightMediumMobile: { marginRight: 16 },
+    marginRightLargeMobile: { marginRight: 24 },
+    marginRightExtraLargeMobile: { marginRight: 32 },
+  
+    marginAutoMobile: { margin: 'auto' },
+
+    // Paddings (Mobile)
+    paddingExtraSmallMobile: { padding: 4 },
+    paddingSmallMobile: { padding: 8 },
+    paddingMediumMobile: { padding: 16 },
+    paddingLargeMobile: { padding: 24 },
+    paddingExtraLargeMobile: { padding: 32 },
+  
+    paddingTopExtraSmallMobile: { paddingTop: 4 },
+    paddingTopSmallMobile: { paddingTop: 8 },
+    paddingTopMediumMobile: { paddingTop: 16 },
+    paddingTopLargeMobile: { paddingTop: 24 },
+    paddingTopExtraLargeMobile: { paddingTop: 32 },
+  
+    paddingBottomExtraSmallMobile: { paddingBottom: 4 },
+    paddingBottomSmallMobile: { paddingBottom: 8 },
+    paddingBottomMediumMobile: { paddingBottom: 16 },
+    paddingBottomLargeMobile: { paddingBottom: 24 },
+    paddingBottomExtraLargeMobile: { paddingBottom: 32 },
+  
+    paddingLeftExtraSmallMobile: { paddingLeft: 4 },
+    paddingLeftSmallMobile: { paddingLeft: 8 },
+    paddingLeftMediumMobile: { paddingLeft: 16 },
+    paddingLeftLargeMobile: { paddingLeft: 24 },
+    paddingLeftExtraLargeMobile: { paddingLeft: 32 },
+  
+    paddingRightExtraSmallMobile: { paddingRight: 4 },
+    paddingRightSmallMobile: { paddingRight: 8 },
+    paddingRightMediumMobile: { paddingRight: 16 },
+    paddingRightLargeMobile: { paddingRight: 24 },
+    paddingRightExtraLargeMobile: { paddingRight: 32 },
+
+
+};
+
+export const StyleInitialState: StyleState = {
+    classes: classes,
+    themes: { Default_Theme: Default_Theme },
+    appliedTheme: "Default_Theme"
+}

package/redux/resource/resourceReducer.ts

@@ -0,0 +1,48 @@
+import { CaseReducer, PayloadAction } from "@reduxjs/toolkit"
+import { ResourceListState } from "@/redux/resource/resourceState"
+import { Resource, ResourceContent } from "@/page/App/components/PublicTypes/resource"
+
+export const updateResourceListReducer: CaseReducer<
+  ResourceListState,
+  PayloadAction<Resource<ResourceContent>[]>
+> = (_, action) => {
+  return action.payload
+}
+// export const addResourceItemListReducer: CaseReducer<
+//   ResourceListState,
+//   PayloadAction<Resource<ResourceContent>[]>
+// > = (state, action) => {
+//   state = [...action.payload, ...state]
+//   return state
+// }
+export const addResourceItemReducer: CaseReducer<
+  ResourceListState,
+  PayloadAction<Resource<ResourceContent>>
+> = (state, action) => {
+  state = [action.payload, ...state]
+  return state
+}
+
+export const updateResourceItemReducer: CaseReducer<
+  ResourceListState,
+  PayloadAction<Resource<ResourceContent>>
+> = (state, action) => {
+  const targetIndex = state.findIndex(
+    (i) => i.resourceID === action.payload.resourceID,
+  )
+  if (targetIndex != -1) {
+    state[targetIndex] = action.payload
+  }
+}
+
+export const removeResourceItemReducer: CaseReducer<
+  ResourceListState,
+  PayloadAction<string>
+> = (state, action) => {
+  const index = state.findIndex((i) => {
+    return i.resourceID === action.payload
+  })
+  if (index !== -1) {
+    state.splice(index, 1)
+  }
+}

package/redux/resource/resourceSelector.ts

@@ -0,0 +1,16 @@
+import { createSelector } from "@reduxjs/toolkit"
+import { RootState } from "@/store"
+import { Resource, ResourceContent } from "@/page/App/components/PublicTypes/resource"
+
+export const getAllResources = (state: RootState) => state.resource
+
+export const getResourceIDMapResource = createSelector(
+    [getAllResources],
+    (allResource) => {
+        const resourceIDMapResource: Record<string, Resource<ResourceContent>> = {}
+        allResource.forEach((resource) => {
+            resourceIDMapResource[resource.resourceID] = resource
+        })
+        return resourceIDMapResource
+    },
+)

package/redux/resource/resourceSlice.ts

@@ -0,0 +1,24 @@
+import { createSlice } from "@reduxjs/toolkit"
+import {
+  // addResourceItemListReducer,
+  addResourceItemReducer,
+  removeResourceItemReducer,
+  updateResourceItemReducer,
+  updateResourceListReducer,
+} from "@/redux/resource/resourceReducer"
+import { resourceInitialState } from "@/redux/resource/resourceState"
+
+const resourceSlice = createSlice({
+  name: "resource",
+  initialState: resourceInitialState,
+  reducers: {
+    updateResourceListReducer,
+    addResourceItemReducer,
+    updateResourceItemReducer,
+    removeResourceItemReducer,
+    // addResourceItemListReducer
+  },
+})
+
+export default resourceSlice.reducer
+export const resourceActions = resourceSlice.actions

package/redux/resource/resourceState.ts

@@ -0,0 +1,40 @@
+import { Resource, ResourceContent, ResourceType } from "@/page/App/components/PublicTypes/resource"
+// import { v4 } from "uuid"
+
+export interface ResourceInitialConfig<T extends ResourceContent> {
+  resourceName: string
+  resourceType: ResourceType 
+  content: T
+}
+
+export type ResourceListState = Resource<ResourceContent>[]
+export const resourceInitialState: ResourceListState = [
+//   {
+//   content: {
+//     authentication: "none",
+//     baseUrl: "https://jsonplaceholder.typicode.com/posts",
+
+//   },
+//   resourceName: "Imapkt",
+//   resourceType: "restapi",
+//   resourceID: v4(),
+//   createdBy: "Raghav",
+//   updatedBy: "Raghav",
+//   updatedAt: new Date().toLocaleDateString(),
+//   createdAt: new Date().toLocaleDateString(),
+// }
+]
+{
+  // content: {
+  //   authentication: "none",
+  //   baseUrl: "https://jsonplaceholder.typicode.com/posts",
+
+  // },
+  // resourceName: "Imapkt",
+  // resourceType: "impaktapps",
+  // resourceID: v4(),
+  // createdBy: "Raghav",
+  // updatedBy: "Raghav",
+  // updatedAt: new Date().toLocaleDateString(),
+  // createdAt: new Date().toLocaleDateString(),
+}

package/redux/resource/upstashResource.ts

@@ -0,0 +1,2 @@
+export const DEFAULT_NAME = "default"
+export const DATABASE_INDEX = 0