@kaliber/build 0.0.120 → 0.0.123

package/lib/build.js

@@ -284,9 +284,11 @@ module.exports = function build({ watch }) {
         },
 
         {
-          test: /\.css$/,
+          resource: {
+            test: /\.css$/,
+            or: [{ exclude: /node_modules/ }, ...compileWithBabel],
+          },
           loaders: ['json-loader', cssLoader],
-          exclude: /node_modules/
         },
 
         {

package/lib/serve.js

@@ -8,7 +8,7 @@ const morgan = require('morgan')
 
 const templateRenderers = require('./getTemplateRenderers')
 
-const { kaliber: { serveMiddleware, helmetOptions, publicPath = '/' } = {} } = require('@kaliber/config')
+const { kaliber: { serveMiddleware, helmetOptions, publicPath = '/', reportError } = {} } = require('@kaliber/config')
 
 const recognizedTemplates = Object.keys(templateRenderers)
 const blockedTemplateFiles = recognizedTemplates.reduce(
@@ -59,6 +59,8 @@ app.use((err, req, res, next) => {
   if (!err) return next()
 
   console.error(err)
+  if (reportError) reportError(err)
+
   const response = res.status(500)
   if (isProduction) {
     findFile(req.path, internalServerError)

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.120",
+  "version": "0.0.123",
   "name": "@kaliber/build",
   "description": "Zero configuration, opinionated webpack / react build setup",
   "scripts": {

package/stylelint-plugins/rules/layout-related-properties/index.js

@@ -4,7 +4,7 @@ const {
   withRootRules, withNestedRules,
   isPseudoElement,
 } = require('../../machinery/ast')
-const { flexChildProps, gridChildProps } = require('../../machinery/css')
+const { flexChildProps, gridChildProps, flexOrGridChildProps } = require('../../machinery/css')
 
 const intrinsicUnits = ['px', 'em', 'rem', 'vw', 'vh']
 const intrinsicProps = ['width', 'height', 'max-width', 'min-width', 'max-height', 'min-height']
@@ -25,6 +25,7 @@ const layoutRelatedProps = [ // only allowed in child
   'justify-self', 'align-self',
   ...flexChildProps,
   ...gridChildProps,
+  ...flexOrGridChildProps,
   ...allowedInRootAndChild,
 ]
 const layoutRelatedPropsWithValues = extractPropsWithValues(layoutRelatedProps)
@@ -36,9 +37,9 @@ const messages = {
     `move to a nested selector in a another root rule, if you are forced by a third party ` +
     `library, you can rename your selector to \`_rootXyz\` or \`component_rootXyz\`` + (
       intrinsicProps.includes(prop)
-      ? `\nif you are trying to define an intrinsic ${prop}, make sure you set the unit to ` +
+        ? `\nif you are trying to define an intrinsic ${prop}, make sure you set the unit to ` +
         `one of \`${intrinsicUnits.join('`, `')}\` and add \`!important\``
-      : ''
+        : ''
     ),
   'nested - only layout related props in nested':  prop =>
     `illegal non-layout related prop\n` +

package/stylelint-plugins/rules/layout-related-properties/readme.md

@@ -127,6 +127,7 @@ Examples of *correct* code for this rule:
     grid: 0; grid-area: 0; grid-column: 0; grid-row: 0;
     grid-column-start: 0; grid-column-end: 0; grid-row-start: 0; grid-row-end: 0;
     justify-self: 0; align-self: 0;
+    order: 0;
   }
 }
 ```
@@ -143,6 +144,7 @@ Examples of *incorrect* code for this rule:
   grid: 0; grid-area: 0; grid-column: 0; grid-row: 0;
   grid-column-start: 0; grid-column-end: 0; grid-row-start: 0; grid-row-end: 0;
   justify-self: 0; align-self: 0;
+  order: 0;
   max-width: 0; min-width: 0; max-height: 0; min-height: 0;
 }
 ```

package/stylelint-plugins/rules/layout-related-properties/test.js

@@ -19,6 +19,7 @@ test('layout-related-properties', {
               grid: 0; grid-area: 0; grid-column: 0; grid-row: 0;
               grid-column-start: 0; grid-column-end: 0; grid-row-start: 0; grid-row-end: 0;
               justify-self: 0; align-self: 0;
+              order: 0;
             }
           }
         `,
@@ -101,6 +102,7 @@ test('layout-related-properties', {
             grid: 0; grid-area: 0; grid-column: 0; grid-row: 0;
             grid-column-start: 0; grid-column-end: 0; grid-row-start: 0; grid-row-end: 0;
             justify-self: 0; align-self: 0;
+            order: 0;
             max-width: 0; min-width: 0; max-height: 0; min-height: 0;
           }
         `,
@@ -113,6 +115,7 @@ test('layout-related-properties', {
           'grid', 'grid-area', 'grid-column', 'grid-row',
           'grid-column-start', 'grid-column-end', 'grid-row-start', 'grid-row-end',
           'justify-self', 'align-self',
+          'order',
           'max-width', 'min-width', 'max-height', 'min-height',
         ])
       },
@@ -133,6 +136,7 @@ test('layout-related-properties', {
               grid: 0; grid-area: 0; grid-column: 0; grid-row: 0;
               grid-column-start: 0; grid-column-end: 0; grid-row-start: 0; grid-row-end: 0;
               justify-self: 0; align-self: 0;
+              order: 0;
             }
           }
         `,
@@ -145,6 +149,7 @@ test('layout-related-properties', {
           'grid', 'grid-area', 'grid-column', 'grid-row',
           'grid-column-start', 'grid-column-end', 'grid-row-start', 'grid-row-end',
           'justify-self', 'align-self',
+          'order',
         ])
       },
       {

package/stylelint-plugins/rules/naming-policy/test.js

@@ -138,6 +138,7 @@ test('naming-policy', {
             grid: 0; grid-area: 0; grid-column: 0; grid-row: 0;
             grid-column-start: 0; grid-column-end: 0; grid-row-start: 0; grid-row-end: 0;
             justify-self: 0; align-self: 0;
+            order: 0;
           }
 
           .component_rootTest {
@@ -149,6 +150,7 @@ test('naming-policy', {
             grid: 0; grid-area: 0; grid-column: 0; grid-row: 0;
             grid-column-start: 0; grid-column-end: 0; grid-row-start: 0; grid-row-end: 0;
             justify-self: 0; align-self: 0;
+            order: 0;
           }
         `,
       },