Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: support web layout setting and breadcrumbs (#5425)

Browse Source 
* fix: some bugs

* fix: performance

* feat: support system dark mode and different language

* feat: support breadcrumb

* feat: support breadcrumb

* feat: support new doucment title

* feat: support new doucment title
This commit is contained in:
Kilu.He
2024-05-29 10:17:50 +08:00
committed by GitHub
parent cb44a885a1
commit b8b7a10b33
113 changed files with 2139 additions and 2168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
frontend/appflowy_web_app/scripts/generateTailwindColors.cjs Normal file
View File

@ -0,0 +1,61 @@
const fs = require('fs');
const path = require('path');
// Read CSS file
const cssFilePath = path.join(__dirname, '../src/styles/variables/light.variables.css');
const cssContent = fs.readFileSync(cssFilePath, 'utf-8');
// Extract color variables
const shadowVariables = cssContent.match(/--shadow:\s.*;/g);
const colorVariables = cssContent.match(/--[\w-]+:\s*#[0-9a-fA-F]{6}/g);
if (!colorVariables) {
console.error('No color variables found in CSS file.');
process.exit(1);
}
const shadows = shadowVariables.reduce((shadows, variable) => {
const [name, value] = variable.split(':').map(str => str.trim());
const formattedName = name.replace('--', '').replace(/-/g, '_');
const key = 'md';
shadows[key] = `var(${name})`;
return shadows;
}, {});
// Generate Tailwind CSS colors configuration
// Replace -- with _ and - with _ in color variable names
const tailwindColors = colorVariables.reduce((colors, variable) => {
const [name, value] = variable.split(':').map(str => str.trim());
const formattedName = name.replace('--', '').replace(/-/g, '_');
const category = formattedName.split('_')[0];
const key = formattedName.replace(`${category}_`, '');
if (!colors[category]) {
colors[category] = {};
}
colors[category][key] = `var(${name})`;
return colors;
}, {});
const tailwindColorsFormatted = JSON.stringify(tailwindColors, null, 2)
.replace(/_/g, '-');
const header = `/**\n` + '* Do not edit directly\n' + `* Generated on ${new Date().toUTCString()}\n` + `* Generated from $pnpm css:variables \n` + `*/\n\n`;
// Write Tailwind CSS colors configuration to file
const tailwindColorTemplate = `
${header}
module.exports = ${tailwindColorsFormatted};
`;
const tailwindShadowTemplate = `
${header}
module.exports = ${JSON.stringify(shadows, null, 2).replace(/_/g, '-')};
`;
const tailwindConfigFilePath = path.join(__dirname, '../tailwind/colors.cjs');
fs.writeFileSync(tailwindConfigFilePath, tailwindColorTemplate, 'utf-8');
const tailwindShadowFilePath = path.join(__dirname, '../tailwind/box-shadow.cjs');
fs.writeFileSync(tailwindShadowFilePath, tailwindShadowTemplate, 'utf-8');
console.log('Tailwind CSS colors configuration generated successfully.');