sku 11.2.8 → 11.3.2

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # sku
 
+## 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
+
+- Any app that configures `languages` will automatically have the `en-PSEUDO` language generated for them. ([#675](https://github.com/seek-oss/sku/pull/675))
+  `en-PSEUDO` is a generated language created by pseudo-localizing existing `en` translation messages in your app.
+  An explanation of the pseudo-localization process, as well as possible use cases for this language, can be found in [the Vocab docs].
+
+  `en-PSEUDO` can be consumed just like any other language in your app:
+
+  ```jsx
+  const App = () => <VocabProvider language="en-PSEUDO">...</VocabProvider>;
+  ```
+
+  **NB:** Statically-rendered apps will not be able to render an `en-PSEUDO` version of their app at build time.
+  If this is a use case that you would find useful, please reach out in #sku-support.
+
+  [the vocab docs]: https://github.com/seek-oss/vocab#pseudo-localization
+
 ## 11.2.8
 
 ### Patch Changes

package/config/vocab/vocab.js

@@ -1,17 +1,26 @@
 const { languages } = require('../../context');
 const log = require('debug')('sku:vocab:config');
+const { generator } = require('@vocab/pseudo-localize');
 
 const getVocabConfig = () => {
   if (!languages) {
     log('No languagages set. Skipping vocab');
     return null;
   }
+
   const result = {
     devLanguage: 'en',
     ignore: ['node_modules/sku/**', 'node_modules/vocab/**'],
     languages,
+    generatedLanguages: [
+      {
+        name: 'en-PSEUDO',
+        generator,
+      },
+    ],
   };
   log('Using Vocab options:', result);
+
   return result;
 };
 

package/docs/docs/multi-language.md

@@ -126,3 +126,19 @@ When formatting ICU messages vocab will format values such dates and numbers acc
   <App />
 </VocabProvider>
 ```
+
+## Pseudo-localization
+
+Any app that configures `languages` will automatically have the `en-PSEUDO` language generated for them.
+
+`en-PSEUDO` is a generated language created by pseudo-localizing existing `en` translation messages in your app.
+
+An explanation of the pseudo-localization process, as well as possible use cases for this language, can be found in [the Vocab docs](https://github.com/seek-oss/vocab#pseudo-localization).
+
+`en-PSEUDO` can be consumed just like any other language in your app:
+
+```jsx
+<VocabProvider language="en-PSEUDO">
+  <App />
+</VocabProvider>
+```

package/docs/docs/server-rendering.md

@@ -96,7 +96,7 @@ Last but not least, please note that commands for SSR are different to the ones
 
 - Use `sku start-ssr` to start your development environment. It uses both `port` and `serverPort` to spin up hot module reloading servers.
 - Use `sku build-ssr` to build your production assets. You can then run `node ./dist/server.js`. Your server will run at `http://localhost:xxxx`, where `xxxx` is `serverPort`.
-- Use `sku test-ssr` to test your application
+- Use `sku test` to test your application
 
 ## Multi-language support
 

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.2.8",
+  "version": "11.3.2",
   "description": "Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less and Jest",
   "main": "index.js",
   "bin": {
@@ -76,9 +76,10 @@
     "@types/loadable__component": "^5.13.1",
     "@vanilla-extract/babel-plugin": "^1.0.0",
     "@vanilla-extract/webpack-plugin": "^2.0.0",
-    "@vocab/core": "^1.0.4",
+    "@vocab/core": "^1.1.0",
     "@vocab/phrase": "^1.0.0",
-    "@vocab/webpack": "^1.0.0",
+    "@vocab/pseudo-localize": "^1.0.0",
+    "@vocab/webpack": "^1.1.0",
     "autoprefixer": "^10.3.1",
     "babel-jest": "^27.0.6",
     "babel-loader": "^8.2.2",

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);
 })();