mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-25 03:20:23 +01:00
c5368c152b
* added storybook test runner * added test runner in ci * updated test for ci and fixed lint error * updated lavamoat policy * updated test command * updated playwright * changed command to storybook;ci * updated command * updated instance for test-storybook * updated playwright * added playwright step * replaced concurrently with start-server-and-test * updated the static storybook directory * replaced first with last * updated lock file * replaced first with last * updated test-storybook with maxworkers * updated .depchechrc * updated yml * removed id from banner base * replaced broken stories with .stories-to-do.js extesnsion * updated token allowance story * removed duplicacies from yarn * fixed lavamoat * removed filename comment * updated links for docs * fixed file extension for stories * updated path for stories.json * updated stories.json path * yarn updated * updated stories * updated yarn * updated wait on
104 lines
2.6 KiB
JavaScript
104 lines
2.6 KiB
JavaScript
const path = require('path');
|
|
|
|
const { ProvidePlugin } = require('webpack');
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
|
|
const { generateIconNames } = require('../development/generate-icon-names');
|
|
|
|
module.exports = {
|
|
core: {
|
|
builder: 'webpack5',
|
|
},
|
|
features: { buildStoriesJson: true },
|
|
stories: [
|
|
'../ui/**/*.stories.js',
|
|
'../ui/**/*.stories.mdx',
|
|
'./*.stories.mdx',
|
|
],
|
|
addons: [
|
|
'@storybook/addon-essentials',
|
|
'@storybook/addon-actions',
|
|
'@storybook/addon-a11y',
|
|
'@storybook/addon-knobs',
|
|
'./i18n-party-addon/register.js',
|
|
'storybook-dark-mode',
|
|
],
|
|
staticDirs: ['../app', './images'],
|
|
// Uses babel.config.js settings and prevents "Missing class properties transform" error
|
|
babel: async (options) => ({ overrides: options.overrides }),
|
|
// Sets env variables https://storybook.js.org/docs/react/configure/environment-variables/
|
|
env: async (config) => {
|
|
return {
|
|
...config,
|
|
// Creates the icon names environment variable for the component-library/icon/icon.js component
|
|
ICON_NAMES: generateIconNames(),
|
|
};
|
|
},
|
|
webpackFinal: async (config) => {
|
|
config.context = process.cwd();
|
|
config.node = {
|
|
__filename: true,
|
|
};
|
|
config.resolve.alias['webextension-polyfill'] = require.resolve(
|
|
'./__mocks__/webextension-polyfill.js',
|
|
);
|
|
config.resolve.fallback = {
|
|
child_process: false,
|
|
constants: false,
|
|
crypto: false,
|
|
fs: false,
|
|
http: false,
|
|
https: false,
|
|
os: false,
|
|
path: false,
|
|
stream: require.resolve('stream-browserify'),
|
|
_stream_transform: false,
|
|
};
|
|
config.module.strictExportPresence = true;
|
|
config.module.rules.push({
|
|
test: /\.scss$/,
|
|
use: [
|
|
'style-loader',
|
|
{
|
|
loader: 'css-loader',
|
|
options: {
|
|
import: false,
|
|
url: false,
|
|
},
|
|
},
|
|
{
|
|
loader: 'sass-loader',
|
|
options: {
|
|
sourceMap: true,
|
|
implementation: require('sass'),
|
|
sassOptions: {
|
|
includePaths: ['ui/css/'],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
});
|
|
config.plugins.push(
|
|
new CopyWebpackPlugin({
|
|
patterns: [
|
|
{
|
|
from: path.join(
|
|
'node_modules',
|
|
'@fortawesome',
|
|
'fontawesome-free',
|
|
'webfonts',
|
|
),
|
|
to: path.join('fonts', 'fontawesome'),
|
|
},
|
|
],
|
|
}),
|
|
);
|
|
config.plugins.push(
|
|
new ProvidePlugin({
|
|
Buffer: ['buffer', 'Buffer'],
|
|
}),
|
|
);
|
|
return config;
|
|
},
|
|
};
|