sku 11.3.0 → 11.3.3

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # sku
 
+## 11.3.3
+
+### Patch Changes
+
+- Exclude playroom from vanilla-extract pipeline ([#682](https://github.com/seek-oss/sku/pull/682))
+
+  TL;DR Only affects consumers using running Playroom along side sku — i.e. Braid.
+
+  Due to the current pattern used for the virtual file paths of vanilla-extract's generated stylesheets, we are manually excluding Playroom’s vanilla-extract styles.
+
+  In the future, we are planning to use more realistic virtual file paths, which should honour the default handling of include/exclude path matching and make this work around no longer necessary.
+
+## 11.3.2
+
+### Patch Changes
+
+- Fix banner width in CI ([#680](https://github.com/seek-oss/sku/pull/680))
+
+## 11.3.1
+
+### Patch Changes
+
+- test: Run Jest using the CI flag when in CI environment ([#678](https://github.com/seek-oss/sku/pull/678))
+
+  Tests run in CI should fail if a new snapshot is written, this was not the case and needed to be opted into manually by passing the `--ci` [flag to Jest](https://jestjs.io/docs/cli#--ci).
+
 ## 11.3.0
 
 ### Minor Changes

package/config/webpack/plugins/sku-webpack-plugin/index.js

@@ -152,6 +152,10 @@ class SkuWebpackPlugin {
       {
         // All CSS created by vanilla-extract
         test: /\.vanilla.css$/i,
+        // Don't process vanilla files from Playroom as they are handled separately.
+        // Virtual file paths will look more realistic in the future allowing
+        // more standard handling of include/exclude path matching.
+        exclude: /node_modules\/playroom/,
         use: makeVanillaCssLoaders({
           isProductionBuild,
           MiniCssExtractPlugin,

package/docs/docs/multi-language.md

@@ -138,5 +138,7 @@ An explanation of the pseudo-localization process, as well as possible use cases
 `en-PSEUDO` can be consumed just like any other language in your app:
 
 ```jsx
-const App = () => <VocabProvider language="en-PSEUDO">...</VocabProvider>;
+<VocabProvider language="en-PSEUDO">
+  <App />
+</VocabProvider>
 ```

package/lib/banner.js

@@ -23,8 +23,9 @@ module.exports = (type, heading, messages = []) => {
     }
   }
 
+  const columns = process.stdout.columns <= 0 ? 80 : process.stdout.columns;
   const gutter = 4;
-  const fullWidth = process.stdout.columns < 80 ? process.stdout.columns : 80;
+  const fullWidth = columns < 80 ? columns : 80;
   const contentWidth = fullWidth - gutter * 2;
 
   const border = highlight(Array(fullWidth).fill('-').join(''));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sku",
-  "version": "11.3.0",
+  "version": "11.3.3",
   "description": "Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less and Jest",
   "main": "index.js",
   "bin": {

package/scripts/test.js

@@ -1,6 +1,7 @@
 /* eslint-disable-next-line jest/no-jest-import */
 const jest = require('jest');
 
+const isCI = require('../lib/isCI');
 const baseJestConfig = require('../config/jest/jestConfig');
 const { argv } = require('../config/args');
 const { jestDecorator } = require('../context');
@@ -14,5 +15,9 @@ const { runVocabCompile } = require('../lib/runVocab');
 
   argv.push('--config', JSON.stringify(jestConfig));
 
+  if (isCI) {
+    argv.push('--ci');
+  }
+
   jest.run(argv);
 })();