317 lines
10 KiB
TypeScript
317 lines
10 KiB
TypeScript
|
/*---------------------------------------------------------------------------------------------
|
||
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
||
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||
|
|
*--------------------------------------------------------------------------------------------*/
|
||
|
|
|
||
|
|
import * as fs from 'fs';
|
||
|
|
import * as path from 'path';
|
||
|
|
import * as tss from './treeshaking';
|
||
|
|
|
||
|
|
const REPO_ROOT = path.join(__dirname, '../../');
|
||
|
|
const SRC_DIR = path.join(REPO_ROOT, 'src');
|
||
|
|
|
||
|
|
const dirCache: { [dir: string]: boolean } = {};
|
||
|
|
|
||
|
|
function writeFile(filePath: string, contents: Buffer | string): void {
|
||
|
|
function ensureDirs(dirPath: string): void {
|
||
|
|
if (dirCache[dirPath]) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
dirCache[dirPath] = true;
|
||
|
|
|
||
|
|
ensureDirs(path.dirname(dirPath));
|
||
|
|
if (fs.existsSync(dirPath)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
fs.mkdirSync(dirPath);
|
||
|
|
}
|
||
|
|
ensureDirs(path.dirname(filePath));
|
||
|
|
fs.writeFileSync(filePath, contents);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function extractEditor(options: tss.ITreeShakingOptions & { destRoot: string }): void {
|
||
|
|
const ts = require('typescript') as typeof import('typescript');
|
||
|
|
|
||
|
|
const tsConfig = JSON.parse(fs.readFileSync(path.join(options.sourcesRoot, 'tsconfig.monaco.json')).toString());
|
||
|
|
let compilerOptions: { [key: string]: any };
|
||
|
|
if (tsConfig.extends) {
|
||
|
|
compilerOptions = Object.assign({}, require(path.join(options.sourcesRoot, tsConfig.extends)).compilerOptions, tsConfig.compilerOptions);
|
||
|
|
delete tsConfig.extends;
|
||
|
|
} else {
|
||
|
|
compilerOptions = tsConfig.compilerOptions;
|
||
|
|
}
|
||
|
|
tsConfig.compilerOptions = compilerOptions;
|
||
|
|
|
||
|
|
compilerOptions.noEmit = false;
|
||
|
|
compilerOptions.noUnusedLocals = false;
|
||
|
|
compilerOptions.preserveConstEnums = false;
|
||
|
|
compilerOptions.declaration = false;
|
||
|
|
compilerOptions.moduleResolution = ts.ModuleResolutionKind.Classic;
|
||
|
|
|
||
|
|
|
||
|
|
options.compilerOptions = compilerOptions;
|
||
|
|
|
||
|
|
console.log(`Running tree shaker with shakeLevel ${tss.toStringShakeLevel(options.shakeLevel)}`);
|
||
|
|
|
||
|
|
// Take the extra included .d.ts files from `tsconfig.monaco.json`
|
||
|
|
options.typings = (<string[]>tsConfig.include).filter(includedFile => /\.d\.ts$/.test(includedFile));
|
||
|
|
|
||
|
|
// Add extra .d.ts files from `node_modules/@types/`
|
||
|
|
if (Array.isArray(options.compilerOptions?.types)) {
|
||
|
|
options.compilerOptions.types.forEach((type: string) => {
|
||
|
|
if (type === '@webgpu/types') {
|
||
|
|
options.typings.push(`../node_modules/${type}/dist/index.d.ts`);
|
||
|
|
} else {
|
||
|
|
options.typings.push(`../node_modules/@types/${type}/index.d.ts`);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
const result = tss.shake(options);
|
||
|
|
for (const fileName in result) {
|
||
|
|
if (result.hasOwnProperty(fileName)) {
|
||
|
|
writeFile(path.join(options.destRoot, fileName), result[fileName]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const copied: { [fileName: string]: boolean } = {};
|
||
|
|
const copyFile = (fileName: string) => {
|
||
|
|
if (copied[fileName]) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
copied[fileName] = true;
|
||
|
|
const srcPath = path.join(options.sourcesRoot, fileName);
|
||
|
|
const dstPath = path.join(options.destRoot, fileName);
|
||
|
|
writeFile(dstPath, fs.readFileSync(srcPath));
|
||
|
|
};
|
||
|
|
const writeOutputFile = (fileName: string, contents: string | Buffer) => {
|
||
|
|
writeFile(path.join(options.destRoot, fileName), contents);
|
||
|
|
};
|
||
|
|
for (const fileName in result) {
|
||
|
|
if (result.hasOwnProperty(fileName)) {
|
||
|
|
const fileContents = result[fileName];
|
||
|
|
const info = ts.preProcessFile(fileContents);
|
||
|
|
|
||
|
|
for (let i = info.importedFiles.length - 1; i >= 0; i--) {
|
||
|
|
const importedFileName = info.importedFiles[i].fileName;
|
||
|
|
|
||
|
|
let importedFilePath = importedFileName;
|
||
|
|
if (/(^\.\/)|(^\.\.\/)/.test(importedFilePath)) {
|
||
|
|
importedFilePath = path.join(path.dirname(fileName), importedFilePath);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (/\.css$/.test(importedFilePath)) {
|
||
|
|
transportCSS(importedFilePath, copyFile, writeOutputFile);
|
||
|
|
} else {
|
||
|
|
const pathToCopy = path.join(options.sourcesRoot, importedFilePath);
|
||
|
|
if (fs.existsSync(pathToCopy) && !fs.statSync(pathToCopy).isDirectory()) {
|
||
|
|
copyFile(importedFilePath);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
delete tsConfig.compilerOptions.moduleResolution;
|
||
|
|
writeOutputFile('tsconfig.json', JSON.stringify(tsConfig, null, '\t'));
|
||
|
|
|
||
|
|
[
|
||
|
|
'vs/loader.js'
|
||
|
|
].forEach(copyFile);
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface IOptions2 {
|
||
|
|
srcFolder: string;
|
||
|
|
outFolder: string;
|
||
|
|
outResourcesFolder: string;
|
||
|
|
ignores: string[];
|
||
|
|
renames: { [filename: string]: string };
|
||
|
|
}
|
||
|
|
|
||
|
|
export function createESMSourcesAndResources2(options: IOptions2): void {
|
||
|
|
|
||
|
|
const SRC_FOLDER = path.join(REPO_ROOT, options.srcFolder);
|
||
|
|
const OUT_FOLDER = path.join(REPO_ROOT, options.outFolder);
|
||
|
|
const OUT_RESOURCES_FOLDER = path.join(REPO_ROOT, options.outResourcesFolder);
|
||
|
|
|
||
|
|
const getDestAbsoluteFilePath = (file: string): string => {
|
||
|
|
const dest = options.renames[file.replace(/\\/g, '/')] || file;
|
||
|
|
if (dest === 'tsconfig.json') {
|
||
|
|
return path.join(OUT_FOLDER, `tsconfig.json`);
|
||
|
|
}
|
||
|
|
if (/\.ts$/.test(dest)) {
|
||
|
|
return path.join(OUT_FOLDER, dest);
|
||
|
|
}
|
||
|
|
return path.join(OUT_RESOURCES_FOLDER, dest);
|
||
|
|
};
|
||
|
|
|
||
|
|
const allFiles = walkDirRecursive(SRC_FOLDER);
|
||
|
|
for (const file of allFiles) {
|
||
|
|
|
||
|
|
if (options.ignores.indexOf(file.replace(/\\/g, '/')) >= 0) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (file === 'tsconfig.json') {
|
||
|
|
const tsConfig = JSON.parse(fs.readFileSync(path.join(SRC_FOLDER, file)).toString());
|
||
|
|
tsConfig.compilerOptions.module = 'es2022';
|
||
|
|
tsConfig.compilerOptions.outDir = path.join(path.relative(OUT_FOLDER, OUT_RESOURCES_FOLDER), 'vs').replace(/\\/g, '/');
|
||
|
|
write(getDestAbsoluteFilePath(file), JSON.stringify(tsConfig, null, '\t'));
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (/\.ts$/.test(file) || /\.d\.ts$/.test(file) || /\.css$/.test(file) || /\.js$/.test(file) || /\.ttf$/.test(file)) {
|
||
|
|
// Transport the files directly
|
||
|
|
write(getDestAbsoluteFilePath(file), fs.readFileSync(path.join(SRC_FOLDER, file)));
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
console.log(`UNKNOWN FILE: ${file}`);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function walkDirRecursive(dir: string): string[] {
|
||
|
|
if (dir.charAt(dir.length - 1) !== '/' || dir.charAt(dir.length - 1) !== '\\') {
|
||
|
|
dir += '/';
|
||
|
|
}
|
||
|
|
const result: string[] = [];
|
||
|
|
_walkDirRecursive(dir, result, dir.length);
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
|
||
|
|
function _walkDirRecursive(dir: string, result: string[], trimPos: number): void {
|
||
|
|
const files = fs.readdirSync(dir);
|
||
|
|
for (let i = 0; i < files.length; i++) {
|
||
|
|
const file = path.join(dir, files[i]);
|
||
|
|
if (fs.statSync(file).isDirectory()) {
|
||
|
|
_walkDirRecursive(file, result, trimPos);
|
||
|
|
} else {
|
||
|
|
result.push(file.substr(trimPos));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function write(absoluteFilePath: string, contents: string | Buffer): void {
|
||
|
|
if (/(\.ts$)|(\.js$)/.test(absoluteFilePath)) {
|
||
|
|
contents = toggleComments(contents.toString());
|
||
|
|
}
|
||
|
|
writeFile(absoluteFilePath, contents);
|
||
|
|
|
||
|
|
function toggleComments(fileContents: string): string {
|
||
|
|
const lines = fileContents.split(/\r\n|\r|\n/);
|
||
|
|
let mode = 0;
|
||
|
|
for (let i = 0; i < lines.length; i++) {
|
||
|
|
const line = lines[i];
|
||
|
|
if (mode === 0) {
|
||
|
|
if (/\/\/ ESM-comment-begin/.test(line)) {
|
||
|
|
mode = 1;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
if (/\/\/ ESM-uncomment-begin/.test(line)) {
|
||
|
|
mode = 2;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (mode === 1) {
|
||
|
|
if (/\/\/ ESM-comment-end/.test(line)) {
|
||
|
|
mode = 0;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
lines[i] = '// ' + line;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (mode === 2) {
|
||
|
|
if (/\/\/ ESM-uncomment-end/.test(line)) {
|
||
|
|
mode = 0;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
lines[i] = line.replace(/^(\s*)\/\/ ?/, function (_, indent) {
|
||
|
|
return indent;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return lines.join('\n');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function transportCSS(module: string, enqueue: (module: string) => void, write: (path: string, contents: string | Buffer) => void): boolean {
|
||
|
|
|
||
|
|
if (!/\.css/.test(module)) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
const filename = path.join(SRC_DIR, module);
|
||
|
|
const fileContents = fs.readFileSync(filename).toString();
|
||
|
|
const inlineResources = 'base64'; // see https://github.com/microsoft/monaco-editor/issues/148
|
||
|
|
|
||
|
|
const newContents = _rewriteOrInlineUrls(fileContents, inlineResources === 'base64');
|
||
|
|
write(module, newContents);
|
||
|
|
return true;
|
||
|
|
|
||
|
|
function _rewriteOrInlineUrls(contents: string, forceBase64: boolean): string {
|
||
|
|
return _replaceURL(contents, (url) => {
|
||
|
|
const fontMatch = url.match(/^(.*).ttf\?(.*)$/);
|
||
|
|
if (fontMatch) {
|
||
|
|
const relativeFontPath = `${fontMatch[1]}.ttf`; // trim the query parameter
|
||
|
|
const fontPath = path.join(path.dirname(module), relativeFontPath);
|
||
|
|
enqueue(fontPath);
|
||
|
|
return relativeFontPath;
|
||
|
|
}
|
||
|
|
|
||
|
|
const imagePath = path.join(path.dirname(module), url);
|
||
|
|
const fileContents = fs.readFileSync(path.join(SRC_DIR, imagePath));
|
||
|
|
const MIME = /\.svg$/.test(url) ? 'image/svg+xml' : 'image/png';
|
||
|
|
let DATA = ';base64,' + fileContents.toString('base64');
|
||
|
|
|
||
|
|
if (!forceBase64 && /\.svg$/.test(url)) {
|
||
|
|
// .svg => url encode as explained at https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
|
||
|
|
const newText = fileContents.toString()
|
||
|
|
.replace(/"/g, '\'')
|
||
|
|
.replace(/</g, '%3C')
|
||
|
|
.replace(/>/g, '%3E')
|
||
|
|
.replace(/&/g, '%26')
|
||
|
|
.replace(/#/g, '%23')
|
||
|
|
.replace(/\s+/g, ' ');
|
||
|
|
const encodedData = ',' + newText;
|
||
|
|
if (encodedData.length < DATA.length) {
|
||
|
|
DATA = encodedData;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return '"data:' + MIME + DATA + '"';
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function _replaceURL(contents: string, replacer: (url: string) => string): string {
|
||
|
|
// Use ")" as the terminator as quotes are oftentimes not used at all
|
||
|
|
return contents.replace(/url\(\s*([^\)]+)\s*\)?/g, (_: string, ...matches: string[]) => {
|
||
|
|
let url = matches[0];
|
||
|
|
// Eliminate starting quotes (the initial whitespace is not captured)
|
||
|
|
if (url.charAt(0) === '"' || url.charAt(0) === '\'') {
|
||
|
|
url = url.substring(1);
|
||
|
|
}
|
||
|
|
// The ending whitespace is captured
|
||
|
|
while (url.length > 0 && (url.charAt(url.length - 1) === ' ' || url.charAt(url.length - 1) === '\t')) {
|
||
|
|
url = url.substring(0, url.length - 1);
|
||
|
|
}
|
||
|
|
// Eliminate ending quotes
|
||
|
|
if (url.charAt(url.length - 1) === '"' || url.charAt(url.length - 1) === '\'') {
|
||
|
|
url = url.substring(0, url.length - 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!_startsWith(url, 'data:') && !_startsWith(url, 'http://') && !_startsWith(url, 'https://')) {
|
||
|
|
url = replacer(url);
|
||
|
|
}
|
||
|
|
|
||
|
|
return 'url(' + url + ')';
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function _startsWith(haystack: string, needle: string): boolean {
|
||
|
|
return haystack.length >= needle.length && haystack.substr(0, needle.length) === needle;
|
||
|
|
}
|
||
|
|
}
|