proje-react-panel 1.0.4 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proje-react-panel",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "author": "SEFA DEMİR",
   "license": "ISC",
@@ -14,8 +14,7 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "rollup -c   ",
-    "lint": "eslint src --ext .ts,.tsx",
-    "generate-nestjs-entity": "node scripts/generate-nestjs-entity.js"
+    "lint": "eslint src --ext .ts,.tsx"
   },
   "repository": {
     "type": "git",
@@ -26,15 +25,10 @@
     "url": "https://github.com/demirsefa/proje-react-panel/issues"
   },
   "homepage": "https://github.com/demirsefa/proje-react-panel#readme",
-  "dependencies": {
-    "axios": "^1.8.3",
-    "react-hook-form": "^7.54.2",
-    "rollup-plugin-serve": "^3.0.0"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@hookform/resolvers": "^4.1.3",
     "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
@@ -43,13 +37,13 @@
     "class-transformer": "^0.5.1",
     "class-validator": "^0.14.1",
     "eslint": "^8.57.1",
-    "node-sass": "^9.0.0",
     "react": "^19.0.0",
+    "react-hook-form": "^7.54.2",
     "react-router-dom": "^7.3.0",
     "reflect-metadata": "^0.2.2",
     "rollup": "^4.35.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^4.0.1",
+    "rollup-plugin-serve": "^3.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "typescript": "^5.8.2"

package/src/api/crudApi.ts

@@ -1,16 +1,30 @@
-import axios from 'axios';
 
 export const CrudApi = {
   getList: (api: string, page: number) => {
-    return axios.get(api, { data: { page } });
+    return fetch(api, {
+      method: "GET",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ page }),
+    }).then((res) => res.json());
   },
   create: (api: string, data: any) => {
-    return axios.post(api, data);
+    return fetch(api, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(data),
+    }).then((res) => res.json());
   },
   details(api: string, id: any) {
-    return axios.get(api + '/' + id);
+    return fetch(`${api}/${id}`, {
+      method: "GET",
+      headers: { "Content-Type": "application/json" },
+    }).then((res) => res.json());
   },
   edit(api: string, data: any) {
-    return axios.put(api + '/' + data.id, data);
+    return fetch(`${api}/${data.id}`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(data),
+    }).then((res) => res.json());
   },
 };

package/src/components/layout/Layout.tsx

@@ -4,14 +4,12 @@ import { SideBar } from './SideBar';
 
 export function Layout({
   children,
-  noSidebar = false,
 }: {
   children?: React.ReactNode;
-  noSidebar?: boolean;
 }) {
   return (
     <div className="layout">
-      {!noSidebar && <SideBar />}
+      <SideBar />
       <main className="content">{children || <Outlet />}</main>
     </div>
   );

package/src/index.ts

@@ -1,6 +1,4 @@
-import "./styles/index.scss"
 export { createScreens } from "./utils/createScreens";
 export { getScreenForRoutes } from "./utils/getScreenForRoutes";
 export { Layout } from "./components/layout/Layout";
-export { SideBar } from "./components/layout/SideBar";
 export {Panel} from "./components/Panel"

package/dist/bundle.css

@@ -1,128 +0,0 @@
-.sidebar {
-  position: relative;
-  background-color: #f5f5f5;
-  height: 100vh;
-  transition: width 0.3s ease;
-  border-right: 1px solid #e0e0e0; }
-  .sidebar.open {
-    width: 250px; }
-  .sidebar.closed {
-    width: 60px; }
-    .sidebar.closed .nav-links a span {
-      display: none; }
-  .sidebar .toggle-button {
-    position: absolute;
-    top: 10px;
-    right: -12px;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    background-color: #ffffff;
-    border: 1px solid #e0e0e0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    z-index: 10; }
-    .sidebar .toggle-button:hover {
-      background-color: #f0f0f0; }
-  .sidebar .nav-links {
-    display: flex;
-    flex-direction: column;
-    padding: 2rem 1rem;
-    height: 100%; }
-    .sidebar .nav-links a {
-      padding: 0.75rem 1rem;
-      margin-bottom: 0.5rem;
-      color: #333;
-      text-decoration: none;
-      border-radius: 4px;
-      font-weight: 500; }
-      .sidebar .nav-links a:hover {
-        background-color: rgba(0, 0, 0, 0.05); }
-      .sidebar .nav-links a.active {
-        background-color: rgba(0, 0, 0, 0.1); }
-    .sidebar .nav-links .bottom-link {
-      margin-top: auto; }
-      .sidebar .nav-links .bottom-link a {
-        color: #666;
-        font-weight: 400; }
-
-.form-wrapper {
-  max-width: 400px;
-  padding: 20px;
-  background-color: #f9f9f9;
-  border-radius: 10px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
-  .form-wrapper form {
-    display: flex;
-    flex-direction: column; }
-  .form-wrapper .form-field {
-    margin-bottom: 16px; }
-    .form-wrapper .form-field label {
-      font-weight: bold;
-      margin-bottom: 6px;
-      display: block;
-      color: #333; }
-    .form-wrapper .form-field input[type='text'] {
-      padding: 10px;
-      font-size: 16px;
-      border: 1px solid #ccc;
-      border-radius: 5px;
-      width: 100%;
-      transition: border-color 0.2s; }
-      .form-wrapper .form-field input[type='text']:focus {
-        border-color: #007bff;
-        outline: none; }
-    .form-wrapper .form-field .error-message {
-      margin-top: 4px;
-      font-size: 14px;
-      color: #ff4d4f; }
-  .form-wrapper .submit-button {
-    padding: 12px;
-    font-size: 18px;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background-color 0.2s; }
-    .form-wrapper .submit-button:hover {
-      background-color: #0056b3; }
-
-.layout {
-  display: flex;
-  min-height: 100vh;
-  width: 100%; }
-  .layout .content {
-    flex: 1;
-    padding: 1rem;
-    overflow-y: auto;
-    transition: margin-left 0.3s ease; }
-
-.list-wrapper {
-  width: 100%;
-  padding: 16px;
-  background-color: #ffffff;
-  border-radius: 8px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
-  .list-wrapper .header {
-    font-size: 24px;
-    font-weight: bold;
-    text-align: center;
-    margin-bottom: 20px; }
-  .list-wrapper .list-table {
-    width: 100%;
-    border-collapse: collapse; }
-    .list-wrapper .list-table th,
-    .list-wrapper .list-table td {
-      padding: 12px 16px;
-      text-align: left;
-      border-bottom: 1px solid #ddd; }
-    .list-wrapper .list-table th {
-      background-color: #007bff;
-      color: white; }
-    .list-wrapper .list-table tr:nth-child(even) {
-      background-color: #f9f9f9; }
-    .list-wrapper .list-table tr:hover {
-      background-color: #e8f4ff; }

package/scripts/generate-nestjs-entity.js

@@ -1,147 +0,0 @@
-#!/usr/bin/env node
-
-const fs = require('fs');
-const path = require('path');
-const { execSync } = require('child_process');
-const { program } = require('commander');
-
-// Define command line parameters
-program
-	.option('--src <path>', 'Source path containing NestJS entity files')
-	.option('--to <path>', 'Destination path for generated entity files')
-	.parse(process.argv);
-
-const options = program.opts();
-
-// Check if required parameters are provided
-if (!options.src || !options.to) {
-	console.error('Error: Both --src and --to parameters are required');
-	process.exit(1);
-}
-
-// Resolve paths
-const srcPath = path.resolve(process.cwd(), options.src);
-const destPath = path.resolve(process.cwd(), options.to);
-
-// Ensure destination directory exists
-if (!fs.existsSync(destPath)) {
-	fs.mkdirSync(destPath, { recursive: true });
-}
-
-// Find all entity files in the source directory recursively
-function findEntityFiles(dir) {
-	let results = [];
-
-	const files = fs.readdirSync(dir, { withFileTypes: true });
-
-	for (const file of files) {
-		const fullPath = path.join(dir, file.name);
-
-		if (file.isDirectory()) {
-			results = results.concat(findEntityFiles(fullPath));
-		} else if (file.name.endsWith('.entity.ts')) {
-			results.push(fullPath);
-		}
-	}
-
-	return results;
-}
-
-// Extract interfaces ending with *Entity and class-validator decorators
-function processEntityFile(filePath) {
-	const content = fs.readFileSync(filePath, 'utf8');
-	const fileName = path.basename(filePath);
-
-	// Regular expression to find interfaces ending with Entity
-	const interfaceRegex = /export\s+interface\s+(\w+Entity)\s*{([^}]*)}/gs;
-	const interfaceMatches = Array.from(content.matchAll(interfaceRegex));
-
-	const results = [];
-
-	for (const match of interfaceMatches) {
-		const interfaceName = match[1];
-		const interfaceContent = match[2];
-
-		// Create a new file with only the interface and class-validator imports
-		let newContent = `import { ${getClassValidatorImports(content)} } from 'class-validator';\n\n`;
-		newContent += `export interface ${interfaceName} {\n${extractPropertiesWithDecorators(interfaceContent, content)}\n}`;
-
-		results.push({
-			name: interfaceName,
-			content: newContent
-		});
-	}
-
-	return results;
-}
-
-// Extract class-validator imports from the original file
-function getClassValidatorImports(content) {
-	const importRegex = /import\s+{([^}]*?)}\s+from\s+['"]class-validator['"]/;
-	const match = content.match(importRegex);
-
-	if (match && match[1]) {
-		return match[1].split(',')
-			.map(imp => imp.trim())
-			.filter(imp => imp !== '')
-			.join(', ');
-	}
-
-	return '';
-}
-
-// Extract properties with class-validator decorators
-function extractPropertiesWithDecorators(interfaceContent, fullContent) {
-	const lines = interfaceContent.split('\n');
-	let result = '';
-
-	for (const line of lines) {
-		const propertyMatch = line.match(/^\s*(\w+)[\?:].*$/);
-
-		if (propertyMatch) {
-			const propName = propertyMatch[1];
-			const decoratorRegex = new RegExp(`@\\w+\\([^)]*\\)\\s*${propName}`, 'g');
-			const decoratorMatches = Array.from(fullContent.matchAll(decoratorRegex));
-
-			// Add all decorators for this property
-			if (decoratorMatches.length > 0) {
-				for (const dMatch of decoratorMatches) {
-					const decorator = dMatch[0].split(propName)[0].trim();
-					result += `  ${decorator}\n`;
-				}
-			}
-
-			result += `  ${line.trim()}\n\n`;
-		}
-	}
-
-	return result;
-}
-
-// Main function
-function main() {
-	try {
-		console.log(`Searching for entity files in ${srcPath}...`);
-		const entityFiles = findEntityFiles(srcPath);
-
-		console.log(`Found ${entityFiles.length} entity files.`);
-
-		for (const file of entityFiles) {
-			console.log(`Processing ${file}...`);
-			const entities = processEntityFile(file);
-
-			for (const entity of entities) {
-				const outputPath = path.join(destPath, `${entity.name}.ts`);
-				fs.writeFileSync(outputPath, entity.content);
-				console.log(`Generated ${outputPath}`);
-			}
-		}
-
-		console.log('Done!');
-	} catch (error) {
-		console.error('Error:', error.message);
-		process.exit(1);
-	}
-}
-
-main();