@solidstarters/solid-core-ui 0.1.26

package/src/redux/features/authSlice.ts

@@ -0,0 +1,19 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const authSlice = createSlice({
+    name: 'authentication',
+    initialState: {
+        token: null, // Store the JWT token here
+    },
+    reducers: {
+        setToken: (state, action) => {
+            state.token = action.payload;
+        },
+        logout: (state) => {
+            state.token = null;
+        },
+    },
+});
+
+export const { setToken, logout } = authSlice.actions;
+export default authSlice.reducer;

package/src/redux/features/dataViewSlice.ts

@@ -0,0 +1,26 @@
+// store/features/dataViewSlice.ts
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+
+export interface DataViewState {
+  dataView: 'LIST' | 'GRID';
+}
+
+const initialState: DataViewState = {
+  dataView: 'LIST',
+};
+
+const dataViewSlice = createSlice({
+  name: 'view',
+  initialState,
+  reducers: {
+    gridView: (state) => {
+      state.dataView = 'GRID';
+    },
+    listView: (state) => {
+      state.dataView = 'LIST';
+    },
+  },
+});
+
+export const { gridView, listView } = dataViewSlice.actions;
+export default dataViewSlice.reducer;

package/src/redux/features/navbarSlice.ts

@@ -0,0 +1,21 @@
+import { createSlice } from '@reduxjs/toolkit';
+const navbarSlice = createSlice({
+    name: 'navbar',
+    initialState: {
+        visibleNavbar: false,
+    },
+    reducers: {
+        showNavbar: (state) => {
+            state.visibleNavbar = true
+        },
+        hideNavbar: (state) => {
+            state.visibleNavbar = false
+        },
+        toggleNavbar(state) {
+            state.visibleNavbar = state.visibleNavbar === true ? false : true;
+        },
+    }
+})
+
+export const { showNavbar, hideNavbar, toggleNavbar } = navbarSlice.actions;
+export default navbarSlice.reducer

package/src/redux/features/popupSlice.ts

@@ -0,0 +1,27 @@
+// store/themeSlice.js
+import { createSlice } from '@reduxjs/toolkit';
+
+const popupSlice = createSlice({
+    name: 'theme',
+    initialState: {
+        visibleModulePopup: false,
+        visibleFieldsPopup: false,
+    },
+    reducers: {
+        showModulePopup: (state) => {
+            state.visibleModulePopup = true;
+        },
+        hideModulePopup: (state) => {
+            state.visibleModulePopup = false;
+        },
+        showFieldsPopup: (state) => {
+            state.visibleFieldsPopup = true;
+        },
+        hideFieldsPopup: (state) => {
+            state.visibleFieldsPopup = false;
+        },
+    },
+});
+
+export const { showModulePopup, hideModulePopup, showFieldsPopup, hideFieldsPopup } = popupSlice.actions;
+export default popupSlice.reducer;

package/src/redux/features/themeSlice.ts

@@ -0,0 +1,17 @@
+// store/themeSlice.js
+import { createSlice } from '@reduxjs/toolkit';
+
+const themeSlice = createSlice({
+    name: 'theme',
+    initialState: {
+        mode: 'light', // Default mode
+    },
+    reducers: {
+        toggleTheme(state) {
+            state.mode = state.mode === 'light' ? 'dark' : 'light';
+        },
+    },
+});
+
+export const { toggleTheme } = themeSlice.actions;
+export default themeSlice.reducer;

package/src/redux/features/userSlice.ts

@@ -0,0 +1,28 @@
+import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+
+export interface IUserState {
+  user: any;
+  isAuthenticated: boolean;
+}
+
+const initialState: IUserState = {
+  user: null,
+  isAuthenticated: false,
+};
+
+export const userSlice = createSlice({
+  initialState,
+  name: "userSlice",
+  reducers: {
+    setUser: (state, action: PayloadAction<any>) => {
+      state.user = action.payload;
+    },
+    setIsAuthenticated: (state, action: PayloadAction<boolean>) => {
+      state.isAuthenticated = action.payload;
+    },
+  },
+});
+
+export default userSlice.reducer;
+
+export const { setUser, setIsAuthenticated } = userSlice.actions;

package/src/types/index.d.ts

@@ -0,0 +1,7 @@
+declare module "react-star-ratings";
+declare module "react-js-pagination";
+declare module "bcryptjs";
+declare module "nodemailer";
+declare module "mapbox-gl/dist/mapbox-gl.js";
+declare module "react-datepicker";
+declare module "moment";

package/src/types/next.d.ts

@@ -0,0 +1,46 @@
+import { IUser } from "@/backend/models/user";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/query/react";
+import { NextRequest } from "next/server";
+import NextAuth, { DefaultSession, DefaultUser } from 'next-auth';
+import { JWT } from 'next-auth/jwt';
+
+declare module "next/server" {
+  interface NextRequest {
+    user: IUser;
+  }
+}
+
+
+declare module "@reduxjs/toolkit/query/react" {
+  interface FetchBaseQueryError {
+    data?: any;
+  }
+}
+
+
+
+declare module 'next-auth' {
+  interface Session {
+    error:string | null,
+    user: {
+      accessToken: string;
+      refreshToken: string;
+      accessTokenExpires:number;
+    } & DefaultSession['user'];
+  }
+
+  interface User {
+    accessToken: string;
+    refreshToken: string;
+    accessTokenExpires:number;
+  }
+}
+
+declare module 'next-auth/jwt' {
+  interface JWT {
+    accessToken: string;
+    refreshToken: string;
+    error:string;
+    accessTokenExpires:number;
+  }
+}

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": false,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": false,
+    "outDir": "./dist",               // Output directory for compiled files
+    "rootDir": "./src",               // Root directory for source files
+    "declaration": true,              // Generate TypeScript declaration files (.d.ts)
+    "declarationMap": true,           // Generate declaration maps for debugging
+    "emitDeclarationOnly": false,
+    "sourceMap": true,                // Generate source maps for debugging
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": [
+    "./src/**/*",
+    "./types/**/*.d.ts",
+  ],
+  "exclude": ["node_modules","dist"],
+}