import { languages } from 'monaco-editor'; import { flatten } from 'lodash'; import { SIDE_LEFT, SIDE_RIGHT } from './constants'; const toLowerCase = x => x.toLowerCase(); const monacoLanguages = languages.getLanguages(); const monacoExtensions = new Set( flatten(monacoLanguages.map(lang => lang.extensions?.map(toLowerCase) || [])), ); const monacoMimetypes = new Set( flatten(monacoLanguages.map(lang => lang.mimetypes?.map(toLowerCase) || [])), ); const monacoFilenames = new Set( flatten(monacoLanguages.map(lang => lang.filenames?.map(toLowerCase) || [])), ); const KNOWN_TYPES = [ { isText: false, isMatch(mimeType) { return mimeType.toLowerCase().includes('image/'); }, }, { isText: true, isMatch(mimeType) { return mimeType.toLowerCase().includes('text/'); }, }, { isText: true, isMatch(mimeType, fileName) { const fileExtension = fileName.includes('.') ? `.${fileName.split('.').pop()}` : ''; return ( monacoExtensions.has(fileExtension.toLowerCase()) || monacoMimetypes.has(mimeType.toLowerCase()) || monacoFilenames.has(fileName.toLowerCase()) ); }, }, ]; export function isTextFile(content, mimeType, fileName) { const knownType = KNOWN_TYPES.find(type => type.isMatch(mimeType, fileName)); if (knownType) return knownType.isText; // does the string contain ascii characters only (ranges from space to tilde, tabs and new lines) const asciiRegex = /^[ -~\t\n\r]+$/; // for unknown types, determine the type by evaluating the file contents return asciiRegex.test(content); } export const createPathWithExt = p => { const ext = p.lastIndexOf('.') >= 0 ? p.substring(p.lastIndexOf('.') + 1) : ''; return `${p.substring(1, p.lastIndexOf('.') + 1 || p.length)}${ext || '.js'}`; }; export const trimPathComponents = path => path .split('/') .map(s => s.trim()) .join('/'); export function registerLanguages(def, ...defs) { defs.forEach(lang => registerLanguages(lang)); const languageId = def.id; languages.register(def); languages.setMonarchTokensProvider(languageId, def.language); languages.setLanguageConfiguration(languageId, def.conf); } export function registerSchemas({ language, options }, ...schemas) { schemas.forEach(schema => registerSchemas(schema)); const defaults = { json: languages.json.jsonDefaults, yaml: languages.yaml.yamlDefaults, }; if (defaults[language]) { defaults[language].setDiagnosticsOptions(options); } } export const otherSide = side => (side === SIDE_RIGHT ? SIDE_LEFT : SIDE_RIGHT); export function trimTrailingWhitespace(content) { return content.replace(/[^\S\r\n]+$/gm, ''); } export function insertFinalNewline(content, eol = '\n') { return content.slice(-eol.length) !== eol ? `${content}${eol}` : content; } export function getPathParents(path, maxDepth = Infinity) { const pathComponents = path.split('/'); const paths = []; let depth = 0; while (pathComponents.length && depth < maxDepth) { pathComponents.pop(); let parentPath = pathComponents.join('/'); if (parentPath.startsWith('/')) parentPath = parentPath.slice(1); if (parentPath) paths.push(parentPath); depth += 1; } return paths; } export function getPathParent(path) { return getPathParents(path, 1)[0]; } /** * Takes a file object and returns a data uri of its contents. * * @param {File} file */ export function readFileAsDataURL(file) { return new Promise(resolve => { const reader = new FileReader(); reader.addEventListener('load', e => resolve(e.target.result), { once: true }); reader.readAsDataURL(file); }); } export function getFileEOL(content = '') { return content.includes('\r\n') ? 'CRLF' : 'LF'; }