create-fe-boilerplate 0.2.0 → 0.3.0

package/templates/react/js/tailwind/rtk/src/store/services/api.js

@@ -0,0 +1,34 @@
+import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+
+export const api = createApi({
+  reducerPath: "api",
+  baseQuery: fetchBaseQuery({
+    baseUrl: import.meta.env.VITE_API_HOST,
+  }),
+  endpoints: (builder) => ({
+    login: builder.mutation({
+      query: (body) => ({
+        url: "/auth/login",
+        method: "POST",
+        body,
+      }),
+    }),
+    signup: builder.mutation({
+      query: (body) => ({
+        url: "/auth/signup",
+        method: "POST",
+        body,
+      }),
+    }),
+    verifyOtp: builder.mutation({
+      query: (body) => ({
+        url: "/auth/verify-otp",
+        method: "POST",
+        body,
+      }),
+    }),
+  }),
+});
+
+export const { useLoginMutation, useSignupMutation, useVerifyOtpMutation } =
+  api;

package/templates/react/js/tailwind/rtk/src/utils/utils.ts

@@ -0,0 +1,59 @@
+import * as CryptoJS from "crypto-js";
+import ENVIRONMENT from "../contants/constants";
+
+/**
+ * Function to get prime numbers in range (start, end)
+ */
+function getPrimeNumbersInRange(start: number, end: number): number[] {
+  const isPrime = (num: number) => {
+    for (let i = 2, s = Math.sqrt(num); i <= s; i++) {
+      if (num % i === 0) return false;
+    }
+    return num > 1;
+  };
+
+  const primes = [];
+  for (let i = start; i <= end; i++) {
+    if (isPrime(i)) primes.push(i);
+  }
+  return primes;
+}
+
+export function getKey(value: number): string {
+  const key = ENVIRONMENT.STRING || "asdfasdfasd";
+
+  // Function to get prime numbers in range (1, value)
+  const primeNumbers = getPrimeNumbersInRange(1, value);
+
+  // Get the string according to the prime numbers
+  const resultString = primeNumbers
+    .map((num) => key[num % key.length])
+    .join("");
+
+  return resultString;
+}
+
+const key = getKey(50);
+
+const encryptData = (data: any) => {
+  if (data) {
+    const stringData = JSON.stringify(data);
+    const encrypted = CryptoJS.AES.encrypt(stringData, key).toString();
+    return encrypted;
+  }
+};
+
+const decryptData = (data: any) => {
+  if (data) {
+    const decrypted = CryptoJS.AES.decrypt(data, key);
+    const stringData = decrypted.toString(CryptoJS.enc.Utf8);
+    try {
+      return JSON.parse(stringData);
+    } catch (e) {
+      console.error("Failed to parse decrypted data", e);
+      return null;
+    }
+  }
+};
+
+export { encryptData, decryptData };

package/templates/react/js/tailwind/rtk/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {}
+  },
+  plugins: []
+};

package/templates/react/js/tailwind/rtk/vite.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})