@strapi/strapi
Version:
An open source headless CMS solution to create and manage your own API. It provides a powerful dashboard and features to make your life easier. Databases supported: MySQL, MariaDB, PostgreSQL, SQLite
79 lines (74 loc) • 3.17 kB
JavaScript
import fs from 'node:fs/promises';
import path from 'node:path';
import outdent from 'outdent';
import { createElement } from 'react';
import { renderToStaticMarkup } from 'react-dom/server';
import { DefaultDocument } from '@strapi/admin/_internal';
const getEntryModule = (ctx)=>{
const pluginsObject = ctx.plugins.map(({ name, importName })=>`'${name}': ${importName}`).join(',\n');
const pluginsImport = ctx.plugins.map(({ importName, modulePath })=>`import ${importName} from '${modulePath}';`).join('\n');
return outdent`
/**
* This file was automatically generated by Strapi.
* Any modifications made will be discarded.
*/
${pluginsImport}
import { renderAdmin } from "@strapi/strapi/admin"
${ctx.customisations?.modulePath ? `import customisations from '${ctx.customisations.modulePath}'` : ''}
renderAdmin(
document.getElementById("strapi"),
{
${ctx.customisations?.modulePath ? 'customisations,' : ''}
${ctx.features ? `features: ${JSON.stringify(ctx.features)},` : ''}
plugins: {
${pluginsObject}
}
})
`;
};
/**
* TODO: Here in the future we could add the ability
* to load a user's Document component?
*/ const getDocumentHTML = ({ logger, props = {} })=>{
const result = renderToStaticMarkup(createElement(DefaultDocument, props));
logger.debug('Rendered the HTML');
return outdent`<!DOCTYPE html>${result}`;
};
const AUTO_GENERATED_WARNING = `
This file was automatically generated by Strapi.
Any modifications made will be discarded.
`.trim();
/**
* Because we now auto-generate the index.html file,
* we should be clear that people _should not_ modify it.
*
* @internal
*/ const decorateHTMLWithAutoGeneratedWarning = (htmlTemplate)=>htmlTemplate.replace(/<head/, `\n<!--\n${AUTO_GENERATED_WARNING}\n-->\n<head`);
const writeStaticClientFiles = async (ctx)=>{
const prettier = await import('prettier'); // ESM-only
/**
* For everything to work effectively we create a client folder in `.strapi` at the cwd level.
* We then use the function we need to "createAdmin" as well as generate the Document index.html as well.
*
* All this links together an imaginary "src/index" that then allows vite to correctly build the admin panel.
*/ await fs.mkdir(ctx.runtimeDir, {
recursive: true
});
ctx.logger.debug('Created the runtime directory');
const indexHtml = decorateHTMLWithAutoGeneratedWarning(await getDocumentHTML({
logger: ctx.logger,
props: ctx.bundler === 'vite' ? {
entryPath: `/${ctx.entry}`
} : undefined
}));
await fs.writeFile(path.join(ctx.runtimeDir, 'index.html'), await prettier.format(indexHtml, {
parser: 'html'
}));
ctx.logger.debug('Wrote the index.html file');
await fs.writeFile(path.join(ctx.runtimeDir, 'app.js'), await prettier.format(getEntryModule(ctx), {
parser: 'babel'
}));
ctx.logger.debug('Wrote the app.js file');
};
export { getDocumentHTML, writeStaticClientFiles };
//# sourceMappingURL=staticFiles.mjs.map