relative-ci / roadmap Goto Github PK
View Code? Open in Web Editor NEWIssues, questions and feature requests for RelativeCI
Home Page: https://relative-ci.com
Issues, questions and feature requests for RelativeCI
Home Page: https://relative-ci.com
Display metric changes in the last 7/30/90 days
Just a small typo from copy-pasting the next.config.js
webpack config.
https://relative-ci.com/documentation/guides/webpack-stats/next.js
// next.config.js
const { StatsWriterPlugin } = require('webpack-stats-plugin')
module.exports = {
webpack: (config, options) => {
const { dev, isServer } = options;
// Output webpack stats JSON file only for client-side/production build
if (!dev && !isServer) {
config.plugins.push(
new StatsWriterPlugin( // <-- missing curly braces for object
filename: '../artifacts/webpack-stats.json',
stats: {
assets: true,
entrypoints: true,
chunks: true,
modules: true
}
)
);
}
return config;
}
};
Show metric changes for a specific period (current week, current month, etc)
Send weekly emails with the metric changes
When browsing modules, will be useful to provide extra information for the chunk(size, delta)
Per project setting to allow to compare against another branch than master by default.
Surface all the metric changes over some time (current month, last month, etc.)
It would be really nice to drilldown into WHAT (and even where) the offending asset(s) are with things like file size and file name, etc:
Then to understand WHY it might be helpful to get more insight integrating a tool like webpack-bundle-analyzer into this GUI.
Just want a more wholesome look at what is wrong and "why" to help understand how to fix a large bundle.
Frequent Question and Awnsers
=> Answers
Rel: #21
Rel: relative-ci/bundle-stats#594
It would be helpful to include a "CRA config" of the Configure agent webpack plugin section of documentation. After some digging, I found the Use with create-react-app section did the trick.
This could be adapted to describe RelativeCiAgentWebpackPlugin
like the following:
You will need to customize the default webpack config. That can be done by using react-app-rewired which is one of create-react-app's custom config solutions. You will also need customize-cra.
npm install --dev customize-cra react-app-rewired
or
yarn add --dev customize-cra react-app-rewired
Add a script in package.json
:
"scripts": {
"build:analyze": "react-app-rewired build"
}
Create a file config-overrides.js
at the same level as package.json
.
const { RelativeCiAgentWebpackPlugin } = require('@relative-ci/agent')
const { override, addWebpackPlugin } = require('customize-cra')
module.exports = override(addWebpackPlugin(new RelativeCiAgentWebpackPlugin()))
It'd be great if we can search jobs by the Job ID or the commit message in the following places. That's because sometimes we'd like to view or compare with a very old job. Even though we can use the existing date filter, it'd be way convenient if we can directly search by job ID or commit message :)
Jobs overview:
Compare with another job:
Allow users to set multiple Slack notifications
rel: #40
pull_request
, pull_request_target
)Render a svg badge with the total bundle size of the project
duplicatePackagesCount
cacheInvalidation
Rel: relative-ci/bundle-stats#385
Does relative-ci
support React Native (Metro) bundles?
Allow to setup multiple RelativeCI projects on one repository
any plans for this? Maybe can autodetect Webpack vs Parcel using same relative-ci config? I have a project using parcel that I can't use with your paid plugin, but I am using this plugin for webpack projects.
Allow project members to "Accept" the changes introduced by a job that sends a failed/action_required GitHub check.
GitHub check integration can set the check status to failed/action_required, and atm users are forced to merge pull requests with failed RelativeCI checks.
rel: https://relative-ci.com/documentation/setup/configure/integrations/github-checks/
Show rules on the job review modal and link to the corresponding section
rel: #40
When working with multiple RelativeCI projects corresponding to a monorepo, it is difficult to set up(each project has to be set up individually), and it is challenging to correlate the changes across the projects
Create a specific type of project that will group all the projects corresponding to a monorepo
Allow to select another job as a baseline
We do this with codecov using terraform provider (https://registry.terraform.io/providers/at-wat/ucodecov/latest/docs).
The API call in codecov which we use is https://docs.codecov.com/reference/repos_config_retrieve.
I am willing to build the terraform provider at https://github.com/terraform-community-providers if you can expose the API.
Allow users to set custom GitHub checks for other metrics than bundle size
last 7/30/90 days
rel: #40
The review mode is currently enabled for all jobs. When a check fails, is approved as part of the PR review process, and the PR is merged, the check will be evaluated again on the merge commit. The check will fail, the commit status will be set to pending, and the user will have to approve the same change again.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.