f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-03-22 11:08:10 +00:00
Code Wiki Activity

trying to inject props

Browse Source
This commit is contained in:
Víctor Losada Hernández
2026-02-01 21:06:39 +01:00
parent b5598ac423
commit b4ec26a29f
2 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/homebrew/main.jsx
View File

@@ -2,6 +2,6 @@ import { createRoot } from "react-dom/client";
import Homebrew from "./homebrew.jsx";
const props = window.__INITIAL_PROPS__ || {};
console.log('props: ', window.__INITIAL_PROPS__);
window.onload = ()=> {console.log('props: ', window.__INITIAL_PROPS__)};
createRoot(document.getElementById("reactRoot")).render(<Homebrew {...props} />);

26
server/app.js
View File

@@ -542,10 +542,15 @@ export default async function createApp(vite) {
return next();
}));
app.use((req, res, next) => {
console.log('Before SPA middleware:', req.originalUrl);
next();
});
//Send rendered page
app.use(asyncHandler(async (req, res, next)=>{
console.log(req.route);
//if(!req.route) return res.redirect('/'); // Catch-all for invalid routes
if(!req.route) return res.redirect('/'); // Catch-all for invalid routes
const page = await renderPage(req, res);
if(!page) return;
@@ -555,7 +560,7 @@ export default async function createApp(vite) {
//Render the page
const renderPage = async (req, res)=>{
console.log('renderpage');
// Create configuration object
// Create configuration object
const configuration = {
local : isLocalEnvironment,
publicUrl : config.get('publicUrl') ?? '',
@@ -574,24 +579,23 @@ export default async function createApp(vite) {
ogMeta : req.ogMeta,
userThemes : req.userThemes
};
console.log('props: ',props);
console.log('props: ',!!props);
return await renderSPA(req, props);
};
const renderSPA = async (req, props)=>{
const htmlPath = isProd ? path.resolve('build', 'index.html') : path.resolve('index.html');
let html = fs.readFileSync(htmlPath, 'utf-8');
console.log('index.html snippet:', html.slice(0, 200)); // see the first 200 chars
html = html.replace(
'</head>',
`<script>window.__INITIAL_PROPS__ = ${JSON.stringify(props)}</script>\n</head>`
);
if(!isProd && vite?.transformIndexHtml) {
console.log('transforming');
return await vite.transformIndexHtml(req.originalUrl, html);
html = await vite.transformIndexHtml(req.originalUrl, html);
}
html = html.replace(
'<head>',
`<head><script>window.__INITIAL_PROPS__ = ${JSON.stringify(props)}</script>`
);
console.log('html', html);
return html;
};