Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[perf] add webpack 4 + SplitChunks + lazy load visualizations #5240

Merged
merged 17 commits into from
Jun 18, 2018

Conversation

williaster
Copy link
Contributor

This is a copy of this PR with a fix for the istanbul build. After trying a million things I think the easiest fix is to ignore the visualizations/index.js file in coverage 🤷‍♀️

Perf improvements should match those in the previous PR.

@mistercrunch @john-bodley

@codecov-io
Copy link

Codecov Report

Merging #5240 into master will decrease coverage by 2.49%.
The diff coverage is 40.84%.

Impacted file tree graph

@@            Coverage Diff            @@
##           master    #5240     +/-   ##
=========================================
- Coverage   63.46%   60.96%   -2.5%     
=========================================
  Files         261      260      -1     
  Lines       19845    19870     +25     
  Branches     1998     2002      +4     
=========================================
- Hits        12594    12114    -480     
- Misses       7242     7747    +505     
  Partials        9        9
Impacted Files Coverage Δ
...ts/src/visualizations/deckgl/layers/screengrid.jsx 0% <0%> (-38.19%) ⬇️
superset/assets/src/visualizations/time_table.jsx 0% <0%> (-16.82%) ⬇️
...ssets/src/visualizations/deckgl/layers/scatter.jsx 0% <0%> (-27.84%) ⬇️
...et/assets/src/dashboard/components/SliceHeader.jsx 31.14% <0%> (ø) ⬆️
superset/assets/src/visualizations/markup.js 0% <0%> (-26.67%) ⬇️
superset/assets/src/components/Loading.jsx 87.5% <100%> (ø) ⬆️
superset/viz.py 81.34% <100%> (ø) ⬆️
superset/assets/src/chart/Chart.jsx 56.52% <34.69%> (-8.48%) ⬇️
superset/__init__.py 73.1% <81.81%> (+0.78%) ⬆️
...t/assets/src/visualizations/deckgl/layers/index.js 0% <0%> (-100%) ⬇️
... and 44 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d7d5327...04cc755. Read the comment docs.

@mistercrunch
Copy link
Member

LGTM

@john-bodley john-bodley merged commit 1fc4ee0 into apache:master Jun 18, 2018
john-bodley pushed a commit to john-bodley/superset that referenced this pull request Jun 19, 2018
…#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js

(cherry picked from commit 1fc4ee0)
john-bodley pushed a commit to john-bodley/superset that referenced this pull request Jun 20, 2018
…#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js

(cherry picked from commit 1fc4ee0)
john-bodley added a commit that referenced this pull request Jun 20, 2018
#5253)

* Revert "[sqllab] Fix sql lab resolution link (#5216)"

This reverts commit 93cdf60.

* Revert "Pin botocore version (#5184)"

This reverts commit 70679d4.

* Revert "Describe the use of custom OAuth2 authorization servers (#5220)"

This reverts commit a84f430.

* Revert "[bubble-chart] Fixing issue w/ metric names (#5237)"

This reverts commit 5c106b9.

* Revert "[adhoc-filters] Adding adhoc-filters to all viz types (#5206)"

This reverts commit d483ed1.

* Revert "[perf] add webpack 4 + SplitChunks + lazy load visualizations (#5240)"

This reverts commit 1fc4ee0.
john-bodley added a commit to john-bodley/superset that referenced this pull request Jun 20, 2018
apache#5253)

* Revert "[sqllab] Fix sql lab resolution link (apache#5216)"

This reverts commit 93cdf60.

* Revert "Pin botocore version (apache#5184)"

This reverts commit 70679d4.

* Revert "Describe the use of custom OAuth2 authorization servers (apache#5220)"

This reverts commit a84f430.

* Revert "[bubble-chart] Fixing issue w/ metric names (apache#5237)"

This reverts commit 5c106b9.

* Revert "[adhoc-filters] Adding adhoc-filters to all viz types (apache#5206)"

This reverts commit d483ed1.

* Revert "[perf] add webpack 4 + SplitChunks + lazy load visualizations (apache#5240)"

This reverts commit 1fc4ee0.

(cherry picked from commit 62427c8)
williaster added a commit to williaster/superset that referenced this pull request Jul 17, 2018
…#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js
williaster added a commit that referenced this pull request Jul 17, 2018
* [perf] add webpack 4 + SplitChunks + lazy load visualizations (#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js

* [webpack 4] fix rebase bug, update dashboard/deprecated/chart/Chart.jsx to use vis promises.

* [webpack 4] lint and test

* [webpack 4] yarn.lock
graceguo-supercat pushed a commit to graceguo-supercat/superset that referenced this pull request Jul 19, 2018
* [perf] add webpack 4 + SplitChunks + lazy load visualizations (apache#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js

* [webpack 4] fix rebase bug, update dashboard/deprecated/chart/Chart.jsx to use vis promises.

* [webpack 4] lint and test

* [webpack 4] yarn.lock

(cherry picked from commit 8b7aaec)
timifasubaa pushed a commit to airbnb/superset-fork that referenced this pull request Jul 25, 2018
…#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js
timifasubaa pushed a commit to airbnb/superset-fork that referenced this pull request Jul 25, 2018
apache#5253)

* Revert "[sqllab] Fix sql lab resolution link (apache#5216)"

This reverts commit 93cdf60.

* Revert "Pin botocore version (apache#5184)"

This reverts commit 70679d4.

* Revert "Describe the use of custom OAuth2 authorization servers (apache#5220)"

This reverts commit a84f430.

* Revert "[bubble-chart] Fixing issue w/ metric names (apache#5237)"

This reverts commit 5c106b9.

* Revert "[adhoc-filters] Adding adhoc-filters to all viz types (apache#5206)"

This reverts commit d483ed1.

* Revert "[perf] add webpack 4 + SplitChunks + lazy load visualizations (apache#5240)"

This reverts commit 1fc4ee0.
timifasubaa pushed a commit to airbnb/superset-fork that referenced this pull request Jul 25, 2018
* [perf] add webpack 4 + SplitChunks + lazy load visualizations (apache#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js

* [webpack 4] fix rebase bug, update dashboard/deprecated/chart/Chart.jsx to use vis promises.

* [webpack 4] lint and test

* [webpack 4] yarn.lock
williaster added a commit to airbnb/superset-fork that referenced this pull request Aug 8, 2018
* [perf] add webpack 4 + SplitChunks + lazy load visualizations (apache#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js

* [webpack 4] fix rebase bug, update dashboard/deprecated/chart/Chart.jsx to use vis promises.

* [webpack 4] lint and test

* [webpack 4] yarn.lock
wenchma pushed a commit to wenchma/incubator-superset that referenced this pull request Nov 16, 2018
…#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js
wenchma pushed a commit to wenchma/incubator-superset that referenced this pull request Nov 16, 2018
apache#5253)

* Revert "[sqllab] Fix sql lab resolution link (apache#5216)"

This reverts commit 93cdf60.

* Revert "Pin botocore version (apache#5184)"

This reverts commit 70679d4.

* Revert "Describe the use of custom OAuth2 authorization servers (apache#5220)"

This reverts commit a84f430.

* Revert "[bubble-chart] Fixing issue w/ metric names (apache#5237)"

This reverts commit 5c106b9.

* Revert "[adhoc-filters] Adding adhoc-filters to all viz types (apache#5206)"

This reverts commit d483ed1.

* Revert "[perf] add webpack 4 + SplitChunks + lazy load visualizations (apache#5240)"

This reverts commit 1fc4ee0.
wenchma pushed a commit to wenchma/incubator-superset that referenced this pull request Nov 16, 2018
* [perf] add webpack 4 + SplitChunks + lazy load visualizations (apache#5240)

* [webpack] setup lazy loading for all visualizations

* [lazy-load] push renderVis function to <Chart /> state

* no mapbox token

* [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug.

* fix geojson import, undefined t, and fix async css bug

* [lazy load] actually add babel-plugin-syntax-dynamic-import

* [webpack] working dev version of webpack v4

* [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins

* [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints

* [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox

* [webpack 4] lint python manifest changes, update yarn lock.

* [webpack 4] fix tests with babel-plugin-dynamic-import-node

* [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes

* [webpack 4] clean up package.json and yarn.lock after rebase

* [webpack 4] lint?

* [webpack 4] lint for real

* [webpack 4][istanbul] ignore visualizations/index.js

* [webpack 4] fix rebase bug, update dashboard/deprecated/chart/Chart.jsx to use vis promises.

* [webpack 4] lint and test

* [webpack 4] yarn.lock
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 0.26.0 labels Feb 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 0.26.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants