jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 08:16:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Silence babel warnings (#9158)

Browse Source
This commit is contained in:
Bram Kragten 2021-05-10 22:57:42 +02:00 committed by GitHub
parent d4720a9244
commit 9f554f4917
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 104 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
build-scripts/bundle.js
View File

@ -1,3 +1,4 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const path = require("path"); const path = require("path");
const env = require("./env.js"); const env = require("./env.js");
const paths = require("./paths.js"); const paths = require("./paths.js");
@ -53,13 +54,13 @@ module.exports.babelOptions = ({ latestBuild }) => ({
babelrc: false, babelrc: false,
presets: [ presets: [
!latestBuild && [ !latestBuild && [
require("@babel/preset-env").default, "@babel/preset-env",
{ {
useBuiltIns: "entry", useBuiltIns: "entry",
corejs: "3.6", corejs: "3.6",
}, },
], ],
require("@babel/preset-typescript").default, "@babel/preset-typescript",
].filter(Boolean), ].filter(Boolean),
plugins: [ plugins: [
// Part of ES2018. Converts {...a, b: 2} to Object.assign({}, a, {b: 2}) // Part of ES2018. Converts {...a, b: 2} to Object.assign({}, a, {b: 2})
@ -72,14 +73,9 @@ module.exports.babelOptions = ({ latestBuild }) => ({
"@babel/plugin-syntax-dynamic-import", "@babel/plugin-syntax-dynamic-import",
"@babel/plugin-proposal-optional-chaining", "@babel/plugin-proposal-optional-chaining",
"@babel/plugin-proposal-nullish-coalescing-operator", "@babel/plugin-proposal-nullish-coalescing-operator",
[ ["@babel/plugin-proposal-decorators", { decoratorsBeforeExport: true }],
require("@babel/plugin-proposal-decorators").default, ["@babel/plugin-proposal-private-methods", { loose: true }],
{ decoratorsBeforeExport: true }, ["@babel/plugin-proposal-class-properties", { loose: true }],
],
[
require("@babel/plugin-proposal-class-properties").default,
{ loose: true },
],
].filter(Boolean), ].filter(Boolean),
}); });

1
build-scripts/env.js
View File

@ -1,3 +1,4 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const fs = require("fs"); const fs = require("fs");
const path = require("path"); const path = require("path");
const paths = require("./paths.js"); const paths = require("./paths.js");

1
build-scripts/paths.js
View File

@ -1,3 +1,4 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const path = require("path"); const path = require("path");
module.exports = { module.exports = {

176
build-scripts/rollup.js
View File

@ -1,3 +1,4 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const path = require("path"); const path = require("path");
const commonjs = require("@rollup/plugin-commonjs"); const commonjs = require("@rollup/plugin-commonjs");
@ -32,88 +33,82 @@ const createRollupConfig = ({
publicPath, publicPath,
dontHash, dontHash,
isWDS, isWDS,
}) => { }) => ({
return { /**
/** * @type { import("rollup").InputOptions }
* @type { import("rollup").InputOptions } */
*/ inputOptions: {
inputOptions: { input: entry,
input: entry, // Some entry points contain no JavaScript. This setting silences a warning about that.
// Some entry points contain no JavaScript. This setting silences a warning about that. // https://rollupjs.org/guide/en/#preserveentrysignatures
// https://rollupjs.org/guide/en/#preserveentrysignatures preserveEntrySignatures: false,
preserveEntrySignatures: false, plugins: [
plugins: [ ignore({
ignore({ files: bundle.emptyPackages({ latestBuild }),
files: bundle.emptyPackages({ latestBuild }), }),
resolve({
extensions,
preferBuiltins: false,
browser: true,
rootDir: paths.polymer_dir,
}),
commonjs({
namedExports: {
"js-yaml": ["safeDump", "safeLoad"],
},
}),
json(),
babel({
...bundle.babelOptions({ latestBuild }),
extensions,
exclude: bundle.babelExclude(),
babelHelpers: isWDS ? "inline" : "bundled",
}),
string({
// Import certain extensions as strings
include: [path.join(paths.polymer_dir, "node_modules/**/*.css")],
}),
replace(bundle.definedVars({ isProdBuild, latestBuild, defineOverlay })),
!isWDS &&
manifest({
publicPath,
}), }),
resolve({ !isWDS && worker(),
extensions, !isWDS && dontHashPlugin({ dontHash }),
preferBuiltins: false, !isWDS && isProdBuild && terser(bundle.terserOptions(latestBuild)),
browser: true, !isWDS &&
rootDir: paths.polymer_dir, isStatsBuild &&
visualizer({
// https://github.com/btd/rollup-plugin-visualizer#options
open: true,
sourcemap: true,
}), }),
commonjs({ ].filter(Boolean),
namedExports: { },
"js-yaml": ["safeDump", "safeLoad"], /**
}, * @type { import("rollup").OutputOptions }
}), */
json(), outputOptions: {
babel({ // https://rollupjs.org/guide/en/#outputdir
...bundle.babelOptions({ latestBuild }), dir: outputPath,
extensions, // https://rollupjs.org/guide/en/#outputformat
exclude: bundle.babelExclude(), format: latestBuild ? "es" : "systemjs",
babelHelpers: isWDS ? "inline" : "bundled", // https://rollupjs.org/guide/en/#outputexternallivebindings
}), externalLiveBindings: false,
string({ // https://rollupjs.org/guide/en/#outputentryfilenames
// Import certain extensions as strings // https://rollupjs.org/guide/en/#outputchunkfilenames
include: [path.join(paths.polymer_dir, "node_modules/**/*.css")], // https://rollupjs.org/guide/en/#outputassetfilenames
}), entryFileNames:
replace( isProdBuild && !isStatsBuild ? "[name]-[hash].js" : "[name].js",
bundle.definedVars({ isProdBuild, latestBuild, defineOverlay }) chunkFileNames: isProdBuild && !isStatsBuild ? "c.[hash].js" : "[name].js",
), assetFileNames: isProdBuild && !isStatsBuild ? "a.[hash].js" : "[name].js",
!isWDS && // https://rollupjs.org/guide/en/#outputsourcemap
manifest({ sourcemap: isProdBuild ? true : "inline",
publicPath, },
}), });
!isWDS && worker(),
!isWDS && dontHashPlugin({ dontHash }),
!isWDS && isProdBuild && terser(bundle.terserOptions(latestBuild)),
!isWDS &&
isStatsBuild &&
visualizer({
// https://github.com/btd/rollup-plugin-visualizer#options
open: true,
sourcemap: true,
}),
].filter(Boolean),
},
/**
* @type { import("rollup").OutputOptions }
*/
outputOptions: {
// https://rollupjs.org/guide/en/#outputdir
dir: outputPath,
// https://rollupjs.org/guide/en/#outputformat
format: latestBuild ? "es" : "systemjs",
// https://rollupjs.org/guide/en/#outputexternallivebindings
externalLiveBindings: false,
// https://rollupjs.org/guide/en/#outputentryfilenames
// https://rollupjs.org/guide/en/#outputchunkfilenames
// https://rollupjs.org/guide/en/#outputassetfilenames
entryFileNames:
isProdBuild && !isStatsBuild ? "[name]-[hash].js" : "[name].js",
chunkFileNames:
isProdBuild && !isStatsBuild ? "c.[hash].js" : "[name].js",
assetFileNames:
isProdBuild && !isStatsBuild ? "a.[hash].js" : "[name].js",
// https://rollupjs.org/guide/en/#outputsourcemap
sourcemap: isProdBuild ? true : "inline",
},
};
};
const createAppConfig = ({ isProdBuild, latestBuild, isStatsBuild, isWDS }) => { const createAppConfig = ({ isProdBuild, latestBuild, isStatsBuild, isWDS }) =>
return createRollupConfig( createRollupConfig(
bundle.config.app({ bundle.config.app({
isProdBuild, isProdBuild,
latestBuild, latestBuild,
@ -121,31 +116,24 @@ const createAppConfig = ({ isProdBuild, latestBuild, isStatsBuild, isWDS }) => {
isWDS, isWDS,
}) })
); );
};
const createDemoConfig = ({ isProdBuild, latestBuild, isStatsBuild }) => { const createDemoConfig = ({ isProdBuild, latestBuild, isStatsBuild }) =>
return createRollupConfig( createRollupConfig(
bundle.config.demo({ bundle.config.demo({
isProdBuild, isProdBuild,
latestBuild, latestBuild,
isStatsBuild, isStatsBuild,
}) })
); );
};
const createCastConfig = ({ isProdBuild, latestBuild }) => { const createCastConfig = ({ isProdBuild, latestBuild }) =>
return createRollupConfig(bundle.config.cast({ isProdBuild, latestBuild })); createRollupConfig(bundle.config.cast({ isProdBuild, latestBuild }));
};
const createHassioConfig = ({ isProdBuild, latestBuild }) => { const createHassioConfig = ({ isProdBuild, latestBuild }) =>
return createRollupConfig(bundle.config.hassio({ isProdBuild, latestBuild })); createRollupConfig(bundle.config.hassio({ isProdBuild, latestBuild }));
};
const createGalleryConfig = ({ isProdBuild, latestBuild }) => { const createGalleryConfig = ({ isProdBuild, latestBuild }) =>
return createRollupConfig( createRollupConfig(bundle.config.gallery({ isProdBuild, latestBuild }));
bundle.config.gallery({ isProdBuild, latestBuild })
);
};
module.exports = { module.exports = {
createAppConfig, createAppConfig,

1
build-scripts/util.js
View File

@ -1,3 +1,4 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const path = require("path"); const path = require("path");
const fs = require("fs"); const fs = require("fs");

33
build-scripts/webpack.js
View File

@ -1,9 +1,10 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const webpack = require("webpack"); const webpack = require("webpack");
const path = require("path"); const path = require("path");
const TerserPlugin = require("terser-webpack-plugin"); const TerserPlugin = require("terser-webpack-plugin");
const { WebpackManifestPlugin } = require("webpack-manifest-plugin"); const { WebpackManifestPlugin } = require("webpack-manifest-plugin");
const paths = require("./paths.js"); const paths = require("./paths.js");
const bundle = require("./bundle"); const bundle = require("./bundle.js");
const log = require("fancy-log"); const log = require("fancy-log");
class LogStartCompilePlugin { class LogStartCompilePlugin {
@ -94,6 +95,7 @@ const createWebpackConfig = ({
? path.resolve(context, resource) ? path.resolve(context, resource)
: require.resolve(resource); : require.resolve(resource);
} catch (err) { } catch (err) {
// eslint-disable-next-line no-console
console.error( console.error(
"Error in Home Assistant ignore plugin", "Error in Home Assistant ignore plugin",
resource, resource,
@ -144,33 +146,24 @@ const createWebpackConfig = ({
}; };
}; };
const createAppConfig = ({ isProdBuild, latestBuild, isStatsBuild }) => { const createAppConfig = ({ isProdBuild, latestBuild, isStatsBuild }) =>
return createWebpackConfig( createWebpackConfig(
bundle.config.app({ isProdBuild, latestBuild, isStatsBuild }) bundle.config.app({ isProdBuild, latestBuild, isStatsBuild })
); );
};
const createDemoConfig = ({ isProdBuild, latestBuild, isStatsBuild }) => { const createDemoConfig = ({ isProdBuild, latestBuild, isStatsBuild }) =>
return createWebpackConfig( createWebpackConfig(
bundle.config.demo({ isProdBuild, latestBuild, isStatsBuild }) bundle.config.demo({ isProdBuild, latestBuild, isStatsBuild })
); );
};
const createCastConfig = ({ isProdBuild, latestBuild }) => { const createCastConfig = ({ isProdBuild, latestBuild }) =>
return createWebpackConfig(bundle.config.cast({ isProdBuild, latestBuild })); createWebpackConfig(bundle.config.cast({ isProdBuild, latestBuild }));
};
const createHassioConfig = ({ isProdBuild, latestBuild }) => { const createHassioConfig = ({ isProdBuild, latestBuild }) =>
return createWebpackConfig( createWebpackConfig(bundle.config.hassio({ isProdBuild, latestBuild }));
bundle.config.hassio({ isProdBuild, latestBuild })
);
};
const createGalleryConfig = ({ isProdBuild, latestBuild }) => { const createGalleryConfig = ({ isProdBuild, latestBuild }) =>
return createWebpackConfig( createWebpackConfig(bundle.config.gallery({ isProdBuild, latestBuild }));
bundle.config.gallery({ isProdBuild, latestBuild })
);
};
module.exports = { module.exports = {
createAppConfig, createAppConfig,