Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
78 lines
2.0 KiB
Plaintext
78 lines
2.0 KiB
Plaintext
import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
|
|
import React from 'react';
|
|
/**
|
|
* Server function to render a widget on-demand.
|
|
* Similar to render-field but specifically for dashboard widgets.
|
|
*/
|
|
export const renderWidgetHandler = ({
|
|
cookies,
|
|
locale,
|
|
permissions,
|
|
req,
|
|
widgetSlug
|
|
}) => {
|
|
if (!req.user) {
|
|
throw new Error('Unauthorized');
|
|
}
|
|
const {
|
|
widgets
|
|
} = req.payload.config.admin.dashboard;
|
|
const {
|
|
importMap
|
|
} = req.payload;
|
|
// Find the widget configuration
|
|
const widgetConfig = widgets.find(widget => widget.slug === widgetSlug);
|
|
if (!widgetConfig) {
|
|
return {
|
|
component: React.createElement('div', {
|
|
style: {
|
|
background: 'var(--theme-elevation-50)',
|
|
border: '1px solid var(--theme-elevation-200)',
|
|
borderRadius: '4px',
|
|
color: 'var(--theme-text)',
|
|
padding: '20px',
|
|
textAlign: 'center'
|
|
}
|
|
}, `Widget "${widgetSlug}" not found`)
|
|
};
|
|
}
|
|
try {
|
|
// Create server props for the widget
|
|
const serverProps = {
|
|
req,
|
|
// TODO: widgetData: widgetData || {},
|
|
cookies,
|
|
locale,
|
|
permissions,
|
|
widgetSlug
|
|
};
|
|
// Render the widget server component
|
|
const component = RenderServerComponent({
|
|
Component: widgetConfig.ComponentPath,
|
|
importMap,
|
|
serverProps
|
|
});
|
|
return {
|
|
component
|
|
};
|
|
} catch (error) {
|
|
const errorMessage = error instanceof Error ? error.message : String(error);
|
|
req.payload.logger.error({
|
|
err: error,
|
|
msg: `Error rendering widget "${widgetSlug}": ${errorMessage}`
|
|
});
|
|
return {
|
|
component: React.createElement('div', {
|
|
style: {
|
|
background: 'var(--theme-error-50)',
|
|
border: '1px solid var(--theme-error-200)',
|
|
borderRadius: '4px',
|
|
color: 'var(--theme-error-text)',
|
|
padding: '20px',
|
|
textAlign: 'center'
|
|
}
|
|
}, 'Error loading widget')
|
|
};
|
|
}
|
|
};
|
|
//# sourceMappingURL=renderWidgetServerFn.js.map |