@makano/rew 1.2.56 → 1.2.58

package/lib/rew/cli/cli.js

@@ -17,6 +17,7 @@ const { print, input } = require('../functions/stdout');
 const colors = require('colors');
 const { req } = require('../misc/req');
 const { gen_key } = require('../misc/bin');
+const { REW_FILE_TYPE } = require('../const/ext');
 
 if (!existsSync(CONFIG_PATH) || !existsSync(CONFIG_PATH + '/repos.yaml')) {
 	mkdirSync(CONFIG_PATH, { recursive: true });
@@ -127,7 +128,7 @@ yargs(hideBin(process.argv))
 				type: 'string',
 			})
 				.option('dev', {
-					describe: 'If your entry file is a .qrew, then just use the .coffee instead',
+					describe: `If your entry file is a .qrew, then just use .coffe or ${REW_FILE_TYPE.EXTENSION} instead`,
 					type: 'boolean',
 				})
 				.option('entry', {
@@ -354,7 +355,7 @@ yargs(hideBin(process.argv))
 				})
 				.option('remove', {
 					alias: 'r',
-					describe: 'Remove all coffee',
+					describe: 'Remove all .coffee and '+REW_FILE_TYPE.EXTENSION,
 					type: 'boolean',
 				});
 		},

package/lib/rew/cli/utils.js

@@ -18,6 +18,7 @@ const { seededID } = require('../misc/seededid');
 const loading = require('loading-cli');
 const sleep = require('../functions/sleep');
 const { gen_key } = require('../misc/bin');
+const { REW_FILE_TYPE } = require('../const/ext');
 
 const binpath = path.join(conf({}).create('').root, '.bin');
 const logspath = path.join(conf({}).create('').root, '.logs');
@@ -49,7 +50,7 @@ module.exports = {
 	runFileWithArgv(filePath, options = {}, cargv) {
 		const argv = cargv || process.argv;
 		argv.shift();
-		if (argv[0].endsWith('rew')) {
+		if (argv[0].endsWith(REW_FILE_TYPE.EXTENSION) || argv[0].endsWith('.coffee')) {
 			if (argv[1] == 'run') {
 				argv.splice(0, 3);
 			} else if(argv[1] == '-w' || argv[1] == '--watch'){
@@ -118,8 +119,8 @@ module.exports = {
 		const create = () => {
 			fs.mkdirSync(projectPath, { recursive: true });
 			const confPath = path.join(projectPath, 'app.yaml');
-			const entryFile = path.join(projectPath, 'main.coffee');
-			fs.writeFileSync(confPath, jsYaml.dump({ manifest: { package: project.package, private: false }, exec: { entry: 'main.coffee' }, assets: { icon: 'assets/icon.png', folder: './assets' }, install: { requirements: [] } }));
+			const entryFile = path.join(projectPath, 'main'+(project.civet ? REW_FILE_TYPE.EXTENSION : '.coffee'));
+			fs.writeFileSync(confPath, jsYaml.dump({ manifest: { package: project.package, private: false }, exec: { entry: 'main'+(project.civet ? REW_FILE_TYPE.EXTENSION : '.coffee') }, assets: { icon: 'assets/icon.png', folder: './assets' }, install: { requirements: [] } }));
 			fs.writeFileSync(entryFile, `print("Hello World!")`);
 			fs.mkdirSync(path.join(projectPath, 'assets'), { recursive: true });
 			if (project.git) {
@@ -127,10 +128,14 @@ module.exports = {
 				execSync('cd ' + projectPath + ' && git init . && git branch -m main', { stdio: 'ignore' });
 			}
 			if(project.intellisense){
-				fs.copyFileSync(path.join(__dirname, '../../../jsconfig.json'), path.join(projectPath, 'jsconfig.json'));
+				fs.copyFileSync(path.join(__dirname, '../../../tsconfig.json'), path.join(projectPath, 'tsconfig.json'));
 				fs.copyFileSync(path.join(__dirname, '../../../runtime.d.ts'), path.join(projectPath, 'runtime.d.ts'));
 			}
 			execSync('cd ' + projectPath + ' && npm init -y', { stdio: 'ignore' });
+			if(project.civet){
+				log('Installing NPM Packages');
+				execSync('cd '+projectPath+' && npm i @types/node --no-save', { stdio: 'ignore' });
+			}
 			// log('Installing '+npm_package_name);
 			// exec('cd '+projectPath+' && npm i '+npm_package_name, (err) => {
 			//   if(err){
@@ -149,9 +154,12 @@ module.exports = {
 					project.package = pkg.trim();
 					rl.question(logget(' Use intellisense declarations ? (y/N): '.magenta.bold), (inteli) => {
 						project.intellisense = inteli.toLowerCase() == 'y' || inteli.toLowerCase() == 'yes';
-						rl.question(logget('󰊢 Use git ? (y/N): '.yellow.bold), (use_git) => {
-							project.git = use_git.toLowerCase() == 'y' || use_git.toLowerCase() == 'yes';
-							create();
+						rl.question(logget(' Use Civet For main ? (y/N): '.blue.bold), (civet) => {
+							project.civet = civet.toLowerCase() == 'y' || civet.toLowerCase() == 'yes';
+							rl.question(logget('󰊢 Use git ? (y/N): '.yellow.bold), (use_git) => {
+								project.git = use_git.toLowerCase() == 'y' || use_git.toLowerCase() == 'yes';
+								create();
+							});
 						});
 					});
 				} else {
@@ -173,8 +181,8 @@ module.exports = {
 				c.exec.entry = c.exec[options.entry] || c.exec.entry;
 			}
 			if (c.exec.entry) {
-				if (byPath && options.dev) c.exec.entry = c.entry.endsWith('.qrew') ? c.exec.entry.replace(/\.qrew$/, '.coffee') : c.exec.entry;
 				let r = path.resolve(root, c.exec.entry);
+				if (byPath && options.dev) r = r.endsWith('.qrew') ? r.replace(/\.qrew$/, (a, b) => fs.existsSync(r.replace(a, '.coffee')) ? '.coffee' : REW_FILE_TYPE.EXTENSION) : r;
 				if (options.build) {
 					this.build({
 						file: r,
@@ -357,6 +365,9 @@ module.exports = {
 					if (fs.existsSync(importedFilePath)) {
 						importsArray.push(importStatement);
 						processFile(importedFilePath, importsArray);
+					} else if (fs.existsSync(importedFilePath + REW_FILE_TYPE.EXTENSION)) {
+						importsArray.push(importStatement);
+						processFile(importedFilePath + REW_FILE_TYPE.EXTENSION, importsArray);
 					} else if (fs.existsSync(importedFilePath + '.coffee')) {
 						importsArray.push(importStatement);
 						processFile(importedFilePath + '.coffee', importsArray);
@@ -369,7 +380,7 @@ module.exports = {
 
 			const appPath = findAppInfo(filePath);
 
-			const compiled = argv.translate ? compile({ content }, {}) : to_qrew(content, appPath?.config?.manifest?.package || path.basename(filePath).split('.').slice(0, -1).join('.'));
+			const compiled = argv.translate ? compile({ content }, {}) : to_qrew(`"initFile ${filePath}"\n${path.basename(content)}`, appPath?.config?.manifest?.package || path.basename(filePath).split('.').slice(0, -1).join('.'));
 			writeCompiledFile(filePath, compiled);
 		}
 

package/lib/rew/const/default.js

@@ -7,7 +7,7 @@ const { match } = require('../functions/match');
 const { map } = require('../functions/map');
 const { typex, typeis, typedef, typei, int, float, num, str, bool } = require('../functions/types');
 const { isEmpty, clone, deepClone, merge, uniqueId, compose, curry } = require('../functions/core');
-const { print, input, clear } = require('../functions/stdout');
+const { print, input, clear, printf } = require('../functions/stdout');
 const { curl } = require('../functions/curl');
 const { wait } = require('../functions/wait');
 const { scheduleFrame } = require('../functions/misc');
@@ -55,5 +55,6 @@ module.exports = {
 	curl,
 
 	print,
+	printf,
 	input,
 };

package/lib/rew/const/ext.js

@@ -0,0 +1,5 @@
+
+module.exports.REW_FILE_TYPE = {
+  EXTENSION: '.civet',
+  TYPE: 'civet'
+}

package/lib/rew/const/opt.js

@@ -1,11 +1,15 @@
+const { REW_FILE_TYPE } = require("./ext");
+
 const execOptions = {
 	sharedContext: true,
-	resolveExtensions: ['.coffee', { ext: '.js', options: { type: 'js' } }, { ext: '.qrew', options: { qrew: true } }],
+	resolveExtensions: [REW_FILE_TYPE.EXTENSION, ".coffee", { ext: '.js', options: { type: 'js' } }, { ext: '.qrew', options: { qrew: true } }],
 	nativeRequire: false,
 	useImport: false,
 	cwdAlias: '$',
-	jsxPragma: 'createElement',
-	jsx: false
+	jsxPragma: '__using__.JSX.createElement',
+	jsx: false,
+	typescript: false,
+	decorators: false
 };
 
 module.exports.execOptions = execOptions;

package/lib/rew/const/usage.js

@@ -0,0 +1,15 @@
+
+
+
+module.exports.USING_DEFAULT = {
+  JSX: {
+    param: (param) => ({ createElement: param }),
+    use:  (options) => options.jsx = true
+  },
+  TYPES: {
+    use:  (options) => options.typescript = true
+  },
+  DECORATORS: {
+    use:  (options) => options.decorators = true
+  }
+}

package/lib/rew/functions/fs.js

@@ -31,7 +31,11 @@ module.exports = (currentFile) => {
 	}
 
 	function rm(filepath, options) {
-		return fs.unlinkSync(filepath);
+		return fs.rmSync(gp(filepath), { recursive: true,...options });
+	}
+
+	function unlink(filepath, options) {
+		return fs.unlinkSync(gp(filepath));
 	}
 
 	function chmod(filepath, mode, options) {
@@ -51,6 +55,7 @@ module.exports = (currentFile) => {
 		mkdir,
 		chmod,
 		rm,
+		unlink,
 		fstat,
 		exists,
 		write,

package/lib/rew/functions/import.js

@@ -6,6 +6,7 @@ const { existsSync, readFileSync } = require('fs');
 const conf = require('../pkgs/conf');
 const jsYaml = require('js-yaml');
 const { execOptions } = require('../const/opt');
+const { REW_FILE_TYPE } = require('../const/ext');
 
 const cachedFiles = [];
 module.exports.cleanCache = () => {
@@ -34,7 +35,7 @@ const lookUpInOtherApps = (fullPath) => {
 module.exports.imp = function (runPath, context) {
 	return function (filename, options = {}) {
 		if (!options) options = {};
-		let type = options.type || 'coffee';
+		let type = options.type || filename.endsWith('.coffee') ? 'coffee' : REW_FILE_TYPE.TYPE;
 		let exports,
 			ispkg = findPackage(filename);
 
@@ -72,8 +73,8 @@ module.exports.imp = function (runPath, context) {
 			} else lookUp();
 		}
 
-		const exec = (coptions = {}) =>
-			runPath(
+		const exec = (coptions = {}) => {
+			const r = runPath(
 				filepath,
 				{
 					import: options,
@@ -86,13 +87,18 @@ module.exports.imp = function (runPath, context) {
 					package: context.app ? context.app.config.package : path.basename(filepath)
 				},
 				execOptions.sharedContext == false ? {} : options.context && options.context == 'new' ? {} : context,
-			).context.module.exports;
+			);
+			if(r instanceof Promise){
+				return new Promise((resolve) => r.then(c => resolve(c.context.module.exports)));
+			}
+			return r.context.module.exports;
+		}
 
 		if (ispkg) {
 			const pkg = getPackage(filename)(context, options);
 			exports = pkg._onImport ? pkg._onImport() : pkg;
 		} else if (foundCache) {
-		} else if (type == 'coffee') {
+		} else if (type == REW_FILE_TYPE.TYPE || type == "coffee") {
 			exports = exec({});
 		} else if (type == 'js') {
 			exports = exec({ compile: false });
@@ -111,7 +117,7 @@ module.exports.imp = function (runPath, context) {
 			}
 		}
 
-		if (options.save && (type == 'js' || type == 'coffee')) {
+		if (options.save && (type == 'js' || type == REW_FILE_TYPE.TYPE || type == "coffee")) {
 			if (typeof options.save == 'string') context[options.save] = exports[i];
 			else
 				for (let i in exports) {
@@ -135,7 +141,6 @@ module.exports.imp = function (runPath, context) {
 		//**  Mock imports section	
 		/**/ if(!exports) exports = options.mock;
 		/**/ if(options.mock === null) return null;
-		/**/ if(!exports) throw new Error('Import '+filename+' does not export anything. Use the "mock" option to mock a value.');
 		//** 
 
 		return exports;

package/lib/rew/functions/require.js

@@ -8,7 +8,7 @@ const cahcedRequires = {};
 const doImp = (path) => wait(async () => await import(resolvedPath));
 
 module.exports.customRequire = function customRequire(modulePath, filePath) {
-	const pathname = modulePath;
+	let pathname = modulePath;
 	if (modulePath.startsWith('./') || modulePath.startsWith('../') || path.isAbsolute(modulePath)) {
 		pathname = path.resolve(modulePath);
 	}

package/lib/rew/functions/stdout.js

@@ -4,6 +4,10 @@ const print = (module.exports.print = function print(...args) {
 	return console.log(...args);
 });
 
+module.exports.printf = function printf(buffer, cb) {
+	return process.stdout.write(buffer, cb);
+};
+
 print.stdout = process.stdout;
 print.stdin = process.stdin;
 

package/lib/rew/main.js

@@ -1,17 +1,5 @@
-const { compileFile } = require('./modules/compiler');
-const { exec, runPath } = require('./modules/runtime');
-const fs = require('fs');
-const { imp } = require('./functions/import');
-const { FILES } = require('./const/files');
+const { runPath } = require('./modules/runtime');
 
 module.exports.run = function (filepath, options = {}, custom_context = {}) {
-	FILES.forEach((file) => {
-		if (fs.existsSync(file.path)) return;
-		if (file.content) {
-			fs.writeFileSync(file.path, file.content);
-		} else {
-			fs.mkdirSync(file.path, { recursive: true });
-		}
-	});
 	return runPath(filepath, options, custom_context);
 };

package/lib/rew/modules/compiler.js

@@ -1,4 +1,4 @@
-const { compile } = require('../../coffeescript/coffeescript');
+const { compile: compileCivet } = require('../../civet/main');
 const { execOptions } = require('../const/opt');
 const { findAppInfo } = require('../misc/findAppInfo');
 const { from_qrew } = require('../qrew/compile');
@@ -7,6 +7,9 @@ const babel = require('@babel/core');
 const path = require('path');
 const babelReact = require('@babel/preset-react');
 const { readFileSync } = require('fs');
+const { wait } = require('../functions/wait');
+const { REW_FILE_TYPE } = require('../const/ext');
+const { USING_DEFAULT } = require('../const/usage');
 
 function tokenizeCoffeeScript(code) {
 	const tokens = [];
@@ -115,6 +118,9 @@ function compileRewStuff(content, options) {
 		const token = tokens[i];
 		let { token: nextToken, n } = gnextToken(i, 1, tokens) || {};
 
+		if(token.type == "COMMENT" && i < 2 && token.value.startsWith('#!')){
+			continue;
+		}
 
 		if (token.type === 'IDENTIFIER' && token.value === 'opt.set') {
 			const { token: nextNextToken } = gnextToken(i, 2, tokens) || {};
@@ -150,18 +156,19 @@ function compileRewStuff(content, options) {
 		}
 
 
-		if (token.type === 'IDENTIFIER' && token.value === 'let' && !options.keepImports) {
-			result += '`'
-			hooks.push({
-				index: fnextToken(i, tokens, 'OTHER', ';').ti,
-				value: `\``,
-			});
-		}
-
 		if (token.type === 'IDENTIFIER' && token.value === 'export' && !options.keepImports) {
 			token.value = 'pub';
 		}
 
+		if (token.type === 'IDENTIFIER' && token.value === 'using' && !options.disableUse) {
+			const next = nextToken.value;
+			if(next in USING_DEFAULT) {
+				const { use } = USING_DEFAULT[next];
+				use?.(options);
+				nextToken.value = `"${nextToken.value}"`
+			}
+		}
+
 		if (token.type === 'IDENTIFIER' && token.value === 'import' && !options.keepImports) {
 			// console.log(nextToken.type);
 			let ind = i + n + 2;
@@ -177,9 +184,12 @@ function compileRewStuff(content, options) {
 					const exportsTokens = tokens.slice(ind, closingBraceToken.ti);
 					const exports = exportsTokens
 						.filter((t) => t.type === 'IDENTIFIER')
-						.map((t) => t.value)
+						.map((t, i, arr) => t.value == 'as' ? [arr[i-1].value +': '+arr[i+1].value] : t.value)
+						.flat(1)
+						.filter((t, i, arr) => !arr[i+1]?.match(':') && !arr[i-1]?.match(':'))
 						.join(', ');
-					result += `{ ${exports} } = inc ${nameToken.value}`;
+
+					result += `{ ${exports} } ${options.type == 'coffee' ? '=' : ':='} inc ${nameToken.value}`;
 					i = nameToken.ti;
 				}
 			} else if (nextToken.value === '*') {
@@ -188,7 +198,7 @@ function compileRewStuff(content, options) {
 				if (asToken) {
 					const nextToken = fnextToken(asToken.ti + 1, tokens, 'IDENTIFIER');
 					defaultName = nextToken.value;
-					result += `${defaultName} = inc ${nameToken.value}`;
+					result += `${defaultName} ${options.type == 'coffee' ? '=' : ':='} inc ${nameToken.value}`;
 					i = ind + 6;
 				}
 			} else if (nextToken) {
@@ -201,13 +211,15 @@ function compileRewStuff(content, options) {
 						const exportsTokens = tokens.slice(ind, closingBraceToken.ti);
 						const exports = exportsTokens
 							.filter((t) => t.type === 'IDENTIFIER')
-							.map((t) => t.value)
+							.map((t, i, arr) => t.value == 'as' ? [arr[i-1].value +': '+arr[i+1].value] : t.value)
+							.flat(1)
+							.filter((t, i, arr) => !arr[i+1]?.match(':') && !arr[i-1]?.match(':'))
 							.join(', ');
-						result += `{ default: ${defaultName}, ${exports} } = inc ${nameToken?.value || ''}`;
+						result += `{ default: ${defaultName}, ${exports} } ${options.type == 'coffee' ? '=' : ':='} inc ${nameToken?.value || ''}`;
 						i = closingBraceToken.ti + 4;
 					}
 				} else {
-					result += `{ default: ${defaultName} } = inc ${nameToken?.value || ''}`;
+					result += `{ default: ${defaultName} } ${options.type == 'coffee' ? '=' : ':='} inc ${nameToken?.value || ''}`;
 					i = ind + 2;
 				}
 			}
@@ -259,21 +271,65 @@ function compileRewStuff(content, options) {
 	return result;
 }
 
-const cpl = (module.exports.compile = function (file, options = {}) {
-	let c = options.type == 'js' || options.compile == false ? file.content : compile(compileRewStuff(file.content, options), {
+const compileCivetStuff = (file, options) => {
+	const compileOptions = {
 		...options,
-		filename: file.path,
-		bare: options.bare ?? false,
+		bare: true,
+		filename: file.content,
 		inlineMap: false,
-	});2
+		js: true
+	};
+
+	const prepared = compileRewStuff(file.content, options);
+
+	const compiled = options.async ? compileCivet(prepared, compileOptions) : wait(compileCivet, prepared, compileOptions);
+
+	return {
+		compiled,
+		options
+	};
+}
+
+const cpl = (module.exports.compile = function (file, options = {}) {
+	let compiledCode;
+	const result = compileCivetStuff(file, {
+		...options,
+		parseOptions: { 
+			coffeeCompat: options.type == "coffee",
+		}
+	});
+	
+	options = result.options;
+	compiledCode = result.compiled;
+
+	const babelify = (code, options) => babel.transformSync(code, {
+		presets: [
+			...(doJSX ? [[babelReact, { pragma: options.jsxPragma || execOptions.jsxPragma }]] : [])
+		],
+		plugins: [
+			...(doDecorators ? [[require('@babel/plugin-proposal-decorators'), { version: '2023-05' }], [require('@babel/plugin-proposal-class-properties'), { loose: true }], [require('@babel/plugin-transform-class-static-block'), {}]] : [])
+		],
+	}).code;
+
+	const doJSX = execOptions.jsx || options.jsx;
+	const doTypes = execOptions.typescript || options.typescript;
+	const doDecorators = execOptions.decorators || options.decorators;
+	const doBabel = doJSX || doTypes || doDecorators;
+
+	if(compiledCode instanceof Promise){
+		return compiledCode.then((compiledCode) => {
+			if (doBabel) {
+				compiledCode = babelify(compiledCode, options);
+			}
+			return compiledCode;
+		});
+	}
+
 	// console.log(c);
-	if (execOptions.jsx || options.jsx) {
-		c = babel.transformSync(c, {
-			presets: [[babelReact, { pragma: options.jsxPragma || execOptions.jsxPragma }]],
-			plugins: [],
-		}).code;
+	if (doBabel) {
+		compiledCode = babelify(compiledCode, options);
 	}
-	return c;
+	return compiledCode;
 });
 
 module.exports.compileFile = function (filepath, options = {}) {
@@ -284,13 +340,21 @@ module.exports.compileFile = function (filepath, options = {}) {
 	if(options.qrew || path.extname(filepath) == '.qrew') {
 		qrew = true
 		f.content = from_qrew(readFileSync(f.path), options.package || findAppInfo(filepath)?.config.manifest.package || path.basename(filepath).split('.').slice(0, -1).join('.')).toString();
+		options.type = f.content.split('\n')[0]?.match(/"initFile (.+)"/)?.[1]?.split('.').pop();
 	} 
 
 	let compiled_code =  cpl(f, { ...options });
 
 	if(options.onlyCompile && !qrew){
-		console.log(compiled_code);
-		process.exit();
+		if(compiled_code instanceof Promise){
+			compiled_code.then((r) => {
+				console.log(r);
+				process.exit();
+			});
+		} else {
+			console.log(compiled_code);
+			process.exit();
+		}
 	}
 
 	return {

package/lib/rew/modules/context.js

@@ -7,6 +7,7 @@ const fsLib = require("../functions/fs");
 const pathLib = require("../functions/path");
 const execLib = require("../functions/exec");
 const { findAppInfo } = require("../misc/findAppInfo");
+const { USING_DEFAULT } = require("../const/usage");
 
 let mainFile = "";
 const isMainFile = (filepath) => filepath == mainFile;
@@ -30,6 +31,7 @@ module.exports.prepareContext = function (
     },
     app: findAppInfo(filepath),
     ...fsLib(filepath),
+    __using__: {}
   };
   if (options.useContext) {
     context = {
@@ -91,6 +93,16 @@ module.exports.prepareContext = function (
   context.pub = pubFunction(context);
   context.exports = exportsFunction(context);
 
+  context.using = (name, ...params) => {
+    if(USING_DEFAULT[name]){
+      if(USING_DEFAULT[name].param) {
+        context.__using__[name] = USING_DEFAULT[name].param(...params);
+      }
+    } else {
+      context.__using__[name] = params.length ? params.length > 1 ? [...params] : params : true;
+    }
+  };
+
   if (
     context.module.main ||
     (options.fromMain == true && options.as == "main")

package/lib/rew/modules/runtime.js

@@ -17,26 +17,44 @@ const exec = (module.exports.exec = function (code, context, original = '') {
 
 module.exports.runPath = function runPath(filepath, options = {}, custom_context = {}) {
 	if(filepath.endsWith('.js')) options.type = 'js';
+	if(filepath.endsWith('.coffee')) options.type = 'coffee';
+	if(filepath.endsWith('.qrew')) options.type = 'qrew';
+
+	if(options.import?.async) options.async = true;
 	let { compiled_code, file } = compileFile(options.code ? { content: options.code, path: filepath } : filepath, options);
-	const context = options.import?.takeThisContext ? custom_context : prepareContext(custom_context, options, file.path, runPath);
 	// context.module.compiled = compiled_code;
 	// context.process.exit = (int) => process.exit(int);
 
-	if(context.app){
-		const p = path.join(CONFIG_PATH, context.app.config.manifest.package, 'app');
-		if(existsSync(p) && context.app.path !== p){
-			console.log("App with the same package name has been installed. Conflicts happened. \nTo fix this, change your app's package name or remove the app making the conflict.");
-			return {
-				context: { module: { exports: null } },
-				returns: null
+	const doCode = () => {
+		const context = options.import?.takeThisContext ? custom_context : prepareContext(custom_context, options, file.path, runPath);
+	
+		if(context.app){
+			const p = path.join(CONFIG_PATH, context.app.config.manifest.package, 'app');
+			if(existsSync(p) && context.app.path !== p){
+				console.log("App with the same package name has been installed. Conflicts happened. \nTo fix this, change your app's package name or remove the app making the conflict.");
+				return {
+					context: { module: { exports: null } },
+					returns: null
+				}
 			}
 		}
+	
+		compiled_code = preScript+'\n'+compiled_code;
+	
+		return {
+			context,
+			returns: exec(compiled_code, context, file.content),
+		};
 	}
 
-	compiled_code = preScript+'\n'+compiled_code;
+	if(options.async){
+		return new Promise(async (r, re) => {
+			compiled_code.then((e) => {
+				compiled_code = e;
+				r(doCode());
+			});
+		});
+	}
 
-	return {
-		context,
-		returns: exec(compiled_code, context, file.content),
-	};
+	return doCode();
 };

package/lib/rew/pkgs/serve.js

@@ -5,6 +5,10 @@ const path = require('path');
 const { run } = require('../main');
 const { runPath } = require('../modules/runtime');
 const { cleanCache } = require('../functions/import');
+const { REW_FILE_TYPE } = require('../const/ext');
+
+const lookUpFiles = ['route', 'page', 'page.s'];
+
 module.exports = (context) => {
 
   // http.createServer((req, res) => {
@@ -105,7 +109,7 @@ module.exports = (context) => {
     }
   }
 
-  function findLayoutFiles(filePath, root, isClientSide = true, resolveExtensions = ['.coffee', '.js', '.jsx']) {
+  function findLayoutFiles(filePath, root, isClientSide = true, resolveExtensions = [REW_FILE_TYPE.EXTENSION,  '.coffee', '.js', '.jsx']) {
     const layouts = [];
     const rootDir = root;
     let currentDir = path.dirname(filePath);
@@ -162,13 +166,11 @@ module.exports = (context) => {
     onError = () => error(404, 'Path not found'),
     root = '',
     basePath = '',
-    resolveExtensions = ['.coffee', '.js', '.jsx'],
+    resolveExtensions = [REW_FILE_TYPE.EXTENSION, '.coffee', '.js', '.jsx'],
     bundlerOptions = {},
     bundlerEntry = defaultBundlerEntry,
     ssrBundlerEntry = defaultSsrBundlerEntry,
   }) {
-  
-    const lookUpFiles = ['route', 'page', 'page.s'];
 
     const params = {};
   
@@ -176,6 +178,7 @@ module.exports = (context) => {
       const routeParts = pathname.split('/').filter(Boolean);
       let routePath = root;
 
+
       Object.keys(params).forEach(key => delete params[key]);
     
       for (const part of routeParts) {

package/lib/rew/pkgs/web.js

@@ -3,6 +3,7 @@ const emitter = require("../functions/emitter");
 const { compile } = require("../modules/compiler");
 const { wait } = require("../functions/wait");
 const { generateRandomID } = require("../functions/id");
+const { REW_FILE_TYPE } = require("../const/ext");
 
 
 const selfClosingElements = new Set([
@@ -476,11 +477,11 @@ module.exports = (context, importOptions) => {
                 }
                 return null;
               },
-              transform(code, id) {
-                if (id.endsWith('.coffee')) {
-                  const result = compile({ content: code, path: filepath }, { jsx: true, keepImports: true });
+              async transform(code, id) {
+                if (id.endsWith(REW_FILE_TYPE.EXTENSION) || id.endsWith('.coffee')) {
+                  const result = compile({ content: code, path: filepath }, { jsx: true, async: true, keepImports: true });
                   return {
-                    code: result,
+                    code: await result,
                     map: null,
                   };
                 }