Release sku@13.0.0 · seek-oss/sku

Major Changes

Export jest preset path (#984)

BREAKING CHANGE:

The jest preset is now accessible via a relative path rather than pointing to a module. This may affect users that require a jest config for debugging tests in their IDE. See the testing documentation for more information.

MIGRATION GUIDE:
```
// jest.config.js
+ const { preset } = require('sku/config/jest');

/** @type {import('jest').Config} */
module.exports = {
-  preset: 'sku/config/jest',
+  preset,
};
```
Update default supported browsers (#1000)

sku applications and libraries now default to supporting more recent browser versions:

Browser Oldest supported version

Chrome 84

Edge 84

Safari 14.1

Firefox 63

Samsung Internet 14.0

BREAKING CHANGE:

Production builds will now contain code that may not be compatible with older browser versions. If your application still needs to support older browsers, you can configure a custom browserslist query via the supportedBrowsers configuration option in your sku config.
Remove Storybook-related features from sku (#996)

BREAKING CHANGE

All Storybook-related features have been removed from sku. Sku no longer installs Storybook dependencies, configures Storybook, provides Storybook CLI commands, or re-exports Storybook APIs. If you are using Storybook, you will need to install Storybook dependencies yourself. See sku's Storybook documentation for more information.

MIGRATION GUIDE:

Update your sku config

The following sku configuration options have been removed:
- storybookAddons
- storybookPort
- storybookStoryStore
- storybookTarget
Please remove these properties from your sku configuration file, but keep the values around for use later in the migration.

Update your ignore files

Sku no longer manages certain Storybook-related ignore file entries.
Run sku configure to update your ignore files:
```
pnpm exec sku configure
```
You will need to re-add your storybookTarget value (from the previous step) to your .prettierignore, .eslintignore, and .gitignore files.

Install Storybook dependencies

sku was previously installing Storybook v7 dependencies for you. The first command below will install the latest (v8) Storybook dependencies.

If you wish to stay on Storybook v7 for the time being, use the second command below.

NOTE: Consumers that still depend on the deprecated storiesOf API will need to stay on Storybook v7 until they migrate away from this API.

Storybook v8:
```
pnpm install -D storybook @storybook/react @storybook/react-webpack5 @storybook/addon-webpack5-compiler-babel
```
Storybook v7:
```
pnpm install -D storybook@^7.6.17 @storybook/react@^7.6.17 @storybook/react-webpack5@^7.6.17
```
Configure Storybook

Sku no longer configures your Storybook main configuration file for you. To migrate to a minimal, sku-compatible Storybook configuration, first locate your .storybook/main.js file.
```
// .storybook/main.js - Old configuration

/** THIS FILE IS GENERATED BY SKU, MANUAL CHANGES WILL BE DISCARDED **/
import storybookConfig from 'sku/config/storybook';

export default { ...storybookConfig };
```
Rename this file to .storybook/main.ts and replace its contents with the following, making adjustments as necessary for your project:
```
// .storybook/main.ts - New configuration

import { babel, webpackFinal } from 'sku/config/storybook';
import type { StorybookConfig } from '@storybook/react-webpack5';

export default {
  stories: ['../src/**/*.stories.tsx'],
  features: {
    // Required for Storybook v7 if using the `storiesOf` API.
    // If you set `storybookStoryStore: false` in your sku config, you will want this.
    storyStoreV7: false,
  },
  framework: {
    name: '@storybook/react-webpack5',
    options: {
      builder: {
        fsCache: true, // For faster startup times after the first `storybook dev`
      },
    },
  },
  addons: [
    // Copy addons from your `storybookAddons` sku config here
    '@storybook/addon-webpack5-compiler-babel', // Required for Storybook >=8.0.0
  ],
  babel,
  webpackFinal,
} satisfies StorybookConfig;
```
See sku's Storybook documentation for more information on configuring Storybook.

Update package.json scripts

The sku CLI no longer provides the sku storybook and sku build-storybook commands. Please migrate to the official Storybook CLI:
```
// package.json
{
  "scripts": {
-    "storybook": "sku storybook",
     // Replace 8081 with your previously configured `storybookPort`,
     // if you configured one and wish to keep it
+    "storybook": "storybook dev --port 8081",
-    "build:storybook": "sku build-storybook"
      // Replace `dist-storybook` with your previously configured `storybookTarget`,
      // if you configured one and wish to keep it
+    "build:storybook": "storybook build --output-dir dist-storybook"
  }
}
```
Update Storybook imports

sku no longer re-exports Storybook APIs under the sku/@storybook/react entrypoint. Please update your imports to use the official Storybook package:
```
// MyComponent.stories.tsx

-import type { Meta } from 'sku/@storybook/react';
+import type { Meta } from '@storybook/react';
```
Remove LESS style support (#1005)

BREAKING CHANGE:

LESS style support has been removed.

MIGRATION GUIDE:

Please migrate all styles defined in .less files to Vanilla Extract styles. *.less.d.ts files are no longer git-ignored and should be deleted. Reach out in #sku-support if you need help with this migration.
Target sku's minimum supported node version when building the server entry (#1006)

BREAKING CHANGE

When building the server entry, the output code was previously transpiled to be compatible with a relatively old version of Node.js. This change updates the version to mirror sku's minimum supported Node.js version (18.20.0 at time of writing). SSR users should ensure their server's Node.js runtime is up-to-date with the minimum supported version.
Drop support for Node.js versions below 18.20.0 (#986)

BREAKING CHANGE:

The minimum supported Node.js version is now 18.20.0. Consumers must upgrade to Node.js v18.20.0 or later.
Remove support for orderImports config option (#1014)

BREAKING CHANGE:

orderImports is now always enabled and has been removed from the configuration options.

MIGRATION GUIDE

To reduce the number of changes when migrating to sku v13 you may choose to enable orderImports and run sku format before upgrading.

Remove orderImports from sku.config.ts:
```
// sku.config.ts

import { type SkuConfig } from 'sku';

export default {
- orderImports: false,
- orderImports: true,
} satisfies SkuConfig;
```
Then run sku format.

Note: Changing import order can affect the behaviour of your application. After running sku format, please ensure your app still works and looks as expected. Additionally, @ts-ignore comments above imports will not be moved as part of the autofix. These comments will need be moved manually.
Remove support for the env config property (#980)

BREAKING CHANGE:

Support for the env config property has been removed. This config property was deprecated in sku v7.0.0 in favour of the environments property. Please see the sku v7 migration guide for more information.
sourceMapsProd is now true by default (#979)

BREAKING CHANGE:

sourceMapsProd is now true by default. To enable the previous behaviour, set sourceMapsProd: false in your sku config:
```
// sku.config.ts
import type { SkuConfig } from 'sku';

export default {
  sourceMapsProd: false,
} satisfies SkuConfig;
```
NOTE: Production source maps can increase memory usage during builds to the point where the Node process exhausts its heap memory. If this occurs, you can increase the memory limit for the Node process by setting the NODE_OPTIONS environment variable to --max-old-space-size=4096 (or a higher value) before running the build command.

For example:
```
NODE_OPTIONS=--max-old-space-size=4096 sku build
```
Add peer dependency on @types/react@^17.0.0 || ^18.0.0 (#1016)

BREAKING CHANGE

sku now has a peer dependency on @types/react@^17.0.0 || ^18.0.0. Most, if not all consumers of sku should already have @types/react installed, but if not, you will need to install it.
Add explicit package exports (#984)

BREAKING CHANGE:

Importing from arbitrary subpaths within sku is no longer possible. See the API documentation for a comprehensive list of sku's API entrypoints.
Remove support for the --env CLI argument (#980)

BREAKING CHANGE:

Support for the --env CLI argument has been removed. This argument was replaced long ago by the --envrironment argument. There is currently no consumer usage of this argument, so there should be no changes required.
Remove type-only imports during transpilation and enforce correct type-only import syntax with verbatimModuleSyntax: true (#983)

This change enables babel to mimic the behaviour of TypeScript's verbatimModuleSyntax compiler option. The following code demonstrates the result of this change when transpiling TypeScript to JavaScript:
```
// Erased entirely
import type { A } from 'a';

// Rewritten to `import { b } from "bcd";`
import { b, type c, type d } from 'bcd';

// Rewritten to `import {} from "xyz";`
import { type xyz } from 'xyz';
```
This change is not expected to have an effect on bundled application code or library code. However, it may surface some TypeScript errors in compilePackage dependencies that do not adhere to the correct type-only import syntax. These errors should be fixed in the dependency's codebase.
sku init: Install dependencies with the package manager that was used to run the command (#982)

BREAKING CHANGE:

The sku init command will now install dependencies with the package manager that was used to run the command. This can be overridden via the --packageManager flag:
```
npx sku init my-app # Will install dependencies using npm
pnpm dlx sku init my-app # Will install dependencies using pnpm
npx sku init --packageManager yarn my-app # Will install dependencies using yarn
```
Drop support for react versions below 17.0.0 (#1016)

BREAKING CHANGE

sku no longer supports react versions below 17.0.0. Please upgrade your react version to 17.0.0 or higher.
Remove support for persistentCache configuration option (#1013)

BREAKING CHANGE:

Disabling persistentCache was previously necessary when using treat, which is no longer supported in sku. persistentCache is now always enabled and has been removed from the configuration options.

MIGRATION GUIDE:

Remove the persistentCache option from your sku config.
```
// sku.config.ts

import { type SkuConfig } from 'sku';

export default {
- persistentCache: false,
- persistentCache: true,
} satisfies SkuConfig;
```
Drop explicit file extensions when calling prettier (#985)

BREAKING CHANGE:

sku no longer passes explicit extensions to prettier during sku lint/sku format. Instead, your application's root directory will be the target, and prettier will format all files it supports. This may result in some files being formatted that were not previously formatted by prettier.
Remove support for the --tenant CLI argument (#980)

BREAKING CHANGE:

Support for the --tenant CLI argument has been removed. This is an old argument that has been unused within sku for a long time. There is currently no consumer usage of this argument, so there should be no changes required.
Remove support for the --build CLI argument (#980)

BREAKING CHANGE:

SUpport for the --build CLI argument has been removed. This is an old argument that has been unused within sku for a long time. There is currently no consumer usage of this argument, so there should be no changes required.

Browser	Oldest supported version
Chrome	84
Edge	84
Safari	14.1
Firefox	63
Samsung Internet	14.0

Minor Changes

Upgrade eslint to ^8.56.0 and eslint-config-seek to ^13.0.0 (#986)

Due to changes in eslint-config-seek@13.x, consumers may see new linting errors or warnings. Some of these may be auto-fixable via sku format, but others may require manual intervention. Please see the eslint-config-seek changelog for more information.

Add dom.iterable to the tsconfig lib compiler option (#983)

This change provides type definitions for iterable APIs on some DOM APIs. For example, this enables using for...of syntax or the keys() method on URLSearchParams:

const params = new URLSearchParams('a=1&b=2');

for (const [key, value] of params) {
  // Prints:
  // a 1
  // b 2
  console.log(key, value);
}

for (const key of params.keys()) {
  // Prints:
  // a
  // b
  console.log(key);
}

Patch Changes

Loosen esbuild dependency version to help prevent multiple versions of it ending up in node_modules (#1018)
Update @vocab/phrase dependency to ^2.0.1 (#1018)
Update @swc/core dependency to ^1.6.13 (#1018)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

sku@13.0.0

Choose a tag to compare

Sorry, something went wrong.

Sorry, something went wrong.

Uh oh!

No results found

Major Changes

Update your `sku` config

Update your ignore files

Install Storybook dependencies

Configure Storybook

Update `package.json` scripts

Update Storybook imports

Minor Changes

Patch Changes

Uh oh!

sku@13.0.0

Major Changes

Update your sku config

Update your ignore files

Install Storybook dependencies

Configure Storybook

Update package.json scripts

Update Storybook imports

Minor Changes

Patch Changes

Uh oh!

Update your `sku` config

Update `package.json` scripts