proje-react-panel 1.0.0

package/.eslintrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+	root: true,
+	parser: "@typescript-eslint/parser",
+	plugins: ["@typescript-eslint"],
+	overrides: [
+		{
+			files: ["*.ts", "*.tsx"],
+			rules: {
+				semi: 0,
+				"@typescript-eslint/no-shadow": ["error"],
+				"no-shadow": "off",
+				"no-undef": "off",
+			},
+		},
+	],
+};

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,54 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="4" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="120" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="4" />
+        <option name="TAB_SIZE" value="4" />
+        <option name="USE_TAB_CHARACTER" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GithubDefaultAccount">
+    <option name="defaultAccountId" value="1f47474a-5c46-4e64-871f-41c4af1c466e" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/react-panel.iml" filepath="$PROJECT_DIR$/.idea/react-panel.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/react-panel.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings" defaultProject="true" />
+</project>

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 demirsefa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,24 @@
+#  React Panel
+
+## Overview
+React Panel is a web application built using  as the backend framework and React for the frontend. It features a customizable sidebar and supports CRUD operations on entities. This project is designed to be a foundational template for building admin panels or other web-based interfaces.
+
+---
+
+## Features
+- **Entity CRUD Operations**: Easily create, read, update, and delete entities through the panel.
+- **Sidebar Navigation**: The application includes a sidebar for easy navigation, which is fully customizable.
+- **Single Design Template**: Comes with a default design that can be customized to fit your needs.
+
+---
+
+## Getting Started
+### Prerequisites
+- Node.js (LTS version recommended)
+- npm or yarn package manager
+- A supported database (e.g., PostgreSQL, MySQL, MongoDB)
+
+### Installation
+1. Clone the repository:
+   ```bash
+   git clone <repository-url>

package/dist/Panel.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type AppProps = {
+    children: React.ReactNode;
+};
+export declare function Panel({ children }: AppProps): React.JSX.Element;
+export {};

package/dist/api/crudApi.d.ts

@@ -0,0 +1,6 @@
+export declare const CrudApi: {
+    getList: (api: string, page: number) => Promise<import("axios").AxiosResponse<any, any>>;
+    create: (api: string, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
+    details(api: string, id: any): Promise<import("axios").AxiosResponse<any, any>>;
+    edit(api: string, data: any): Promise<import("axios").AxiosResponse<any, any>>;
+};

package/dist/components/layout/Layout.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function Layout({ children, noSidebar, }: {
+    children?: React.ReactNode;
+    noSidebar?: boolean;
+}): React.JSX.Element;

package/dist/components/layout/SideBar.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function SideBar(): React.JSX.Element;

package/dist/createScreens.d.ts

@@ -0,0 +1 @@
+export declare function createScreens(screens: Record<string, any>): void;

package/dist/declerations/Cell.d.ts

@@ -0,0 +1,10 @@
+import 'reflect-metadata';
+export interface CellOptions<T> {
+    name?: string;
+    title?: string;
+    type?: 'string' | 'number' | 'date';
+    placeHolder?: string;
+    linkTo?: (item: T) => string;
+}
+export declare function Cell<T>(options?: CellOptions<T>): PropertyDecorator;
+export declare function getCellFields<T>(entityClass: any): CellOptions<T>[];

package/dist/declerations/Crud.d.ts

@@ -0,0 +1,6 @@
+import 'reflect-metadata';
+export interface CrudOptions {
+    controller: string;
+}
+export declare function Crud(options?: CrudOptions): ClassDecorator;
+export declare function getClassCrudData(entityClass: any): CrudOptions | undefined;

package/dist/getFields.d.ts

@@ -0,0 +1,2 @@
+import { ScreenCreatorData } from "./types/ScreenCreatorData";
+export declare function getFields<T>(entityClass: T): ScreenCreatorData<T>;

package/dist/getScreenForRoutes.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function getScreenForRoutes(): React.JSX.Element;

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var e=require("react");exports.Panel=function({children:r}){return e.createElement(e.Fragment,null,r)};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { Panel } from "./Panel";

package/dist/index.esm.js

@@ -0,0 +1 @@
+import e from"react";function r({children:r}){return e.createElement(e.Fragment,null,r)}export{r as Panel};

package/dist/list/List.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import '../styles/list.scss';
+import { CellOptions } from '../declerations/Cell';
+import { Screen } from '../types/Screen';
+interface ListProps<T> {
+    data: T[];
+    cells: CellOptions<T>[];
+    screen: Screen;
+}
+export declare function List<T>({ data, cells, screen }: ListProps<T>): React.JSX.Element;
+export {};

package/dist/screens/ControllerCreate.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import '../styles/form.scss';
+import { Screen } from '../types/Screen';
+export declare function ControllerCreate({ screen }: {
+    screen: Screen;
+}): React.JSX.Element;

package/dist/screens/ControllerDetails.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Screen } from '../types/Screen';
+export declare function ControllerDetails({ screen }: {
+    screen: Screen;
+}): React.JSX.Element;

package/dist/screens/ControllerEdit.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Screen } from '../types/Screen';
+export declare function ControllerEdit({ screen }: {
+    screen: Screen;
+}): React.JSX.Element;

package/dist/screens/ControllerList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Screen } from '../types/Screen';
+export declare function ControllerList({ screen }: {
+    screen: Screen;
+}): React.JSX.Element;

package/dist/screens/Form.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Screen } from '../types/Screen';
+export declare function Form({ data, screen }: {
+    data?: any;
+    screen: Screen;
+}): React.JSX.Element;

package/dist/storeData.d.ts

@@ -0,0 +1,4 @@
+import { ScreenCreatorData } from "./types/ScreenCreatorData";
+export declare const StoreData: {
+    screens: Record<string, ScreenCreatorData<any>>;
+};

package/dist/types/Screen.d.ts

@@ -0,0 +1,4 @@
+export interface Screen {
+    key: string;
+    controller: string;
+}

package/dist/types/ScreenCreatorData.d.ts

@@ -0,0 +1,8 @@
+import { CellOptions } from "../declerations/Cell";
+import { CrudOptions } from "../declerations/Crud";
+export type ScreenCreatorData<T> = {
+    resolver: any;
+    fields: string[];
+    cells: CellOptions<T>[];
+    crud: CrudOptions;
+};

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "proje-react-panel",
+  "version": "1.0.0",
+  "description": "",
+  "author": "SEFA DEMİR",
+  "license": "ISC",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "source": [
+    "src/index.ts",
+    "src/dom/index.ts"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rollup -c   ",
+    "lint": "eslint src --ext .ts,.tsx"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/demirsefa/react-panel.git"
+  },
+  "keywords": [],
+  "bugs": {
+    "url": "https://github.com/demirsefa/react-panel/issues"
+  },
+  "homepage": "https://github.com/demirsefa/react-panel#readme",
+  "dependencies": {
+    "axios": "^1.8.3",
+    "react-hook-form": "^7.54.2",
+    "rollup-plugin-serve": "^3.0.0"
+  },
+  "devDependencies": {
+    "@hookform/resolvers": "^4.1.3",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@typescript-eslint/eslint-plugin": "^8.26.1",
+    "@typescript-eslint/parser": "^8.26.1",
+    "class-transformer": "^0.5.1",
+    "class-validator": "^0.14.1",
+    "eslint": "^8.57.1",
+    "react": "^19.0.0",
+    "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-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "typescript": "^5.8.2"
+  }
+}

package/scripts/generate-nestjs-entity.js

@@ -0,0 +1,147 @@
+#!/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();