"; - const sanitizedText = sanitizeHTMLToDom(lineText); - const lineContentWrapper = createDiv({cls: `codeblock-customizer-line-text`, text: sanitizedText}); - - return lineContentWrapper; -}// createLineTextElement - -function highlightLines(codeElements, showNumbers, lineNumberOffset, linesToHighlight, altHL) { - for (let i = 0; i < codeElements.length; i++) { - let lines = codeElements[i].innerHTML.split("\n"); - const preElm = codeElements[i].parentNode; - if (preElm === null || preElm.nodeName !== "PRE") // only process pre > code elements - return; - - if (lines.length == 1) { - lines = ['','']; - } - codeElements[i].innerHTML = ""; - for (let j = 0; j < lines.length - 1; j++) { - const line = lines[j]; - const lineNumber = j + 1; - const isHighlighted = linesToHighlight.includes(lineNumber); - const altHLMatch = altHL.filter((hl) => hl.lineNumber === lineNumber); - - // create line element - const lineWrapper = document.createElement("div"); - if (isHighlighted) { - lineWrapper.classList.add(`codeblock-customizer-line-highlighted`); - } - else if (altHLMatch.length > 0) { - lineWrapper.classList.add(`codeblock-customizer-line-highlighted-${altHLMatch[0].name.replace(/\s+/g, '-').toLowerCase()}`); - } - codeElements[i].appendChild(lineWrapper); - - // create line number element - const lineNumberEl = createLineNumberElement(lineNumber+lineNumberOffset,showNumbers); - lineWrapper.appendChild(lineNumberEl); - - // create line text element - const lineTextEl = createLineTextElement(line); - lineWrapper.appendChild(lineTextEl); - } - } -}// highlightLines - -function AddHeaderAndHighlight(isCodeBlockExcluded, fileName, codeBlockPreElement, codeBlockLang, Fold, codeElements, showNumbers, lineNumberOffset, linesToHighlight, altHL ){ - if (!isCodeBlockExcluded) { - let specificHeader = true; - if (fileName === null || fileName === "") { - if (Fold) { - fileName = 'Collapsed Code'; - } else { - fileName = ''; - specificHeader = false; - } - } - HeaderWidget(codeBlockPreElement, fileName, specificHeader, getLanguageName(codeBlockLang), Fold); - highlightLines(codeElements, showNumbers, lineNumberOffset, linesToHighlight, altHL); - - if (codeBlockPreElement.parentElement) { - codeBlockPreElement.parentElement.classList.add(`codeblock-customizer-pre-parent`); - } - } -}// AddHeaderAndHighlight - -function PDFExport(codeBlockElement: HTMLElement, plugin: CodeblockCustomizerPlugin, codeBlockFirstLines: string[]) { - const codeBlocks = codeBlockElement.querySelectorAll('pre > code'); - codeBlocks.forEach((codeElm, key) => { - const codeBlockFirstLine = codeBlockFirstLines[key]; - const codeBlockLang = searchString(codeBlockFirstLine, "```"); - const highlightedLinesParams = searchString(codeBlockFirstLine, "HL:"); - const linesToHighlight = getHighlightedLines(highlightedLinesParams); - const fileName = searchString(codeBlockFirstLine, "file:"); - const Fold = searchString(codeBlockFirstLine, "fold"); - const lineNumberOffset = 0; //searchString(codeBlockFirstLine, "ln:")//TODO (@mayurankv) Set line number offset here - Should be ln_value - 1 since it is offset, not starting line number - 0 if true OR false - const showNumbers = true; //TODO (@mayurankv) Set showNumbers to be true if ln:
"; + const sanitizedText = sanitizeHTMLToDom(lineText); + const lineContentWrapper = createDiv({cls: `codeblock-customizer-line-text`, text: sanitizedText}); + + return lineContentWrapper; +}// createLineTextElement + +function highlightLines(codeElements, showNumbers, lineNumberOffset, linesToHighlight, altHL) { + for (let i = 0; i < codeElements.length; i++) { + let lines = codeElements[i].innerHTML.split("\n"); + const preElm = codeElements[i].parentNode; + if (preElm === null || preElm.nodeName !== "PRE") // only process pre > code elements + return; + + if (lines.length == 1) { + lines = ['','']; + } + codeElements[i].innerHTML = ""; + for (let j = 0; j < lines.length - 1; j++) { + const line = lines[j]; + const lineNumber = j + 1; + const isHighlighted = linesToHighlight.includes(lineNumber); + const altHLMatch = altHL.filter((hl) => hl.lineNumber === lineNumber); + + // create line element + const lineWrapper = document.createElement("div"); + if (isHighlighted) { + lineWrapper.classList.add(`codeblock-customizer-line-highlighted`); + } + else if (altHLMatch.length > 0) { + lineWrapper.classList.add(`codeblock-customizer-line-highlighted-${altHLMatch[0].name.replace(/\s+/g, '-').toLowerCase()}`); + } + codeElements[i].appendChild(lineWrapper); + + // create line number element + const lineNumberEl = createLineNumberElement(lineNumber+lineNumberOffset,showNumbers); + lineWrapper.appendChild(lineNumberEl); + + // create line text element + const lineTextEl = createLineTextElement(line); + lineWrapper.appendChild(lineTextEl); + } + } +}// highlightLines + +function AddHeaderAndHighlight(isCodeBlockExcluded, fileName, codeBlockPreElement, codeBlockLang, Fold, codeElements, showNumbers, lineNumberOffset, linesToHighlight, altHL ){ + if (!isCodeBlockExcluded) { + let specificHeader = true; + if (fileName === null || fileName === "") { + if (Fold) { + fileName = 'Collapsed Code'; + } else { + fileName = ''; + specificHeader = false; + } + } + HeaderWidget(codeBlockPreElement, fileName, specificHeader, getLanguageName(codeBlockLang), Fold); + highlightLines(codeElements, showNumbers, lineNumberOffset, linesToHighlight, altHL); + + if (codeBlockPreElement.parentElement) { + codeBlockPreElement.parentElement.classList.add(`codeblock-customizer-pre-parent`); + } + } +}// AddHeaderAndHighlight + +function PDFExport(codeBlockElement: HTMLElement, plugin: CodeblockCustomizerPlugin, codeBlockFirstLines: string[]) { + const codeBlocks = codeBlockElement.querySelectorAll('pre > code'); + codeBlocks.forEach((codeElm, key) => { + const codeBlockFirstLine = codeBlockFirstLines[key]; + const codeBlockLang = searchString(codeBlockFirstLine, "```"); + const highlightedLinesParams = searchString(codeBlockFirstLine, "HL:"); + const linesToHighlight = getHighlightedLines(highlightedLinesParams); + const fileName = searchString(codeBlockFirstLine, "file:"); + const Fold = searchString(codeBlockFirstLine, "fold"); + const lineNumberOffset = 0; //searchString(codeBlockFirstLine, "ln:")//TODO (@mayurankv) Set line number offset here - Should be ln_value - 1 since it is offset, not starting line number - 0 if true OR false + const showNumbers = true; //TODO (@mayurankv) Set showNumbers to be true if ln:
`;
-
- donationDiv.appendChild(donationText);
- donationDiv.appendChild(donationButton);
+ // ========== Donation ==========
+ const donationDiv = containerEl.createEl("div", { cls: "codeblock-customizer-donation", });
+ const donationText = createEl("p");
+ const donationButton = createEl("a", { href: "https://www.buymeacoffee.com/ThePirateKing"});
+
+ donationText.appendText("If you like this plugin, and would like to help support continued development, use the button below!");
+ donationButton.innerHTML = ``;
+
+ donationDiv.appendChild(donationText);
+ donationDiv.appendChild(donationButton);
}//display
- // Setting Creation
- createPickr(plugin: CodeblockCustomizerPlugin, containerEl: HTMLElement, setting: Setting, id: string, getRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors)=>Color, saveRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color)=>void, disabled?: ()=>boolean) {
- let pickr: PickrResettable = new PickrResettable(plugin,containerEl,setting,getRelevantThemeColor,saveRelevantThemeColor);
- pickr
- .on('show', (color: Pickr.HSVaColor, instance: Pickr) => {
- if (typeof disabled !== 'undefined' && disabled())
- instance.hide()
- requestAnimationFrame(() => requestAnimationFrame(() => (instance.getRoot() as any).interaction.result.select()))
- })
- .on('save', (color: Pickr.HSVaColor, instance: PickrResettable) => {
- const savedColor: Color = `#${color.toHEXA().toString().substring(1)}`;
- instance.hide();
- instance.addSwatch(savedColor);
- instance.saveColor(savedColor);
- })
- .on('cancel', (instance: PickrResettable) => {instance.hide()});
- setting.addExtraButton((button) => {pickr.resetButton = button
- .setIcon("reset")
- .setDisabled(typeof disabled !== 'undefined' && disabled())
- .setTooltip('Restore default color')
- .onClick(() => {pickr.resetColor()});
- });
- this.pickrs[id]=pickr;
- }
- createDualPickr(plugin: CodeblockCustomizerPlugin, containerEl: HTMLElement, setting: Setting, id: string, getRelevantThemeColors: Record<'light'|'dark',(relevantThemeColors: CodeblockCustomizerThemeColors)=>Color>, saveRelevantThemeColors: Record<'light'|'dark',(relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color)=>void>, resetEnabled: ()=>boolean) {
- let lightPickr: PickrResettable = new PickrResettable(plugin,containerEl,setting,getRelevantThemeColors.light,saveRelevantThemeColors.light,'Select color for light theme');
- lightPickr
- .on('show', (color: Pickr.HSVaColor, instance: Pickr) => {requestAnimationFrame(() => requestAnimationFrame(() => (instance.getRoot() as any).interaction.result.select()))})
- .on('save', (color: Pickr.HSVaColor, instance: PickrResettable) => {
- const savedColor: Color = `#${color.toHEXA().toString().substring(1)}`;
- instance.hide();
- instance.addSwatch(savedColor);
- instance.saveColor(savedColor);
- })
- .on('cancel', (instance: PickrResettable) => {instance.hide()});
- let darkPickr: PickrResettable = new PickrResettable(plugin,containerEl,setting,getRelevantThemeColors.dark,saveRelevantThemeColors.dark,'Select color for dark theme');
- darkPickr
- .on('show', (color: Pickr.HSVaColor, instance: Pickr) => {requestAnimationFrame(() => requestAnimationFrame(() => (instance.getRoot() as any).interaction.result.select()))})
- .on('save', (color: Pickr.HSVaColor, instance: PickrResettable) => {
- const savedColor: Color = `#${color.toHEXA().toString().substring(1)}`;
- instance.hide();
- instance.addSwatch(savedColor);
- instance.saveColor(savedColor);
- })
- .on('cancel', (instance: PickrResettable) => {instance.hide()});
- setting.addExtraButton((button) => {let resetButton = button
- .setIcon("reset")
- .setTooltip('Restore default color')
- .setDisabled(!resetEnabled())
- .onClick(() => {
- lightPickr.resetColor();
- darkPickr.resetColor();
- });
- lightPickr.resetButton = resetButton;
- darkPickr.resetButton = resetButton;
- });
- this.pickrs[`${id}_light`]=lightPickr;
- this.pickrs[`${id}_dark`]=darkPickr;
- }
+ // Setting Creation
+ createPickr(plugin: CodeblockCustomizerPlugin, containerEl: HTMLElement, setting: Setting, id: string, getRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors)=>Color, saveRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color)=>void, disabled?: ()=>boolean) {
+ let pickr: PickrResettable = new PickrResettable(plugin,containerEl,setting,getRelevantThemeColor,saveRelevantThemeColor);
+ pickr
+ .on('show', (color: Pickr.HSVaColor, instance: Pickr) => {
+ if (typeof disabled !== 'undefined' && disabled())
+ instance.hide()
+ requestAnimationFrame(() => requestAnimationFrame(() => (instance.getRoot() as any).interaction.result.select()))
+ })
+ .on('save', (color: Pickr.HSVaColor, instance: PickrResettable) => {
+ const savedColor: Color = `#${color.toHEXA().toString().substring(1)}`;
+ instance.hide();
+ instance.addSwatch(savedColor);
+ instance.saveColor(savedColor);
+ })
+ .on('cancel', (instance: PickrResettable) => {instance.hide()});
+ setting.addExtraButton((button) => {pickr.resetButton = button
+ .setIcon("reset")
+ .setDisabled(typeof disabled !== 'undefined' && disabled())
+ .setTooltip('Restore default color')
+ .onClick(() => {pickr.resetColor()});
+ });
+ this.pickrs[id]=pickr;
+ }
+ createDualPickr(plugin: CodeblockCustomizerPlugin, containerEl: HTMLElement, setting: Setting, id: string, getRelevantThemeColors: Record<'light'|'dark',(relevantThemeColors: CodeblockCustomizerThemeColors)=>Color>, saveRelevantThemeColors: Record<'light'|'dark',(relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color)=>void>, resetEnabled: ()=>boolean) {
+ let lightPickr: PickrResettable = new PickrResettable(plugin,containerEl,setting,getRelevantThemeColors.light,saveRelevantThemeColors.light,'Select color for light theme');
+ lightPickr
+ .on('show', (color: Pickr.HSVaColor, instance: Pickr) => {requestAnimationFrame(() => requestAnimationFrame(() => (instance.getRoot() as any).interaction.result.select()))})
+ .on('save', (color: Pickr.HSVaColor, instance: PickrResettable) => {
+ const savedColor: Color = `#${color.toHEXA().toString().substring(1)}`;
+ instance.hide();
+ instance.addSwatch(savedColor);
+ instance.saveColor(savedColor);
+ })
+ .on('cancel', (instance: PickrResettable) => {instance.hide()});
+ let darkPickr: PickrResettable = new PickrResettable(plugin,containerEl,setting,getRelevantThemeColors.dark,saveRelevantThemeColors.dark,'Select color for dark theme');
+ darkPickr
+ .on('show', (color: Pickr.HSVaColor, instance: Pickr) => {requestAnimationFrame(() => requestAnimationFrame(() => (instance.getRoot() as any).interaction.result.select()))})
+ .on('save', (color: Pickr.HSVaColor, instance: PickrResettable) => {
+ const savedColor: Color = `#${color.toHEXA().toString().substring(1)}`;
+ instance.hide();
+ instance.addSwatch(savedColor);
+ instance.saveColor(savedColor);
+ })
+ .on('cancel', (instance: PickrResettable) => {instance.hide()});
+ setting.addExtraButton((button) => {let resetButton = button
+ .setIcon("reset")
+ .setTooltip('Restore default color')
+ .setDisabled(!resetEnabled())
+ .onClick(() => {
+ lightPickr.resetColor();
+ darkPickr.resetColor();
+ });
+ lightPickr.resetButton = resetButton;
+ darkPickr.resetButton = resetButton;
+ });
+ this.pickrs[`${id}_light`]=lightPickr;
+ this.pickrs[`${id}_dark`]=darkPickr;
+ }
- // Setting Updates
- updateDropdown(dropdown: DropdownComponent, settings: CodeblockCustomizerSettings) {
- dropdown.selectEl.empty();
- Object.keys(settings.themes).forEach((theme_name: string) => {
- dropdown.addOption(theme_name, theme_name);
- })
- dropdown.setValue(settings.selectedTheme);
- }
- updatePickrColors() {
- Object.entries(this.pickrs).forEach(([id,pickr]) => {pickr.resetColor()})
- }
- updateAlternativeHighlights(alternativeHighlightsContainer: HTMLDivElement) {
- alternativeHighlightsContainer.empty();
- Object.keys(this.plugin.settings.currentTheme.colors.light.highlights.alternativeHighlights).forEach((alternativeHighlightName) => {
- new Setting(alternativeHighlightsContainer)
- .setName(alternativeHighlightName)
- .setDesc(`To highlight lines with this highlight, use the ${alternativeHighlightName} parameter.`)
- .then((setting) => {
- this.createDualPickr(
- this.plugin,alternativeHighlightsContainer,setting,
- `alternative_highlight_${alternativeHighlightName}`,
- {
- 'light':(relevantThemeColors: CodeblockCustomizerThemeColors) => relevantThemeColors.light.highlights.alternativeHighlights[alternativeHighlightName],
- 'dark':(relevantThemeColors: CodeblockCustomizerThemeColors) => relevantThemeColors.dark.highlights.alternativeHighlights[alternativeHighlightName],
- },
- {
- 'light':(relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color) => {relevantThemeColors.light.highlights.alternativeHighlights[alternativeHighlightName] = saveColor},
- 'dark':(relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color) => {relevantThemeColors.dark.highlights.alternativeHighlights[alternativeHighlightName] = saveColor},
- },
- () => alternativeHighlightName in this.plugin.settings.themes[this.plugin.settings.selectedTheme].colors.light.highlights.alternativeHighlights,
- );
- setting.addExtraButton((button) => {button
- .setIcon("trash")
- .setTooltip("Delete highlight")
- .onClick(() => {
- delete this.plugin.settings.currentTheme.colors.light.highlights.alternativeHighlights[alternativeHighlightName]
- delete this.plugin.settings.currentTheme.colors.dark.highlights.alternativeHighlights[alternativeHighlightName]
- new Notice(`Removed highlight "${alternativeHighlightName}".`); //NOSONAR
- this.updateAlternativeHighlights(alternativeHighlightsContainer);
- (async () => {await this.plugin.saveSettings()})();
- });
- });
- })
- })
- }
+ // Setting Updates
+ updateDropdown(dropdown: DropdownComponent, settings: CodeblockCustomizerSettings) {
+ dropdown.selectEl.empty();
+ Object.keys(settings.themes).forEach((theme_name: string) => {
+ dropdown.addOption(theme_name, theme_name);
+ })
+ dropdown.setValue(settings.selectedTheme);
+ }
+ updatePickrColors() {
+ Object.entries(this.pickrs).forEach(([id,pickr]) => {pickr.resetColor()})
+ }
+ updateAlternativeHighlights(alternativeHighlightsContainer: HTMLDivElement) {
+ alternativeHighlightsContainer.empty();
+ Object.keys(this.plugin.settings.currentTheme.colors.light.highlights.alternativeHighlights).forEach((alternativeHighlightName) => {
+ new Setting(alternativeHighlightsContainer)
+ .setName(alternativeHighlightName)
+ .setDesc(`To highlight lines with this highlight, use the ${alternativeHighlightName} parameter.`)
+ .then((setting) => {
+ this.createDualPickr(
+ this.plugin,alternativeHighlightsContainer,setting,
+ `alternative_highlight_${alternativeHighlightName}`,
+ {
+ 'light':(relevantThemeColors: CodeblockCustomizerThemeColors) => relevantThemeColors.light.highlights.alternativeHighlights[alternativeHighlightName],
+ 'dark':(relevantThemeColors: CodeblockCustomizerThemeColors) => relevantThemeColors.dark.highlights.alternativeHighlights[alternativeHighlightName],
+ },
+ {
+ 'light':(relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color) => {relevantThemeColors.light.highlights.alternativeHighlights[alternativeHighlightName] = saveColor},
+ 'dark':(relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color) => {relevantThemeColors.dark.highlights.alternativeHighlights[alternativeHighlightName] = saveColor},
+ },
+ () => alternativeHighlightName in this.plugin.settings.themes[this.plugin.settings.selectedTheme].colors.light.highlights.alternativeHighlights,
+ );
+ setting.addExtraButton((button) => {button
+ .setIcon("trash")
+ .setTooltip("Delete highlight")
+ .onClick(() => {
+ delete this.plugin.settings.currentTheme.colors.light.highlights.alternativeHighlights[alternativeHighlightName]
+ delete this.plugin.settings.currentTheme.colors.dark.highlights.alternativeHighlights[alternativeHighlightName]
+ new Notice(`Removed highlight "${alternativeHighlightName}".`); //NOSONAR
+ this.updateAlternativeHighlights(alternativeHighlightsContainer);
+ (async () => {await this.plugin.saveSettings()})();
+ });
+ });
+ })
+ })
+ }
}// SettingsTab
class PickrResettable extends Pickr {
- saveColor: (saveColor: Color)=>void;
- resetColor: ()=>void;
- getCurrentColor: (accessTheme: boolean)=>void;
- resetButton: ExtraButtonComponent;
+ saveColor: (saveColor: Color)=>void;
+ resetColor: ()=>void;
+ getCurrentColor: (accessTheme: boolean)=>void;
+ resetButton: ExtraButtonComponent;
- constructor(plugin: CodeblockCustomizerPlugin, containerEl: HTMLElement, setting: Setting, getRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors)=>Color, saveRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color)=>void, tooltip?: string) {
- const settings: Pickr.Options = {
- el: setting.controlEl.createDiv({cls: "picker"}),
- theme: 'nano',
- default: getColor(getRelevantThemeColor(plugin.settings.currentTheme.colors)),
- position: "left-middle",
- lockOpacity: false,
- components: {
- preview: true,
- hue: true,
- opacity: true,
- interaction: {
- hex: true,
- rgba: true,
- hsla: false,
- input: true,
- cancel: true,
- save: true,
- },
- },
- i18n: {
- 'ui:dialog': 'Color picker dialog',
- 'btn:toggle': (typeof tooltip !== 'undefined')?tooltip:'Select color',
- 'btn:swatch': 'Color swatch',
- 'btn:last-color': 'Use previous color',
- }
- };
- if (containerEl.parentElement !== null)
- settings.container = containerEl.parentElement;
- super(settings);
- this.saveColor = (saveColor: Color) => {
- saveRelevantThemeColor(plugin.settings.currentTheme.colors,saveColor);
- (async () => {await plugin.saveSettings()})();
- };
- this.resetColor = () => {
- const resetColor: Color = getRelevantThemeColor(plugin.settings.themes[plugin.settings.selectedTheme].colors);
- this.setColor(getColor(resetColor));
- this.saveColor(resetColor);
- };
- }
+ constructor(plugin: CodeblockCustomizerPlugin, containerEl: HTMLElement, setting: Setting, getRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors)=>Color, saveRelevantThemeColor: (relevantThemeColors: CodeblockCustomizerThemeColors, saveColor: Color)=>void, tooltip?: string) {
+ const settings: Pickr.Options = {
+ el: setting.controlEl.createDiv({cls: "picker"}),
+ theme: 'nano',
+ default: getColor(getRelevantThemeColor(plugin.settings.currentTheme.colors)),
+ position: "left-middle",
+ lockOpacity: false,
+ components: {
+ preview: true,
+ hue: true,
+ opacity: true,
+ interaction: {
+ hex: true,
+ rgba: true,
+ hsla: false,
+ input: true,
+ cancel: true,
+ save: true,
+ },
+ },
+ i18n: {
+ 'ui:dialog': 'Color picker dialog',
+ 'btn:toggle': (typeof tooltip !== 'undefined')?tooltip:'Select color',
+ 'btn:swatch': 'Color swatch',
+ 'btn:last-color': 'Use previous color',
+ }
+ };
+ if (containerEl.parentElement !== null)
+ settings.container = containerEl.parentElement;
+ super(settings);
+ this.saveColor = (saveColor: Color) => {
+ saveRelevantThemeColor(plugin.settings.currentTheme.colors,saveColor);
+ (async () => {await plugin.saveSettings()})();
+ };
+ this.resetColor = () => {
+ const resetColor: Color = getRelevantThemeColor(plugin.settings.themes[plugin.settings.selectedTheme].colors);
+ this.setColor(getColor(resetColor));
+ this.saveColor(resetColor);
+ };
+ }
}
// Color Management
function getRandomColor(): Color {
- const letters = "0123456789ABCDEF";
- let color = "";
- for (let i = 0; i < 6; i++)
- color += letters[Math.floor(Math.random() * 16)];
- return `#${color}FF`;
+ const letters = "0123456789ABCDEF";
+ let color = "";
+ for (let i = 0; i < 6; i++)
+ color += letters[Math.floor(Math.random() * 16)];
+ return `#${color}FF`;
}
function isCss(possibleCss: string): possibleCss is CSS {
- return possibleCss.startsWith('--') && typeof possibleCss === 'string';
+ return possibleCss.startsWith('--') && typeof possibleCss === 'string';
}
function calc(calcString: string): string {
- const splitString = calcString.replace(/(\d*)%/g,'$1').split(' ');
- const operators: {[key: string]: (num1:number, num2:number) => number} = {
- '+': (num1:number, num2:number):number => Math.max(num1+num2,0),
- '-': (num1:number ,num2:number):number => Math.max(num1-num2,0),
- }
- if (splitString.length === 3)
- if (splitString[1] in operators){
- return `${operators[splitString[1]](parseFloat(splitString[0]),parseFloat(splitString[2]))}%`
- }
- console.log('Warning: Couldn\'t parse calc string');
- return calcString;
+ const splitString = calcString.replace(/(\d*)%/g,'$1').split(' ');
+ const operators: {[key: string]: (num1:number, num2:number) => number} = {
+ '+': (num1:number, num2:number):number => Math.max(num1+num2,0),
+ '-': (num1:number ,num2:number):number => Math.max(num1-num2,0),
+ }
+ if (splitString.length === 3)
+ if (splitString[1] in operators){
+ return `${operators[splitString[1]](parseFloat(splitString[0]),parseFloat(splitString[2]))}%`
+ }
+ console.log('Warning: Couldn\'t parse calc string');
+ return calcString;
}
function getCssVariable(cssVariable: CSS): HEX {
- let variableValue = window.getComputedStyle(document.body).getPropertyValue(cssVariable).trim();
- if (typeof variableValue === "string" && variableValue.trim().startsWith('#'))
- return `#${variableValue.trim().substring(1)}`;
- else if (variableValue.startsWith('rgb'))
- return `#${ColorTranslator.toHEXA(variableValue.replace(/calc\((.*?)\)/g,(match,capture)=>calc(capture))).substring(1)}`;
- else if (variableValue.startsWith('hsl'))
- return `#${ColorTranslator.toHEXA(variableValue.replace(/calc\((.*?)\)/g,(match,capture)=>calc(capture))).substring(1)}`;
- else {
- console.log(`Warning: Couldn't determine color format - ${variableValue}`);
- }
- return `#${ColorTranslator.toHEXA(variableValue).substring(1)}`;
+ let variableValue = window.getComputedStyle(document.body).getPropertyValue(cssVariable).trim();
+ if (typeof variableValue === "string" && variableValue.trim().startsWith('#'))
+ return `#${variableValue.trim().substring(1)}`;
+ else if (variableValue.startsWith('rgb'))
+ return `#${ColorTranslator.toHEXA(variableValue.replace(/calc\((.*?)\)/g,(match,capture)=>calc(capture))).substring(1)}`;
+ else if (variableValue.startsWith('hsl'))
+ return `#${ColorTranslator.toHEXA(variableValue.replace(/calc\((.*?)\)/g,(match,capture)=>calc(capture))).substring(1)}`;
+ else {
+ console.log(`Warning: Couldn't determine color format - ${variableValue}`);
+ }
+ return `#${ColorTranslator.toHEXA(variableValue).substring(1)}`;
}
export function getColor(themeColor: Color): Color {
- return isCss(themeColor)?getCssVariable(themeColor):themeColor;;
+ return isCss(themeColor)?getCssVariable(themeColor):themeColor;;
}
// Regex Tests
-const COLOR_NAME_REGEX = /^[^\d]\w*$/
\ No newline at end of file
+const COLOR_NAME_REGEX = /^[^\d]\w*$/
diff --git a/src/Utils.ts b/src/Utils.ts
index 5c43587..1d5a389 100644
--- a/src/Utils.ts
+++ b/src/Utils.ts
@@ -2,342 +2,342 @@ import { Languages, manualLang, Icons } from "./Const";
import { CodeblockCustomizerSettings } from "./Settings";
export function splitAndTrimString(str) {
- if (!str) {
- return [];
- }
-
- // Replace * with .*
- str = str.replace(/\*/g, '.*');
-
- if (!str.includes(",")) {
- return [str];
- }
-
- return str.split(",").map(s => s.trim());
+ if (!str) {
+ return [];
+ }
+
+ // Replace * with .*
+ str = str.replace(/\*/g, '.*');
+
+ if (!str.includes(",")) {
+ return [str];
+ }
+
+ return str.split(",").map(s => s.trim());
}// splitAndTrimString
export function searchString(str, searchTerm) {
- const originalStr = str;
- str = str.toLowerCase();
- searchTerm = searchTerm.toLowerCase();
- if (searchTerm === "file:") {
- if (str.includes(searchTerm)) {
- const startIndex = str.indexOf(searchTerm) + searchTerm.length;
- let result = "";
- if (str[startIndex] === "\"") {
- const endIndex = str.indexOf("\"", startIndex + 1);
- if (endIndex !== -1) {
- result = originalStr.substring(startIndex + 1, endIndex);
- } else {
- result = originalStr.substring(startIndex + 1);
- }
- } else {
- const endIndex = str.indexOf(" ", startIndex);
- if (endIndex !== -1) {
- result = originalStr.substring(startIndex, endIndex);
- } else {
- result = originalStr.substring(startIndex);
- }
- }
- return result.trim();
- }
- } else if (searchTerm === "```") {
- if (str.startsWith(searchTerm)) {
- const startIndex = searchTerm.length;
- const endIndex = str.indexOf(" ", startIndex);
- let word = "";
- if (endIndex !==-1) {
- word = originalStr.substring(startIndex, endIndex);
- } else {
- word = originalStr.substring(startIndex);
- }
- if (!word.includes(":")) {
- if (word.toLowerCase() === "fold")
- return null;
- else
- return word;
- }
- }
- } else if (searchTerm === 'fold') {
- if (str.includes(" fold ")) {
- return true;
- }
- const index = str.indexOf(searchTerm);
- if (index !== -1 && index === str.length - searchTerm.length && str[index - 1] === " ") {
- return true;
- }
- if (str.includes("```fold ")) {
- return true;
- }
- if (str.includes("```fold") && str.indexOf("```fold") + "```fold".length === str.length) {
- return true;
- }
- return false;
- } else {
- if (str.includes(searchTerm)) {
- const startIndex = str.indexOf(searchTerm) + searchTerm.length;
- const endIndex = str.indexOf(" ", startIndex);
- if (endIndex !== -1) {
- return originalStr.substring(startIndex, endIndex).trim();
- } else {
- return originalStr.substring(startIndex).trim();
- }
- }
- }
-
- return null;
+ const originalStr = str;
+ str = str.toLowerCase();
+ searchTerm = searchTerm.toLowerCase();
+ if (searchTerm === "file:") {
+ if (str.includes(searchTerm)) {
+ const startIndex = str.indexOf(searchTerm) + searchTerm.length;
+ let result = "";
+ if (str[startIndex] === "\"") {
+ const endIndex = str.indexOf("\"", startIndex + 1);
+ if (endIndex !== -1) {
+ result = originalStr.substring(startIndex + 1, endIndex);
+ } else {
+ result = originalStr.substring(startIndex + 1);
+ }
+ } else {
+ const endIndex = str.indexOf(" ", startIndex);
+ if (endIndex !== -1) {
+ result = originalStr.substring(startIndex, endIndex);
+ } else {
+ result = originalStr.substring(startIndex);
+ }
+ }
+ return result.trim();
+ }
+ } else if (searchTerm === "```") {
+ if (str.startsWith(searchTerm)) {
+ const startIndex = searchTerm.length;
+ const endIndex = str.indexOf(" ", startIndex);
+ let word = "";
+ if (endIndex !==-1) {
+ word = originalStr.substring(startIndex, endIndex);
+ } else {
+ word = originalStr.substring(startIndex);
+ }
+ if (!word.includes(":")) {
+ if (word.toLowerCase() === "fold")
+ return null;
+ else
+ return word;
+ }
+ }
+ } else if (searchTerm === 'fold') {
+ if (str.includes(" fold ")) {
+ return true;
+ }
+ const index = str.indexOf(searchTerm);
+ if (index !== -1 && index === str.length - searchTerm.length && str[index - 1] === " ") {
+ return true;
+ }
+ if (str.includes("```fold ")) {
+ return true;
+ }
+ if (str.includes("```fold") && str.indexOf("```fold") + "```fold".length === str.length) {
+ return true;
+ }
+ return false;
+ } else {
+ if (str.includes(searchTerm)) {
+ const startIndex = str.indexOf(searchTerm) + searchTerm.length;
+ const endIndex = str.indexOf(" ", startIndex);
+ if (endIndex !== -1) {
+ return originalStr.substring(startIndex, endIndex).trim();
+ } else {
+ return originalStr.substring(startIndex).trim();
+ }
+ }
+ }
+
+ return null;
}//searchString
export function getHighlightedLines(params: string): number[] {
- if (!params) {
- return [];
- }
+ if (!params) {
+ return [];
+ }
- const trimmedParams = params.trim();
- const lines = trimmedParams.split(",");
+ const trimmedParams = params.trim();
+ const lines = trimmedParams.split(",");
- return lines.map(line => {
- if (line.includes("-")) {
- const range = line.split("-");
- const start = parseInt(range[0], 10);
- const end = parseInt(range[1], 10);
- return Array.from({ length: end - start + 1 }, (_, i) => start + i);
- }
- return parseInt(line, 10);
- }).flat();
+ return lines.map(line => {
+ if (line.includes("-")) {
+ const range = line.split("-");
+ const start = parseInt(range[0], 10);
+ const end = parseInt(range[1], 10);
+ return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+ }
+ return parseInt(line, 10);
+ }).flat();
}// getHighlightedLines
export function isExcluded(lineText: string, excludeLangs: string[]) : boolean {
- const codeBlockLang = searchString(lineText, "```");
- const regexLangs = splitAndTrimString(excludeLangs).map(lang => new RegExp(`^${lang.replace(/\*/g, '.*')}$`, 'i'));
-
- for (const regexLang of regexLangs) {
- if (codeBlockLang && regexLang.test(codeBlockLang)) {
- return true;
- }
- }
-
- return false;
+ const codeBlockLang = searchString(lineText, "```");
+ const regexLangs = splitAndTrimString(excludeLangs).map(lang => new RegExp(`^${lang.replace(/\*/g, '.*')}$`, 'i'));
+
+ for (const regexLang of regexLangs) {
+ if (codeBlockLang && regexLang.test(codeBlockLang)) {
+ return true;
+ }
+ }
+
+ return false;
}// isExcluded
export function getLanguageIcon(DisplayName) {
- if (!DisplayName)
- return "";
-
- if (Icons.hasOwnProperty(DisplayName)) {
- return Icons[DisplayName];
- }
-
- return null;
+ if (!DisplayName)
+ return "";
+
+ if (Icons.hasOwnProperty(DisplayName)) {
+ return Icons[DisplayName];
+ }
+
+ return null;
}// getLanguageIcon
export function getLanguageName(code) {
- if (!code)
- return "";
-
- code = code.toLowerCase();
-
- if (Languages.hasOwnProperty(code)) {
- return Languages[code];
- } else if (manualLang.hasOwnProperty(code)) {
- return manualLang[code];
- } else if (code){
- return code.charAt(0).toUpperCase() + code.slice(1);
- }
-
- return "";
+ if (!code)
+ return "";
+
+ code = code.toLowerCase();
+
+ if (Languages.hasOwnProperty(code)) {
+ return Languages[code];
+ } else if (manualLang.hasOwnProperty(code)) {
+ return manualLang[code];
+ } else if (code){
+ return code.charAt(0).toUpperCase() + code.slice(1);
+ }
+
+ return "";
}// getLanguageName
export const BLOBS: Record