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.

Sign up for GitHub

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

1.3.0 #48

Merged
merged 25 commits into from
Jul 14, 2018
Merged

1.3.0 #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
f75968e
first pass at integrating `offline-plugin`
May 11, 2018
4f89616
first pass at asset hashing (just js & css for now)
May 11, 2018
b3358b8
dependency updates
May 11, 2018
97253f9
Merge branch 'dev' into asset-hashing
May 11, 2018
8f45ab8
Merge branch 'dev' into offline-plugin
May 11, 2018
c0d05e8
yarn.lock post-merge
May 11, 2018
edce988
Merge branch 'asset-hashing' into offline-plugin
May 11, 2018
28994ac
hashing tweaks/buildout
May 12, 2018
9e4c758
asset caching readme coverage
May 12, 2018
4a3cd40
Merge branch 'dev' into offline-plugin
May 12, 2018
cea8ab5
asset caching readme coverage
May 12, 2018
2610126
asset caching readme coverage
May 12, 2018
d470355
postcss-extend integration (#42)
May 12, 2018
500d832
tidying up (#43)
May 12, 2018
f152ed4
version bump (#45)
May 12, 2018
9215779
Merge branch 'master' into dev
May 15, 2018
09ea960
dependency updates
Jun 5, 2018
5d013b5
Merge branch 'dev' of https://github.com/bstaruk/starbase into dev
Jun 5, 2018
8123f5f
readme updates
Jun 5, 2018
f3ce9ee
app description update
Jun 5, 2018
225ba17
readme tweaks
Jun 5, 2018
9a0ff74
template tweaks
Jun 5, 2018
dffd9cf
incremental version bump
Jun 5, 2018
db314e8
replace postcss-cssnext w/ postcss-preset-env (#47)
Jul 14, 2018
c1af0e0
Merge branch 'master' into dev
Jul 14, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,12 @@ starbase is an offline-first web app boilerplate that is built with webpack 4, P
* [webpack 4](https://github.com/webpack/webpack) & [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
* [Babel](https://github.com/babel/babel) (ES6) w/ [ESLint](https://github.com/eslint/eslint)
* [PostCSS](https://github.com/postcss/postcss) w/
* [cssnano](https://github.com/ben-eb/cssnano)
* [cssnext](https://github.com/MoOx/postcss-cssnext)
* [PostCSS Preset Env](https://github.com/csstools/postcss-preset-env)
* [PostCSS Nested](https://github.com/postcss/postcss-nested)
* [PostCSS Responsive Type](https://github.com/seaneking/postcss-responsive-type)
* [postcss-extend](https://github.com/travco/postcss-extend)
* [stylelint](https://github.com/stylelint/stylelint)
* [cssnano](https://github.com/ben-eb/cssnano)
* [MQPacker](https://github.com/hail2u/node-css-mqpacker)
* ...and more!

Expand Down
38 changes: 19 additions & 19 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "starbase",
"version": "1.2.1",
"version": "1.3.0",
"author": "Brian Staruk <[email protected]>",
"contributors": [
{
Expand Down Expand Up @@ -31,45 +31,45 @@
"license": "MIT",
"devDependencies": {
"babel-core": "^6.26.3",
"babel-eslint": "^8.2.3",
"babel-loader": "^7.1.4",
"babel-eslint": "^8.2.6",
"babel-loader": "^7.1.5",
"babel-preset-env": "^1.7.0",
"caniuse-lite": "^1.0.30000849",
"caniuse-lite": "^1.0.30000865",
"clean-webpack-plugin": "^0.1.19",
"css-loader": "^0.28.11",
"css-loader": "^1.0.0",
"css-mqpacker": "^6.0.2",
"cssnano": "^3.10.0",
"cssnano": "^4.0.2",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-airbnb": "^17.0.0",
"eslint-loader": "^2.0.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-react": "^7.9.1",
"eslint-plugin-import": "^2.13.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-react": "^7.10.0",
"file-loader": "^1.1.11",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"loader-utils": "^1.1.0",
"mini-css-extract-plugin": "^0.4.0",
"node-sass": "^4.9.0",
"mini-css-extract-plugin": "^0.4.1",
"node-sass": "^4.9.2",
"offline-plugin": "^5.0.5",
"postcss": "^6.0.22",
"postcss-cssnext": "^3.1.0",
"postcss": "^6.0.23",
"postcss-extend": "^1.0.5",
"postcss-import": "^11.1.0",
"postcss-loader": "^2.1.5",
"postcss-loader": "^2.1.6",
"postcss-nested": "^3.0.0",
"postcss-preset-env": "^5.2.2",
"postcss-remove-root": "0.0.2",
"postcss-reporter": "^5.0.0",
"postcss-responsive-type": "^1.0.0",
"sass-loader": "^7.0.3",
"style-loader": "^0.21.0",
"stylelint": "^9.2.1",
"stylelint": "^9.3.0",
"stylelint-config-standard": "^18.2.0",
"url-loader": "^1.0.1",
"webpack": "^4.11.0",
"webpack-cli": "^3.0.2",
"webpack": "^4.16.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4",
"webpack-merge": "^4.1.2"
"webpack-merge": "^4.1.3"
},
"dependencies": {
"es6-promise": "^4.2.4",
Expand Down
13 changes: 8 additions & 5 deletions src/components/tabs/Tabs.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,14 @@
class Tabs {
constructor(props) {
if (props.el) {
this.el = props.el;
if (this.el) {
this.init();
}
const { el } = props;

if (!el) {
return;
}

this.el = el;

this.init();
}

init() {
Expand Down
4 changes: 2 additions & 2 deletions src/templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
<html class="no-js">
<head>
<meta charset="UTF-8">
<title>starbase - a webpack, ES6 & PostCSS boilerplate for web developers</title>
<meta name="description" content="starbase: webpack 4 boilerplate w/ Babel (ES6), ESLint, PostCSS, cssnext, stylelint & more">
<title>starbase - a webpack, ES6 &amp; PostCSS boilerplate for web developers</title>
<meta name="description" content="starbase: webpack 4 boilerplate w/ Babel (ES6), ESLint, PostCSS, PostCSS Preset Env, stylelint &amp; more">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#fefefe">
</head>
Expand Down
4 changes: 2 additions & 2 deletions src/variables/variables.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,6 @@
--body-width-max: 48rem; /* 768/16 */

/* breakpoints */
@custom-media --small only screen and (min-width: 34rem); /* 544/16 */
@custom-media --medium only screen and (min-width: 48rem); /* 768/16 */
@custom-media --small (min-width: 34em); /* 544/16 */
@custom-media --medium (min-width: 48em); /* 768/16 */
}
2 changes: 1 addition & 1 deletion webpack/webpack.config.base.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
context: path.resolve(__dirname, '../src'),
Expand Down
31 changes: 21 additions & 10 deletions webpack/webpack.config.dev.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,21 @@
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const path = require('path');
const webpackMerge = require('webpack-merge');
const webpackConfigBase = require('./webpack.config.base.js');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

// postcss plugins
const cssMqpacker = require('css-mqpacker');
const cssnano = require('cssnano');
const postcssExtend = require('postcss-extend');
const postcssImport = require('postcss-import');
const stylelint = require('stylelint');
const postcssReporter = require('postcss-reporter');
const postcssCssnext = require('postcss-cssnext');
const postcssNested = require('postcss-nested');
const postcssPresetEnv = require('postcss-preset-env');
const postcssRemoveRoot = require('postcss-remove-root');
const postcssReporter = require('postcss-reporter');
const postcssResponsiveType = require('postcss-responsive-type');
const postcssExtend = require('postcss-extend');
const cssMqpacker = require('css-mqpacker');
const stylelint = require('stylelint');

// import base config
const webpackConfigBase = require('./webpack.config.base.js');

module.exports = webpackMerge(webpackConfigBase, {
output: {
Expand All @@ -28,16 +31,21 @@ module.exports = webpackMerge(webpackConfigBase, {
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
sourceMap: 'inline',
plugins: () => [
stylelint(),
postcssReporter(),
postcssImport(),
postcssNested(),
postcssCssnext({
postcssPresetEnv({
stage: 1,
features: {
autoprefixer: {
grid: false
'custom-properties': {
preserve: false
},
'custom-media': {
preserve: false
}
}
}),
Expand All @@ -46,6 +54,9 @@ module.exports = webpackMerge(webpackConfigBase, {
postcssRemoveRoot(),
cssMqpacker({
sort: true
}),
cssnano({
preset: 'default'
})
]
}
Expand Down
36 changes: 21 additions & 15 deletions webpack/webpack.config.prod.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,23 @@
const path = require('path');
const webpackMerge = require('webpack-merge');
const webpackConfigBase = require('./webpack.config.base.js');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OfflinePlugin = require('offline-plugin');
const path = require('path');
const webpackMerge = require('webpack-merge');

// postcss plugins
const cssMqpacker = require('css-mqpacker');
const cssnano = require('cssnano');
const postcssExtend = require('postcss-extend');
const postcssImport = require('postcss-import');
const stylelint = require('stylelint');
const postcssReporter = require('postcss-reporter');
const postcssCssnext = require('postcss-cssnext');
const postcssNested = require('postcss-nested');
const postcssPresetEnv = require('postcss-preset-env');
const postcssRemoveRoot = require('postcss-remove-root');
const postcssReporter = require('postcss-reporter');
const postcssResponsiveType = require('postcss-responsive-type');
const postcssExtend = require('postcss-extend');
const cssMqpacker = require('css-mqpacker');
const cssnano = require('cssnano');
const stylelint = require('stylelint');

// import base config
const webpackConfigBase = require('./webpack.config.base.js');

module.exports = webpackMerge(webpackConfigBase, {
output: {
Expand All @@ -31,15 +33,20 @@ module.exports = webpackMerge(webpackConfigBase, {
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: () => [
stylelint(),
postcssReporter(),
postcssImport(),
postcssNested(),
postcssCssnext({
postcssPresetEnv({
stage: 1,
features: {
autoprefixer: {
grid: false
'custom-properties': {
preserve: false
},
'custom-media': {
preserve: false
}
}
}),
Expand All @@ -50,8 +57,7 @@ module.exports = webpackMerge(webpackConfigBase, {
sort: true
}),
cssnano({
autoprefixer: false,
safe: true
preset: 'default'
})
]
}
Expand Down
Loading