emmenko
commented
2 years ago Hi @kmahadevan01 ,
Yes the pegjs dependency has been removed from the appkit packages. Internally we still use it and I can share the setup that you can use to make it work (even with all the latest appkit dependencies).
One question though out of curiosity: what is your use case for using pegjs?
Internally we are using "pegjs": "0.10.0" and "pegjs-loader": "0.5.6" (you need it for Webpack) as dependencies in your package.json.
Next you need to configure the Webpack loader.
Create a webpack.config.dev.js:
const {
createWebpackConfigForDevelopment,
} = require('@commercetools-frontend/mc-scripts/webpack');
const config = createWebpackConfigForDevelopment();
config.module.rules = config.module.rules.concat({
test: /\.pegjs$/,
use: [require.resolve('pegjs-loader')],
});
module.exports = config;And a webpack.config.prod.js:
const {
createWebpackConfigForProduction,
} = require('@commercetools-frontend/mc-scripts/webpack');
const config = createWebpackConfigForProduction();
config.module.rules = config.module.rules.concat({
test: /\.pegjs$/,
use: [require.resolve('pegjs-loader')],
});
module.exports = config;In your Jest config you then need to configure the transformer to load the .pegjs files:
const path = require('path');
const basePreset = require('@commercetools-frontend/jest-preset-mc-app');
const jestPreset = {
...basePreset,
transform: {
...basePreset.transform,
'^.+\\.pegjs$': path.resolve(__dirname, './jest.pegjs.transform.js'),
},
};
module.exports = jestPreset;And finally you need to create a jest.pegjs.transform.js:
// This transformer is shamelessly extracted from
// https://github.com/danwang/pegjs-jest
// The original library is incompatible with current Jest API
// and looks abandoned.
const crypto = require('crypto');
const peg = require('pegjs');
const getCacheKey = (fileData, filePath) =>
crypto.createHash('md5').update(fileData).digest('hex');
const process = (sourceText, sourcePath, options) =>
`module.exports = ${peg.generate(sourceText, { output: 'source' })}`;
module.exports = {
getCacheKey,
process,
};
kmahadevan01
pandiarajan-nu
selvam-murugan-nu
nspeet
leninexpress
We ran the build with the old version of "@commercetools-frontend/mc-scripts: 17.0.0" and the build was successful. But, while running the test cases, though we have fixed react-intl errors, the rest of the errors shown in the test cases are pegjs errors. PFA for reference. While debugging, we found pegjs, and their dependencies are removed from CT. Our current code is using pegjs for parsing. To address jest errors, we have upgraded/downgraded the version of jest and its dependencies. But, still, we are getting the same errors in all the scenarios. Since it is deprecated, could you please let us know the alternative library we could use for parsing Error: `Jest encountered an unexpected token