create-fe-boilerplate 0.1.0 → 0.3.0

package/templates/react/ts/tailwind/rtk/src/store/index.ts

@@ -0,0 +1,13 @@
+import { configureStore } from "@reduxjs/toolkit";
+import { api } from "./services/api";
+
+export const store = configureStore({
+  reducer: {
+    [api.reducerPath]: api.reducer
+  },
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware().concat(api.middleware)
+});
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;

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

@@ -0,0 +1,37 @@
+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/ts/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/ts/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/ts/tailwind/rtk/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/templates/react/ts/tailwind/rtk/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "strict": true,
+    "moduleResolution": "bundler",
+    "types": ["vite/client"]
+  }
+}

package/templates/react/ts/tailwind/rtk/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

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

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