fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-02 07:48:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Begin integrating blueprint (#359)

Browse Source 
* toast test

* modify webpack build to allow for global CSS; use CSS modules to scope component styling

* remove heatmap

* add label to index resets

* swapping out buttons for blueprint

* adding constants to globals

* swapping out blueprint buttons

* title position, sidebar improvements

* sidebar styles

* adding toasts for validation errors

* zebra section trial

* integrating blueprint, switching buttons over, breaking out scatter

* clean up console
This commit is contained in:
Colin Megill
2018-10-22 15:46:37 -04:00
committed by GitHub
parent 0c271bc815
commit df671192be
34 changed files with 717 additions and 737 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/configuration/webpack/webpack.config.dev.js
+18 -3
View File
@@ -6,6 +6,8 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
const src = path.resolve("src");
const nodeModules = path.resolve("node_modules");
const babelOptions = require("../babel/babel.dev");
module.exports = {
mode: "development",
devtool: "eval",
@@ -22,11 +24,12 @@ module.exports = {
test: /\.js$/,
include: src,
loader: "babel-loader",
options: require("../babel/babel.dev")
options: babelOptions
},
{
test: /\.css$/,
include: [src, nodeModules],
include: src,
exclude: [path.resolve(src, "index.css")],
loader: [
{
loader: "style-loader"
@@ -35,12 +38,24 @@ module.exports = {
loader: "css-loader",
options: {
modules: true,
importLoaders: 1,
localIdentName: "[name]__[local]___[hash:base64:5]"
}
}
]
},
{
test: /index\.css$/,
include: [path.resolve(src, "index.css")],
loader: [
{
loader: "style-loader"
},
{
loader: "css-loader"
}
]
},
{ test: /\.json$/, include: [src, nodeModules], loader: "json-loader" },
{
test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)(\?.*)?$/,
client/configuration/webpack/webpack.config.prod.js
+27 -11
View File
@@ -1,6 +1,5 @@
// jshint esversion: 6
const path = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const SWPrecacheWebpackPlugin = require("sw-precache-webpack-plugin");
@@ -9,6 +8,8 @@ const HtmlWebpackInlineSourcePlugin = require("html-webpack-inline-source-plugin
const src = path.resolve("src");
const nodeModules = path.resolve("node_modules");
const babelOptions = require("../babel/babel.prod");
const publicPath = "/";
module.exports = {
@@ -16,7 +17,7 @@ module.exports = {
bail: true,
cache: false,
devtool: "cheap-source-map",
entry: ["./src/index"],
entry: ["./src/index.js"],
output: {
path: path.resolve("build"),
filename: "static/js/[name].[chunkhash:8].js",
@@ -28,15 +29,14 @@ module.exports = {
test: /\.js$/,
include: src,
loader: "babel-loader",
options: require("../babel/babel.prod")
options: babelOptions
},
{
test: /\.css$/,
include: [src, nodeModules],
loader: [
{
loader: MiniCssExtractPlugin.loader
},
include: src,
exclude: [path.resolve(src, "index.css")],
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
@@ -47,6 +47,19 @@ module.exports = {
}
]
},
{
test: /index\.css$/,
include: [path.resolve(src, "index.css")],
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
importLoaders: 1
}
}
]
},
{
test: /\.json$/,
include: [src, nodeModules],
@@ -57,7 +70,10 @@ module.exports = {
test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)(\?.*)?$/,
include: [src, nodeModules],
loader: "file-loader",
query: { name: "static/media/[name].[hash:8].[ext]" }
options: {
name: "[name].[hash:8].[ext]",
outputPath: "static/media/"
}
},
{
test: /\.(mp4|webm)(\?.*)?$/,
@@ -97,7 +113,7 @@ module.exports = {
})
],
performance: {
maxEntrypointSize: 750000,
maxAssetSize: 750000
maxEntrypointSize: 2000000,
maxAssetSize: 2000000
}
};