feat: migrate Hugo Bootstrap theme to latest Hugo with Tailwind CSS and refactor codebase

* replace Bootstrap-based styling with Tailwind CSS
* update theme compatibility for latest Hugo version
* refactor templates and partials
* fix outdated code and broken components
* improve project structure and maintainability
* optimize styling and frontend build setup
This commit is contained in:
Al Murad Uzzaman
2026-05-10 13:38:01 +06:00
parent eac3f49bc5
commit f8b297eaad
233 changed files with 5272 additions and 9256 deletions

124
scripts/themeSetup.js Normal file
View File

@@ -0,0 +1,124 @@
const fs = require("fs");
const path = require("path");
// const toggleComment = ({ filepath, regex }) => {
// let updatedContent = fs.readFileSync(filepath, "utf8");
// const match = updatedContent.match(regex);
// if (match) {
// const matchedContent = match[0];
// const hasComment = matchedContent.startsWith("# ");
// if (hasComment) {
// const hasBreakline = matchedContent.includes("\n");
// if (hasBreakline) {
// updatedContent = updatedContent.replace(
// regex,
// matchedContent.replace(/# /gm, ""),
// );
// fs.writeFileSync(filepath, updatedContent, "utf8");
// }
// } else {
// updatedContent = updatedContent.replace(regex, "# " + matchedContent);
// fs.writeFileSync(filepath, updatedContent, "utf8");
// }
// }
// };
const createNewfolder = (rootfolder, folderName) => {
const newFolder = path.join(rootfolder, folderName);
fs.mkdirSync(newFolder, { recursive: true });
return newFolder;
};
const deleteFolder = (folderPath) => {
if (fs.existsSync(folderPath)) {
fs.rmSync(folderPath, { recursive: true, force: true });
}
};
const getFolderName = (rootfolder) => {
const configPath = path.join(rootfolder, "exampleSite/hugo.toml");
const getConfig = fs.readFileSync(configPath, "utf8");
const match = getConfig.match(/theme\s*=\s*\[?"([^"\]]+)"\]?/);
let selectedTheme = null;
if (match && match[1]) {
selectedTheme = match[1];
}
return selectedTheme;
};
const iterateFilesAndFolders = (rootFolder, { destinationRoot }) => {
const directory = path.join(rootFolder);
const items = fs.readdirSync(directory, { withFileTypes: true });
items.forEach((item) => {
if (item.isDirectory()) {
createNewfolder(destinationRoot, item.name);
iterateFilesAndFolders(path.join(directory, item.name), {
currentFolder: item.name,
destinationRoot: path.join(destinationRoot, item.name),
});
} else {
const sourceFile = path.join(directory, item.name);
const destinationFile = path.join(destinationRoot, item.name);
fs.renameSync(sourceFile, destinationFile);
}
});
};
const setupTheme = () => {
const rootFolder = path.join(__dirname, "../");
if (!fs.existsSync(path.join(rootFolder, "exampleSite"))) {
// remove this part if you don't using theme demo as a module
// [
// {
// filepath: path.join(rootFolder, "config/_default/module.toml"),
// regex: /# \[\[imports\]\]\s*\r?\n# path = "([^"]+)"/,
// },
// {
// filepath: path.join(rootFolder, "hugo.toml"),
// regex: /^.*theme\s*=\s*("[^"\]]+"|\S+)/m,
// },
// ].forEach(toggleComment);
const includesFiles = [
"go.mod",
"hugo.toml",
"assets",
"config",
"data",
"content",
"i18n",
"static",
"tailwind-plugin",
];
const folder = createNewfolder(rootFolder, "exampleSite");
fs.readdirSync(rootFolder, { withFileTypes: true }).forEach((file) => {
if (includesFiles.includes(file.name)) {
if (file.isDirectory()) {
const destination = path.join(rootFolder, "exampleSite", file.name);
fs.mkdirSync(destination, { recursive: true });
iterateFilesAndFolders(path.join(rootFolder, file.name), {
destinationRoot: destination,
});
deleteFolder(path.join(rootFolder, file.name));
} else {
fs.renameSync(
path.join(rootFolder, file.name),
path.join(folder, file.name),
);
}
}
});
const themes = path.join(rootFolder, "themes");
iterateFilesAndFolders(path.join(themes, getFolderName(rootFolder)), {
destinationRoot: rootFolder,
});
deleteFolder(themes);
}
};
setupTheme();