import {promises as fsp} from 'fs'; import {join} from 'path'; import cpy from 'cpy'; import {generateLove, LoveVariant} from './love'; export async function entry(): Promise { const atomDirectory: string = join(__dirname, '../atom/'); const packageTemplate: any = JSON.parse( await fsp.readFile(join(atomDirectory, 'package.json'), 'utf8') ); const syntaxTemplate: string = await fsp.readFile( join(atomDirectory, 'syntax-template.less'), 'utf8' ); const love: LoveVariant[] = generateLove(); for (const variant of love) { // Add the `@variable` colors to the top of the template. const lessVariables = ` @foreground-1: ${variant.colors.foreground1}; @foreground-2: ${variant.colors.foreground2}; @background-1: ${variant.colors.background1}; @background-2: ${variant.colors.background2}; ${variant.colors.accents .map((value, index) => `@accent-${index + 1}: ${value};`) .join('\n')} ${variant.colors.grays .map((value, index) => `@gray-${index + 1}: ${value};`) .join('\n')}`.trim(); let syntaxTheme: string = syntaxTemplate; syntaxTheme = syntaxTheme.replace( /\/\* @variables-insert \*\//, lessVariables ); const uiFiles: string[] = await fsp.readdir( join(atomDirectory, 'ui-template') ); const uiTheme = '@import "styles/ui-variables";\n' + uiFiles.map(value => `@import "styles/${value}";`).join('\n'); const syntaxDirectory: string = join( atomDirectory, `love-${variant.name}-syntax` ); const uiDirectory: string = join(atomDirectory, `love-${variant.name}-ui`); // Create all the necessary directories we'll be writing to. await fsp.mkdir(join(syntaxDirectory, 'styles/'), {recursive: true}); await fsp.mkdir(join(uiDirectory, 'styles/'), {recursive: true}); await fsp.mkdir(join(syntaxDirectory, 'images/'), {recursive: true}); await fsp.mkdir(join(uiDirectory, 'images/'), {recursive: true}); // Write formatted templates to each directory. await fsp.writeFile(join(syntaxDirectory, 'index.less'), syntaxTheme); await fsp.writeFile(join(uiDirectory, 'index.less'), uiTheme); // Write all the UI template files with the Less variables. for (const uiFile of uiFiles) { const uiCSS = `${lessVariables}\n${await fsp.readFile( join(atomDirectory, 'ui-template', uiFile), 'utf8' )}`; await fsp.writeFile(join(uiDirectory, 'styles', uiFile), uiCSS); } // Format the `package.json` and write them to the appropriate directories. const syntaxPackage: any = {...packageTemplate}; syntaxPackage.name = `love-${variant.name}-syntax`; syntaxPackage.theme = 'syntax'; syntaxPackage.keywords = syntaxPackage.keywords.concat( 'syntax', variant.name ); syntaxPackage.repository = `git@github.com:HollloCC/love-${variant.name}-syntax.git`; const uiPackage: any = {...packageTemplate}; uiPackage.name = `love-${variant.name}-ui`; uiPackage.theme = 'ui'; uiPackage.keywords = uiPackage.keywords.concat('ui', variant.name); uiPackage.repository = `git@github.com:HollloCC/love-${variant.name}-ui.git`; await fsp.writeFile( join(syntaxDirectory, 'package.json'), JSON.stringify(syntaxPackage, null, 2) ); await fsp.writeFile( join(uiDirectory, 'package.json'), JSON.stringify(uiPackage, null, 2) ); // Write the syntax and UI variables. await fsp.writeFile( join(syntaxDirectory, 'styles/syntax-variables.less'), generateLessSyntaxVariables(variant) ); await fsp.writeFile( join(uiDirectory, 'styles/ui-variables.less'), generateLessUIVariables(variant) ); // Copy the ReadMe and images. await fsp.copyFile( join(atomDirectory, 'ReadMe.md'), join(syntaxDirectory, 'ReadMe.md') ); await fsp.copyFile( join(atomDirectory, 'ReadMe.md'), join(uiDirectory, 'ReadMe.md') ); await cpy(join(atomDirectory, 'images'), join(syntaxDirectory, 'images')); await cpy(join(atomDirectory, 'images'), join(uiDirectory, 'images')); } } export function generateLessSyntaxVariables(love: LoveVariant): string { return ` @syntax-text-color: ${love.colors.foreground1}; @syntax-cursor-color: ${love.colors.foreground1}; @syntax-selection-color: fade(${love.colors.foreground1}, 20%); @syntax-selection-flash-color: ${love.colors.accents[6]}; @syntax-background-color: ${love.colors.background1}; @syntax-wrap-guide-color: ${love.colors.background2}; @syntax-indent-guide-color: ${love.colors.grays[1]}; @syntax-invisible-character-color: ${love.colors.grays[1]}; @syntax-result-marker-color: ${love.colors.foreground2}; @syntax-result-marker-color-selected: ${love.colors.foreground1}; @syntax-gutter-text-color: ${love.colors.foreground1}; @syntax-gutter-text-color-selected: ${love.colors.foreground1}; @syntax-gutter-background-color: ${love.colors.background2}; @syntax-gutter-background-color-selected: ${love.colors.grays[1]}; @syntax-color-added: ${love.colors.accents[4]}; @syntax-color-modified: ${love.colors.accents[1]}; @syntax-color-removed: ${love.colors.accents[0]}; @syntax-color-renamed: ${love.colors.accents[6]}; @syntax-color-variable: ${love.colors.accents[0]}; @syntax-color-constant: ${love.colors.accents[0]}; @syntax-color-property: ${love.colors.accents[0]}; @syntax-color-value: ${love.colors.accents[1]}; @syntax-color-function: ${love.colors.accents[6]}; @syntax-color-method: ${love.colors.accents[6]}; @syntax-color-class: ${love.colors.accents[2]}; @syntax-color-keyword: ${love.colors.accents[9]}; @syntax-color-tag: ${love.colors.accents[0]}; @syntax-color-attribute: ${love.colors.accents[1]}; @syntax-color-import: ${love.colors.accents[4]}; @syntax-color-snippet: ${love.colors.accents[4]}; `.trim(); } export function generateLessUIVariables(love: LoveVariant): string { return ` @text-color: ${love.colors.foreground1}; @text-color-subtle: ${love.colors.foreground2}; @text-color-highlight: ${love.colors.foreground1}; @text-color-selected: @text-color-highlight; @text-color-info: ${love.colors.accents[6]}; @text-color-success: ${love.colors.accents[4]}; @text-color-warning: ${love.colors.accents[1]}; @text-color-error: ${love.colors.accents[0]}; @background-color-info: ${love.colors.accents[6]}; @background-color-success: ${love.colors.accents[4]}; @background-color-warning: ${love.colors.accents[1]}; @background-color-error: ${love.colors.accents[0]}; @background-color-highlight: fade(${love.colors.foreground1}, 20%); @background-color-selected: @background-color-highlight; @app-background-color: ${love.colors.background1}; @base-background-color: ${love.colors.background1}; @base-border-color: ${love.colors.foreground1}; @pane-item-background-color: ${love.colors.background1}; @pane-item-border-color: @base-border-color; @input-background-color: ${love.colors.background2}; @input-border-color: @base-border-color; @tool-panel-background-color: ${love.colors.background1}; @tool-panel-border-color: @base-border-color; @inset-panel-background-color: ${love.colors.background2}; @inset-panel-border-color: @base-border-color; @panel-heading-background-color: ${love.colors.background2}; @panel-heading-border-color: transparent; @overlay-background-color: ${love.colors.background2}; @overlay-border-color: @base-border-color; @button-background-color: ${love.colors.accents[6]}; @button-background-color-hover: ${love.colors.accents[4]}; @button-background-color-selected: ${love.colors.accents[9]}; @button-border-color: ${love.colors.accents[6]}; @tab-bar-background-color: ${love.colors.background2}; @tab-bar-border-color: ${love.colors.background2}; @tab-background-color: @tool-panel-background-color; @tab-background-color-active: ${love.colors.background1}; @tab-border-color: @base-border-color; @tree-view-background-color: @tool-panel-background-color; @tree-view-border-color: @tool-panel-border-color; @ui-site-color-1: ${love.colors.accents[4]}; @ui-site-color-2: ${love.colors.accents[6]}; @ui-site-color-3: ${love.colors.accents[1]}; @ui-site-color-4: ${love.colors.accents[9]}; @ui-site-color-5: ${love.colors.accents[2]}; @font-size: 13px; @input-font-size: 14px; @disclosure-arrow-size: 12px; @component-padding: 10px; @component-icon-padding: 5px; @component-icon-size: 16px; @component-line-height: 25px; @component-border-radius: 0; @tab-height: 40px; @font-family: system-ui; @use-custom-controls: true; // false uses native controls `.trim(); } if (require.main === module) { entry(); }