Merge branch 'update-ef-0-15-2' of https://github.com/ClassicOldSong/js-framework-benchmark into ClassicOldSong-update-ef-0-15-2

Author: krausest

frameworks/keyed/ef-js/config/bs-config.js

@@ -0,0 +1,93 @@
+/*
+ |--------------------------------------------------------------------------
+ | Browser-sync config file
+ |--------------------------------------------------------------------------
+ |
+ | For up-to-date information about the options:
+ |   http://www.browsersync.io/docs/options/
+ |
+ | There are more options than you see here, these are just the ones that are
+ | set internally. See the website for more info.
+ |
+ |
+ */
+import history from 'connect-history-api-fallback'
+
+export default {
+	ui: false,
+	files: 'dev/index.html',
+	watchOptions: {},
+	server: {
+		baseDir: './dev'
+	},
+	proxy: false,
+	port: 3000,
+	middleware: [
+		history()
+	],
+	serveStatic: [],
+	ghostMode: {
+		clicks: true,
+		scroll: true,
+		forms: {
+			submit: true,
+			inputs: true,
+			toggles: true
+		}
+	},
+	logLevel: 'info',
+	logPrefix: 'BS',
+	logConnections: false,
+	logFileChanges: true,
+	logSnippet: true,
+	rewriteRules: false,
+	open: 'local',
+	browser: 'default',
+	cors: false,
+	xip: false,
+	hostnameSuffix: false,
+	reloadOnRestart: false,
+	notify: false,
+	scrollProportionally: true,
+	scrollThrottle: 0,
+	scrollRestoreTechnique: 'window.name',
+	scrollElements: [],
+	scrollElementMapping: [],
+	reloadDelay: 0,
+	reloadDebounce: 0,
+	reloadThrottle: 0,
+	plugins: [],
+	injectChanges: true,
+	startPath: null,
+	minify: true,
+	host: null,
+	localOnly: false,
+	codeSync: true,
+	timestamps: true,
+	clientEvents: ['scroll', 'scroll:element', 'input:text', 'input:toggles', 'form:submit', 'form:reset', 'click'],
+	socket: {
+		socketIoOptions: {
+			log: false
+		},
+		socketIoClientConfig: {
+			reconnectionAttempts: 50
+		},
+		path: '/browser-sync/socket.io',
+		clientPath: '/browser-sync',
+		namespace: '/browser-sync',
+		clients: {
+			heartbeatTimeout: 5000
+		}
+	},
+	tagNames: {
+		less: 'link',
+		scss: 'link',
+		css: 'link',
+		jpg: 'img',
+		jpeg: 'img',
+		png: 'img',
+		svg: 'img',
+		gif: 'img',
+		js: 'script'
+	}
+}

frameworks/keyed/ef-js/config/bs-config.mjs

@@ -1,20 +1,23 @@
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+
 import camelCase from 'camelcase'
 
-import packageInfo from '../package.json'
+const packageInfo = require('../package.json')
 
 const production = process.env.NODE_ENV === 'production'
 const getOutputPath = (relativePath) => {
 	if (production) return `dist/${relativePath}`
-	return `dist/${relativePath}`
+	return `dev/${relativePath}`
 }
 
 export default {
 	efCoreModule: 'EFCore',
 	input: 'src/main.js',
-	name: camelCase(packageInfo.name, {pascalCase: true}),
+	name: camelCase(packageInfo.name, { pascalCase: true }),
 	format: 'iife', // Choose from iife, amd, umd, cjs, esm, system
 	bundle: 'main',
-	devPath: 'dist',
+	devPath: 'dev',
 	proPath: 'dist',
 	copyOptions: [
 		[

frameworks/keyed/ef-js/config/ef.config.js renamed to frameworks/keyed/ef-js/config/ef.config.mjs

@@ -1,4 +1,4 @@
-import del from 'del'
+import { deleteSync } from 'del'
 import path from 'path'
 import chalk from 'chalk'
 
@@ -12,34 +12,29 @@ import json from '@rollup/plugin-json'
 import eft from 'rollup-plugin-eft'
 import postcss from 'rollup-plugin-postcss'
 import inject from '@rollup/plugin-inject'
-import {eslint} from 'rollup-plugin-eslint'
-import {terser} from 'rollup-plugin-terser'
+import { eslint } from 'rollup-plugin-eslint'
+import { terser } from 'rollup-plugin-terser'
 
 // Postcss plugins
-import simplevars from 'postcss-simple-vars'
-import nested from 'postcss-nested'
+// import simplevars from 'postcss-simple-vars'
+// import nested from 'postcss-nested'
 import postcssPresetEnv from 'postcss-preset-env'
 
 // ef configuration
-import efConfig from './ef.config.js'
-const {
-	efCoreModule,
-	input,
-	name,
-	format,
-	bundle,
-	devPath,
-	proPath,
-	copyOptions,
-	external,
-	globals
-} = efConfig
+import efConfig from './ef.config.mjs'
+const { efCoreModule, input, name, format, bundle: _bundle, devPath: _devPath, proPath: _proPath, copyOptions, external, globals } = efConfig
 
 console.log('Target:', chalk.bold.green(process.env.NODE_ENV || 'development'))
 
+const production = process.env.NODE_ENV === 'production'
+
 // Clear previous builds files
-if (process.env.NODE_ENV === 'production') del.sync([`${proPath}/**`])
-else del.sync([`${devPath}dev/**`])
+if (production) deleteSync([`${_proPath}/**`])
+else deleteSync([`${_devPath}/**`])
+
+const bundle = path.normalize(_bundle)
+const devPath = path.normalize(_devPath)
+const proPath = path.normalize(_proPath)
 
 export default {
 	input,
@@ -48,14 +43,16 @@ export default {
 	copyOptions,
 	external,
 	globals,
-	bundle: path.normalize(bundle),
-	devPath: path.normalize(devPath),
-	proPath: path.normalize(proPath),
+	bundle,
+	devPath,
+	proPath,
 	plugins: [
 		progress({
 			clearLine: false
 		}),
-		eslint(),
+		eslint({
+			exclude: 'src/static/**.*'
+		}),
 		resolve({
 			browser: true,
 			extensions: ['.mjs', '.js', '.jsx', '.json', '.node']
@@ -67,15 +64,16 @@ export default {
 			minimize: process.env.NODE_ENV === 'production',
 			sourceMap: process.env.NODE_ENV !== 'production',
 			plugins: [
-				simplevars(),
-				nested(),
+				// simplevars(),
+				// nested(),
 				postcssPresetEnv({ warnForDuplicates: false })
 			]
 		}),
 		buble({
 			transforms: {
 				modules: false,
-				dangerousForOf: true
+				dangerousForOf: true,
+				asyncAwait: false
 			},
 			objectAssign: 'Object.assign',
 			jsx: `${efCoreModule}.createElement`,
@@ -95,6 +93,6 @@ export default {
 				'process.env.NODE_ENV': `'${process.env.NODE_ENV}'`
 			}
 		}),
-		(process.env.NODE_ENV === 'production' && terser())
+		process.env.NODE_ENV === 'production' && terser()
 	]
 }

frameworks/keyed/ef-js/config/rollup.base.js renamed to frameworks/keyed/ef-js/config/rollup.base.mjs

@@ -1,9 +1,9 @@
 // Import plugins
 import copy from 'rollup-plugin-copy-glob'
 // Import base config
-import base from './rollup.base'
+import base from './rollup.base.mjs'
 // Import browsersync config
-import bsConfig from './bs-config'
+import bsConfig from './bs-config.mjs'
 // Import dev plugins
 import browsersync from 'rollup-plugin-browsersync'
 
@@ -17,14 +17,12 @@ const config = {
 	output: {
 		name,
 		format,
-		file: `${devPath}/${bundle}.js`,
+		file: format !== 'esm' && `${devPath}/${bundle}.js`,
+		dir: format === 'esm' && devPath,
 		sourcemap: true,
 		globals
 	},
-	plugins: [
-		copy(...copyOptions, {verbose: true, watch: true}),
-		...plugins
-	],
+	plugins: [copy(...copyOptions, { verbose: true, watch: true }), ...plugins],
 	watch: {
 		include: ['src/**/*.*']
 	}