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

116
scripts/projectSetup.js Normal file
View File

@@ -0,0 +1,116 @@
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) {
// updatedContent = updatedContent.replace(
// regex,
// matchedContent.replace("# ", ""),
// );
// fs.writeFileSync(filepath, updatedContent, "utf8");
// } else {
// const hasBreakline = matchedContent.includes("\n");
// if (hasBreakline) {
// const content = matchedContent
// .split("\n")
// .map((line) => "# " + line)
// .join("\n");
// updatedContent = updatedContent.replace(regex, content);
// fs.writeFileSync(filepath, updatedContent, "utf8");
// }
// }
// }
// };
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 deleteFolder = (folderPath) => {
if (fs.existsSync(folderPath)) {
fs.rmSync(folderPath, { recursive: true, force: true });
}
};
const createNewfolder = (rootfolder, folderName) => {
const newFolder = path.join(rootfolder, folderName);
fs.mkdirSync(newFolder, { recursive: true });
return newFolder;
};
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 setupProject = () => {
const rootfolder = path.join(__dirname, "../");
if (!fs.existsSync(path.join(rootfolder, "themes"))) {
// remove this part if you don't using theme demo as a module
// [
// {
// filepath: path.join(rootfolder, "exampleSite/hugo.toml"),
// regex: /^.*theme\s*=\s*("[^"\]]+"|\S+)/m,
// },
// {
// filepath: path.join(
// rootfolder,
// "exampleSite/config/_default/module.toml",
// ),
// regex: /\[\[imports\]\]\s*\r?\npath = "([^"]+)"/,
// },
// ].forEach(toggleComment);
const folderList = ["layouts", "assets", "static", "tailwind-plugin"];
const folderName = getFolderName(rootfolder);
const newfolderName = createNewfolder(
path.join(rootfolder, "themes"),
folderName,
);
folderList.forEach((folder) => {
const source = path.join(rootfolder, folder);
const destination = path.join(newfolderName, folder);
if (fs.existsSync(source)) {
fs.mkdirSync(destination, { recursive: true });
iterateFilesAndFolders(source, {
currentFolder: folder,
destinationRoot: destination,
});
deleteFolder(source);
}
});
const exampleSite = path.join(rootfolder, "exampleSite");
iterateFilesAndFolders(exampleSite, { destinationRoot: rootfolder });
deleteFolder(exampleSite);
}
};
setupProject();