mirror of
https://github.com/lxsang/antos-frontend.git
synced 2025-04-12 02:56:45 +02:00
fd4474d598
- improvement performance of some VFS utility API - Allow compress/extract zip file in Files - CodePad/Files/MarketPlace use some common system APIs instead of defining in-package functions
458 lines
17 KiB
TypeScript
458 lines
17 KiB
TypeScript
namespace OS {
|
|
// import the CodePad application module
|
|
const App = OS.application.CodePad;
|
|
|
|
declare var CoffeeScript: any;
|
|
declare var JSZip: any;
|
|
declare var Terser: any;
|
|
declare var ts: any;
|
|
/**
|
|
*
|
|
*
|
|
* @class AntOSDK
|
|
* @extends {App.BaseExtension}
|
|
*/
|
|
class AntOSDK extends App.BaseExtension {
|
|
|
|
|
|
/**
|
|
* Core library for the transpiler stored here
|
|
*
|
|
* @static
|
|
* @type {GenericObject<any>}
|
|
* @memberof AntOSDK
|
|
*/
|
|
static corelib: GenericObject<any>;
|
|
|
|
/**
|
|
*Creates an instance of AntOSDK.
|
|
* @param {application.CodePad} app
|
|
* @memberof AntOSDK
|
|
*/
|
|
constructor(app: application.CodePad) {
|
|
super(app);
|
|
}
|
|
|
|
// public functions
|
|
/**
|
|
*
|
|
*
|
|
* @returns
|
|
* @memberof AntOSDK
|
|
*/
|
|
create(): void {
|
|
this.app
|
|
.openDialog("FileDialog", {
|
|
title: "__(New Project at)",
|
|
file: { basename: __("ProjectName") },
|
|
mimes: ["dir"],
|
|
})
|
|
.then((d) => {
|
|
this.logger().clear();
|
|
return this.mktpl(d.file.path, d.name, true);
|
|
});
|
|
}
|
|
|
|
/**
|
|
*
|
|
*
|
|
* @returns {void}
|
|
* @memberof AntOSDK
|
|
*/
|
|
init(): void {
|
|
this.logger().clear();
|
|
const dir = this.app.currdir;
|
|
if (!dir || !dir.basename) {
|
|
return this.create();
|
|
}
|
|
dir.read().then((d) => {
|
|
if (d.error) {
|
|
return this.logger().error(__("Cannot read folder: {0}", dir.path));
|
|
}
|
|
if (d.result.length !== 0) {
|
|
return this.logger().error(
|
|
__("The folder is not empty: {0}", dir.path)
|
|
);
|
|
}
|
|
this.mktpl(dir.parent().path, dir.basename);
|
|
});
|
|
}
|
|
|
|
/**
|
|
*
|
|
*
|
|
* @memberof AntOSDK
|
|
*/
|
|
buildnrun(): void {
|
|
this.logger().clear();
|
|
this.metadata("project.json")
|
|
.then(async (meta) => {
|
|
try {
|
|
await this.build(meta, true);
|
|
await this.run(meta);
|
|
} catch (e_1) {
|
|
return this.logger().error(__("Unable to build and run project: {0}", e_1.stack));
|
|
}
|
|
})
|
|
.catch((e) => this.logger().error(__("Unable to read meta-data: {0}", e.stack)));
|
|
}
|
|
|
|
/**
|
|
*
|
|
*
|
|
* @memberof AntOSDK
|
|
*/
|
|
release(): void {
|
|
this.logger().clear();
|
|
this.metadata("project.json")
|
|
.then(async (meta) => {
|
|
try {
|
|
await this.build(meta, false);
|
|
await API.VFS.mkar(
|
|
`${meta.root}/build/debug`,
|
|
`${meta.root}/build/release/${meta.name}.zip`
|
|
);
|
|
this.logger().info(__("Archive generate at: {0}", `${meta.root}/build/release/${meta.name}.zip`));
|
|
} catch (e_1) {
|
|
return this.logger().error(__("Unable to release project: {0}", e_1.stack));
|
|
}
|
|
})
|
|
.catch((e) => this.logger().error(__("Unable to read meta-data: {0}", e.stack)));
|
|
}
|
|
|
|
// private functions
|
|
/**
|
|
* Create project template
|
|
*
|
|
* @private
|
|
* @param {string} path
|
|
* @param {string} name
|
|
* @param {boolean} [flag]
|
|
* @memberof AntOSDK
|
|
*/
|
|
private mktpl(path: string, name: string, flag?: boolean): void {
|
|
const rpath = `${path}/${name}`;
|
|
const dirs = [
|
|
`${rpath}/javascripts`,
|
|
`${rpath}/css`,
|
|
`${rpath}/coffees`,
|
|
`${rpath}/ts`,
|
|
`${rpath}/assets`,
|
|
];
|
|
if (flag) {
|
|
dirs.unshift(rpath);
|
|
}
|
|
const files = [
|
|
["templates/sdk-main-coffee.tpl", `${rpath}/coffees/main.coffee`],
|
|
["templates/sdk-main-ts.tpl", `${rpath}/ts/main.ts`],
|
|
["templates/sdk-package.tpl", `${rpath}/package.json`],
|
|
["templates/sdk-project.tpl", `${rpath}/project.json`],
|
|
["templates/sdk-README.tpl", `${rpath}/README.md`],
|
|
["templates/sdk-scheme.tpl", `${rpath}/assets/scheme.html`],
|
|
];
|
|
API.VFS.mkdirAll(dirs)
|
|
.then(async () => {
|
|
try {
|
|
await API.VFS.mktpl(files, this.basedir(), (data) => {
|
|
return data.format(name, `${path}/${name}`);
|
|
});
|
|
this.app.currdir = rpath.asFileHandle();
|
|
this.app.toggleSideBar();
|
|
return this.app.eum.active.openFile(
|
|
`${rpath}/README.md`.asFileHandle() as application.EditorFileHandle
|
|
);
|
|
} catch (e) {
|
|
return this.logger().error(
|
|
__("Unable to create template files: {0}",
|
|
e.stack)
|
|
);
|
|
}
|
|
})
|
|
.catch((e) =>
|
|
this.logger().error(__("Unable to create project directory: {0}", e.stack))
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Check coffeescript file validity
|
|
*
|
|
* @private
|
|
* @param {string[]} list
|
|
* @returns {Promise<void>}
|
|
* @memberof AntOSDK
|
|
*/
|
|
private verify_coffee(list: string[]): Promise<void> {
|
|
return new Promise((resolve, reject) => {
|
|
if (list.length === 0) {
|
|
return resolve();
|
|
}
|
|
const file = list.splice(0, 1)[0].asFileHandle();
|
|
this.logger().info(__("Verifying: {0}", file.path));
|
|
return file
|
|
.read()
|
|
.then((data) => {
|
|
try {
|
|
CoffeeScript.nodes(data);
|
|
return this.verify_coffee(list)
|
|
.then(() => resolve())
|
|
.catch((e) => reject(__e(e)));
|
|
} catch (ex) {
|
|
return reject(__e(ex));
|
|
}
|
|
})
|
|
.catch((e) => reject(__e(e)));
|
|
});
|
|
}
|
|
|
|
/**
|
|
* load typescript core lib
|
|
*
|
|
* @private
|
|
* @param {string} path
|
|
* @return {*} {Promise<any>}
|
|
* @memberof AntOSDK
|
|
*/
|
|
private load_corelib(path: string): Promise<any> {
|
|
return new Promise(async (resolve, reject) => {
|
|
if (AntOSDK.corelib["ts"]) {
|
|
return resolve(AntOSDK.corelib["ts"]);
|
|
}
|
|
try {
|
|
const code = await API.VFS.readFileFromZip(`${path}.zip`, "text");
|
|
AntOSDK.corelib["ts"] = ts.createSourceFile(path, code, ts.ScriptTarget.Latest);
|
|
return resolve(AntOSDK.corelib["ts"]);
|
|
} catch (e) {
|
|
return reject(__e(e));
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Compile typescript to javascript
|
|
*
|
|
* @private
|
|
* @param {string[]} files
|
|
* @return {*} {Promise<string>}
|
|
* @memberof AntOSDK
|
|
*/
|
|
private compile_ts(files: string[]): Promise<string> {
|
|
return new Promise(async (resolve, reject) => {
|
|
if (files.length == 0) {
|
|
return resolve(undefined);
|
|
}
|
|
const core_lib = "os://packages/CodePad/libs/corelib.d.ts";
|
|
try {
|
|
await this.load_corelib(core_lib);
|
|
const arr = await API.VFS.read_files(files);
|
|
const libs: string[] = files.map((e) => e)
|
|
libs.unshift(core_lib);
|
|
const src_files: GenericObject<any> = {};
|
|
src_files[core_lib] = AntOSDK.corelib["ts"];
|
|
for (const i in arr) {
|
|
src_files[files[i]] = ts.createSourceFile(files[i], arr[i], ts.ScriptTarget.Latest);
|
|
}
|
|
let js_code = "";
|
|
const host = {
|
|
fileExists: (path: string) => {
|
|
return src_files[path] != undefined;
|
|
},
|
|
directoryExists: (path: string) => {
|
|
return true;
|
|
},
|
|
getCurrentDirectory: () => "/",
|
|
getDirectories: () => [],
|
|
getCanonicalFileName: (path: string) => path,
|
|
getNewLine: () => "\n",
|
|
getDefaultLibFileName: () => "",
|
|
getSourceFile: (path: string) => src_files[path],
|
|
readFile: (path: string) => undefined,
|
|
useCaseSensitiveFileNames: () => true,
|
|
writeFile: (path: string, data: string) => js_code = `${js_code}\n${data}`,
|
|
};
|
|
const program = ts.createProgram(libs, {
|
|
"target": "es6",
|
|
"skipLibCheck": true,
|
|
}, host);
|
|
const result = program.emit();
|
|
const diagnostics = result.diagnostics.concat((ts.getPreEmitDiagnostics(program)));
|
|
if (diagnostics.length > 0) {
|
|
diagnostics.forEach(diagnostic => {
|
|
if (diagnostic.file) {
|
|
let { line, character } = ts.getLineAndCharacterOfPosition(diagnostic.file, diagnostic.start!);
|
|
let message = ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n");
|
|
this.logger().error(`${diagnostic.file.fileName} (${line + 1},${character + 1}): ${message}`);
|
|
} else {
|
|
this.logger().error(ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n"));
|
|
}
|
|
});
|
|
return reject(API.throwe(__("Typescript compile error")));
|
|
}
|
|
for (const file of files) {
|
|
this.logger().info(__("Compiled: {0}", file));
|
|
}
|
|
resolve(js_code);
|
|
} catch (e) {
|
|
return reject(__e(e));
|
|
}
|
|
})
|
|
}
|
|
|
|
private compile(meta: GenericObject<any>): Promise<any> {
|
|
return new Promise(async (resolve, reject) => {
|
|
const libs = [
|
|
`${this.basedir()}/libs/terser.min.js`,
|
|
];
|
|
if (!meta.coffees)
|
|
meta.coffees = [];
|
|
if (meta.coffees.length > 0) {
|
|
libs.push(`${this.basedir()}/libs/coffeescript.js`);
|
|
}
|
|
if (!meta.ts)
|
|
meta.ts = [];
|
|
if (meta.ts && meta.ts.length > 0) {
|
|
libs.push("os://scripts/jszip.min.js");
|
|
libs.push(`${this.basedir()}/libs/typescript.min.js`)
|
|
}
|
|
try {
|
|
await this.import(libs);
|
|
const coffee_list = meta.coffees.map(
|
|
(v: string) => `${meta.root.trimBy("/")}/${v}`
|
|
);
|
|
const ts_list = meta.ts.map(
|
|
(v: string) => `${meta.root.trimBy("/")}/${v}`
|
|
);
|
|
const results = await Promise.all([
|
|
this.compile_ts(ts_list),
|
|
this.compile_coffee(coffee_list)
|
|
]);
|
|
|
|
resolve(results.join("\n"));
|
|
} catch (e_2) {
|
|
return reject(__e(e_2));
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Compile coffeescript to javascript
|
|
*
|
|
* @private
|
|
* @param {GenericObject<any>} meta
|
|
* @returns {Promise<string>}
|
|
* @memberof AntOSDK
|
|
*/
|
|
private compile_coffee(list: string[]): Promise<string> {
|
|
return new Promise(async (resolve, reject) => {
|
|
if (list.length == 0) {
|
|
return resolve("");
|
|
}
|
|
try {
|
|
await this.verify_coffee(list.map((x: string) => x));
|
|
const code = await API.VFS.cat(list, "");
|
|
const jsrc = CoffeeScript.compile(code);
|
|
for (const file of list) {
|
|
this.logger().info(__("Compiled: {0}", file));
|
|
}
|
|
return resolve(jsrc);
|
|
} catch (e_1) {
|
|
return reject(__e(e_1));
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Build the project
|
|
*
|
|
* @private
|
|
* @param {GenericObject<any>} meta
|
|
* @param {boolean} debug
|
|
* @returns {Promise<void>}
|
|
* @memberof AntOSDK
|
|
*/
|
|
private build(meta: GenericObject<any>, debug: boolean): Promise<void> {
|
|
return new Promise(async (resolve, reject) => {
|
|
try {
|
|
this.logger().info(__("Building the package", meta.name));
|
|
await API.VFS.mkdirAll([`${meta.root}/build`,]);
|
|
await API.VFS.mkdirAll([`${meta.root}/build/debug`, `${meta.root}/build/release`]);
|
|
const src = await this.compile(meta);
|
|
let code = await API.VFS.cat(meta.javascripts.map(v => `${meta.root}/${v}`), src);
|
|
if (!debug) {
|
|
const options = {
|
|
toplevel: true,
|
|
compress: {
|
|
passes: 3,
|
|
},
|
|
mangle: true,
|
|
output: {
|
|
//beautify: true,
|
|
},
|
|
};
|
|
const result = Terser.minify(code, options);
|
|
if (result.error) {
|
|
this.logger().error(
|
|
__(
|
|
"Unable to minify code: {0}",
|
|
result.error
|
|
)
|
|
);
|
|
} else {
|
|
code = result.code;
|
|
}
|
|
}
|
|
if (code != "")
|
|
await `${meta.root}/build/debug/main.js`
|
|
.asFileHandle()
|
|
.setCache(code)
|
|
.write("text/plain");
|
|
const txt = await API.VFS.cat(meta.css.map(v => `${meta.root}/${v}`), "");
|
|
if (txt != "")
|
|
await `${meta.root}/build/debug/main.css`
|
|
.asFileHandle()
|
|
.setCache(txt)
|
|
.write("text/plain");
|
|
await API.VFS.copy(
|
|
meta.copies.map(v => `${meta.root}/${v}`),
|
|
`${meta.root}/build/debug`
|
|
);
|
|
resolve();
|
|
} catch (e) {
|
|
return reject(__e(e));
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Run the built project
|
|
*
|
|
* @private
|
|
* @param {GenericObject<any>} meta
|
|
* @memberof AntOSDK
|
|
*/
|
|
private run(meta: GenericObject<any>): void {
|
|
`${meta.root}/build/debug/package.json`
|
|
.asFileHandle()
|
|
.read("json")
|
|
.then((v) => {
|
|
v.text = v.name;
|
|
v.path = `${meta.root}/build/debug`;
|
|
v.filename = meta.name;
|
|
v.type = "app";
|
|
v.mime = "antos/app";
|
|
if (v.icon) {
|
|
v.icon = `${v.path}/${v.icon}`;
|
|
}
|
|
if (!v.iconclass && !v.icon) {
|
|
v.iconclass = "fa fa-adn";
|
|
}
|
|
this.logger().info(__("Installing..."));
|
|
setting.system.packages[meta.name] = v;
|
|
this.logger().info(__("Running {0}...", meta.name));
|
|
return GUI.forceLaunch(meta.name, []);
|
|
});
|
|
}
|
|
}
|
|
AntOSDK.corelib = {};
|
|
App.extensions.AntOSDK = AntOSDK;
|
|
}
|