@dashadmin/dash-admin 1.3.73 → 1.3.74-srcfree.2

package/src/templates/ResourceTemplate.tsx

@@ -1,240 +0,0 @@
-/* eslint-disable no-mixed-spaces-and-tabs */
-
-import { CustomRoutes, NotFound, ResourceContextProvider, ResourceProps, RestoreScrollPosition, useLocaleState } from 'react-admin';
-import { Route, Routes, useParams } from 'react-router-dom';
-import { isValidElementType } from 'react-is';
-//import { Outlet } from 'react-router';
-import {
-    IDashAutoAdminResourceConfig,
-    evalActionPermission,
-} from 'dash-auto-admin';
-import React, { ComponentType, PropsWithChildren, ReactElement, isValidElement, useEffect } from 'react';
-import MotionWrapper from '../layout/MotionWrapper';
-import Redirect from '../components/Redirect';
-import { ResourceTemplateCreate } from './ResourceTemplateCreate';
-import { ResourceTemplateEdit } from './ResourceTemplateEdit';
-import { ResourceTemplateList } from './ResourceTemplateList';
-import { ResourceTemplateShow } from './ResourceTemplateShow';
-import { DASHAdminSystemConstants } from 'dash-constants'
-
-import TrashTemplate from './TrashTemplate';
-import { DashResourceProvider } from '../contexts/DashResourceContext';
-import { Resource } from '../react-admin-dash/Resource';
-
-//import {Resource} from "react-admin";
-export interface IResourceTemplate {
-    resourceConfig: IDashAutoAdminResourceConfig;
-    locale?: string;
-}
-
-export const ResourceTemplate = (resourceConfig: IDashAutoAdminResourceConfig & { locale?: string }) => {
-    // const [locale] = useLocaleState(); // Removed hook to allow function call
-    const locale = resourceConfig.locale;
-    const debug = false;
-
-    const _create = evalActionPermission(resourceConfig, resourceConfig?.create);
-    const _edit = evalActionPermission(resourceConfig, resourceConfig?.edit);
-    const _view = evalActionPermission(resourceConfig, resourceConfig?.view);
-    const _list = evalActionPermission(resourceConfig, resourceConfig?.list); // TODO: when view is false, the show routes still works.
-    const _delete = evalActionPermission(resourceConfig, resourceConfig?.delete);
-
-    const URL_PREFIX = DASHAdminSystemConstants.system.URL_PREFIX;
-    const PATH = resourceConfig.model;
-
-    /*if (debug) {
-      
-        console.info(`${PATH} ResourceTemplate`, {
-            path: resourceConfig.path,
-            resourceConfig: resourceConfig,
-            evaluatedPermissions: {
-                create: _create,
-                edit: _edit,
-                view: _view,
-                list: _list,
-                delete: _delete,
-            },
-        });
-        
-    }*/
-    const a = '*';
-    const idParamName = resourceConfig?.idParamName || 'id';
-    //const { [idParamName]: id, [a]: all } = useParams();
-
-    /*useEffect(()=> {
-        console.log('ResourceTemplate useEffect', resourceConfig);
-         console.log('ResourceTemplate _view', _view);
-     },[]);*/
-
-    return (
-        <>
-            <CustomRoutes>
-                {/* Custom routes from resource config - rendered at top level */}
-                {typeof resourceConfig.customRoutes === 'function'
-                    ? resourceConfig.customRoutes(resourceConfig)
-                    : null}
-
-                {/* Automatic trash routes if trash is enabled */}
-                {/* Moved outside */}
-
-                <Route element={<MotionWrapper />}>
-
-                    {resourceConfig?.drawer === true && resourceConfig?.drawerOptions?.create !== false ? (
-                        <Route
-                            path={URL_PREFIX + PATH + '/create'}
-                            element={
-                                <DashResourceProvider resourceConfig={resourceConfig}><Redirect
-                                    stateHashPattern={
-                                        URL_PREFIX + PATH + '/inline/create'
-                                    }
-                                    method='list'
-                                    drawerMethod='create'
-                                    resourceConfig={resourceConfig}
-                                /></DashResourceProvider>
-                            }
-                        />
-                    ) : null}
-                    {resourceConfig?.drawer === true && resourceConfig?.drawerOptions?.edit !== false ? (
-                        <Route
-                            path={URL_PREFIX + PATH + '/inline'}
-                            element={
-                                <DashResourceProvider resourceConfig={resourceConfig}><Redirect
-                                    stateHashPattern={URL_PREFIX + PATH + '/inline'}
-                                    method='list'
-                                    drawerMethod='edit'
-                                    resourceConfig={resourceConfig}
-                                /></DashResourceProvider>
-                            }
-                        />
-                    ) : null}
-                    {resourceConfig?.drawer === true && resourceConfig?.drawerOptions?.view !== false ? (
-                        <Route
-                            path={URL_PREFIX + PATH + '/inline/:' + idParamName}
-                            element={
-                                <DashResourceProvider resourceConfig={resourceConfig}><Redirect
-                                    stateHashPattern={
-                                        URL_PREFIX +
-                                        PATH +
-                                        '/inline/:' +
-                                        idParamName +
-                                        '/:method'
-                                    }
-                                    method='list'
-                                    drawerMethod='edit'
-                                    resourceConfig={resourceConfig}
-                                /></DashResourceProvider>
-                            }
-                        />
-                    ) : null}
-                    {resourceConfig?.drawer === true && resourceConfig?.drawerOptions?.edit !== false ? (
-                        <Route
-                            path={URL_PREFIX + PATH + '/inline/:' + idParamName + '/edit'}
-                            element={
-                                <DashResourceProvider resourceConfig={resourceConfig}><Redirect
-                                    stateHashPattern={
-                                        URL_PREFIX +
-                                        PATH +
-                                        '/inline/:' +
-                                        idParamName +
-                                        '/:method'
-                                    }
-                                    method='list'
-                                    drawerMethod='edit'
-                                    resourceConfig={resourceConfig}
-                                /></DashResourceProvider>
-                            }
-                        />
-                    ) : null}
-                    {resourceConfig?.drawer === true && resourceConfig?.drawerOptions?.view !== false ? (
-                        <Route
-                            path={URL_PREFIX + PATH + '/inline/:' + idParamName + '/show'}
-                            element={
-                                <DashResourceProvider resourceConfig={resourceConfig}><Redirect
-                                    stateHashPattern={
-                                        URL_PREFIX +
-                                        PATH +
-                                        '/inline/:' +
-                                        idParamName +
-                                        '/:method'
-                                    }
-                                    method='list'
-                                    drawerMethod='show'
-                                    resourceConfig={resourceConfig}
-                                /></DashResourceProvider>
-                            }
-                        />
-                    ) : null}
-                    {resourceConfig?.drawer === true && resourceConfig?.drawerOptions?.create !== false ? (
-                        <Route
-                            path={URL_PREFIX + PATH + '/inline/create'}
-                            element={
-                                <DashResourceProvider resourceConfig={resourceConfig}><Redirect
-                                    stateHashPattern={URL_PREFIX + PATH + '/inline/create'}
-                                    method='list'
-                                    drawerMethod='create'
-                                    resourceConfig={resourceConfig}
-                                /></DashResourceProvider>
-                            }
-                        />
-                    ) : null}
-
-                </Route>
-
-                <Route
-                    path="*"
-                    element={
-                        debug ? (
-                            <div>
-                                <h3>ResourceTemplate Debug</h3>
-                                <p>Resource: {resourceConfig.model}</p>
-                                <p>Current Path: {window.location.pathname}</p>
-                                <p>Expected: /{resourceConfig.model}</p>
-                            </div>
-                        ) : (
-                            <NotFound />
-                        )
-                    }
-                />
-            </CustomRoutes>
-
-            {/* Automatic trash routes if trash is enabled */}
-            {resourceConfig.trash ? TrashTemplate(resourceConfig, locale) : null}
-
-            <Resource
-                options={{ label: resourceConfig.label, group: resourceConfig.group }}
-                name={PATH}
-                recordRepresentation={resourceConfig?.recordRepresentation || "name"}
-                resourceConfig={resourceConfig}
-                // @ts-ignore Expected mismatch types, nevertheless compatible 
-                icon={resourceConfig?.icon || null}
-
-                {..._list && {
-                    list: () => {
-                        return <ResourceTemplateList resourceConfig={resourceConfig} locale={locale} />;
-                    }
-                }}
-
-                {..._create && {
-                    create: () => {
-                        return <ResourceTemplateCreate resourceConfig={resourceConfig} locale={locale} />;
-                    }
-                }}
-
-                {..._view && {
-                    show: () => {
-
-                        return <ResourceTemplateShow resourceConfig={resourceConfig} locale={locale} />;
-                    }
-                }}
-
-                {..._edit && {
-                    edit: () => {
-
-                        return <ResourceTemplateEdit resourceConfig={resourceConfig} locale={locale} />;
-                    }
-                }}
-            />
-        </>
-
-    );
-};
-export default ResourceTemplate;

package/src/templates/ResourceTemplate.tsx.memoized_experiment

@@ -1,350 +0,0 @@
-/* eslint-disable no-mixed-spaces-and-tabs */
-import { Resource } from 'react-admin';
-import { CustomRoutes } from 'react-admin/src';
-import { Route, useParams } from 'react-router-dom';
-//import { Outlet } from 'react-router';
-import {
-    IDashAutoAdminResourceConfig,
-    evalActionPermission,
-} from 'dash-auto-admin';
-import React, { PropsWithChildren, useMemo, useCallback } from 'react';
-import MotionWrapper from '../layout/MotionWrapper';
-import Redirect from '../components/Redirect';
-import { ResourceTemplateCreate } from './ResourceTemplateCreate';
-import { ResourceTemplateEdit } from './ResourceTemplateEdit';
-import { ResourceTemplateList } from './ResourceTemplateList';
-import { ResourceTemplateShow } from './ResourceTemplateShow';
-import {DASHAdminSystemConstants} from '../config/DASHAdminSystemConstants';
-import TrashTemplate from './TrashTemplate';
-import { DashResourceProvider } from '../contexts/DashResourceContext';
-
-export interface IResourceTemplate {
-    resourceConfig: IDashAutoAdminResourceConfig;
-}
-
-// Memoized ResourceTemplateList
-const MemoizedResourceTemplateList = React.memo(({ resourceConfig }: { resourceConfig: IDashAutoAdminResourceConfig }) => (
-    <DashResourceProvider resourceConfig={resourceConfig}>
-        <ResourceTemplateList resourceConfig={resourceConfig} />
-    </DashResourceProvider>
-), (prevProps, nextProps) => {
-    return prevProps.resourceConfig === nextProps.resourceConfig;
-});
-
-// Memoized ResourceTemplateCreate
-const MemoizedResourceTemplateCreate = React.memo(({ resourceConfig }: { resourceConfig: IDashAutoAdminResourceConfig }) => (
-    <DashResourceProvider resourceConfig={resourceConfig}>
-        <ResourceTemplateCreate resourceConfig={resourceConfig} />
-    </DashResourceProvider>
-), (prevProps, nextProps) => {
-    return prevProps.resourceConfig === nextProps.resourceConfig;
-});
-
-// Memoized ResourceTemplateShow
-const MemoizedResourceTemplateShow = React.memo(({ resourceConfig }: { resourceConfig: IDashAutoAdminResourceConfig }) => (
-    <DashResourceProvider resourceConfig={resourceConfig}>
-        <ResourceTemplateShow resourceConfig={resourceConfig} />
-    </DashResourceProvider>
-), (prevProps, nextProps) => {
-    return prevProps.resourceConfig === nextProps.resourceConfig;
-});
-
-// Memoized ResourceTemplateEdit
-const MemoizedResourceTemplateEdit = React.memo(({ resourceConfig }: { resourceConfig: IDashAutoAdminResourceConfig }) => (
-    <DashResourceProvider resourceConfig={resourceConfig}>
-        <ResourceTemplateEdit resourceConfig={resourceConfig} />
-    </DashResourceProvider>
-), (prevProps, nextProps) => {
-    return prevProps.resourceConfig === nextProps.resourceConfig;
-});
-
-// Memoized TrashTemplate
-const MemoizedTrashTemplate = React.memo(({ resourceConfig }: { resourceConfig: IDashAutoAdminResourceConfig }) => (
-    <DashResourceProvider resourceConfig={resourceConfig}>
-        <TrashTemplate resourceConfig={resourceConfig} />
-    </DashResourceProvider>
-), (prevProps, nextProps) => {
-    return prevProps.resourceConfig === nextProps.resourceConfig;
-});
-
-// Memoized Redirect component
-const MemoizedRedirect = React.memo(({ 
-    resourceConfig, 
-    stateHashPattern, 
-    method, 
-    drawerMethod 
-}: { 
-    resourceConfig: IDashAutoAdminResourceConfig;
-    stateHashPattern: string;
-    method: string;
-    drawerMethod: string;
-}) => (
-    <DashResourceProvider resourceConfig={resourceConfig}>
-        <Redirect
-            stateHashPattern={stateHashPattern}
-            method={method}
-            drawerMethod={drawerMethod}
-            resourceConfig={resourceConfig}
-        />
-    </DashResourceProvider>
-), (prevProps, nextProps) => {
-    return (
-        prevProps.resourceConfig === nextProps.resourceConfig &&
-        prevProps.stateHashPattern === nextProps.stateHashPattern &&
-        prevProps.method === nextProps.method &&
-        prevProps.drawerMethod === nextProps.drawerMethod
-    );
-});
-
-// Cache for memoized resource templates
-const resourceTemplateCache = new Map<string, React.ReactElement>();
-
-// This is the function that gets called - it returns JSX
-export const ResourceTemplate = (resourceConfig: IDashAutoAdminResourceConfig): React.ReactElement => {
-    const debug = false;
-    
-    // Create a cache key based on the resource config
-    const cacheKey = `${resourceConfig.model}-${resourceConfig.create}-${resourceConfig.edit}-${resourceConfig.view}-${resourceConfig.list}-${resourceConfig.delete}-${resourceConfig.drawer}-${JSON.stringify(resourceConfig.drawerOptions)}`;
-    
-    // Check if we have a cached version
-    if (resourceTemplateCache.has(cacheKey)) {
-        return resourceTemplateCache.get(cacheKey)!;
-    }
-
-    const _create = evalActionPermission(resourceConfig, resourceConfig?.create);
-    const _edit = evalActionPermission(resourceConfig, resourceConfig?.edit);
-    const _view = evalActionPermission(resourceConfig, resourceConfig?.view);
-    const _list = evalActionPermission(resourceConfig, resourceConfig?.list);
-    const _delete = evalActionPermission(resourceConfig, resourceConfig?.delete);
-
-    if (debug) {
-        console.info(`${resourceConfig.model} ResourceTemplate`, {
-            resourceConfig: resourceConfig,
-            evaluatedPermissions: {
-                create: _create,
-                edit: _edit,
-                view: _view,
-                list: _list,
-                delete: _delete,
-            },
-        });
-    }
-
-    const idParamName = resourceConfig?.idParamName || 'id';
-    const URL_PREFIX = DASHAdminSystemConstants.system.URL_PREFIX;
-
-    // Generate drawer routes
-    const drawerRoutes = [];
-    if (resourceConfig?.drawer === true) {
-        if (resourceConfig?.drawerOptions?.create !== false) {
-            drawerRoutes.push(
-                <Route
-                    key={`${resourceConfig.model}-create`}
-                    path={URL_PREFIX + resourceConfig.model + '/create'}
-                    element={
-                        <MemoizedRedirect
-                            resourceConfig={resourceConfig}
-                            stateHashPattern={URL_PREFIX + resourceConfig.model + '/inline/create'}
-                            method='list'
-                            drawerMethod='create'
-                        />
-                    }
-                />
-            );
-        }
-
-        if (resourceConfig?.drawerOptions?.edit !== false) {
-            drawerRoutes.push(
-                <Route
-                    key={`${resourceConfig.model}-inline`}
-                    path={URL_PREFIX + resourceConfig.model + '/inline'}
-                    element={
-                        <MemoizedRedirect
-                            resourceConfig={resourceConfig}
-                            stateHashPattern={URL_PREFIX + resourceConfig.model + '/inline'}
-                            method='list'
-                            drawerMethod='edit'
-                        />
-                    }
-                />
-            );
-        }
-
-        if (resourceConfig?.drawerOptions?.view !== false) {
-            drawerRoutes.push(
-                <Route
-                    key={`${resourceConfig.model}-inline-view`}
-                    path={URL_PREFIX + resourceConfig.model + '/inline/:' + idParamName}
-                    element={
-                        <MemoizedRedirect
-                            resourceConfig={resourceConfig}
-                            stateHashPattern={
-                                URL_PREFIX +
-                                resourceConfig.model +
-                                '/inline/:' +
-                                idParamName +
-                                '/:method'
-                            }
-                            method='list'
-                            drawerMethod='edit'
-                        />
-                    }
-                />
-            );
-        }
-
-        if (resourceConfig?.drawerOptions?.edit !== false) {
-            drawerRoutes.push(
-                <Route
-                    key={`${resourceConfig.model}-inline-edit`}
-                    path={URL_PREFIX + resourceConfig.model + '/inline/:' + idParamName + '/edit'}
-                    element={
-                        <MemoizedRedirect
-                            resourceConfig={resourceConfig}
-                            stateHashPattern={
-                                URL_PREFIX +
-                                resourceConfig.model +
-                                '/inline/:' +
-                                idParamName +
-                                '/:method'
-                            }
-                            method='list'
-                            drawerMethod='edit'
-                        />
-                    }
-                />
-            );
-        }
-
-        if (resourceConfig?.drawerOptions?.view !== false) {
-            drawerRoutes.push(
-                <Route
-                    key={`${resourceConfig.model}-inline-show`}
-                    path={URL_PREFIX + resourceConfig.model + '/inline/:' + idParamName + '/show'}
-                    element={
-                        <MemoizedRedirect
-                            resourceConfig={resourceConfig}
-                            stateHashPattern={
-                                URL_PREFIX +
-                                resourceConfig.model +
-                                '/inline/:' +
-                                idParamName +
-                                '/:method'
-                            }
-                            method='list'
-                            drawerMethod='show'
-                        />
-                    }
-                />
-            );
-        }
-
-        if (resourceConfig?.drawerOptions?.create !== false) {
-            drawerRoutes.push(
-                <Route
-                    key={`${resourceConfig.model}-inline-create`}
-                    path={URL_PREFIX + resourceConfig.model + '/inline/create'}
-                    element={
-                        <MemoizedRedirect
-                            resourceConfig={resourceConfig}
-                            stateHashPattern={URL_PREFIX + resourceConfig.model + '/inline/create'}
-                            method='list'
-                            drawerMethod='create'
-                        />
-                    }
-                />
-            );
-        }
-    }
-
-    // Generate resource routes
-    const resourceRoutes = [];
-    
-    // Trash route
-    resourceRoutes.push(
-        <Route 
-            key={`${resourceConfig.model}-trash`}
-            path="trash/*" 
-            element={<MemoizedTrashTemplate resourceConfig={resourceConfig} />} 
-        />
-    );
-
-    // List route
-    if (_list) {
-        resourceRoutes.push(
-            <Route 
-                key={`${resourceConfig.model}-list`}
-                path={`/*`} 
-                element={<MemoizedResourceTemplateList resourceConfig={resourceConfig} />} 
-            />
-        );
-    }
-
-    // Create route
-    if (_create) {
-        resourceRoutes.push(
-            <Route 
-                key={`${resourceConfig.model}-create`}
-                path={`create/*`} 
-                element={<MemoizedResourceTemplateCreate resourceConfig={resourceConfig} />} 
-            />
-        );
-    }
-
-    // Show route
-    if (_view) {
-        resourceRoutes.push(
-            <Route 
-                key={`${resourceConfig.model}-show`}
-                path={`:id/show/*`}  
-                element={<MemoizedResourceTemplateShow resourceConfig={resourceConfig} />} 
-            />
-        );
-    }
-
-    // Edit route
-    if (_edit) {
-        resourceRoutes.push(
-            <Route 
-                key={`${resourceConfig.model}-edit`}
-                path={`:id/*`} 
-                element={<MemoizedResourceTemplateEdit resourceConfig={resourceConfig} />} 
-            />
-        );
-    }
-
-    // Generate custom routes
-    const customRoutes = typeof resourceConfig.customRoutes === 'function' 
-        ? resourceConfig.customRoutes(resourceConfig) 
-        : <></>;
-
-    // Create the final JSX
-    const result = (
-        <React.Fragment key={`resource-template-${resourceConfig.model}`}>
-            <CustomRoutes>
-                <Route element={<MotionWrapper />}>
-                    {customRoutes}
-                    {drawerRoutes}
-                </Route>
-            </CustomRoutes>
-
-            <Resource
-                options={{ label: resourceConfig.label, group: resourceConfig.group }}
-                name={resourceConfig.model}
-                recordRepresentation={resourceConfig?.recordRepresentation || "name"}
-                resourceConfig={resourceConfig}
-                // @ts-ignore Expected mismatch types, nevertheless compatible 
-                icon={resourceConfig?.icon || <></>}
-            >
-                {resourceRoutes}
-            </Resource>
-        </React.Fragment>
-    );
-
-    // Cache the result
-    resourceTemplateCache.set(cacheKey, result);
-    
-    return result;
-};
-
-export default ResourceTemplate;