public ProjectBuilder BuildTypeScripts()
{
var tsc = new TypeScriptCompiler();
var uglifyJs = new JavascriptMinifier();
var files = ResourceMinifier.GetFiles(file =>
file.FullName.Contains(@"src\") &&
file.Extension == ".ts" &&
!file.Name.EndsWith(".d.ts")
);
using (var cache = new BuildCache())
{
var changedFiles = files.Where(file => !cache.Contains(file)).ToArray();
if (changedFiles.Any())
{
changedFiles.ForEach(file =>
{
cache.AddCache(file);
WriteInfo($"TypeScript build: {file}");
});
Console.Write(tsc.Run().Trim());
Parallel.ForEach(changedFiles.Select(f => ".ts-output/" + f.Replace(".ts", ".js").Replace($"src{Path.DirectorySeparatorChar}", "")), file => {
var min = uglifyJs.Minify(File.ReadAllText(file));
var minFile = ResourceMinifier.GetMinimizedFileName(file);
File.WriteAllText(minFile, min);
WriteHint($"\t=> {minFile}");
});
}
cache.SaveCache();
}
WriteSuccess("TypeScript build complete.");
return(this);
}
public ProjectBuilder BuildTypeScripts()
{
var tsc = new BabelCompiler();
var uglifyJs = new JavascriptMinifier();
var files = ResourceMinifier.GetFiles(file =>
file.Extension == ".ts" &&
!file.Name.EndsWith(".d.ts")
);
using (var cache = new BuildCache())
{
var changedFiles = files.Where(file => !cache.Contains(file)).ToArray();
if (changedFiles.Any())
{
string getOutputCacheFilename(string f)
{
return(".ts-output/" + f
.Replace(".ts", ".js")
.Replace($"src{Path.DirectorySeparatorChar}", ""));
}
changedFiles.ForEach(file => {
cache.AddCache(file);
WriteInfo($"TypeScript build: {file}");
});
WriteInfo(tsc.Run("").Trim());
Parallel.ForEach(changedFiles
.Where(f => !f.EndsWith(".vue.ts")),
f => {
// var tsc = new BabelSingleCompiler(file);
// var js = tsc.Run(File.ReadAllText(file));
// File.WriteAllText(getOutputCacheFilename(file), js);
var file = getOutputCacheFilename(f);
var text = RegexReplacer.Replace(File.ReadAllText(file), @"import\(\(\(\)\s*=>\s*(.*)\)\(\)\)", match =>
{
return($"import({match.Groups[1].Value})");
});
var min = uglifyJs.Minify(text);
var minFile = ResourceMinifier.GetMinimizedFileName(file);
File.WriteAllText(minFile, min);
UpdateCachedMinFile(minFile);
// WriteHint($"\t=> {minFile}");
});
}
cache.SaveCache();
}
WriteSuccess("TypeScript build complete.");
return(this);
}
public ProjectBuilder BuildVue()
{
var files = ResourceMinifier.GetFiles(file =>
file.Extension == ".vue"
);
using (var cache = new BuildCache())
{
var changedFiles = files.Where(file => !cache.Contains(file)).ToArray();
if (changedFiles.Any())
{
Parallel.ForEach(changedFiles, file =>
{
cache.AddCache(file);
WriteInfo($"Vue build: {file}");
var source = File.ReadAllText(file);
var vueFile = new VueFile(source);
var compiledText = new StringBuilder("");
if (vueFile.Tamplate is null)
{
throw new VueBuildException($"{file}: Missing <tamplate>");
}
else
{
var uglifyHtml = new UglifyHtml();
if (vueFile.TamplateLang == "html")
{
compiledText.Append($"const template = /*html*/`{uglifyHtml.Run(vueFile.Tamplate)}`;");
}
else
{
throw new VueBuildException($"{file}: Unsupported <template> lang '{vueFile.TamplateLang}'");
}
}
if (vueFile.Style != null)
{
var styleID = Path.ChangeExtension(Path.GetFileName(file), null).Replace(".", "-") + "-style";
var uglifyCss = new UglifyCss();
if (vueFile.StyleLang == "css")
{
compiledText.Append($"resources.applyStyleFromText(`{uglifyCss.Run(vueFile.Style)}`,'{styleID}');");
}
else if (vueFile.StyleLang == "scss")
{
var sass = new SassSingleCompiler();
var css = uglifyCss.Run(sass.Run(vueFile.Style).Replace("@charset \"UTF-8\";", ""));
compiledText.Append($"resources.applyStyleFromText(`{css}`,'{styleID}');");
}
else
{
throw new VueBuildException($"{file}: Unsupported <style> lang '{vueFile.StyleLang}'");
}
}
if (vueFile.Script is null)
{
throw new VueBuildException($"{file}: Missing <script>");
}
else
{
if (vueFile.ScriptLang == "js" || vueFile.ScriptLang == "javascript")
{
var script = vueFile.Script.Replace("export default ", "return {export:Object.assign({template},").Trim().TrimEnd(';');
compiledText.Append($"{script})}}");
}
else if (vueFile.ScriptLang == "ts" || vueFile.ScriptLang == "typescript")
{
var tsFile = file + ".ts";
var jsFile = ".ts-output" + Path.DirectorySeparatorChar + file.Replace("src" + Path.DirectorySeparatorChar, "") + ".js";
var script = File.ReadAllText(jsFile).Replace("export default ", "return {export:Object.assign({template},").Trim().TrimEnd(';');
compiledText.Append($"{script})}}");
File.Delete(tsFile);
// File.Delete(jsFile);
}
else
{
throw new VueBuildException($"{file}: Unsupported <script> lang '{vueFile.ScriptLang}'");
}
}
// compiledText.Append("}})()");
var minFile = "min" + Path.DirectorySeparatorChar + Path.GetFileName(file) + ".min.js";
var jsc = new JavascriptMinifier();
File.WriteAllText(minFile, jsc.Minify(compiledText.ToString()));
UpdateCachedMinFile(minFile);
WriteHint($"\t=> {minFile}");
});
}
cache.SaveCache();
}
WriteSuccess("Vue build complete.");
return(this);
}
